.website{
	display: block;
}
.mobile{
	display: none;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/home/fonts/MaterialIcons-Regular.eot');
    /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url('/home/fonts/MaterialIcons-Regular.woff2') format('woff2'),
        url('/home/fonts/MaterialIcons-Regular.woff') format('woff'),
        url('/home/fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: text-bottom;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


/*ipad*/
@media all and (min-width: 768px) and (max-width: 1366px) {
	#page{
		width: 1185px;
	}
}
@media all and (min-width: 500px) and (max-width: 767px) {
	.banner_area {
	    height: 310px;
	    position: relative;
	}
}
@media all and (min-width: 400px) and (max-width: 499px) {
	.banner_area {
	    height: 220px;
	    position: relative;
	}
}
@media all and (min-width: 346px) and (max-width: 399px) {
	.banner_area {
	    height: 200px;
	    position: relative;
	}
}
@media all and (min-width: 320px) and (max-width: 345px) {
	.banner_area {
 	    height: 160px;
	} 
} 

/*for mobile*/
@media all and (min-width: 320px) and (max-width: 767px) {
  	body{
		background: url(/home/images/bg_banner_mobile2.jpg) no-repeat top center #0071ad;
		background-size: 100% 700px;
    	background-position-y: -1%;
	}
	.desktop_only{
		display: none;
	}
	.website{
		display: none;
	}
	.mobile{
		display: block;
	}
	#page{
		width: 100%;
		/*max-width: 767px;*/
		overflow: hidden;
	    margin: 0;
		padding: 0;
	}
	#page .background{
		width: 100%;
	}
	.topbox_title_wrap{
		display:none;
	}
	
	.home_content_area .tech_analysis .table .part{ width:100%; margin:10px 0 0 0;}
	.home_content_area .tech_analysis .table .part.one{ order:0;}
	.home_content_area .tech_analysis .table .part.two{ order:1;}
	.home_content_area .tech_analysis .table .part.three{ order:2;}
	.home_content_area .tech_analysis .table .part.four{ order:3;}
	.home_content_area .tech_analysis .table .part.five{ order:4;}
	.home_content_area .tech_analysis .table .part.six{ order:5;}	
	.home_content_area .tech_analysis .table .timer{ order:6; padding-right:0!important;} 
	
	.home_content_area .tech_analysis .table .col{ width:100%; float:none; margin:0!important;}
	.home_content_area .content_area .tech_analysis .box.sector tbody td .change{ display:inline-block; width:auto;}
	
	.header .container, 
	.container, 
	.home_content_area .content_area, 
	.banner_area .box,  
	.home_content_area .content_area .full_width .blog_area,  
	.home_content_area .content_area .full_width .pic_area, 
	.footer .db_description .disclaimer, 
	.home_content_area .content_area .two_col, 
	.home_content_area .content_area .one_col, 
	.home_content_area .content_area .top .one_col, 
	.home_content_area .content_area .top .two_col, 
	.home_content_area .content_area .box.quick_search_box .quick_search_area .quick_search input[type="text"], 
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .chart_area, 
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .terms{
		width: auto;
	}
	.footer .container {
		width: auto;
	}
	.home_content_area .content_area .one_col.left{
		float: inherit;
	    padding: 0;
	}
	.home_content_area .content_area .one_col.right, 
	.home_content_area .content_area .two_col.right {
	    float: inherit;
        padding: 0;
	}
	.home_content_area .content_area .full_width, 
	.home_content_area .content_area .full_width .blog_area{
		width: 100%;
	}

	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .terms, 
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .product_area, 
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .timer{
		border-bottom: none;
		min-height: 0;
	}
	
	.topbox_fill{
		    z-index: 1000;
	}
	.mm-wrapper.topbox_open{
		/*position: fixed;*/
	}

	/*general===============================================================================*/
	.header .info_area{
		float: inherit;
	}
	.header .info_area .lang{
		overflow: hidden;
		min-height: auto;
	}

	.header .info_area .name {
	    margin-bottom: 10px;
	}

	.header .info_area .info ul {
	    float: right;
	    width: 58%;
	}
	.header {
	    padding-bottom: 10px;
	    padding: 5px;
	}
	
	.header.new_style.scroll_down{ width:100%; box-sizing:border-box; background:#fff; padding:0;}

	.header .info_area .menu {
	    clear: both;
	  	width: 100%;
	  	position: absolute;
	  	left: 0;
  	    top: 145px;
  	    z-index: 1000;
	}
	
	.header.new_style .menu{ padding:0 10px; margin-left:0;}
	
	.header .logo {
	    background: url(/home/images/top_logo_mobile.png) center no-repeat;
	    background-size: cover;
    	width: 215px;
    	height: 51px;
	    float: left;
	}
	.header.new_style a.logo{
		position: absolute;
		top: -10px;
		left: 6px;
		background: none;
		width: auto;
		height: auto;
		float: none;
		z-index: 99;
	}
	.header.new_style a.logo img{
		width: auto;
    	height: 105px;
	}
	.header .mobile_search{
		background: url(/home/images/icon_input_search.jpg) no-repeat center left 5px #fff;
		width: 30px;
		height: 30px;
		border-radius: 4px;
		border: 1px solid #005495;
		float: right;
		margin-right: 1px;
		margin-bottom: 7px;
	}

	.header .mobile_search a{ 
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#top_search_menu_mobile{ 
	    position: absolute;
		width: calc(100% + 20px);
		background: #e1f3fd;
		padding: 27px 10px 10px 10px;
		box-sizing: border-box;
		left: -10px;
		top: 73px;
		z-index: 9;
	}
	.header.new_style .menu .search_box{
		width:100%;
	}
	#top_search_menu_mobile .search_box input[type="text"]{
		width: calc(100% - 32px);
	}
	#top_search_menu_mobile .search_box button{
		background: url(/home/images/icon_search_new_style.jpg) no-repeat center #0088cf;
		width: 32px;
		height: 32px;
		min-width: 0;
		float: right;
	}
	
	#top_search_menu_mobile .ac_results{ z-index:9999;}
	#top_search_menu_mobile .ac_results ul{ display:block; padding:5px; border-top:1px solid #e5e5e5; width:100%; box-sizing:border-box;}
	#top_search_menu_mobile .ac_results ul li{ line-height:30px; border-bottom:1px solid #e5e5e5; width:100%; float:none; border-right:none;}
	#top_search_menu_mobile .ac_results ul li a{ display:block; padding:0;}
	#top_search_menu_mobile .ac_results ul li .code{ float:left; margin-right:10px;}
 
	/* Style the navigation menu */
	.topnav {
	  	/*overflow: hidden;*/
	  	color: #fff;
	  	position: relative;
	}

	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #my-menu {
	  	display: none;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.20);
	}

	/* Style navigation menu links */
	.topnav a.icon {
	  	color: #005495;
	    padding: 0;
	    text-decoration: none;
	    font-size: 34px;
	    display: block;
	    text-align: right;
	}

	.inner_page .table .tl.left_side .display-days{
		margin-bottom: 5px;
	}

	/* Style the active link (or home/logo) */
	.active {
	  	background: #005495;
	  	color: #fff;
	}
	.header .info_area .menu ul{
		float: inherit;
		background: #0269b9;
	}

	.header .info_area .menu ul li a .fa-angle-down{
		float: right;
		margin-top: 5px;
	}
	.header .info_area .menu ul li.active a .fa-angle-down:before {
	    content: "\f106";
	}

	.header .info_area .menu ul li{
		background: none;
		width: 100%;
		float: inherit;
		line-height: 30px;
		margin-right: 0;
		padding-right: 0;
	}

	#my-menu ul li {
	    float: inherit;
	}
	
	#my-menu ul li.info {
		display: block;
	}
	
	.header .info_area #my-menu li ul.mobile-sub{
		display: none;
	}

	.header .info_area #my-menu li.active ul.mobile-sub{
		display: block;
	    background: #003863;
	}
	.header .info_area .menu ul li a {
	    padding: 5px 15px;
	    color: #e1f3fd;
	}

	.footer .bottom .logo{
	    width: 100%;
    	margin-top: 10px;
	}
	.footer .bottom .contact_info_area{
		float: inherit;
		margin-left: 0;
	}
	.footer .bottom .copyright_area .links li{
		margin-left: 0;
		margin-right: 10px;
	}


	/*home page=========================================================================*/
	.banner_area {
	    
	    /*height: 160px;*/
	    position: relative;
		/*background: url(/home/images/new-banner2021.jpg) no-repeat center;*/
		background-size: 100%;
	}


	.banner_area .box{
		font-size: 22px;
		width: 100%;
		bottom: 10px;
	}
	.banner_area .noncoll{
		padding-left: 10px;
		padding-top: 0;
	}

	.home_content_area .content_area .box.focus{
		margin-bottom: 0;
	}
	.home_content_area .content_area .box.focus .focus_area{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.home_content_area .content_area .box.focus .focus_area .date{
		/*width: 90px;*/
		width:100%;
		display:block;
		font-size: 15px;
		line-height: 1.2;
	}
	.home_content_area .content_area .box.focus .focus_area .txt{
		font-size: 15px;
		width:100%;
		display:block;
	}
	.home_content_area .content_area .box.focus .focus_area .code_area a:first-child{
		margin-left:0!important;
	}
	.home_content_area .content_area .box.focus > .tl{
		font-size: 18px;
		line-height: 40px;
		width: 100%;
		float: inherit;
	}
	.home_content_area .content_area .box.focus{
		min-height: 115px;
	}
	.home_content_area .content_area .box.product{
		min-height: 115px;
	}
	.home_content_area .content_area .box.product > .tl {
    font-size: 18px;
    line-height: 40px;
    width: 100%;
    float: inherit;
}
	
	.home_content_area .content_area .shortcut_area {
	    line-height: 60px;
	    margin-bottom: 5px;
	}
	.home_content_area .content_area .box.quick_search_box{
		margin-bottom: 5px;
	}
	.home_content_area .content_area .shortcut_area ul li{
		width: 49.5%;
	    float: left;
	    text-align: left;
	    margin-right: 0;
	    background-size: 122%;
	    font-size: 20px;
	    background-position-x: -28px;
	    background-position-y: center;
	    margin-bottom: 5px;
	}
	.home_content_area .content_area .shortcut_area ul li:first-child{
		margin-right: 1%;
	}
	.home_content_area .content_area .shortcut_area ul li:last-child{
		margin-left: 1%;
	}
	.home_content_area .content_area .shortcut_area ul li a{
		padding-left: 35px;
	}
	
	.popup#warrant_turnover .chart, .popup#warrant_turnover .remark{ display:none;}

	
	.subtabs_area ul.subtabs li a {
	    padding: 0 22px;
	}

	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .terms ul li, 
	.home_content_area .content_area .box.indeies .terms ul li{
		min-width: 114px;
	}
	.home_content_area .content_area .box.quick_search_box .terms_area, 
	.home_content_area .content_area .box.indeies{
		min-height: auto;
	}
	.home_content_area .content_area .box.indeies .product_area{
		min-height: auto;
	}
	.home_content_area .content_area .box.news > .tl {
	    background: url(../images/home_tl_arrow_four.png) no-repeat left 10px top 15px #1b638b;
	    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	    padding-left: 0;
	}
	.home_content_area .content_area .box.news > .tl .category{
		padding-left: 0;
	    margin-right: 13px;
	}
	.home_content_area .content_area .box.news{
		overflow: hidden;
		margin-bottom: 5px;
	}
	.home_content_area .content_area .box.indeies, 
	.home_content_area .content_area .box.sector{
		margin-bottom: 5px;
	}
	.news-tl{
		float: left;
		padding-left: 110px;
		padding-top: 8px;
	}
	.new-tl-select{
		float: right;
		padding-bottom: 5px;
	}
	.tabs_area ul.maintabs li a.current, 
	.tabs_area ul.maintabs li a:hover{
		border-width: 1px 1px 1px 1px;
	}
	.home_content_area .content_area .box.sector .tabs_area {
	    padding: 15px 15px 0 15px;
	}
	.home_content_area .content_area .box.news > .tl .more_news{
		margin-top: 3px;
	}
	.home_content_area .content_area .box.news > .tl{
		line-height: 50px;
	}
	.home_content_area .content_area .box.news > .tl .category{
	    text-align: center;
	    float: right;
	}
	.home_content_area .content_area .box.news > .tl .more_news{
		float: right;
		
	}
	.home_content_area .content_area .box.indeies .chart_area{
		width: 90%;
	}
	.device_mac .home_content_area .content_area .box.sub_edm .mail_area input[type="text"]{
		width: 170px;
		line-height: 1.3;
	}
	.home_content_area .content_area .full_width{
		margin-bottom: 5px;
	}
	.home_content_area .content_area .full_width .pic_area{
		height: auto;
	}
	.home_content_area .content_area .full_width .blog_area .article_record ul li.header{
		padding-bottom: 0;
	}
	.home_content_area .content_area .box.indeies .terms{
		width: 100%;
		margin-left: 0;
		border: none;
	}
	.home_content_area .content_area .box.indeies .terms ul{
		padding: 0 10px;
	}
	.home_content_area .content_area .box.indeies .timer{
		padding-top: 10px;
		border: none;
	}
	.home_content_area .content_area .box.indeies .product_area{
		border: none;
	}

	.home_content_area .content_area .box.quick_search_box .quick_search_area .quick_search, 
	.home_content_area .content_area .box.quick_search_box .quick_search_area .quick_search #search_code {
	    width: 100%;
	    line-height: 1.3;
	}
	.home_content_area .content_area .full_width .blog_area > .tl{
		background-size: 6%;
		padding-left: 40px;
	}
	.home_content_area .content_area .box.sector > .tl{
		background-size: 25%;
		padding-left: 110px;
	}

	.home_content_area .content_area .box.indeies .name, 
	.home_content_area .content_area .box.quick_search_box .quick_search_area {
	    padding-left: 40px;
	    background-size: 6%;
	}
	.home_content_area .content_area .box.news > .tl{
		background-size: 25%;
		overflow: hidden;
	}

	.home_content_area .content_area .box.quick_search_box .quick_search_area {
	    padding: 15px 15px 5px 40px;
	}
	.home_content_area .content_area .box.quick_search_box .terms_area .top{
		padding-bottom: 10px;
	}

	.inner_page .content_area{
		margin-bottom: 5px;
	}

	.inner_page .right .adv_chart_area .chart_filter_area .bollinger{
		float: left;
		margin: 0 5px 5px 5px;
	}

	.footer .bottom .logo {
	    background: url(/home/images/logo_footer.jpg) no-repeat center;
	    width: 66%;
	    margin-right: 4%;
	    background-size: contain;
	    /* height: 35px; */
	    float: left;
	}

	.footer .logo{
		float: left;
	}

	.footer .footer-logo{
		overflow: hidden;
		width: 100%;
		margin-bottom: 5px;
	}

	.footer .bottom .logo a{
		width: auto;
		display: block;
	}
	.mobile .media{
		float: right;
		width: 30%;
		margin-top: 5px;
	}

	.footer .bottom .mobile .media .fb {
	    width: 17px;
	    height: 17px;
	    background: url(/home/images/img_fb.jpg) no-repeat;
	    float: right;
	    margin-right: 15px;
	    margin-top: 7px;
	}

	.footer .bottom .mobile .media .in {
	    width: 17px;
	    height: 17px;
	    background: url(/home/images/img_in.jpg) no-repeat;
	    float: right;
	    margin-right: 0;
	    margin-top: 7px;
	}

	.footer .bottom .mobile .media .web {
	    float: inherit;
	    background: none;
	    padding-left: 15px;
	}

	.footer .bottom .mobile .media .web a{
		color: #005497;
	}

	/*table*/
	.home_content_area .tablesaw-cell-label{
    	font-size: 1em;
    	color: #0088CF;
    	font-weight: inherit;
	}
	.home_content_area .tablesaw-stack tbody tr:nth-child(even){
		background: #f5fcff;
	}

	.inner_page .tablesaw-stack td .tablesaw-cell-label{
    	font-size: 1em;
    	color: #0088CF;
    	font-weight: inherit;
    	width: 34%;
	}
	.inner_page .tablesaw-stack tbody tr:nth-child(even){
		background: #f5fcff;
	}
	.inner_page .right .detail .bid_ask_box .table {
    	width: 100%;
    	padding-right: 0;
	}
	#underlying.inner_page .right .detail .bid_ask_box .chart_area{
		width: 100%;
		padding-left: 0;
	}

	#dividend .table table{
		width: 500px;

	}
	table .rise, table .drop{
		line-height: 1.2;
		padding: 5px 0;
	}
	table .change{
		width: 100%;
    	display: block;
	}

	.home_content_area .content_area .box.sector table th.focus{
		width: 50px;
	}

	#sector_table{
		overflow-x: auto;
	}

	.x_scroll{
		overflow-x: auto;
		position: initial;
	}

	#sector_turnover_table colgroup{
		display: none;
	}

	#sector_turnover_table tr th{
		font-size: 0.8rem;
	}
	#top10_connect.inner_page .bar_area_table .txt{
		width: 100%;
	}
	
	.table table thead th{ font-size:13px;}
	
	.table table thead th.focus{
		line-height: 1.2;
	}

	#warrant_turnover .remark ul li{
		min-width: 45px;
		font-size: 0.8rem;
	}
	
	.popup .last_time, .popup .timer{ clear:both;}

	/*inner page=================================================================================*/
	.inner_page .banner_area .container .box{
		background-position-x: right;
		padding-left: 0;
		text-align: center;
		min-height: 60px;
		line-height: 1.2;
	    padding: 15px 0;
	}
	
	.inner_page .banner_area .container .box .search_box {
		float: right;
		padding: 0 15px 5px 15px;
		position: relative;
		width: 100%;
		background: #0957a1;
		box-sizing: border-box;
		margin: 0;
	}
	
	.inner_page .banner_area .container .box .search_box input[type="search"]{
		width:100%;
	} 
	
	.inner_page .banner_area .container .box .search_box .btn_search{ right:16px;}
	
	.inner_page .content_area > .left, 
	.inner_page .content_area > .right {
	    width: 100%;
	    float: inherit;
	}
	
	.inner_page .left .search_box{ display:none;}
	
	.product-list{ padding:10px;}
	.product-name{ line-height:24px;}
	.product-value{ padding:5px 0;}
	.product-price{ line-height:20px;}
	.product-change{ line-height:20px;}
	.recommend-area-corner{
		margin: 5px 0 0 0;
    	padding: 5px;
    	line-height: 20px;
	}
	.inner_page .container .content_area{}
	.inner_page .content_area > .left #tabs-container{ width:calc(100% - 30px);}
	
	#underlying.inner_page .right .term_price .last_area{
		width: 100%;
		border-right: none;
		padding-bottom: 10px;
		padding-right: 0;
	}
	#underlying.inner_page .right .term_price .price_area{
		width: 100%;
		padding-left: 0;
	}
	.inner_page .right .term_price .last_area .last_box .price{
		float: left;
	}
	.inner_page .right .adv_chart_area .chart_filter_area ul li{
		min-width: auto;
	}
	.inner_page .right .adv_chart_area .chart_filter_area .support_chart{
		float: inherit;
		width: 100%;
		overflow: hidden;
		padding-right: 0;
	}
	.inner_page .right .adv_chart_area .chart_filter_area .support_chart:last-child{
		overflow: hidden;
		border-left: none;
		padding-left: 0;
		padding-top: 10px;
	}
	.inner_page .subtabs_area ul.subtabs li a {
	    padding: 0 20px;
	}

	.inner_page .content_area .filter_area .filter ul:last-child li{
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.inner_page .right .term_price .price_area ul li > span{
		font-size: 1.2rem;
		display: block;
		margin-left: 0
	}

	.inner_page .right .term_price .price_area ul li, 
	.inner_page .right .term_price .price_area ul li:last-child{
		width: 33.333%
	}

	#calendar{
		height: auto;
	}
	.table table thead th.focus, .table table thead th.focus.single{
		width: 80px;
	}
	.inner_page .content_area .type_area{
		float: inherit;
	}
	.inner_page .content_area .filter_area .button_area button {
	    float: left;
	    margin-right: 2%;
	    width: 49%;
	}
	.inner_page .content_area .filter_area .button_area button.reset{
		margin-right: 0;
	}
	.subtabs_area ul.subtabs li{
	    margin: 0 1px 8px 0;
	}
	.subtabs_area ul.subtabs li{
		width: 33%;
	}
	.tabs_area ul.maintabs.three li, 
	#hkex_page .tabs_area ul.maintabs.three li {
	    width: 33%;
	}
	.tabs_area ul.maintabs.three li:first-child, 
	#hkex_page .tabs_area ul.maintabs.three li:first-child{
		margin-bottom: 0;
		border-width: 1px;
	}
	.tabs_area ul.maintabs.three li:nth-child(2), 
	#hkex_page .tabs_area ul.maintabs.three li:nth-child(2){
		width: 33%;
	    border-width: 1px 0 1px 0;
	    margin-bottom: 0;
	}
	.tabs_area ul.maintabs.four li {
	    width: 50%;
	    border-width: 1px;
	}
	.tabs_area ul.maintabs.four li:first-child{
		margin-bottom: 0;
		border-width: 1px 1px 0 1px;
	}
	.tabs_area ul.maintabs.four li:nth-child(2){
	    border-width: 1px 1px 0 0;
	    margin-bottom: 0;
	}
	.tabs_area ul.maintabs.four li:last-child{
		margin-bottom: 0;
		border-width: 1px 1px 1px 0;
	}
	.inner_page .content_area .filter_area .filter ul li{
		width: 100%;
	}
	.inner_page .content_area .filter_area .filter ul li label{
		float: inherit;
		min-width: auto;
	}
	.inner_page .chart_filter_area .subtabs_area ul.subtabs li{
		width: auto;
	}

	.inner_page .subtabs_area ul.subtabs li{
		width: 100%;
	}
	.inner_page .tabs_area ul.maintabs.three li{
		width: 100%;
	}
	#calendar_page.inner_page .tabs_area ul.maintabs.three li, 
	#result.inner_page .tabs_area ul.maintabs.three li, 
	#dividend.inner_page .tabs_area ul.maintabs.three li{
		width: 33.333%
	}

	#calendar_page.inner_page .tabs_area ul.maintabs.three li:nth-child(2), 
	#result.inner_page .tabs_area ul.maintabs.three li:nth-child(2), 
	#dividend.inner_page .tabs_area ul.maintabs.three li:nth-child(2){
		border-width: 1px 0 1px 0;
	}

	.inner_page .tabs_area ul.maintabs.three li:nth-child(2){
		border-width: 0 1px 0 1px;
	}

	#education.inner_page .education_content {
	    float: none;
	    width: 100%;
	}
	#education .txt{
 	}
	

	#education.inner_page .index_table{
		width: 100%;
		margin-right:0;
		float: none;
		overflow: hidden;
	}
	#education.inner_page .index_table ul li span.number{
		font-size: 18px;
	}
	#warrant_turnover .chart{
		width: 100%;
		height: 410px;margin-bottom: 10px;
		float: inherit;
	}
	#warrant_turnover .top_ten{
		width: 98%;
		float: inherit;
	}
	#warrant_turnover .remark{
		margin-left: 0;
	}
	.inner_page .table .right_side_filter{
		float: inherit;
		width: 100%;
	}
	.inner_page .table .right_side_filter label{
		float: inherit;
	}
	.inner_page .banner_area{
		margin-top: 0;
		background: none;
	}
	.inner_page .content_area .filter_area .filter ul li select, 
	.inner_page .content_area .filter_area .filter ul li input[type="text"]{
	    width: calc(100% - 80px);
	}
	.inner_page .content_area .filter_area .filter ul li .half, 
	.inner_page .content_area .filter_area .filter ul li span.submit{
	    width: calc(100% - 80px);	
	}
	/*.select2-container{
		width: calc(100% - 80px)!important;
	}*/
	.select2-container{
		width: calc(100% - 80px)!important;
		/*max-width: 235px!important;*/
	}
	.inner_page .content_area .filter_area .button_area .result{
		margin-left: 0;
	}
	#warrant_search .content_area .table, #cbbc_search .content_area .table{ overflow-x:scroll;}
	#warrant_search .content_area .table thead th div{
		min-height: 40px;
		min-width: 50px;
		height:auto;
	}

	.inner_page .right .term_price .last_area, 
	.inner_page .right .term_price .price_area{
		width: 100%;
		border-right: none;
	}
	.inner_page .right .term_price .price_area{
		padding-left: 0;
	}
	.inner_page .right .terms_tl .number{
		width: 72%;
	}
	.inner_page .right .detail .bid_ask_box .table table tbody td, 
	.inner_page .right .info_area .information_data .table table tbody td{
		width: 50%;
	}
	#warrant.inner_page .right .detail .bid_ask_box .chart_area{
		width: 100%;
	    height: 184px;
	    padding-left: 0;
	}
	.inner_page .right .info_area .information_data, 
	.inner_page .right .info_area .underlying_flow{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.banner_area .box{
		letter-spacing: 2px;
	}

	#hkex_page.inner_page .content_area .filter_area .filter ul li select, 
	#hkex_page.inner_page .content_area .filter_area .filter ul li input[type="text"], 
	#result.inner_page .content_area .filter_area .filter ul li select, 
	#result.inner_page .content_area .filter_area .filter ul li input[type="text"], 
	#dividend.inner_page .content_area .filter_area .filter ul li select, 
	#dividend.inner_page .content_area .filter_area .filter ul li input[type="text"]{
		width: calc(100% - 110px);
	}
	#hkex_page.inner_page .select2-container {
	    width: calc(100% - 110px)!important;
	}
	#education.inner_page .education_content p{
		padding-right: 0;
		clear:both;
	}
	#education.inner_page .education_content table{
		max-width: 100%;
	}
	#education.inner_page .index_table ul li a{ float:none; width:100%;}

	#focus.inner_page .article_record .focus_box{ width:100%; margin:0 0 20px 0; box-sizing:border-box;}
	#focus.inner_page .article_record .focus_box .txt{ min-height:0;}

	.home_content_area .content_area .box.sub_edm .mail_area input[type="text"] {
	    width: 52%;
	}

	.home_content_area .content_area .box.sub_edm .mail_area button{
	    width: 27%;
	    float: inherit;
	}

	/*popup*/
	.popup .tl{
		font-size: 18px;
		padding-left: 25px;
		background-position-x: right;
	}
	.popup .tl.no_top {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    line-height: 25px;
	}
	.on_device .popup#warrant_turnover .chart{
		width: 100%;
		height: 380px;
		float: inherit;
	}
	.on_device .popup#warrant_turnover .remark {
	    margin-left: 0;
	}
	.popup#warrant_turnover .top_ten{
		width: 97%;
	}
	.popup .tl span{
		font-size: 13px;
	}
	.inner_page .right .detail .bid_ask_box .table table tbody td, 
	.inner_page .right .info_area .information_data .table table tbody td{
		font-size: 0.9rem;
	}
	.inner_page .right .detail .bid_ask_box .table table tbody td span {
		float: right;
		font-size: 1rem;
	}
	.inner_page .right .info_area .information_data .table table tbody td{
		width: 33.3333%;
	}
	.inner_page .right .info_area .information_data .table table tbody td span {
		float: right;
		font-size: 1rem;
	}	
	.inner_page .right .info_area .underlying_flow .table table tbody td > span{
		font-size: 1.2rem;
	    display: block;
	    margin-left: 0;
	}
	.inner_page .right .adv_chart_area .chart_filter_area .support_chart select {
	    width: 72%;
	}
	.inner_page .right .adv_chart_area .chart_filter_area .support_chart button {
	    min-width: auto;
	    width: 25%;
	    float: right;
	}
	.inner_page .right #calculator_slider_underlying, 
	.inner_page .right #calculator_slider_iv, 
	.inner_page .right #calculator_slider_date{
		width: 70%;
	}
	.inner_page .right .calculator_area input[type="text"]{
		width: 26%;
	}
	.inner_page .right .calculator_area .button_area button{
		width: 48%;
	}
	.inner_page .right .calculator_area .button_area button.reset{
		width: 48%;
		margin-right: 0;
	}
	.inner_page .right .calculator_area .tl{
		text-align: center;
	}
	.inner_page.calculator .result .table table tbody td span{
		display: block;
	}
	.inner_page .right .result_detail .table thead th {
	    line-height: 20px;
	}
	.inner_page.calculator .table colgroup{
		display: none;
	}
	#cbbc.inner_page .right .detail .bid_ask_box .chart_area {
	    width: 100%;
	    height: 184px;
	    padding-left: 0;
	}
	
	#underlying.inner_page .right .adv_chart_area .chart_filter_area .support_chart select{
    	width: 51%;
	}
	#underlying.inner_page .right .adv_chart_area .chart_filter_area .support_chart button{
	    width: 12%;
	}
	#market_sector .remark ul li{
		min-width: 48px;
	}
	#market_sector #sector_turnover_table table thead th:first-child{ line-height:1.2;}
	#market_sector #sector_turnover_table table tbody td:first-child{ line-height:1.2;}
	
	#market_sector .table .sector #collapse_table h2 a:after{ 
	right: -10px;
    top: 14px;
    background-size: 10px;
	}
	#market_sector .table .sector #collapse_table h2.open a:after{
		background-size: 10px;
	}
	
	#warrant_focus.inner_page .table table tbody td.focus{
		width:80px;
	}
	
	#warrant_focus.inner_page .table table tbody td.focus a.call_code, 
	#warrant_focus.inner_page .table table tbody td.focus a.put_code, 
	#warrant_focus.inner_page .table table tbody td.focus a.bull_code, 
	#warrant_focus.inner_page .table table tbody td.focus a.bear_code {
		display:inline-block;
		margin-right:0;
		padding:0 3px;
	}	
	
	.article_record li.header{
		padding-bottom: 0;
	}
	.home_content_area .content_area .shortcut_area ul li:hover{
		background-size: 122%;
		background-position-x: -28px;
    	background-position-y: center;
	}
	.home_content_area .content_area .box.news > .tl .more_news a{
		padding: 0 10px;
	}
	#sitemap.inner_page ul {
	    width: 48%;
	    margin-right: 2%;
	    float: left;
	}
	#top10_connect.inner_page .table table thead th{
		min-width: 60px;
	}
	#warrant_top20.inner_page .table table thead th, 
	#warrant.os .x_scroll table thead th, 
	#warrant_newly_launched table thead th, 
	#warrant_expiring table thead th, 
	#warrant_settlement table thead th, 
	#cbbc_top20.inner_page .table table thead th, 
	#cbbc.os .x_scroll table thead th, 
	#cbbc_fundflow.inner_page .table table thead th, 
	#cbbc_newly_launched.inner_page .table table thead th, 
	#cbbc_expiring.inner_page .table table thead th, 
	#cbbc_settlement.inner_page .table table thead th, 
	#residual_value.inner_page .table table thead th{
		min-width: 70px;
	}
	#warrant_turnover.inner_page .table table thead th, 
	#warrant_fundflow.inner_page .table table thead th, 
	#cbbc_nearly_ko.inner_page .table table thead th, 
	#cbbc_ko_data.inner_page .table table thead th, 
	#stock_fundflow.inner_page .table table thead th{
		min-width: 90px;
	}
	
	#warrant_fundflow .table #moneyflow_table table tbody tr td.stock, #warrant_fundflow .table #moneyflow_table table thead tr th.stock{ font-size:13px;}
	#cbbc_fundflow .table #moneyflow_table table tbody tr td.stock, #cbbc_fundflow .table #moneyflow_table table thead tr th.stock{ font-size:13px;} 
	#stock_fundflow .table #moneyflow_table table tbody tr td.stock, #stock_fundflow .table #moneyflow_table table thead tr th.stock{ font-size:13px; line-height:18px;}  
	#stock_fundflow .table #moneyflow_table table tbody tr td.stock a, #stock_fundflow .table #moneyflow_table table thead tr th.stock a{ display:block;}
	
	

	/*cbbc_nearly_ko table th*/
	#cbbc_nearly_ko.inner_page .table table thead th:first-child{
		min-width: 45px;
	}
	#cbbc_nearly_ko.inner_page .table table thead th:nth-child(4), 
	#cbbc_nearly_ko.inner_page .table table thead th:nth-child(5), 
	#cbbc_nearly_ko.inner_page .table table thead th:nth-child(6){
		min-width: 50px;
	}

	#cbbc_nearly_ko.inner_page .table table thead th:nth-child(2){
		min-width: 145px;
	}

	/*sector table*/
	#sector_table table thead th:nth-child(4), 
	#sector_table table thead th.focus{
		min-width: 100px;
	}

	/*dividend table th*/
	#dividend.inner_page .table table thead th:first-child{
		min-width: 80px;
	}
	#dividend.inner_page .table table thead th:nth-child(3), 
	#dividend.inner_page .table table thead th:nth-child(5), 
	#dividend.inner_page .table table thead th:nth-child(6), 
	#dividend.inner_page .table table thead th:nth-child(7), 
	#dividend.inner_page .table table thead th.focus{
		min-width: 90px;
	}
 
	#dividend.inner_page .table table thead th:nth-child(4){
		min-width: 170px;
	}

	#warrant_fundflow.inner_page .table #moneyflow_table table thead th, 
	#cbbc_fundflow.inner_page .table #moneyflow_table table thead th,
	#stock_fundflow.inner_page .table #moneyflow_table table thead th {
		min-width: auto;
	}
	#ah_premium .table table tbody td{
		padding-left: 0;
	}

	#top10_connect.inner_page .table table thead th:first-child{
		min-width: 40px;
	}
	#top10_connect.inner_page .table table thead th:nth-child(6), 
	#top10_connect.inner_page .table table thead th:nth-child(7){
		min-width: 80px;
	}

	#warrant_top20.inner_page .table table thead th:first-child, 
	#warrant_top20.inner_page .table table thead th:nth-child(5), 
	#recommTable.table table thead th:first-child, 
	#recommTable.table table thead th:nth-child(2), 
	#recommTable.table table thead th:nth-child(4){
		min-width: 40px;
	}

	#warrant_top20.inner_page .table table thead th:nth-child(2){
		min-width: 100px;
	}

	#warrant_top20.inner_page .table table thead th:nth-child(4), 
	#warrant_top20.inner_page .table table thead th:nth-child(7), 
	#warrant_top20.inner_page .table table thead th:nth-child(8), 
	#recommTable.table table thead th:nth-child(3){
		min-width: 80px;
	}

	#warrant_top20.inner_page .table table thead th:nth-child(3), 
	#warrant_top20.inner_page .table table thead th:nth-child(5), 
	#warrant_top20.inner_page .table table thead th:nth-child(6), 
	#warrant_top20.inner_page .table table thead th:nth-child(10){
		min-width: 45px;
	}

	#warrant_top20.inner_page .table table thead th:nth-child(11), 
	#warrant_top20.inner_page .table table thead th:nth-child(12){
		min-width: 80px;
	}

	#cbbc_ko_data.inner_page .table table thead th:nth-child(3){
		min-width: 50px;
	}

	#top10_connect .filter_area .button_area button{
		margin-right: 0;
	    width: calc(100% - 80px);
	    margin-left: 80px;

	}
	.inner_page .content_area .filter_area {
	    padding: 10px;
	    min-height: 75px;
	}

	#ah_premium.inner_page .table table thead th:first-child, 
	#ah_connect.inner_page .table table thead th:first-child {
		min-width: 40px;
	}
	#hkex_page.inner_page .table table thead th:nth-child(2), 
	#hkex_page.inner_page .table table thead th:nth-child(3){
		min-width: 55px;
	}

	#ah_premium.inner_page .table table thead th:nth-child(2), 
	#ah_connect.inner_page .table table thead th:nth-child(2), 
	#recommTable.table table thead th:nth-child(6){
		min-width: 60px;
	}
	#ah_premium.inner_page .table table thead th:nth-child(3), 
	#ah_premium.inner_page .table table thead th:nth-child(4), 
	#ah_connect.inner_page .table table thead th:nth-child(3), 
	#ah_connect.inner_page .table table thead th:nth-child(4), 
	#recommTable.table table thead th:nth-child(5){
	    min-width: 70px;
	}
	#hkex_page.inner_page .table table thead th:first-child{
		min-width: 85px;
	}
	#ah_premium.inner_page .table table thead th:nth-child(5), 
	#ah_premium.inner_page .table table thead th:nth-child(6), 
	#ah_premium.inner_page .table table thead th:last-child, 
	#ah_connect.inner_page .table table thead th:nth-child(5), 
	#ah_connect.inner_page .table table thead th:nth-child(6),  
	#ah_connect.inner_page .table table thead th:last-child, 
	#recommTable.table table thead th:nth-child(8), 
	#recommTable.table table thead th:nth-child(9){
	    min-width: 100px;
	}
	#ah_connect.inner_page .table table thead th:nth-child(7), 
	#ah_connect.inner_page .table table thead th:nth-child(8), 
	#ah_connect.inner_page .table table thead th:nth-child(9){
		min-width: 110px;
	}

	#recommTable.table table thead th:nth-child(7){
		min-width: 120px;
	}

	.fc button{
		font-size: 0.7rem !important;
		padding: 0 .4rem!important;
	    height: 2rem !important;
	}
	.fc-state-default{
	    min-width: 40px !important;
	}
	.lang-mobile{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.mm-menu .lang-mobile a, 
	.mm-menu .lang-mobile a:active, 
	.mm-menu .lang-mobile a:hover, 
	.mm-menu .lang-mobile a:link, 
	.mm-menu .lang-mobile a:visited{
		color: rgba(255, 255, 255, 0.85);
	}
	.lang-mobile span{
		color: #002949;
	}
	.lang-mobile .mm-listitem__text{
    	flex-basis: auto;
    	flex-grow: 0;
	}
	.inner_page .right .terms_tl{
		padding-left: 0;
	}
	.inner_page .right .term_price {
	    border-bottom: 1px solid #000;
	    padding: 10px 0 10px 0;
	}
	.pager_area .pager .group a{
		width: 16px;
	}
	.pager_area select{
		font-size: 13px;
	}
	.inner_page .content_area .filter_area .filter ul li .half input[type="text"] {
    	line-height: 1.3;
	}
	#warrant.inner_page .right .detail .bid_ask_box table tr:nth-child(4) td:first-child span, 
	#warrant.inner_page .right .detail .bid_ask_box table tr:nth-child(5) td:first-child span, 
	#cbbc.inner_page .right .detail .bid_ask_box table tr:nth-child(4) td:first-child span, 
	#cbbc.inner_page .right .detail .bid_ask_box table tr:nth-child(5) td:first-child span{
		display: block;
		float: inherit;
		margin-left: 0;
	}
	.desktop{ display:none;}
	#trend.inner_page .table table.desktop{ display:none;}
	#trend.inner_page .table table.mobile{ display:table;}
	
 
 	.home_description{ color:#fff; text-align:right; font-size:12px; padding: 0 7px;}
	
	.icon.vs {
	    background: url(/home/images/cn_vs_hk_tc.png) no-repeat left center;
	    width: 80px;
	    display: inline-block;
	    height: 45px;
	    vertical-align: middle;
	    margin-top: 5px;
	}

	#top10_connect .result_table{
		margin-top: 0;
	}
	.home_content_area .content_area .box.focus .focus_area .code_area{
		/*width: 100px;*/
		width:100%;
		text-align:center;
		display:block;
		margin-top:5px;
	}

	.home_content_area .noncoll{
		padding: 5px;
		padding-right: 0;
		/*position: inherit;*/
		top: -30px;
		font-size: .8rem;
	}

	.code-area-pagination{
		display: none;
	}

	.code-area-pagination.mobile{
		display: block;
	}
	.swiper-container{
		padding-bottom: 30px !important;
	}

	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
		bottom: 0 !important;	
	}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
		padding: 10px 0;

	}
	.swiper-container img{
	  width: 100%;
	  display: block;
	}
	.warrant-code-area{
		display: none;
	}
	.home_content_area .content_area .box.product .warrant-code-area ul li{
		width: calc(50% - 10px);
    	margin: 10px 5px 0 5px;
    	box-sizing: border-box;
	}
	.warrant-code-area.mobile{
		display: block;

	}
	.warrant-code-area.mobile ul{
		/*display: flex;*/
		margin-top: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}
	.warrant-code-area.mobile ul:last-child{
		margin-bottom: 5px;
	}
	.warrant-code-area.mobile ul li{
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		/*border-bottom: 0;*/
		width: 50%;
    	box-sizing: border-box;
	}
	.warrant-code-area.mobile ul li:nth-child(2){
		border-left: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
	.warrant-code-area.mobile ul:last-child li{
		margin-bottom: 5px;
		/*border-bottom: 1px solid #45C7F4;*/
	}
	.warrant-code-area.mobile ul:first-child li{
		/*border-top: 1px solid #45C7F4;*/
	}
	
	.warrant-code-area ul li > a div.code{
		/*font-size:15px;*/
	}
	.warrant-code-area ul li > a div.name{
		font-size:15px;
	}
	.warrant-code-area ul li > a div{
		font-size:15px;
	}
	.home_content_area .content_area .box.focus .focus_area .call_code{ font-size:15px; line-height:30px;}
	.home_content_area .content_area .box.focus .focus_area .put_code{ font-size:15px; line-height:30px;}
	.home_content_area .content_area .box.focus .focus_area .bull_code{ font-size:15px; line-height:30px;}
	.home_content_area .content_area .box.focus .focus_area .bear_code{ font-size:15px; line-height:30px;} 



	#warrant_fundflow.inner_page .table .tl.left_side, 
	#cbbc_fundflow.inner_page .table .tl.left_side, 
	#stock_fundflow.inner_page .table .tl.left_side{
	    padding-bottom: 10px;
	    overflow: hidden;
	}

	#warrant_fundflow.inner_page .table .right_side_filter, 
	#cbbc_fundflow.inner_page .table .right_side_filter, 
	#stock_fundflow.inner_page .table .right_side_filter{
	    overflow: hidden;
	    padding-top: 5px;
	}


	/*mini site*/
	body.mini-site{
	    background: #2375af;
	    background-size: contain;
	    overflow-x: hidden;
	    width: 100%;
	}
	body.mini-site #page{
		width: 100%;
		padding: 0;
	}
	body.mini-site .header {
	    padding: 5px;
	}
	body.mini-site .banner_area{
		background: url(/home/images/bg-mobile-front.jpg) no-repeat center;
	    background-size: cover;
	    height: auto;
	    min-height: 410px;
	    width: 100%;
	}
	.bear-bg {
        background: url(/home/images/bear-bg.png) no-repeat bottom right;
	    background-size: 150px;
	    padding-right: 140px;
	    height: 170px;
	}
	.bull-bg {
	    padding-left: 140px;
	    background: url(/home/images/bull-bg.png) no-repeat bottom 62px left -15px;
	    background-size: 155px;
	    height: auto;
	}
	body.mini-site .text-content ul li{
		padding-left: 15px;
	}
	body.mini-site .home_content_area .content_area .box .text-content .bull-bg p.pb-15{
		padding-bottom: 50px;
	}
	body.mini-site .header .info_area .name {
	    display: none;
	}
	body.mini-site .header .info_area .info ul{
		width: 100%;
		margin-top: 20px;
	}
	body.mini-site .banner_area .box {
	    font-size: 22px;
	    width: 100%;
	    bottom: 10px;
	    text-align: center;
	}
	.bull-bg ul{
	    width: 83%;
	}
	.minisite-bg{
		background: url(/home/images/bg_banner_mobile2.jpg) no-repeat top center #2375af;
		/*background-size: contain;*/
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-size: cover;
		overflow-x: hidden;
		z-index: 0;
	}

	.mini-site .home_content_area .content_area .box .text-content p{
		padding-bottom: 0;
	}
	.mini-site .home_content_area .content_area .box .text-content p:last-child{
		padding-bottom: 20px;
	}
	.mini-site .website-only{
		display: none
	}
	.mini-site .mobile-only{
	  display: block;
	}
	.mini-site .home_content_area .content_area .box {
		padding: 5px 10px;
	}
	.mini-site .home_content_area .content_area .video-border{
		padding: 0;
	}
	.mini-site .footer .container{
		padding: 20px 0;
	}
	.mini-site .footer .container .db_description, 
	.mini-site .footer .container .links, 
	.mini-site .footer .container .copyright{
		padding-left: 15px;
		padding-right: 15px;
	}
	.mini-site .footer .bottom .logo{
		float: inherit;
		display: block;
		margin: 15px auto;
		position: inherit;
    	bottom: 0;
    	right: 0;
	}
	body.mini-site .footer .bottom .copyright_area .links li:first-child{
	  margin-left: 0;
	}
	body.mini-site .footer .copyright{
		margin-left: 0;
	}
	body.mini-site .bear-bg{
		background: url(/home/images/bear-bg.png) no-repeat top right;
	    height: 170px;
	    background-size: 150px;
	}
	.mini-site .footer .bottom .logo {
	    margin-top: 0;
	}
	body.mini-site .home_content_area .content_area .box.video-one{
	  padding-top: 65px;
	  background: url(/home/images/mini-img01.png) no-repeat top;
	  background-size: cover;
	}

	body.mini-site .home_content_area .content_area .box.video-two{
	  padding-top: 65px;
	  background: url(/home/images/mini-img02.png) no-repeat top;
	  background-size: cover;
	}
	body.mini-site .home_content_area .content_area .box.video-one iframe{
	  width: 100%;
	  height: 200px;
	}
	body.mini-site .home_content_area .content_area .box.video-two iframe{
	  width: 100%;
	  height: 200px;
	}
	body.mini-site .disclaimer {
	    letter-spacing: 0;
	    text-align: center;
	}
	body.mini-site .copyright_area{
		float: inherit;
	}
	.footer .bottom .copyright_area .links{
		float: inherit;
	}

	.copyright_area .links ul{
		width: 305px;
		margin: 0 auto;
	}
	.copyright_area .links ul li:last-child{
		width: 100%;
		text-align: center;
	}
	.mini-site .footer .container .copyright{
		text-align: center;
	}

	.table table tbody td.focus a.call_code, .table table tbody td.focus a.put_code, .table table tbody td.focus a.bull_code, .table table tbody td.focus a.bear_code{ display:inline-flex; padding:0 3px; margin-top:3px;}
	.table table tbody td.focus a:first-child{ margin-top:0!important; margin-right:0;}

}


/*for iphone5 */
@media all and (min-width: 320px) and (max-width: 345px) {
	
	
	body{
		font-size: 14px;
	}
	.header .logo {
	    background: url(/home/images/top_logo_mobile.png) center no-repeat;
	    background-size: cover;
    	width: 215px;
    	height: 51px;
	    float: left;
	}
	.news-tl {
	    padding-left: 80px;
	    padding-top: 5px;
	}

	.header .info_area .info ul {
	    float: right;
	    width: 65%;
	}

	.home_content_area .content_area .shortcut_area ul li{
		font-size: 17px;
	}
	.home_content_area .content_area .box.news > .tl .category{
	    float: inherit;
	    text-align: center;
	    width: 100%;
	    margin-top: 5px;
	    margin-right: 0;
	}
	.home_content_area .content_area .box.news > .tl .more_news {
	    float: inherit;
	    width: 100%;
	    text-align: center;
	    margin-right: 0;
	}
	.home_content_area .content_area .box.news > .tl .category select {
	    width: 74%;
	}
	.home_content_area .content_area .box.sector > .tl {
	    padding-left: 90px;
	}
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom .terms ul li, 
	.home_content_area .content_area .box.indeies .terms ul li {
	    min-width: 140px;
	}
	.home_content_area .content_area .box.quick_search_box .terms_area .bottom {
	    padding: 10px;
	}
	.home_content_area .content_area .box.news > .tl {
	    padding: 0 12px;
	}
	.home_content_area .content_area .box.indeies .timer{
		margin: 0 10px;
	}
	.home_content_area .content_area .box.indeies .chart_price_area, 
	.home_content_area .content_area .box.sector .tabs_area {
	    padding: 10px 10px 0 10px;
	}
	.home_content_area .content_area .box.indeies .chart_area{
		padding: 0 10px 0 10px;
	}
	.home_content_area .content_area .box.indeies .chart_area {
	    width: 94%;
	}
	.home_content_area .content_area .box.indeies .table{
		margin: 10px 10px 0 10px;
	}
	.home_content_area .content_area .box.sector .table{
	    padding: 0 10px;
	}
	.subtabs_area ul.subtabs li a {
	    padding: 0 16px;
	}
	.home_content_area .content_area .full_width .blog_area .article_record {
	    padding: 10px;
	}
	.device_mac .home_content_area .content_area .box.sub_edm .mail_area input[type="text"] {
	    width: 130px;
	}
	.inner_page .right .terms_tl .number {
	    width: 67%;
	}
	.inner_page .right .term_price .price_area ul li {
	    width: 31%;
	}
	.inner_page .right .term_price .price_area ul li:last-child{
		width: 38%;
	}
	.inner_page .tablesaw-stack td .tablesaw-cell-label {
	    width: 40%;
	}
	.inner_page .subtabs_area ul.subtabs li a {
	    padding: 0 15px;
	}
	.inner_page .right .adv_chart_area .chart_filter_area .support_chart select {
	    width: 71%;
	}

	.inner_page .content_area .filter_area {
	    padding: 10px;
	    min-height: 75px;
	}
	.inner_page .content_area{
		padding: 15px 10px 40px 10px;
	}
	.inner_page .content_area .filter_area .filter ul li select, 
	.inner_page .content_area .filter_area .filter ul li input[type="text"] {
	    width: calc(100% - 70px);
	}
	.inner_page .content_area .filter_area .filter ul li .half, 
	.inner_page .content_area .filter_area .filter ul li span.submit{
	    width: calc(100% - 70px);
	}
	.select2-container {
	    width: calc(100% - 70px)!important;
	}
	#education.inner_page .index_table ul li span.number{
		width: 56px;
	}
	.inner_page .tl{
		font-size: 18px;
	}

	#blog.inner_page .article_record ul li .date{
		min-width: 76px;
	}
	
	#cbbc_fundflow .table #moneyflow_table table tbody tr td.stock{
		font-size: 0.8rem;
	}
	#cbbc_fundflow .table #moneyflow_table table thead tr th{
		font-size: 0.8rem;
	}
	.table table thead th.focus {
	    width: 70px;
	}
	.home_content_area .content_area .shortcut_area ul li a {
	    padding-left: 25px;
	}

	.home_content_area .content_area .shortcut_area {
	    line-height: 50px;
	}
	.home_content_area .content_area .shortcut_area ul li{
	    background-size: 130%;
	    font-size: 18px;
	    background-position-x: -30px;
	    background-position-y: center;
	}
	.home_content_area .content_area .one_col.left, 
	.home_content_area .content_area .one_col.right, 
	.home_content_area .content_area .two_col.right {
	    float: inherit;
	    padding: 0;
	}
	.popup .tl span{
		display: block;
	}
	.inner_page .right .detail .bid_ask_box .table table tbody td span {
		float: right;
	}
	.inner_page .right .info_area .information_data .table table tbody td span {
		float: right;
	}
	.inner_page.calculator .table td, 
	.inner_page.calculator .table th {
	    font-size: 0.8rem;
	}
	.inner_page.calculator .table td span{
	    font-size: 1rem;
	}
	.inner_page .right #calculator_slider_underlying, 
	.inner_page .right #calculator_slider_iv, 
	.inner_page .right #calculator_slider_date {
	    width: 69%;
	}
	.inner_page .right .calculator_area .button_area button {
	    width: 47%;
	}
	#underlying.inner_page .right .adv_chart_area .chart_filter_area .support_chart select{
    	width: 44%;
	}
	#underlying.inner_page .right .adv_chart_area .chart_filter_area .support_chart button{
	    width: 14%;
	}
	#moneyflow_table table thead th, #moneyflow_table table tbody td{
		font-size: 0.8rem;
	}
	#moneyflow_table table thead th.focus {
	    width: 55px;
	    line-height: 1.4;
	}
	#warrant_turnover .top_ten table tbody td{
		font-size: 0.8rem;
	}
	.inner_page .banner_area .container .box{
	    font-size: 24px;
	}
	.tabs_area ul.maintabs li{
		font-size: 16px;
	}
	.inner_page .content_area .type_area li {
	    margin-right: 5px;
	}
	#cbbc_fundflow .table #moneyflow_table .label ul li.in, 
	#cbbc_fundflow .table #moneyflow_table .label ul li.out, 
	#warrant_fundflow .table #moneyflow_table .label ul li.in, 
	#warrant_fundflow .table #moneyflow_table .label ul li.out{
	    left: 5px;
	}
	
	.header .info_area .lang ul li{
		line-height: 20px;
	}
	#top10_connect.inner_page .table table thead th{
		min-width: 58px;
	}

	#warrant_turnover.inner_page .table table thead th, 
	#warrant_fundflow.inner_page .table table thead th{
		min-width: 75px;
	}

	#warrant_fundflow.inner_page .table #moneyflow_table table thead th{
		min-width: auto;
	}
	.tabs_area ul.maintabs.three li, #hkex_page .tabs_area ul.maintabs.three li {
	    width: 33.33333%;
	}
	#top10_connect .filter_area .button_area button{
		margin-right: 0;
	    width: calc(100% - 70px);
	    margin-left: 70px;
	}
	.fc-state-default{
	    min-width: 34px !important;
	}
	.inner_page .right .term_price .last_area .last_box .price{
		font-size: 46px;
	}
	.select2-container{
		max-width: 205px!important;
	}
	body.mini-site .banner_area {
	    background: url(/home/images/bg-mobile-front.jpg) no-repeat center;
	    background-size: cover;
	    height: auto;
	    min-height: 305px;
	    width: 100%;
	}
	body.mini-site .bear-bg{
		background: url(/home/images/bear-bg.png) no-repeat top right;
	    height: 150px;
	    background-size: 130px;
	}
	body.mini-site .bull-bg{
	    background-size: 130px;
	    padding-left: 115px;
	}
	body.mini-site .home_content_area .content_area .box .tl{
		font-size: 22px;
	}
	body.mini-site .disclaimer {
	    letter-spacing: 0;
	}
}