@charset "utf-8";
@import 'jphk_font.css';
@import 'tooltipster.bundle.min.css';
@import 'anythingslider.css';
@import 'ion.rangeSlider.css';
@import 'ion.rangeSlider.skinFlat.css';
@import 'os_chart.css?v2'; 
@import 'chart_money_flow.css';
@import 'tablesaw.css';
@import 'chosen.css';
@import 'datepicker.css';

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; 
	font-style:normal;
    font-weight: bold;
    src: local(YU Gothic), local(MS Gothic);
}
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75;  
    font-style: normal;
    font-weight: bold;
    src: local(MS Gothic), local(YU Gothic);
}

.desktop_only{ display:block;}
.mobile_only{ display:none;} 

.home_realtime_news, .header .menu_area .menu li .normal_sub .content .full .part .tl.news, .header .menu_area .menu li .normal_sub .content .full .part.news, #page.inside .tabs_area ul.tabs_break li.news, .top_info .realtime_search_area .search_area select option.news,  #page.inside .tabs_area ul.tabs_break li.no_bg a:after, #sitemap .right_area .page_area ul.section ul li.news{ }
.header .menu_area .menu li .normal_sub .content .full .part.no_bg{ }

.mobile_clear, .mobile_only{ display:none;} 

.inside_content .right_area .related_product .table table td.compare, .inside_content .right_area .related_product .table table th.compare{ display:none;}


.os_over_box{ position:fixed; padding:10px 15px; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1); width:310px; top:265px; left:55px; line-height:26px; z-index:999999;}
.os_over_box .tl{ font-size:24px; font-weight:bold; color:#54585a; line-height:28px;}
.os_over_box .t2{ font-size:15px; line-height:18px; margin:5px 0;}
.os_over_box .tl span{ font-size:16px; clear:both; display:block;}
.os_over_box button.close{ text-indent:-99999px; position:absolute; right:10px; top:10px; width:24px; height:24px; padding:0; background:url(/home/images/bg_icon_os_over_close.jpg) no-repeat center #b1b3b2;}
.os_over_box .table{ margin-top:5px;}
.os_over_box .table table thead th:first-child{ padding-left:10px; text-align:left;}
.os_over_box .table table tbody td:first-child{ padding-left:10px; text-align:left; background:url(/home/images/bg_line_os_over_box_td.jpg) no-repeat right;}
.os_over_box .table table tbody tr:first-child td{ border-top:none;}
.os_over_box .table table tbody tr:hover td:first-child{ background:url(/home/images/bg_line_os_over_box_td.jpg) no-repeat right!important;}
.os_over_box .table table tbody td.call a{ color:#4D7AA7;}
.os_over_box .table table tbody td.put a{ color:#ed8b00;}
.os_over_box .table table tbody td.bull a{ color:#1c6a64;}
.os_over_box .table table tbody td.bear a{ color:#a78216;}
.os_over_box .table table tbody td.inline_code a, .os_over_box .table table tbody td.inline a{ color:#564984;}
.os_over_box .table table tbody tr:hover td{ background:#fff!important;}
.os_over_box .table table tbody td{ border-right:none;}
.os_over_box .table .scroll{ max-height:300px; overflow-y:scroll;}
.os_over_box .table .scroll table tbody th{ background:#eaeaea; line-height:29px; border-top:none; text-align:left; padding-left:11px; font-size:13px; font-weight:bold;}
.os_over_box .table table tbody tr.highlight td{ background:#fde9d1;}
.os_over_box .table table tbody tr.highlight:hover td{ background:#fde9d1!important;}
.os_over_box .table table tbody tr.highlight td:first-child, .os_over_box .table table tbody tr.highlight:hover td:first-child{ background:url(/home/images/bg_line_os_over_box_td.jpg) no-repeat right #fde9d1!important;}
.os_over_box .table table tbody tr td{ line-height:29px;}
.os_over_box .table table tbody tr td .newlist{ font-size:14px;}

.focus_box{ position:fixed; bottom:39px; left:0; background:#54585a; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; z-index:999999999}
.focus_box a{ color:#fff; padding:32px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_focus_box.jpg) no-repeat top 7px center;}

.focus_box_index{ position:fixed; bottom:400px; left:0; background:#54585a; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; z-index:999999999}
.focus_box_index a{ color:#fff; padding:32px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_focus_box.jpg) no-repeat top 7px center;}

.focus_box_stock{ position:fixed; bottom:544px; left:0; background:#54585a; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; z-index:999999999}
.focus_box_stock a{ color:#fff; padding:32px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_focus_box.jpg) no-repeat top 7px center;}

.os_box{ position:fixed; bottom:90px; left:0; background:#54585a; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; z-index:999999999}
.os_box a{ color:#fff; padding:30px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_os_line_chart.png) no-repeat top 9px center;}

.hk_top10_box{ position:fixed; bottom:255px; left:0; background:#54585a; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; z-index:999999999}
.hk_top10_box a{ color:#fff; padding:32px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_hk_top10_box.png) no-repeat top 9px center;}

.comment_box{ position:fixed; bottom:250px; right:0; background:#54585a; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-top-left-radius:6px; border-bottom-left-radius:6px; z-index:999999999}
.comment_box a{ color:#fff; padding:32px 10px 10px 10px; line-height:22px; display:block; background:url(/home/images/icon_comment_box.jpg) no-repeat top 10px center;}
.message_box{ position:fixed; right:10px; background:#fff; width:290px; z-index:9999; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); bottom:170px;}
.message_box .tl{ background:url(/home/images/icon_message_box.jpg) no-repeat #54585a center left 20px; line-height:50px; padding:0 30px 0 55px; color:#FFF; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-left-radius:8px; border-top-right-radius:8px;}
.message_box .txt{ padding:20px 0; margin:0 20px; font-size:15px; border-bottom:1px solid #d8d9d9;}
.message_box .txt p{ margin-bottom:0;}
.message_box .txt p.large{ font-weight:bold; margin-bottom:3px;}
.message_box .txt a{ color:#54585a;}
.message_box .message_area{ padding:15px 20px 20px 20px;}
.message_box label{ display:block; font-size:15px; font-family:Arial, Helvetica; line-height:25px;}
.message_box textarea{ width:100%;}
.message_box input[type="text"]{ width:100%;}
.message_box .agree_box{ font-family:Arial, Helvetica; font-size:13px; margin:10px 0;}
.message_box .agree_box input{ float:left;}
.message_box button{ margin:0 auto; display:block; width:150px; line-height:36px; background:#ed8b00; font-size:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; outline:none;}
.message_box .close{ position:absolute; right:20px; top:17px;}

.blockUI.blockOverlay{ z-index:99999999999!important;}
.blockUI.blockPage{ z-index:999999999999!important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-sizing:border-box;}
.blockUI.blockPage h3{ margin:0; line-height:50px; padding:0 30px; text-align:left; font-size:16px; background:#54585a; line-height:50px; color:#FFF; padding:0 30px;}
.blockUI.blockPage .disclaimer{ font-size:15px; text-align:left; font-family:Arial, Helvetica; line-height:21px; padding:10px 30px;}
.blockUI.blockPage .disclaimer .tl{ font-size:15px; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica;}
.blockUI.blockPage .disclaimer a{ color:#54585a;}
.blockUI.blockPage #question .disclaimer .scroll{ overflow-y:auto; height:220px; font-size:13px;}
.blockUI.blockPage #question .disclaimer .tl{ font-size:14px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
.blockUI.blockPage #question .disclaimer ul.point{}
.blockUI.blockPage #question .disclaimer ul.point li{ margin-bottom:10px; font-family:Arial, Helvetica;}
.blockUI.blockPage #question .disclaimer ul.point li strong{ }

.blockUI.blockPage .option{ font-size:15px; margin:0 30px; text-align:left; border-top:1px #000 dashed; padding:10px 0 10px 0;}
.blockUI.blockPage .option label{ font-family:Arial, Helvetica;}
.blockUI.blockPage #question .option{ font-size:13px;}
.blockUI.blockPage #question .option .tl{ font-size:14px; margin-bottom:5px; font-weight:bold;}

.blockUI.blockPage .button_area{ padding:0 30px 30px 30px; text-align:center;}
.blockUI.blockPage .button_area .button{ margin:0 auto; width:150px; line-height:36px; background:#b1b3b3; font-size:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; outline:none; border:none; color:#FFF; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
.blockUI.blockPage #question .button_area .button#enter{ background:#ed8b00; float:left; -webkit-appearance:none; }
.blockUI.blockPage #question .button_area .button#leave{ float:right; -webkit-appearance:none;}
.blockUI.blockPage .button_area:after{ content:""; clear:both; display:table;}
.blockUI.blockPage .button_area input{ cursor:pointer;}

.blockUI.blockPage .agreement{ font-size:15px; text-align:left; font-family:Arial, Helvetica; line-height:21px; padding:10px 30px;}
.blockUI.blockPage .agreement .tl{ font-size:15px; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica;}
.blockUI.blockPage .agreement a{ color:#54585a;}


*{ font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
  
body{ margin:0; padding:0; color:#000; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
#page{ background:#fff; min-width:1220px;}
#page .content{ width:1200px; margin:0 auto;  padding:0 10px; position:relative; box-sizing:unset;}
#page .content:after{ content:""; display:table; clear:both;}
img{ border:none;}
.clear{ clear:both;}
ul{ margin:0; padding:0; list-style:none;}
ul li{ float:left;}
ul.point{ list-style:disc;}
ul.point li{ float:none; margin-left:15px;}
ul.point li ul{ list-style:circle;}
a{ text-decoration:none;}
.link a{ text-decoration:none;}
.link a:hover{ text-decoration:underline;}
p{ font-family:Arial, Helvetica; margin-top:0; margin-bottom:10px;}
p a{ text-decoration:underline;}
input, select, textarea{ box-sizing:border-box; font-family:Arial, Helvetica;}
textarea{ border:1px solid #d8d9d9; font-size:15px; line-height:31px; padding:0 10px;}

input[type="text"]{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
select{ font-family:Arial, Helvetica; background-image:-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);}
.ui-datepicker select{ background:transparent; color:#fff; border:none; padding:0; height:auto; line-height:normal; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:24px; line-height:24px;}
.ui-datepicker select option{ color:#000;}
.ui-datepicker select:focus{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input[type="text"], select { border:1px solid #d8d9d9; line-height:31px; height:31px; padding:0 10px;} 
input[type="text"]:focus, select:focus, textarea:focus{ border-color:#575757; outline-color:#575757; box-shadow:0 0 10px #d8d9d9;}
input[type="text"].datepicker{ background:url(/home/images/icon_search_date.png) no-repeat right; padding:0 36px 0 10px;}
input.date{ background:url(/home/images/icon_input_date.jpg) no-repeat center right 5px #fff!important; font-family:Arial, Helvetica;}
input.date.short{ width:140px!important;}
button{ background:#ed8b00; color:#FFF; border:none; line-height:25px; padding:0 20px; font-size:15px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
button:focus{ border-color:#88abd5; outline-color:#88abd5; outline-width:1px; border-width:1px; box-shadow-color:#88abd5;}
.rise, .green, .itm{ color:#228a02!important;}
.drop, .red, .otm{ color:#ee3224!important;}
.call{ color:#4D7AA7!important;}
.bull{ color:#1c6a64!important;}
.put{ color:#ed8b00!important;} 
.bear{ color:#a78216!important;}
.inline_code, .inline{ color:#564984!important;}
.inline .table table thead th, .table table tbody td, .inline .option_area, .inline.inside_content .left_area .quick_search .terms_area ul li, .inline.inside_content .left_area .quick_search .timer, .inline.inside_content .timer{ color:#000;}
.no_top_space{ margin-top:0!important;}
.no_bottom_space{ margin-bottom:0!important;}
.timer{ font-size:12px; font-family:Arial, Helvetica; line-height:18px; margin-top:10px;}
.timer.reload{ line-height:38px; margin-top:0;}
.timer.reload span a{ background:url(/home/images/icon_timer_reload.jpg) no-repeat left; padding-left:22px; font-size:15px; display:inline-block; margin-left:10px; line-height:38px; color:#4e8bc1;}
.timer.reload span a:hover{ text-decoration:underline;}
.timer_area .left{ float:left;}
.timer_area .right{ float:right;}
.timer_area .remark{ font-size:13px; font-weight:bold; font-family:Arial, Helvetica; margin-top:10px;}
.footnote{ font-size:13px; font-weight:bold; font-family:Arial, Helvetica; margin:10px 0;}
.disc{ font-size:13px; font-weight:bold; font-family:Arial, Helvetica; margin:10px 0;}
.timer_area:after{ content:""; display:table; clear:both;}
.border{ height:71px; background:url(/home/images/bg_border.jpg) repeat-x;}
.border.dashed{ height:71px; background:url(/home/images/bg_border_dashed.jpg) repeat-x;}
.unit{ font-family:Arial, Helvetica; font-size:13px; line-height:23px;}
.description span, .description span{ float:left; width:12px; height:12px; margin-left:20px; margin-right:5px;}
.description span.red{ background:#ee3224;}
.description span.green{ background:#228a02;}
.description span.flowin{ background:#1b435b;}
.description span.flowout{ background:#8b460e;}
.description span.blue{ background:#88abd5;}
.description span.brown{ background:#ed8b00;}
.description li{ font-size:13px; font-family:Arial, Helvetica; margin-right:15px; padding-left:15px;}
.sub_tabs_area .description li{ line-height:29px; font-size:13px; font-family:Arial, Helvetica; margin-right:15px; padding-left:20px;}
.chart_area .description li{ line-height:44px; font-size:13px; font-family:Arial, Helvetica; margin-right:15px; padding-left:20px;}

.signal_area .signal, #tooltip_content_more .signal, .signal_area .signal, .tooltip_content_more .signal{ font-family:Arial, Helvetica; font-size:13px; color:#54585a; line-height:16px; border:1px solid #54585a; padding:0 3px; margin:1px 3px 0 0; float:left; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.signal_area .signal.more{ background:#54585a; color:#FFF; font-weight:normal; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0;}
.signal_area .signal a{ color:#FFF!important; font-weight:normal; text-decoration:none!important; display:block; padding:0 6px;}
.signal_area .signal:last-child{ /*margin-right:0;*/}
.signal_area .signal.more{ margin-right:0;}


.ratio_bar_chart .bar_chart_area .sector{ font-size:13px; line-height:15px; color:#88abd5; margin-bottom:2px; margin-top:1px;}
.ratio_bar_chart .bar_chart_area .sector .sector_tl{ color:#000; margin-right:5px;}
.ratio_bar_chart .bar_chart_area .sector a{ padding-right:10px; color:#88abd5!important; text-decoration:none!important; background:url(/home/images/arrow_sector.jpg) no-repeat right; cursor:text;}
.ratio_bar_chart .bar_chart_area .sector a:hover{ /*text-decoration:underline!important;*/}
.ratio_bar_chart .bar_chart_area .bar_chart{ clear:both; width:130px; margin:0 auto; display:inline-flex;}
.ratio_bar_chart .bar_chart_area .bar_chart .bar{ float:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; height:12px; line-height:12px; text-align:center;}
.ratio_bar_chart .bar_chart_area .bar_chart .bar.rise{ background:#228a02; color:#FFF!important; -webkit-border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; min-width:20px;}
.ratio_bar_chart .bar_chart_area .bar_chart .bar.level{ background:#fff; color:#000!important; min-width:20px;}
.ratio_bar_chart .bar_chart_area .bar_chart .bar.drop{ background:#ee3224; color:#FFF!important; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; min-width:20px;}

.table table{ border-collapse:collapse; font-family:Arial, Helvetica;}
.table table thead th{ background:#eaeaea; font-size:13px;}
.table table tbody td{ font-size:15px;}
.table table tbody td span.realtime{ color:#ed8b00; font-size:13px; font-family:Arial, Helvetica;}
.table table tbody td span.realtime a{ background:#83a5cd; color:#fff; padding:2px 5px; font-weight:normal; font-family:Arial, Helvetica; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.table table tbody tr:hover td span.realtime a{ color:#fff;}

.table table tbody td, .table table tbody th{ border-right:1px solid #eee;}
.table table tbody td:last-child, .table table tbody th:last-child{ border-right:none;}
.table table thead th.left, .table table tbody th.left, .table table tbody td.left{ text-align:left;}
.table table thead th.right, .table table tbody th.right, .table table tbody td.right{ text-align:right;}
.table table tbody td.bold{ font-weight:bold;}
.table table tbody td a{ color:#ed8b00; /*font-weight:bold;*/}
.table table tbody tr:hover td a, .table table thead th a:hover{ text-decoration:underline; color:#ed8b00;}
.table table tbody tr:hover td .signal a{ color:#FFF; text-decoration:none;}

/*.table table tbody td .call a, .table table tbody td .bull a{ color:#4D7AA7; font-weight:bold;}*/
.table table tbody td .call a{ color:#4D7AA7; font-weight:bold;}
.table table tbody td .bull a{ color:#1c6a64; font-weight:bold;}
.table table tbody tr:hover td .call a, .table table tbody td .call a:hover{ color:#4D7AA7;}
.table table tbody tr:hover td .bull a, .table table tbody td .bull a:hover{ color:#1c6a64;}
/*.table table tbody td .put a, .table table tbody td .bear a{ color:#54585a; font-weight:bold;}*/
.table table tbody td .put a{ color:#ed8b00; font-weight:bold;}
.table table tbody td .bear a{ color:#a78216; font-weight:bold;}
.table table tbody tr:hover td .put a, .table table tbody td .put a:hover{ color:#ed8b00;} 
.table table tbody tr:hover td .bear a, .table table tbody td .bear a:hover{ color:#a78216;}
.table table tbody td .inline_code a, .table table tbody td .inline a{ color:#564984; font-weight:bold;}
.table table tbody tr:hover td .inline_code a, .table table tbody td .inline_code a:hover, .table table tbody tr:hover td .inline a, .table table tbody td .inline a:hover{ color:#564984;}

.table table tbody td .underlying a{ color:#000; font-weight:normal;}
.table table tbody tr:hover td .underlying a, .table table tbody td .underlying a:hover{ color:#000;}
.table table thead th a{ font-weight:normal;}
.table table tbody tr:hover td, .table table tbody tr:nth-child(even):hover td, .table table tbody tr:nth-child(even):hover td.highlight{ background:#d8d9d9; cursor:default;}
.table table tbody tr:nth-child(even) td{ /*background:#f5f5f5;*/}
.table table thead th, .table table tbody td{ border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; line-height:39px; text-align:left; padding:0 5px; text-align:center;}
.table table thead th.head_tl{ text-align:left; font-size:18px; font-weight:bold; background:#b1b3b3;}
.table table thead th.line, .table table tbody td.line{ line-height:15px;}
.table table tbody td.line span.unit{ display:block;}
.table table thead th.center, .table table tbody td.center{ text-align:center;}
.table table thead th:first-child, .table table tbody td:first-child, .table table.sorting tbody th:first-child, .table table.sorting thead th:first-child, .table table.sorting tbody td:first-child{ padding-left:15px;}
.table table tbody th{ border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; font-weight:normal; line-height:39px; background:#eaeaea;}
.table table thead th.left_border, .table table tbody td.left_border, .table table tbody th.left_border{ border-left:1px solid #bfbfbf;}
.table table thead th.right_border, .table table tbody td.right_border, .table table tbody th.right_border{ border-right:1px solid #bfbfbf;}
.table table tbody td.highlight, .table table tbody th.highlight{ background:#e7eef7;} 
.table table tbody tr:nth-child(even) td.highlight, .table table tbody tr:nth-child(even) th.highlight{ background:#e2e9f1;}
.table table tbody tr td.calculator{ width:150px;}
.table table tbody tr td.calculator input[type="text"]{ width:68px; height:26px; line-height:26px;}
.table table tbody tr td.calculator button{ line-height:26px; height:26px; border:none; padding:0 10px; margin:6px 3px; font-size:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#4D7AA7;}
.table table tbody tr td.result{ width:100px;}
.table table tbody tr td.rating span{ font-weight:bold; font-size:16px;}
.table table tbody tr td.rating span:last-child{ font-weight:normal; font-size:15px;}
.table table tbody tr td.focus span{ padding:0 5px;}
.table table tbody tr td.focus span.call, .table table tbody tr td.focus span.put, .table table tbody tr td.focus span.bull, .table table tbody tr td.focus span.bear{ padding:0;}
.table table tbody tr td.chart_pop button{ width:24px; height:24px; text-indent:-99999px; padding:0; background:url(/home/images/bg_icon_chart_popup.jpg) no-repeat center #ed8b00; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.table table tbody tr td.signal_td{}
.table table tbody tr td.signal_td .signal{}
.table table tbody tr td.download button{ width:24px; height:24px; text-indent:-99999px; padding:0; background:url(/home/images/bg_icon_download.jpg) no-repeat center #ed8b00; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.table table thead tr th.listing, .table table tbody tr th.listing, .table table tbody tr td.listing{ font-weight:bold;}
.table table thead tr.colspan_style th{ line-height:19px;}
.table table thead tr.colspan_style th.no_padding_left{ padding-left:5px;}
.table table.sorting thead tr.colspan_style th.no_padding_left{ padding-left:10px;}
.table table thead tr.colspan_style th.no_border{ border:none;}
.table table thead tr.colspan_style th.no_border_top{ border-top:none}
.table table thead tr.colspan_style th.no_border_bottom{ border-bottom:none;}
.table table tbody td a.calculate{ color:#000; text-decoration:underline; font-weight:normal;}
.table table tbody tr:hover td a.calculate, .table table tbody td a.calculate:hover{ color:#000;}

.table table.sorting tbody th, .table table.sorting thead th, .table table.sorting tbody td, .table table.sorting tbody th.highlight{ padding:0 10px;}
.table table.sorting tbody th{ line-height:initial;}
.table table.sorting tbody th{ background:#54585a; border-right:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; box-sizing:border-box;}
.table table.sorting tbody th span{ display:inline-block; width:20px; height:20px;}
.table table.sorting tbody th span.ascending{ background:url(/home/images/icon_white_ascending.png) no-repeat center;}
.table table.sorting tbody th span.descending{ background:url(/home/images/icon_white_descending.png) no-repeat center;}
.table table.sorting tbody th span.ascending.on{ background:url(/home/images/icon_orange_ascending.png) no-repeat center;}
.table table.sorting tbody th span.descending.on{ background:url(/home/images/icon_orange_descending.png) no-repeat center;}

.table table.sorting tbody th span.ascending_blue{ background:url(/home/images/icon_blue_ascending.png) no-repeat center;}
.table table.sorting tbody th span.descending_blue{ background:url(/home/images/icon_blue_descending.png) no-repeat center;}
.table table.sorting tbody th span.ascending_blue.on{ background:url(/home/images/icon_blue_ascending_on.png) no-repeat center;}
.table table.sorting tbody th span.descending_blue.on{ background:url(/home/images/icon_blue_descending_on.png) no-repeat center;}

.table table.sorting tbody th span.ascending_brown{ background:url(/home/images/icon_brown_ascending.png) no-repeat center;}
.table table.sorting tbody th span.descending_brown{ background:url(/home/images/icon_brown_descending.png) no-repeat center;}
.table table.sorting tbody th span.ascending_brown.on{ background:url(/home/images/icon_brown_ascending_on.png) no-repeat center;}
.table table.sorting tbody th span.descending_brown.on{ background:url(/home/images/icon_brown_descending_on.png) no-repeat center;}

.table table.sorting tbody th:last-child{ border-right:none;}
.table.detail table tbody td.line{ padding:4px 15px;}
.table.detail table tbody td.line span{ display:inline-block;}
.table.detail table tbody td span.line{ float:left; font-size:13px; line-height:18px; font-family:Arial, Helvetica;}
.table.detail table tbody td:after{ content:""; position:absolute; width:6px; height:40px; background:#FFF; top:0; right:0;}
.table.detail table tbody td:before{ content:""; position:absolute; width:6px; height:40px; background:#FFF; top:0; left:0;}
.table.detail table tbody td.line:before{ height:49px;}
.table.detail table tbody td.line:after{ height:49px;} 
.table.detail table tbody tr:hover td{ background:none;}
.table.detail table tbody tr:hover td:after, .table.detail table tbody tr:hover td:before{ /*background:#d8d9d9; top:-1px;*/}
.table.detail table tbody tr:first-child td:before, .table.detail table tbody tr:first-child td:after{}
.table.detail table tbody tr:last-child td{ border-bottom:0;}
.table.detail table tbody tr:last-child td:before, .table.detail table tbody tr:last-child td:after{ height:38px;}
.table.detail table thead th{ text-align:left;}
.table.detail table thead th.tl{ font-size:18px; padding-right:15px;}
.table.detail table tbody td span{ float:right; font-size:18px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
.table.detail table tbody td span span{ float:none;}
.table.detail table tbody td span span.unit{ /*float:right;*/ font-size:13px; font-family:Arial, Helvetica;}
.table.detail table tbody td{  position:relative; width:330px; padding:0 15px; box-sizing:border-box; font-size:13px; font-family:Arial, Helvetica; text-align:left; border-right:none; vertical-align:top;}
.table.detail table tbody td div.desktop_only, .table.detail table tbody td div.mobile_only{ font-family:Arial, Helvetica;}
.table.detail table tbody td:first-child{ width:335px;}
.table.detail table tbody td:nth-child(2){ width:330px;}
.table.detail table tbody td:last-child{ width:330px;}
.table.detail table tbody td.chart_area{ padding:0; vertical-align:top; border-bottom:none;}
.table.detail table tbody td.chart_area:after, .table.detail table tbody td.chart_area:before{ bottom:-1px; top:auto; height:1px;}
#terms.inside_content.underlying .table.detail table tbody td.chart_area:after, #terms.inside_content.underlying .table.detail table tbody td.chart_area:before{ bottom:0px;}
.table.detail table tbody tr:hover td.chart_area:after, .table.detail table tbody tr:hover td.chart_area:before{ bottom:-1px; top:auto; height:1px; background:#fff;}

.table.detail table tbody td.large{ font-size:16px;}
.table.detail table tbody td.termination_style{ padding-bottom:30px;}
.table.detail table tbody td.termination_style .termination{ border-top:1px #d8d9d9 solid; position:absolute; width:302px; left:6px; padding:0 9px;}

.table.detail table tbody td.chart_area .chart{ width:335px;}
.table.detail table tbody td.chart_area .chart .tl{ background:#88abd5; line-height:20px; font-family:Arial, Helvetica; color:#FFF; font-size:13px; border-bottom:1px solid #d8d9d9; padding-left:15px;}
.table.detail table tbody td.chart_area .chart .tl span.description{ font-size:13px; font-family:Arial, Helvetica; color:#f9a13f; background: url(/home/images/bg_line_description_orange.jpg) no-repeat left #fff; padding-left:20px; position:relative;}
.table.detail table tbody td.chart_area .chart .tl span.description:before{ content:""; background:url(/home/images/bg_chart_last_close.jpg) no-repeat; width:20px; height:20px; position:absolute; left:-19px; top:0;}

.table.detail table tbody td.time_bar_td{ border-bottom:none; padding:0;}
.table.detail table tbody td.time_bar_td .time_bar_bg{ background:#f5f5f5; padding:0 15px; border-top:none;}
.table.detail table tbody td.time_bar_td .time_bar_bg:after{ content:""; display:table; clear:both;}
.table.detail table tbody td.time_bar_td:after, .table.detail table tbody td.time_bar_td:before, .table.detail table tbody tr:hover td.time_bar_td:after, .table.detail table tbody tr:hover td.time_bar_td:before{ background:#f5f5f5;}
.table.detail table tbody td.time_bar_td .time_bar_area{ float:left; margin:25px 0; position:relative;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date{ position:absolute; font-size:12px; text-transform:uppercase; line-height:13px; font-family:Arial, Helvetica; width:15px; text-align:center; top:-13px; left:-8px;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date span{ font-size:14px; display:none;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-26px; bottom:-18px;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;} 
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar{ width:233px; height:12px; background:#d8d9d9; float:left; margin:0 36px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time{ position:relative; float:left; background:#4D7AA7; height:12px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time .label_today{ position:absolute; font-size:12px; text-transform:uppercase; line-height:16px; width:50px; top:15px; right:-25px; text-align:center; font-family:Arial, Helvetica;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time .label_today span{ font-size:14px; display:none;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time .label_today:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-8px; bottom:-18px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time .label_today:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .listing_time .label_today:after{ content:""; width:50px; height:15px; background:url(/home/images/arrow_label_today.gif) no-repeat center bottom; position:absolute; left:0; bottom:16px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time{position:relative; float:right; background:#88abd5; height:12px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time .label_last{ position:absolute; top:-18px; font-size:12px; text-transform:uppercase; line-height:14px; width:64px; left:-32px; text-align:center; /*background:#88abd5; color:#FFF;*/ font-family:Arial, Helvetica; /*-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;*/}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time .label_last span{ font-size:14px; display:none;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time .label_last:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-2px; bottom:-18px;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time .label_last:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar .last_trading_time .label_last:after{ content:""; width:62px; height:15px; background:url(/home/images/arrow_label_last.gif) no-repeat center top; position:absolute; bottom:-16px; left:0;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date{ position:absolute; font-size:12px; text-transform:uppercase; line-height:13px; font-family:Arial, Helvetica; width:15px; text-align:center; top:-13px; right:-8px;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date span{ font-size:14px; display:none;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-26px; bottom:-18px;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;} 
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar:after{ content:""; display:table; clear:both;}


/**/
.table.detail .time_bar_bg{ background:#f5f5f5; padding:0 15px; border-top:1px #d8d9d9 solid;}
.table.detail .time_bar_bg:after{ content:""; display:table; clear:both;}
.table.detail .time_bar_td:after, .table.detail .time_bar_td:before{ background:#f5f5f5;}
.table.detail .time_bar_area{ float:left; margin:25px 0; position:relative;}
.table.detail .time_bar_area .listing_date{ position:absolute; font-size:12px; text-transform:uppercase; line-height:13px; font-family:Arial, Helvetica; width:15px; text-align:center; top:-13px; left:-8px;}
.table.detail .time_bar_area .listing_date span{ font-size:14px; display:none;}
.table.detail .time_bar_area .listing_date:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-26px; bottom:-18px;}
.table.detail .time_bar_area .listing_date:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;} 
.table.detail .time_bar_area .time_bar{ width:233px; height:12px; background:#d8d9d9; float:left; margin:0 36px;}
.table.detail .time_bar_area .time_bar .listing_time{ position:relative; float:left; background:#4D7AA7; height:12px;}
.table.detail .time_bar_area .time_bar .listing_time .label_today{ position:absolute; font-size:12px; text-transform:uppercase; line-height:16px; width:50px; top:15px; right:-25px; text-align:center; font-family:Arial, Helvetica;}
.table.detail .time_bar_area .time_bar .listing_time .label_today span{ font-size:14px; display:none;}
.table.detail .time_bar_area .time_bar .listing_time .label_today:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-8px; bottom:-18px;}
.table.detail .time_bar_area .time_bar .listing_time .label_today:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;}
.table.detail .time_bar_area .time_bar .listing_time .label_today:after{ content:""; width:50px; height:15px; background:url(/home/images/arrow_label_today.gif) no-repeat center bottom; position:absolute; left:0; bottom:16px;}
.table.detail .time_bar_area .time_bar .last_trading_time{position:relative; float:right; background:#88abd5; height:12px;}
.table.detail .time_bar_area .time_bar .last_trading_time .label_last{ position:absolute; top:-18px; font-size:12px; text-transform:uppercase; line-height:14px; width:64px; left:-32px; text-align:center; /*background:#88abd5; color:#FFF;*/ font-family:Arial, Helvetica; /*-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;*/}
.table.detail .time_bar_area .time_bar .last_trading_time .label_last span{ font-size:14px; display:none;}
.table.detail .time_bar_area .time_bar .last_trading_time .label_last:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-2px; bottom:-18px;}
.table.detail .time_bar_area .time_bar .last_trading_time .label_last:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;}
.table.detail .time_bar_area .time_bar .last_trading_time .label_last:after{ content:""; width:62px; height:15px; background:url(/home/images/arrow_label_last.gif) no-repeat center top; position:absolute; bottom:-16px; left:0;}
.table.detail .time_bar_area .expiry_date{ position:absolute; font-size:12px; text-transform:uppercase; line-height:13px; font-family:Arial, Helvetica; width:15px; text-align:center; top:-13px; right:-8px;}
.table.detail .time_bar_area .expiry_date span{ font-size:14px; display:none;}
.table.detail .time_bar_area .expiry_date:hover span{ display:block; width:66px; text-align:center; font-size:12px; line-height:14px; background:#000; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; position:absolute; z-index:9; left:-26px; bottom:-18px;}
.table.detail .time_bar_area .expiry_date:hover span:after{ content:""; width:66px; height:4px; background:url(/home/images/arrow_label_date.gif) no-repeat center; position:absolute; top:-4px; left:0;} 
.table.detail .time_bar_area .time_bar:after{ content:""; display:table; clear:both;}



.table.detail.document table thead th{ border-top:none;}
.table.detail.document span.download a{ padding-right:22px; background:url(/home/images/icon_document_download.png) no-repeat right; line-height:39px; display:inline-block; color:#ed8b00; font-weight:bold; font-size:16px;}
.table.detail.document table tbody tr:hover td:after, .table.detail.document table tbody tr:hover td:before{ display:none;}

.table.document table tbody tr:hover td, .table.document table tbody tr:nth-child(even):hover td{ background:initial; cursor:default;}
.table.document table tbody tr:hover td a, .table.document table tbody tr:nth-child(even):hover td a{ text-decoration:none;}
.table.document table tbody tr td a:hover{ text-decoration:underline;}

.table.detail.technical table thead th{ border-top:none;}
.table.detail.technical table tbody td{ position:relative; border-right:none;}
.table.detail.technical table tbody td div.ratio_bar{ position:absolute; top:13px; right:15px; width:145px; height:13px; font-size:11px; display:inline-flex;}
.table.detail.technical table tbody td div.ratio_bar .bar{ line-height:13px; float:left; text-align:center; min-width:10px;}
.table.detail.technical table tbody td div.ratio_bar .call{ background:#4D7AA7; color:#FFF!important;}
.table.detail.technical table tbody td div.ratio_bar .bull{ background:#1c6a64; color:#FFF!important;}
.table.detail.technical table tbody td div.ratio_bar .put{ background:#ed8b00; color:#FFF!important;}
.table.detail.technical table tbody td div.ratio_bar .bear{ background:#a78216; color:#FFF!important;}
.table.detail.technical table tbody td div.ratio_bar .inline_code, .table.detail.technical table tbody td div.ratio_bar .inline{ background:#564984; color:#FFF!important;}

.table.detail.technical table tbody td div.bar_chart{ position:absolute; right:15px; width:100px;}
.table.detail.technical table tbody td div.bar_chart ul{ float:left;}
.table.detail.technical table tbody td div.bar_chart ul li{ width:8px; margin:0 1px; display:block; position:relative; height:18px;}
.table.detail.technical table tbody td div.bar_chart ul.buy_side, .table.detail.technical table tbody td div.bar_chart ul.flowin{ border-bottom:1px solid #000; min-width:100%;}
.table.detail.technical table tbody td div.bar_chart ul.sell_side, .table.detail.technical table tbody td div.bar_chart ul.flowout{ min-width:100%;}
.table.detail.technical table tbody td div.bar_chart ul.buy_side li img, .table.detail.technical table tbody td div.bar_chart ul.flowin li img{ position:absolute; bottom:0; width:8px;}
.table.detail.technical table tbody td div.bar_chart ul.sell_side li img, .table.detail.technical table tbody td div.bar_chart ul.flowout li img{ position:absolute; top:0; width:8px;}
.table.detail.technical table tbody td select{ line-height:25px; height:25px; background:#fff; padding:0 2px; min-width:50px;}


#search.inside_content .table{ position:relative;}
.table .overflow{ overflow:auto;}
.table .overflow table thead th, .table .overflow table tbody td{ white-space:nowrap;}
.table .overflow .tablesaw-bar{ position:absolute; right:15px; top:-82px; font-family:Arial, Helvetica;}

.tabs_area{ border-top:6px solid #54585a; margin-top:5px;}
.tabs_area.no_border{ border-top:none;}
.tabs_area ul.tabs, .tabs_area ul.tabs_break{ background:#fff;}
.tabs_area ul.tabs li, .tabs_area ul.tabs_break li{ font-size:16px; line-height:44px; background:#fff; text-align:center; font-weight:bold;}

#new_lisring .tabs_area ul.tabs li, 
#new_lisring .tabs_area ul.tabs_break li,
#warrant_settlement_price .tabs_area ul.tabs li, 
#warrant_settlement_price .tabs_area ul.tabs_break li,
#cbbc_callback .tabs_area ul.tabs li,
#cbbc_callback .tabs_area ul.tabs_break li,
#cbbc_residual_value .tabs_area ul.tabs li,
#cbbc_residual_value .tabs_area ul.tabs_break li,
#expiring .tabs_area ul.tabs li,
#expiring .tabs_area ul.tabs_break li
{ min-width:120px;}

#page.inside .tabs_area ul.tabs, #page.inside .tabs_area ul.tabs_break{ background:#fff;}
#page.inside .tabs_area ul.tabs li, #page.inside .tabs_area ul.tabs_break li{ background:#fff;}

.tabs_area ul.tabs li a, .tabs_area ul.tabs_break li a{ color:#000; padding:0 20px; display:block; position:relative;}
.tabs_area ul.tabs li a:after, .tabs_area ul.tabs_break li a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
.tabs_area ul.tabs li:last-child a:after, .tabs_area ul.tabs_break li:last-child a:after{ background:none;}
.tabs_area ul.tabs li.current a:after, .tabs_area ul.tabs_break li.current a:after{ background:none;}
.tabs_area ul.tabs li:hover a:after, .tabs_area ul.tabs_break li:hover a:after{ background:none;}

.tabs_area ul.tabs li a:hover, .tabs_area ul.tabs_break li a:hover{ text-decoration:underline; background:#b1b3b3;}
.tabs_area ul.tabs li.line, .tabs_area ul.tabs_break li.line{ line-height:20px;}
.tabs_area ul.tabs li.line a, .tabs_area ul.tabs_break li.line a{ padding:2px 20px;}
.tabs_area ul.tabs li.current, .tabs_area ul.tabs_break li.current, #page.inside .tabs_area ul.tabs li.current, #page.inside .tabs_area ul.tabs_break li.current, .tabs_area ul.tabs li.current a:hover, .tabs_area ul.tabs_break li.current a:hover, #page.inside .tabs_area ul.tabs li.current a:hover, #page.inside .tabs_area ul.tabs_break li.current a:hover{ background:#54585a;}
 

.tabs_area ul.tabs li.current a, .tabs_area ul.tabs_break li.current a{ color:#FFF;}
.tabs_area ul.tabs li.current a:hover, .tabs_area ul.tabs_break li.current a:hover{ text-decoration:none;}
.tabs_area ul.tabs:after, .tabs_area ul.tabs_break:after{ content:""; display:table; clear:both;}

.sub_tabs_area{ margin:10px 0;}
#cbbc_outstanding .sub_tabs_area{ margin:10px 0 0 10px;}
.sub_tabs_area .left{ float:left;}
.sub_tabs_area .right{ float:right; margin-right:10px;}
.sub_tabs_area:after{ content:""; display:table; clear:both;}
.sub_tabs_area:after{ content:""; display:table; clear:both;}
.sub_tabs_area ul.sub_tabs{ font-family:Arial, Helvetica; clear:both;}
.sub_tabs_area ul.sub_tabs li{ font-size:16px; font-weight:bold; line-height:27px; min-width:110px; text-align:center; background:#FFF; margin-left:10px; border:1px solid #4D7AA7;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.sub_tabs_area ul.sub_tabs li.current{ background:#4D7AA7;}
.sub_tabs_area ul.sub_tabs li a{ color:#4D7AA7; padding:0 10px; display:block;}
.sub_tabs_area ul.sub_tabs li.current a{ color:#FFF;}
.sub_tabs_area ul.sub_tabs li#day a, .sub_tabs_area ul.sub_tabs li#week a{ padding:0 0 0 10px; display:inline-block;}
.sub_tabs_area ul.sub_tabs li a.tooltip.tooltipstered{ display:inline-block; padding:0 10px 0 0!important;}
.sub_tabs_area ul.sub_tabs.year li{ min-width:70px;}
.sub_tabs_area .jpm_label{ float:left; line-height:26px; font-family:Arial, Helvetica;}
.sub_tabs_area .jpm_label span{ display:inline-block; width:12px; height:12px; background:#f5821f; margin-left:15px;}

.option_area{ border-top:2px solid #000; margin-top:0; background:url(/home/images/bg_option_area.jpg) repeat-x; line-height:44px; padding:0 15px; font-size:15px;}
.option_area.no_border{ border-top:none;}
.option_area .left{ float:left;}
.option_area .right{ float:right;}
.option_area label{ margin-right:10px; float:left;}
.option_area span.or{ padding:0 15px; float:left;}
.option_area span.to{ padding:0 10px; float:left;}
.option_area input[type="text"]{ height:30px; line-height:30px; width:170px; font-size:13px; font-family:Arial, Helvetica; float:left; margin:7px 0;}
.option_area input[type="checkbox"], .option_area input[type="ratio"]{ float:left; margin-top:15px;}
#adr .option_area label{ margin-right:0; margin-left:5px; }
.option_area select{ height:30px; line-height:30px; font-size:13px; font-family:Arial, Helvetica; float:left; margin:7px 0;}
.option_area .chosen-container{ margin:7px 0; float:left;}
.option_area button{ margin:7px 10px; padding:0 15px; height:30px; float:left;}
.option_area button.search_icon{ background:url(/home/images/bg_button_orange_search.jpg) no-repeat center #ed8b00; text-indent:-99999px; padding:0; width:30px; height:30px; margin:7px 0; float:right; -webkit-border-radius:0;  -moz-border-radius:0; border-radius:0;}
.option_area .line{ padding-right:15px; margin-right:10px; float:left; width:10px; height:44px; background:url(/home/images/bg_black_line_option_area.jpg) no-repeat center;}
.option_area .description{ float:left; margin-right:10px;}
.option_area .remark{ font-size:13px; font-weight:bold; font-family:Arial, Helvetica;}
.option_area .description span{ margin-top:15px; margin-left:10px;}
.option_area:after{ content:""; display:table; clear:both;}


.chart_tabs_area ul.chart_tabs{ margin:3px 0;}
.chart_tabs_area ul.chart_tabs li{ width:33%; font-size:18px; font-family:Amplitude Regular; text-align:center; line-height:36px;}
.chart_tabs_area ul.chart_tabs li:first-child{ background:url(/home/images/chart_tabs_line.gif) right no-repeat;}
.chart_tabs_area ul.chart_tabs li:first-child a{ margin:0 3px 0 0;}
.chart_tabs_area ul.chart_tabs li:nth-child(2){ width:34%;}
.chart_tabs_area ul.chart_tabs li:nth-child(2) a{ margin:0 2px;}
.chart_tabs_area ul.chart_tabs li:last-child{ background:url(/home/images/chart_tabs_line.gif) left no-repeat;}
.chart_tabs_area ul.chart_tabs li:last-child a{ margin:0 0 0 3px;}
.chart_tabs_area ul.chart_tabs li a{ color:#000; display:block;}
.chart_tabs_area ul.chart_tabs li a:hover, .chart_tabs_area ul.chart_tabs li.current a{ background:#f5f5f5;}
.chart_tabs_area ul.chart_tabs:after{ content:""; display:table; clear:both;}

.pager_area{ margin-top:10px;}
.pager_area .timer{ float:left; margin-top:0;}
.pager_area .jp_remark{ float:right; font-size:12px; font-family:Arial, Helvetica; line-height:18px;}
.pager_area .jp_remark span{ background:#fde9d1; width:17px; height:17px; float:left; margin-right:5px;}
.pager_area .per_page{ float:right; margin-left:30px;}
.pager_area .per_page select{ line-height:25px; height:25px; background:#fff;}
.pager_area .pager{ float:right; line-height:25px; font-family:Arial, Helvetica;}
.pager_area .pager a{ width:25px; height:25px; color:#000; display:inline-block; font-size:14px; text-align:center; line-height:25px; text-decoration:none; margin-left:3px}
.pager_area .pager a.current{ background:#88abd5; color:#fff;}
.pager_area .pager a:hover.current{ background:#88abd5;}
.pager_area .pager a:hover{ background:#f5f5f5; text-decoration:underline;}
.pager_area .pager a.pbtn{ text-indent:-9999px;}
.pager_area .pager a.pbtn.first{ background: url(/home/images/icon_firstlink.gif) no-repeat; margin-left:0;}
.pager_area .pager a.pbtn.prev{ background: url(/home/images/icon_previous.gif) no-repeat; margin-left:0;}
.pager_area .pager a.pbtn.first.pgEmpty{background: url(/home/images/icon_firstlink_disable.gif) no-repeat;}
.pager_area .pager a.pbtn.prev.pgEmpty{	background: url(/home/images/icon_previous_disable.gif) no-repeat;}
.pager_area .pager a.pbtn.next{	background: url(/home/images/icon_next.gif) no-repeat;}
.pager_area .pager a.pbtn.last{	background: url(/home/images/icon_lastlink.gif) no-repeat; margin-left:0;}
.pager_area .pager a.pbtn.next.pgEmpty{	background: url(/home/images/icon_next_disable.gif) no-repeat;}
.pager_area .pager a.pbtn.last.pgEmpty{	background: url(/home/images/icon_lastlink_disable.gif) no-repeat;}
.pager_area:after{ content:""; display:table; clear:both;}

.home .rise span.arrow{ background:url(/home/images/bg_rise_home.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.home .drop span.arrow{ background:url(/home/images/bg_drop_home.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;} 

/*header*/
.header{ background:url(/home/images/bg_header.jpg) repeat-x; height:135px; color:#54585a;}
#page.inside .header{ background:url(/home/images/bg_header.jpg) repeat-x #fff; height:135px; color:#54585a; -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.1);}
#page .header .menu_area .scroll_logo{ display:none;}
#page .header.scroll_down{ position:fixed; top:0; z-index:9999999999; width:100%; height:58px; background:url(/home/images/bg_header_floating.png) repeat-x bottom; box-shadow:none; -webkit-box-shadow:none;}
#page .header.scroll_down .menu_area{ margin-top:0;}
#page .header.scroll_down .menu_area .scroll_logo{ display:block; float:left; width:80px; margin-top:9px; }
#page .header.scroll_down .menu_area .menu{ margin-left:50px;}
/*#page .header.scroll_down .menu_area .menu li a{ color:#FFF;}
#page .header.scroll_down .menu_area .sub_menu li a{ color:#FFF;}*/
#page .header.scroll_down .top{ display:none;}
#page .header.scroll_down a{ color:#FFF; background:none;}
#page .header.scroll_down .menu_area .menu li#main_page{ background:url(/home/images/icon_header_scrolldown_menu_home.png) no-repeat center; margin-right:25px; margin-left:0;}
#page .header.scroll_down .menu_area .menu li a.current{ text-decoration:underline;}
#page .header.scroll_down .tl a{ color:#54585a;}
#page .header.scroll_down .menu_area .menu li{ margin-right:0;}
#page .header.scroll_down .menu_area .menu li#fxwarrant{ margin-right:40px;}

.header a{ /*color:#FFF;*/ color:#54585a; display:block;}
.header a:hover{ text-decoration:underline;}
.header .logo{ position:absolute; left:10px; top:17px;}
.header .logo a{ display:block; padding:0 24px;}
.header .title{ text-align:center; height:84px;}
.header .title .txt{ font-size:20px; font-weight:bold; padding-top:15px;}
.header .title .warning{ line-height:30px; font-weight:bold; font-size:15px;}
.header .setting{ position:absolute; right:10px; top:86px; line-height:49px; font-size:15px;}
.header .setting .lang{ float:left; /*margin-right:25px;*/ margin-right:15px;}
.header .setting .lang a{ padding-right:16px; background:url(/home/images/arrow_drop_down.jpg) no-repeat right; color:#4d7aa7;}
.header .setting .lang .lang_inside{ position:absolute; background:#54585a; color:#FFF; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); left:-17px; top:40px; z-index:9999999999;}
.header .setting .lang .lang_inside li{ float:none; border-bottom:1px solid #FFF; width:100px;}
.header .setting .lang .lang_inside li a{ color:#FFF; line-height:39px; padding:0 20px; font-size:14px; background:none;}
.header .setting .lang .lang_inside li:last-child{ border-bottom:none;}

.header .setting .lang .lang_button li a{ background:none; padding-right:0; font-size:16px; border:1px solid #b1b3b2; line-height:27px; width:27px; text-align:center; margin:10px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.header .setting .lang .lang_button li a:hover{ background:#b1b3b2; color:#FFF;}

.header .setting .mobile_url{ float:left;}
.header .setting .mobile_url a{ color:#4D7AA7; padding-right:16px; background:url(/home/images/arrow_go_right.jpg) no-repeat right;}

.header .setting .tutorial{ float:left;}
.header .setting .tutorial a{ padding-right:10px; background:url(/home/images/arrow_go_right.jpg) no-repeat right; color:#4d7aa7;}
.header .setting .tutorial .tutorial_inside{ position:absolute; background:#54585a; color:#FFF; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); right:0; top:40px; z-index:9999999999;}
.header .setting .tutorial .tutorial_inside li{ float:none; border-bottom:1px solid #FFF;}
.header .setting .tutorial .tutorial_inside li a{ color:#FFF; line-height:39px; padding:0 20px; font-size:14px; background:none;}
.header .setting .tutorial .tutorial_inside li:last-child{ border-bottom:none;}

.header .img{ position:absolute; right:10px; top:12px;}

.header .jp_info_area{ position:absolute; right:10px; top:0; line-height:84px; font-size:15px;}
.header .jp_info_area .jp_info{ margin-top:10px;}
.header .jp_info_area .jp_info ul li{ float:none; line-height:20px; font-size:12px; text-align:right;}
.header .jp_info_area .jp_info ul li span{ }
.header .jp_info_area .jp_info ul li a{ display:inline-block;;}
.header .jp_info_area .warning{ line-height:30px; font-weight:bold; text-align:right;}

.header .menu_area{ line-height:49px; margin-top:2px;}
.header .menu_area .menu{ font-size:16px; float:left; font-weight:bold;}
.header .menu_area .menu li{ margin-right:0; position:relative;}
.header .menu_area .menu li a{ padding:0 15px; color:#54585a;}
.header .menu_area .menu li a:hover{ text-decoration:none;}
/*.header .menu_area .menu li#inline a{ color:#564984;}*/
/*.header .menu_area .menu li#newecon, .header .menu_area .menu li#uswarrant{ position:relative; margin-right:45px;}*/
/*.header .menu_area .menu li#newecon:after, .header .menu_area .menu li#uswarrant:after{ content:"全新"; position:absolute; right:-30px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}*/

.header .menu_area .menu li#fxwarrant{ position:relative; margin-right:45px;}
.header .menu_area .menu li#fxwarrant:after{ content:"全新"; position:absolute; right:-30px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.header.scroll_down .menu_area .menu li#inline a{ color:#fff;}
.header .menu_area .menu li#inline ul li.tl a{ color:#54585a;}
.header .menu_area .menu li#market_statistics a.current, .header .menu_area .menu li#market_statistics.active a{ background:url(/home/images/bg_border_menu_four_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#stock_analysis a.current, .header .menu_area .menu li#stock_analysis.active a{ background:url(/home/images/bg_border_menu_four_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#warrant a.current, .header .menu_area .menu li#warrant.active a{ background:url(/home/images/bg_border_menu_three_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#cbbc a.current, .header .menu_area .menu li#cbbc.active a{ background:url(/home/images/bg_border_menu_three_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#inline a.current, .header .menu_area .menu li#inline.active a{ background:url(/home/images/bg_border_menu_three_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#stock_connect a.current, .header .menu_area .menu li#stock_connect.active a{ background:url(/home/images/bg_border_menu_stock_connect_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#fxwarrant a.current, .header .menu_area .menu li#fxwarrant.active a{ background:url(/home/images/bg_border_menu_four_on.jpg) no-repeat bottom; text-decoration:none;}
.header .menu_area .menu li#uswarrant a.current, .header .menu_area .menu li#uswarrant.active a{ background:url(/home/images/bg_border_menu_four_on.jpg) no-repeat bottom; text-decoration:none;}

.header .menu_area .menu li#main_page{ text-indent:-99999px; background:url(/home/images/icon_header_menu_home.png) no-repeat center; width:50px; margin-right:20px; margin-left:10px;}
.header .menu_area .menu li .normal_sub .content .full .part{ width:25%; margin-right:0; float:left; background:url(/home/images/bg_header_menu_ul_line.gif) repeat-y top right 30px;}
.header .menu_area .menu li .normal_sub .content .full .part.long{ width:45%;}
.header .menu_area .menu li .normal_sub .content .full .part.long .tl{ width:45%; float:left; clear:none;}
.header .menu_area .menu li .normal_sub .content .full .part.middle{ width:37%;}
.header .menu_area .menu li .normal_sub .content .full .part.middle .tl{ width:45%; float:left; clear:none;}
.header .menu_area .menu li .normal_sub .content .full .part:last-child{ background:none;}
.header .menu_area .menu li .normal_sub .content .full .part .subject{ color:#fff; line-height:29px; font-size:16px; font-weight:bold; float:left; margin-bottom:5px; background:#b1b3b3; width:calc(100% - 70px); padding-left:10px;}
.header .menu_area .menu li .normal_sub .content .full .part .tl{ width:100%; margin-right:0; float:none; clear:both;}
.header .menu_area .menu li .normal_sub .content .full .part .tl a{ line-height:32px; font-size:16px; font-weight:normal; padding-left:10px; background:none!important;}
.header .menu_area .menu li .normal_sub .content .full .part .tl a:hover{ text-decoration:underline!important;}
.header .menu_area .menu li .normal_sub a{ color:#54585a;}
.header .menu_area .menu li a:hover, .header .menu_area .menu li a.current, .header .menu_area .menu li.active a{ background:url(/home/images/bg_border_menu_on.jpg) repeat-x bottom;}
/*.header .menu_area .menu li#stock_connect .normal_sub .content .full .part{ width:25%;}*/
/*.header .menu_area .menu li#cbbc .normal_sub .content .full .part{ width:33%;}*/
/*.header .menu_area .menu li#warrant .normal_sub .content .full .part{ width:33%;}*/

/*#page .header.scroll_down .menu_area .menu li a:hover, #page .header.scroll_down .menu_area .menu li a.current, #page .header.scroll_down .menu_area .menu li.active a{ background:url(/home/images/bg_border_menu_orange_on.jpg) repeat-x bottom;}
#page .header.scroll_down .menu_area .menu li .normal_sub .content .full li a, #page .header.scroll_down .menu_area .menu li .normal_sub .content .section li a, #page .header.scroll_down .menu_area .menu li .normal_sub .content .highlight li a{ background:none;}
#page .header.scroll_down .menu_area .menu li .normal_sub li.tl:before {background:url(/home/images/img_menu_orange_tl.jpg) no-repeat;}*/


.header .menu_area .menu li .normal_sub{ position:fixed; left:0; width:100%; background:#f5f5f5; color:#fff; font-size:18px; font-weight:normal; z-index:9999999999; border-top:1px solid #e0e0e0; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175);}
.header .menu_area .menu li .normal_sub.color_bg:before{ content:""; position:absolute; right:0; width:50%; height:100%; background:#f5f5f5;}
.header .menu_area .menu li .normal_sub li{ margin-right:0; font-size:18px;}
.header .menu_area .menu li .normal_sub li.tl{ font-size:16px; font-weight:bold;}
.header .menu_area .menu li .normal_sub li.tl:before{ /*content:""; position:absolute; background:url(/home/images/img_menu_tl.jpg) no-repeat; width:30px; height:3px; top:5px;*/}
.header .menu_area .menu li .normal_sub .content .full{ margin:15px 0;}
.header .menu_area .menu li .normal_sub .content .full:after{ content:""; display:table; clear:both;}
.header .menu_area .menu li .normal_sub .content .full li{ width:25%;}
/*.header .menu_area .menu li .normal_sub .content .full li:nth-child(4n+1){ width:25.5%;}
.header .menu_area .menu li .normal_sub .content .full li:nth-child(4n+2){ width:25.5%;}
.header .menu_area .menu li .normal_sub .content .full li:nth-child(4n+3){ width:25%;}
.header .menu_area .menu li .normal_sub .content .full li:nth-child(4n+4){ width:24%; padding-left:0.5%; box-sizing:border-box;}*/

.header .menu_area .menu li .normal_sub .content .section{ float:left; width:75%; padding:15px 0; background:#f5f5f5;}
.header .menu_area .menu li#market_statistics .normal_sub .content .section{ /*min-height:190px;*/}
.header .menu_area .menu li#warrant .normal_sub .content .section{ /*min-height:130px;*/}
.header .menu_area .menu li#cbbc .normal_sub .content .section{ /*min-height:130px;*/}
.header .menu_area .menu li .normal_sub .content .section li{ width:32%;}
.header .menu_area .menu li .normal_sub .content .section li:nth-child(3n+2){ margin:0 2%;}
.header .menu_area .menu li .normal_sub .content .section:after{ content:""; display:table; clear:both;}

.header .menu_area .menu li .normal_sub .content .highlight{ float:right; background:#f5f5f5; width:25%; padding:15px 0.5% 15px 1.5%; box-sizing:border-box; border-left:1px solid #eaeaea;}
.header .menu_area .menu li .normal_sub .content .highlight li{ width:100%; font-size:14px; line-height:30px;}
.header .menu_area .menu li .normal_sub .content .highlight li.tl{ font-size:16px; line-height:25px; padding-top:4px; color:#54585a;}
.header .menu_area .menu li .normal_sub .content .highlight:after{ content:""; display:table; clear:both;}
.header .menu_area .menu li .normal_sub .content:after{ content:""; display:table; clear:both;}

.header .menu_area .menu li .normal_sub .content .full li a, .header .menu_area .menu li .normal_sub .content .section li a, .header .menu_area .menu li .normal_sub .content .highlight li a{ background:none;}

.header .menu_area .menu li .normal_sub .content .section li a{ line-height:35px;}

.header .menu_area .sub_menu{ font-size:15px; float:right;}
.header .menu_area .sub_menu li{ margin-left:32px; margin-right:10px;}
.header .menu_area .sub_menu li a.current{ text-decoration:underline;}
.header .menu_area:after{ content:""; display:table; clear:both;}

/*home*/
.top_info{ border:solid #d8d8d8; border-width:1px 0; padding:7px 0 0 0 ;}
.top_info .tl{ font-size:16px; line-height:24px; font-weight:bold;}
.top_info:after{ content:""; display:table; clear:both;}
.top_info .realtime_search_area{ float:left; width:294px; padding-right:30px; background:url(/home/images/bg_top_info_line.jpg) no-repeat top 28px right 20px; margin-left:11px;}
.top_info .realtime_search_area .tl{ padding-left:22px; background:url(/home/images/icon_tl_realtime.jpg) no-repeat left top 1px;}
.top_info .realtime_search_area input[type="text"]{ float:left; border-right:none; width:251px; padding:0 5px;}
.top_info .realtime_search_area input.eduonly{ display:none;}
.top_info .realtime_search_area .search_area{ margin-top:4px;}
.top_info .realtime_search_area .search_area select{ float:left; width:86px; padding:0 5px;}
.top_info .realtime_search_area .search_area button{ float:left; width:31px; height:31px; background:url(/home/images/bg_button_gray_search.jpg) no-repeat center #54585a; padding:0; text-indent:-99999px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.top_info .realtime_search_area .search_area:after{ content:""; display:table; clear:both;}
.top_info .realtime_search_area .adv_search{ font-size:16px; line-height:31px; font-weight:bold; color:#4D7AA7;}
.top_info .realtime_search_area .adv_search a{ color:#ed8b00; background: url(/home/images/icon_home_more_link.jpg) no-repeat right; padding-right: 20px; display:block; float:left; /*margin-top:2px;*/}
.top_info .realtime_search_area .adv_search a:hover{ text-decoration:underline;}
.top_info .realtime_search_area .adv_search:after{ content:""; display:table; clear:both;}

.top_info .index_area{ float:left; padding-right:30px; min-width:490px; position:relative; background:url(/home/images/bg_top_info_line.jpg) no-repeat top 28px right 9px;}
.top_info .index_area:after{ content:""; display:table; clear:both;}
.top_info .index_area .hsi{ float:left; padding-right:10px; min-width:215px; background:url(/home/images/bg_index_area_dot.jpg) no-repeat right top 26px;}
.top_info .index_area .hsi a{ display:block; color:#000;}
.top_info .index_area .hsi a:hover .tl{ text-decoration:underline;}
.top_info .index_area .hsi .tl{ background:url(/home/images/bg_icon_hsi.jpg) no-repeat left top 3px; padding-left:18px;}
.top_info .index_area .hsce{ float:left; padding-left:10px; min-width:215px;}
.top_info .index_area .hsce a{ display:block; color:#000;}
.top_info .index_area .hsce a:hover .tl{ text-decoration:underline;}
.top_info .index_area .hsce .tl{ background:url(/home/images/bg_icon_hsce.jpg) no-repeat left top 3px; padding-left:18px;}
.top_info .index_area .hsi_future{ float:left; padding-right:10px; min-width:235px; background:url(/home/images/bg_index_area_dot.jpg) no-repeat right top 26px;}
.top_info .index_area .hsi_future .tl{ background:url(/home/images/bg_icon_hsi.jpg) no-repeat left top 3px; padding-left:18px;}
.top_info .index_area .hsce_future{ float:left; padding-left:10px; min-width:235px;}
.top_info .index_area .hsce_future .tl{ background:url(/home/images/bg_icon_hsce.jpg) no-repeat left top 3px; padding-left:18px;}

.top_info .index_area .hsi_future .bottom .point_area  .change_area .change, .top_info .index_area .hsce_future .bottom .point_area .change_area .change{ font-size:18px;}

.top_info .index_area .top .tl{ float:left;}
.top_info .index_area .top .tl.night, .top_info .index_area .top .tl.day{ position:relative; width:235px; box-sizing:border-box;}
.top_info .index_area .top .tl.night:after{ content:""; color:#ed8b00; position:absolute; background:url(/home/images/bg_future_night_icon.jpg) no-repeat center left; /*width:40px;*/ height:24px; font-family:Arial, Helvetica; font-size:13px; font-weight:normal; padding-left:19px; top:-2px; right:0;}
/*.top_info .index_area .top .tl.day:after{ content:"日期"; color:#ed8b00; position:absolute; background:url(/home/images/bg_future_day_icon.jpg) no-repeat center left; width:40px; height:24px; font-family:Arial, Helvetica; font-size:13px; font-weight:normal; padding-left:19px; right:0;}*/

.top_info .index_area .hk_market{ float:left; padding-right:10px; min-width:240px;}
.top_info .index_area .hk_market .bottom .bar_chart{ margin-top:4px;}
.top_info .index_area .hk_market .bottom .bar_chart{ clear:both; width:240px;}
.top_info .index_area .hk_market .bottom .bar_chart .bar{ float:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; height:13px; line-height:13px; text-align:center;}
.top_info .index_area .hk_market .bottom .bar_chart .bar.rise{ background:#228a02; color:#FFF!important; -webkit-border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; border-top-right-radius:2px; border-bottom-right-radius:2px;}
.top_info .index_area .hk_market .bottom .bar_chart .bar.level{ background:#fff; color:#000!important;}
.top_info .index_area .hk_market .bottom .bar_chart .bar.drop{ background:#ee3224; color:#FFF!important; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.top_info .index_area .hk_market .bottom .bar_chart:after{ content:""; display:table; clear:both;}

.top_info .index_area .top .turnover{ float:right; font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:24px;}
.top_info .index_area .top:after{ content:""; display:table; clear:both;}
.top_info .index_area .bottom{ font-size:15px; line-height:21px;}
.top_info .index_area .bottom .point_area{ float:left;}
.top_info .index_area .bottom .point_area .point{ color:#000!important; font-size:18px;}
.top_info .index_area .bottom .point_area .point span{}
.top_info .index_area .bottom .point_area .point.rise span{}
.top_info .index_area .bottom .point_area .point.drop span{}
.top_info .index_area .bottom .point_area .change_area{}
.top_info .index_area .bottom .point_area .change_area .change{}
.top_info .index_area .bottom .point_area .change_area .percentage{}
.top_info .index_area .bottom .spot_close{ /*float:right;*/ font-family:Arial, Helvetica; font-size:13px; line-height:19px;}
.top_info .index_area .bottom .chart{ float:right; /*margin-left:10px;*/}
.top_info .index_area .bottom:after{ content:""; display:table; clear:both;}
.top_info .index_area .anythingSlider-default .anythingControls{ position:absolute; left:0; bottom:8px;}

.top_info .index_area .market_ratio{ clear:both; float:right; margin-top:3px;}
.top_info .index_area .market_ratio .tl{ float:left; line-height:20px; font-size:13px; margin-right:5px; font-family:Arial, Helvetica;}
.top_info .index_area .market_ratio .bar_chart{ float:left; margin-top:4px; width:150px; display:inline-flex;}
.top_info .index_area .market_ratio .bar_chart .bar{ float:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; height:12px; line-height:12px; text-align:center;}
.top_info .index_area .market_ratio .bar_chart .bar.rise{ background:#228a02; color:#FFF!important; -webkit-border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; min-width:20px;}
.top_info .index_area .market_ratio .bar_chart .bar.level{ background:#fff; color:#000!important; min-width:20px;}
.top_info .index_area .market_ratio .bar_chart .bar.drop{ background:#ee3224; color:#FFF!important; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; min-width:20px;}
.top_info .index_area .market_ratio .bar_chart:after{ content:""; display:table; clear:both;}

.top_info .hk_connect_area{ font-size:15px; float:right; width:335px; position:relative;}
.top_info .hk_connect_area .tl{ background:url(/home/images/bg_home_connect_icon.jpg) no-repeat left top; padding-left:36px;}
.top_info .hk_connect_area .tl span{ font-weight:normal; font-size:13px; font-family:Arial, Helvetica;}
.top_info .hk_connect_area .sub_tl{}
.top_info .hk_connect_area .quota_balance_area{ float:left; line-height:21px; /*padding-right:10px;*/ margin-right:4px; background:url(/home/images/bg_home_connect_shadow.jpg) no-repeat center left 68px;}

.top_info .hk_connect_area #hk_connect_area_slider li a{ color:#000; display:block;}
.top_info .hk_connect_area #hk_connect_area_slider li a:hover .tl{ text-decoration:underline;}
.top_info .hk_connect_area #hk_connect_area_slider li a .total{ border:1px solid #ed8b00;}


.top_info .hk_connect_area .quota_balance_area .sh{ float:left; margin-right:4px; width:83px;}
.top_info .hk_connect_area .quota_balance_area .sz{ float:left; width:83px;}

.top_info .hk_connect_area .quota_balance_area .quote{ font-size:18px;}

.top_info .hk_connect_area .quota_balance_area.north{ background:url(/home/images/bg_home_connect_shadow.jpg) no-repeat center left 68px;}
.top_info .hk_connect_area .quota_balance_area.north .sh .sub_tl span.icon{ background:url(/home/images/bg_home_connect_arrow_icon.jpg) no-repeat; width:11px; height:11px; display:inline-block; margin-left:2px;}
.top_info .hk_connect_area .quota_balance_area.north .sz .sub_tl span.icon{ background:url(/home/images/bg_home_connect_arrow_icon.jpg) no-repeat; width:11px; height:11px; display:inline-block; margin-left:2px;}

.top_info .hk_connect_area .total{ float:right; line-height:20px; border:1px solid #ed8b00; padding:2px 8px 0 8px; margin-top:-4px; width:143px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); background-image:-webkit-linear-gradient(#ffffff, #ffffff 50%, #f5f5f5);}

.top_info .hk_connect_area .total .quote{ font-size:18px; text-align:center;}
.top_info .hk_connect_area .total .quote .drop{ color:#8b460e!important;}
.top_info .hk_connect_area .total .quote .rise{ color:#1b435b!important;}

.top_info .hk_connect_area .hk_connect_area_link{ position:absolute; font-size:13px; color:#4D7AA7; padding-right:15px; background:url(/home/images/arrow_blue_link.jpg) no-repeat right 4px; display:block; right:0; bottom:-20px; font-weight:bold;}
.top_info .hk_connect_area .hk_connect_area_link a{ color:#4D7AA7;}
.top_info .hk_connect_area .hk_connect_area_link a:hover, .top_info .hk_connect_area .hk_connect_area_link.current a{ text-decoration:underline;} 
.top_info .hk_connect_area .anythingSlider-default .anythingControls{ position:absolute; left:0; bottom:8px;}

#page.home #home_newslider.flexslider{ margin-bottom:0; border:none;}
#page.home #home_newslider.flexslider ul li.frame{ width:865px;}
#page.home #home_newslider.flexslider ul li.frame.linked_item{ cursor:pointer;}



/*#page.home .new_home_code_banner{ margin-bottom:20px;}
#page.home .new_home_code_banner.report{ color:#00477b; background:url(/home/images/bg_new_home_code_banner_report.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.hot{ color:#a78216; background:url(/home/images/bg_new_home_code_banner_hot.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.seminar{ color:#1c6a64; background:url(/home/images/bg_new_home_code_banner_seminar.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner .tl{ background:none; padding-left:0; font-weight:bold; font-size:78px; line-height:1; padding-top:26px;}
#page.home .new_home_code_banner .bottom{ position:relative; min-height:170px;}
#page.home .new_home_code_banner.report .bottom{ background:url(/home/images/bg_new_home_code_banner_report_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.hot .bottom{ background:url(/home/images/bg_new_home_code_banner_hot_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.seminar .bottom{ background:url(/home/images/bg_new_home_code_banner_seminar_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner .bottom .code_area{ float:right; margin-right:10px; margin-top:41px; background:#fff; padding-left:20px;}
#page.home .new_home_code_banner .bottom .code_area ul li{ margin-left:10px; border-left:2px solid #8ec0db; padding-left:10px; padding-bottom:5px;}
#page.home .new_home_code_banner .bottom .code_area ul li a{ color:#000;}
#page.home .new_home_code_banner .bottom .code_area ul li .code{ font-size:40px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .code_area ul li .name{ font-weight:bold;}
#page.home .new_home_code_banner .bottom .code_area ul li .terms{ font-size:14px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .code_area ul li.call .code{ color:#4D7AA7;}
#page.home .new_home_code_banner .bottom .code_area ul li.put .code{ color:#ed8b00;}
#page.home .new_home_code_banner .bottom .code_area ul li.bull .code{ color:#1c6a64;}
#page.home .new_home_code_banner .bottom .code_area ul li.bear .code{ color:#a78216;}
#page.home .new_home_code_banner .bottom .code_area ul li.inline .code{ color:#564984;}
#page.home #home_newslider.flexslider .flex-control-nav{ bottom:17px; width:auto; z-index:9; left:-5px; padding:15px;}
#page.home #home_newslider.flexslider .flex-control-nav li{ margin:0 0 0 6px;} 

#page.home .new_home_code_banner .bottom .ppl_area{ float:right; margin-right:10px; margin-top:38px; background:#fff; }
#page.home .new_home_code_banner .bottom .ppl_area ul li{ padding-left:30px; padding-bottom:5px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .name{ font-size:36px;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .info{ color:#000;}
#page.home .new_home_code_banner .bottom .detail{ position:absolute; font-size:26px; font-weight:bold; line-height:32px; left:15px; max-width:240px;}
#page.home .new_home_code_banner.report .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.hot .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.seminar .bottom .detail{ top:46px;}
#page.home .new_home_code_banner .bottom .detail ul li{ float:none;}
#page.home .new_home_code_banner .bottom .detail ul li span{ font-size:24px; margin-right:5px;}
#page.home .new_home_code_banner .bottom:after{ content:""; display:table; clear:both;}
#page.home .new_home_code_banner:after{ content:""; display:table; clear:both;}*/

#page.home .new_home_code_banner{ margin-bottom:20px;}

#page.home .new_home_code_banner.wnt, #page.home .new_home_code_banner.newlist{ color:#00477b; background:url(/home/images/bg_new_home_code_banner_report.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.cbbc{ color:#a78216; background:url(/home/images/bg_new_home_code_banner_hot.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.seminar{ color:#1c6a64; background:url(/home/images/bg_new_home_code_banner_seminar.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.street, #page.home .new_home_code_banner.seminar2{ color:#00477b; background:url(/home/images/bg_new_home_code_banner_finance.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.software{ color:#ec8401; background:url(/home/images/bg_new_home_code_banner_software.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.electronic{ color:#544681; background:url(/home/images/bg_new_home_code_banner_electronic.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.computer{ color:#1c6a64; background:url(/home/images/bg_new_home_code_banner_seminar.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.estate{ color:#1c6a64; background:url(/home/images/bg_new_home_code_banner_estate.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.fiveg{ color:#216e68; background:url(/home/images/bg_new_home_code_banner_fiveg.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.macau{ color:#504380; background:url(/home/images/bg_new_home_code_banner_macau.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.vehicle{ color:#a58013; background:url(/home/images/bg_new_home_code_banner_vehicle.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.oil{ color:#a58013; background:url(/home/images/bg_new_home_code_banner_oil.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.gold{ color:#4d7aa7; background:url(/home/images/bg_new_home_code_banner_gold.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.commentary{ color:#4d7aa7; background:url(/home/images/bg_new_home_code_banner_commentary.jpg) no-repeat right top #fff; background-size:48%;}
#page.home .new_home_code_banner.bank{ color:#564984; background:url(/home/images/bg_new_home_code_banner_bank.jpg) no-repeat right top #fff; background-size:40%;}
#page.home .new_home_code_banner.shopping{ color:#4d7aa7; background:url(/home/images/bg_new_home_code_banner_shopping.jpg) no-repeat right top #fff; background-size:38%;}
#page.home .new_home_code_banner.medical{ color:#1c6a64; background:url(/home/images/bg_new_home_code_banner_medical.jpg) no-repeat right top #fff; background-size:37%;}

#page.home .new_home_code_banner .tl{ background:none; padding-left:0; font-weight:bold; font-size:78px; line-height:1; padding-top:26px;}
#page.home .new_home_code_banner .bottom{ position:relative; min-height:170px;}

#page.home .new_home_code_banner.wnt .bottom, #page.home .new_home_code_banner.newlist .bottom{ background:url(/home/images/bg_new_home_code_banner_report_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.cbbc .bottom{ background:url(/home/images/bg_new_home_code_banner_hot_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.seminar .bottom{ background:url(/home/images/bg_new_home_code_banner_seminar_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.street .bottom, #page.home .new_home_code_banner.seminar2 .bottom{ background:url(/home/images/bg_new_home_code_banner_finance_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.software .bottom{ background:url(/home/images/bg_new_home_code_banner_software_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.electronic .bottom{ background:url(/home/images/bg_new_home_code_banner_electronic_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.computer .bottom{ background:url(/home/images/bg_new_home_code_banner_seminar_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.estate .bottom{ background:url(/home/images/bg_new_home_code_banner_estate_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.fiveg .bottom{ background:url(/home/images/bg_new_home_code_banner_fiveg_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.macau .bottom{ background:url(/home/images/bg_new_home_code_banner_macau_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.vehicle .bottom{ background:url(/home/images/bg_new_home_code_banner_vehicle_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.oil .bottom{ background:url(/home/images/bg_new_home_code_banner_oil_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.gold .bottom{ background:url(/home/images/bg_new_home_code_banner_gold_bottom.jpg) no-repeat left bottom; background-size:50%;} 
#page.home .new_home_code_banner.commentary .bottom{ background:url(/home/images/bg_new_home_code_banner_commentary_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.bank .bottom{ background:url(/home/images/bg_new_home_code_banner_bank_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.shopping .bottom{ background:url(/home/images/bg_new_home_code_banner_shopping_bottom.jpg) no-repeat left bottom; background-size:50%;}
#page.home .new_home_code_banner.medical .bottom{ background:url(/home/images/bg_new_home_code_banner_medical_bottom.jpg) no-repeat left bottom; background-size:50%;} 

#page.home .new_home_code_banner .bottom .code_area{ float:right; margin-right:10px; margin-top:41px; background:#fff; padding-left:20px;}
#page.home .new_home_code_banner.newlist .bottom .code_area{ margin-top:39px;}
#page.home .new_home_code_banner .bottom .code_area ul li{ margin-left:10px; border-left:2px solid #8ec0db; padding-left:10px; padding-bottom:5px;}
#page.home .new_home_code_banner.newlist .bottom .code_area ul li{ padding-bottom:0px;}
#page.home .new_home_code_banner .bottom .code_area ul li a{ color:#000;}
#page.home .new_home_code_banner .bottom .code_area ul li .code{ font-size:40px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .code_area ul li .name{ font-weight:bold;}
#page.home .new_home_code_banner.newlist .bottom .code_area ul li .name{ font-size:24px;}
#page.home .new_home_code_banner .bottom .code_area ul li .terms{ font-size:14px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .code_area ul li.call .code{ color:#4D7AA7;}
#page.home .new_home_code_banner .bottom .code_area ul li.put .code{ color:#ed8b00;}
#page.home .new_home_code_banner .bottom .code_area ul li.bull .code{ color:#1c6a64;}
#page.home .new_home_code_banner .bottom .code_area ul li.bear .code{ color:#a78216;}
#page.home .new_home_code_banner .bottom .code_area ul li.inline .code{ color:#564984;}
#page.home .new_home_code_banner .bottom .timer{ color:#000; position:absolute; right:0; bottom:0;}
#page.home #home_newslider.flexslider .flex-control-nav{ bottom:17px; width:auto; z-index:9; left:-5px; padding:15px;}
#page.home #home_newslider.flexslider .flex-control-nav li{ margin:0 0 0 6px;} 

#page.home .new_home_code_banner .bottom .ppl_area{ float:right; margin-right:10px; margin-top:38px; background:#fff; }
#page.home .new_home_code_banner .bottom .ppl_area ul li{ padding-left:30px; padding-bottom:5px; font-weight:bold;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .name{ font-size:36px;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .info{ color:#000;}
#page.home .new_home_code_banner .bottom .detail{ position:absolute; font-size:26px; font-weight:bold; line-height:32px; left:15px; max-width:240px;}
#page.home .new_home_code_banner.wnt .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.newlist .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.cbbc .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.electronic .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.computer .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.estate .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.software .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.seminar2 .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.seminar .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.street .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.fiveg .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.gold .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.vehicle .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.oil .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.macau .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.bank .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.shopping .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.medical .bottom .detail{ top:46px;}
#page.home .new_home_code_banner.commentary .bottom .detail{ top:26px; max-width:400px;}
#page.home .new_home_code_banner.commentary .bottom .button{ position:absolute; top:100px; left:17px;}
#page.home .new_home_code_banner.commentary .bottom .button ul li{ margin-right:10px;}
#page.home .new_home_code_banner.commentary .bottom .button img{ width:135px; height:auto;}
#page.home .new_home_code_banner .bottom .detail ul li{ float:none;}
#page.home .new_home_code_banner .bottom .detail ul li span{ font-size:24px; margin-right:5px;}
#page.home .new_home_code_banner .bottom:after{ content:""; display:table; clear:both;}
#page.home .new_home_code_banner:after{ content:""; display:table; clear:both;}

#page.home .more_button{ font-size:15px; color:#FFF; line-height:28px; background:#54585a; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; float:right;}
#page.home .more_button a{ color:#FFF; display:block; background:url(/home/images/bg_home_more_button.jpg) center right 21px no-repeat; padding:0 31px 0 20px;}
#page.home .more_button a:hover{ text-decoration:underline;}

#page.home .left_area{ width:305px; float:left; margin-right:30px; height:auto;}
#page.home .home_realtime_area .left_area{ /*margin-top:-11px;*/}
#page.home .right_area{ width:865px; float:right; min-height:0;}
#page.home .right_area .home_banner{ position:relative;}
#page.home .right_area .home_banner.desktop_only .video{ position:absolute; z-index:999; top:0; right:0;}
#page.home .right_area .home_banner.desktop_only{ margin-bottom:15px;}
#page.home .right_area .home_banner.desktop_only .play_button{ position:absolute; right:0; top:94px; width:470px; text-align:center;}

#page.home .notice{ padding:10px 10px 10px 38px; font-size:14px; background:url(/home/images/icon_notice.jpg) no-repeat left 10px center #f5f5f5; margin:0 0 20px 0; font-size:16px;}
#page.home .notice a{ color:#4d7aa7; font-weight:bold;}

.home_realtime_area{ background:#fff; padding-top:0;}
.home_realtime_area .content:after{ content:""; display:table; clear:both;}
.home_realtime_area .right_area{ position:relative; margin-top:10px;}
.home_realtime_area .right_area .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_realtime_area .right_area .tl a{ color:#000;}
.home_realtime_area .right_area .tl.left{ float:left;}
.home_realtime_area .left_area .quick_search_area{ background:#fff; padding:0 10px 10px 10px; margin-bottom:40px; box-sizing:border-box; position:relative; min-height:573px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.home_realtime_area:after{ content:""; display:table; clear:both;}




.home_realtime_area .left_area .quick_search_area .tl{ color:#4D7AA7; /*font-weight:bold;*/ font-size:20px; /*line-height:22px;*/ line-height:28px; padding-bottom:5px; border-bottom:1px solid #d8d9d9;}
.home_realtime_area .left_area .quick_search_area .tl a{ color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:230px; float:left;}
.home_realtime_area .left_area .quick_search_area .tl a span{ display:block; font-size:13px; line-height:1;}
.home_realtime_area .left_area .quick_search_area .tl a.call{}
.home_realtime_area .left_area .quick_search_area .tl a.put{}
.home_realtime_area .left_area .quick_search_area .tl a.bull{}
.home_realtime_area .left_area .quick_search_area .tl a.bear{}
.home_realtime_area .left_area .quick_search_area .tl a:hover{ text-decoration:underline;}
 
.home_realtime_area .left_area .quick_search_area .tl a.detail{ float:right; color:#FFF; font-size:16px; padding:0 10px; line-height:28px; margin-top:0; width:auto; 
/*background:url(/home/images/icon_home_more_link_orange.jpg) no-repeat center right 10px #ed8b00 ;*/ background:#ed8b00;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;}

.home_realtime_area .left_area .quick_search_area .tl:after{ content:""; display:table; clear:both;}

.home_realtime_area .left_area .quick_search_area button.reload{ position:absolute; right:10px; top:10px; width:24px; height:24px;  text-indent:-99999px; padding:0; background:url(/home/images/icon_realtime_reload.jpg) no-repeat center #4d79a6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.home_realtime_area .left_area .quick_search_area .news_area{ line-height:20px; font-size:15px; color:#4d7aa7; font-weight:bold; border-top:none; margin:5px 0;}
.home_realtime_area .left_area .quick_search_area .news_area a{ color:#4d7aa7; width:283px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; border:none; padding:0;}
.home_realtime_area .left_area .quick_search_area .news_area a:before{ /*content:""; background:url(/home/images/bg_home_news_point.jpg) no-repeat left top 7px; width:10px; height:20px; float:left;*/ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#FFF; background:#4d7aa7; padding:0 3px; font-weight:normal; line-height:16px; font-size:13px; border:1px solid #4d7aa7; float:left; margin:1px 3px 1px 0;}

.home_realtime_area .left_area .quick_search_area .news_area a.news:before{ content:"新聞"; }
.home_realtime_area .left_area .quick_search_area .news_area a.comment:before{ content:"評論";}
.home_realtime_area .left_area .quick_search_area .news_area a.focus:before{ content:"焦點";}

.home_realtime_area .left_area .quick_search_area .news_area a:hover{ text-decoration:underline;}
.home_realtime_area .left_area .quick_search_area .point_area .point{ float:left; color:#000!important; font-size:30px; line-height:34px;}
.home_realtime_area .left_area .quick_search_area .point_area .change_area { float:right; font-size:15px; text-align:right; line-height:17px;}
.home_realtime_area .left_area .quick_search_area .point_area .change_area .change{ display:block;}
.home_realtime_area .left_area .quick_search_area .point_area .change_area .percentage{ display:block;}
.home_realtime_area .left_area .quick_search_area .point_area:after{ content:""; display:table; clear:both;}
.home_realtime_area .left_area .quick_search_area .chart{ border-top:1px solid #000; border-bottom:1px solid #000; margin-top:2px;}

.home_realtime_area .left_area .quick_search_area .detail{ margin-top:3px;}
.home_realtime_area .left_area .quick_search_area .detail a{ color:#4D7AA7; text-decoration:underline;}
.home_realtime_area .left_area .quick_search_area .detail li{ float:none; font-size:13px; font-family:Arial, Helvetica; line-height:22px;}
.home_realtime_area .left_area .quick_search_area .detail li span{ float:right; font-size:14px; font-weight:bold;}
.home_realtime_area .left_area .quick_search_area .detail li span.unit{ font-size:13px; font-family:Arial, Helvetica; line-height:20px;}

.home_realtime_area .left_area .quick_search_area .detail li.price_range .tl{ font-size:13px; font-family:Arial, Helvetica; line-height:22px; border-bottom:none; color:#000; padding-bottom:0; float:left;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .chart_area{ float:right; width:65%; margin-top:5px;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .low_side, .home_realtime_area .quick_search_area .detail li.price_range .bar_area, .home_realtime_area .quick_search_area .detail li.price_range .high_side{ float:left; font-size:14px; line-height:14px; font-weight:bold;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .low_side{ width:35%; text-align:left;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .bar_area{ width:30%; background:#f5f5f5; height:12px; margin:1px 0;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .bar_area .bar{ background:#4d7aa7; float:left; height:12px; position:relative;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .bar_area .bar:after{ content:""; width:7px; height:20px; background:url(/home/images/arrow_label_today.gif) no-repeat center; position:absolute; right:-4px; bottom:-5px;}
.home_realtime_area .left_area .quick_search_area .detail li.price_range .high_side{ width:35%; text-align:right;}

.home_realtime_area .quick_search_area .notice{ padding:10px 10px 10px 38px; font-size:14px; background:url(/home/images/icon_notice.jpg) no-repeat left 10px center #f5f5f5; margin-bottom:25px;}
.home_realtime_area .quick_search_area .notice a{ color:#4d7aa7;}

.home_realtime_area .left_area .quick_search_area .detail li:after{ content:""; display:table; clear:both;}
.home_realtime_area .left_area .quick_search_area .detail.top{ padding-bottom:3px; border-bottom:1px dashed #d8d9d9; margin-top:0; background:url(/home/images/bg_line_home_quick_search.jpg) no-repeat center;}
.home_realtime_area .left_area .quick_search_area .detail.top li.turnover{ float:none; font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-weight:bold; width:100%!important; padding-left:0!important; padding-right:0!important;}
.home_realtime_area .left_area .quick_search_area .detail.top li.turnover .unit{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-weight:bold;}
.home_realtime_area .left_area .quick_search_area .detail.top li.turnover span{ float:none;}
.home_realtime_area .left_area .quick_search_area .detail.top li{ float:left; width:48%; padding-right:2%; padding-left:0;}
.home_realtime_area .left_area .quick_search_area .detail.top li:nth-child(odd){ width:48%; padding-right:0%; padding-left:2%;}
.home_realtime_area .left_area .quick_search_area .detail:after{ content:""; display:table; clear:both;}
.home_realtime_area .left_area .quick_search_area .focus{ border:3px solid #d8d9d9; padding:2px; margin-bottom:3px; clear:both;}
.home_realtime_area .left_area .quick_search_area .focus li{ float:left; width:50%; color:#000!important;}
.home_realtime_area .left_area .quick_search_area .focus li a:hover{ text-decoration:underline; color:#000;}
.home_realtime_area .left_area .quick_search_area .focus li:first-child{ border-right:1px solid #fff; box-sizing:border-box;}
.home_realtime_area .left_area .quick_search_area .focus li:last-child{ border-left:1px solid #fff; box-sizing:border-box;}
.home_realtime_area .left_area .quick_search_area .focus li .code_area{ line-height:30px; padding-left:10px;}
.home_realtime_area .left_area .quick_search_area .focus li.call .code_area{ background:#4D7AA7; color:#FFF;}
.home_realtime_area .left_area .quick_search_area .focus li.put .code_area{ background:#ed8b00; color:#FFF;}
.home_realtime_area .left_area .quick_search_area .focus li.bull .code_area{ background:#1c6a64; color:#FFF;}
.home_realtime_area .left_area .quick_search_area .focus li.bear .code_area{ background:#a78216; color:#FFF;}
.home_realtime_area .left_area .quick_search_area .focus li.inline_code .code_area, .home_realtime_area .left_area .quick_search_area .focus li.inline .code_area{ background:#564984; color:#FFF;}
.home_realtime_area .left_area .quick_search_area .focus li .code_area .code{ float:left; font-size:20px; padding-right:5px;}
.home_realtime_area .left_area .quick_search_area .focus li .code_area .name{ float:left; font-size:16px;}
.home_realtime_area .left_area .quick_search_area .focus li .code_area:after{ content:""; display:table; clear:both;}
.home_realtime_area .left_area .quick_search_area .focus li .terms{ margin:2px 0;}
.home_realtime_area .left_area .quick_search_area .focus li ul li{ width:100%; float:none; font-size:13px; font-family:Arial, Helvetica; line-height:19px; padding-left:10px;}
.home_realtime_area .left_area .quick_search_area .focus:after{ content:""; display:table; clear:both;}
.home_realtime_area .left_area .quick_search_area .search_record{ position:absolute; bottom:0; width:283px;}
.home_realtime_area .left_area .quick_search_area .search_record a{ color:#FFF; padding:0 10px 0 33px; display:block; background:url(/home/images/bg_icon_home_search_record.jpg) no-repeat center left 10px #54585a; font-size:15px; line-height:30px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; float:left;}
.home_realtime_area .left_area .quick_search_area .search_record a:hover{ text-decoration:underline;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul{ /*-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);*/ border-left:1px solid #d8d9d9; border-right:1px solid #d8d9d9;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul{ background:#FFF; border-top:2px solid #54585a; clear:both;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul li{ width:100%; float:none;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul li span.code{ width:65px; float:left;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul li a{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#FFF; float:none; color:#000; padding:0 10px; border-bottom:1px dotted #d8d9d9; line-height:30px;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul li:last-child a{ border-bottom:none;}
.home_realtime_area .left_area .quick_search_area .search_record .expand_area ul li a:hover{ background:#f5f5f5;}

.home_realtime_area .left_area .quick_search_area .timer{ 
	position: absolute;
    bottom: -35px;
    line-height: 16px;
    min-height: 32px;
    background: #fff;
    margin-top: 0;
    display: block;
    width: 305px;
    left: -1px;
}

.home_realtime_area .right_area .sector_area{ margin-top:0;} 
.home_realtime_area .right_area .sector_area .table.sector_header table thead th{ background:url(/home/images/line_sector.jpg) no-repeat right #FFF;}
.home_realtime_area .right_area .sector_area span.home_hide{ display:none;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th.no_border{ background:#fff;}
.home_realtime_area .right_area .sector_area .table.sector h3{ margin:0; border-bottom:1px solid #d8d9d9;}
.home_realtime_area .right_area .sector_area .table.sector h3 a{ color:#000;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th, .home_realtime_area .right_area .sector_area .table.sector h3 table td{ border:none;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th{ background:url(/home/images/line_sector.jpg) no-repeat right #eaeaea; font-size:14px; font-weight:normal;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th span.turnover_percent{ display:none;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th span.to{ font-family:Arial, Helvetica; font-size:13px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th.sector_tl{ font-weight:bold;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_expand.jpg) no-repeat center right 10px #eaeaea;}
.home_realtime_area .right_area .sector_area .table.sector h3.open table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_collapse.jpg) no-repeat center right 10px #eaeaea;}
.home_realtime_area .right_area .sector_area .signal_area .signal, #tooltip_content_more .signal, .home_realtime_area .right_area .sector_area .signal_area .signal, .tooltip_content_more .signal{ margin:1px 3px 0 0; line-height:16px; font-weight:normal;}


.home_realtime_area .right_area .sector_area th, .home_realtime_area .right_area .sector_area td{ box-sizing:border-box; padding:0 3px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th .ratio_bar_chart .bar_chart_area .bar_chart{ width:110px;}

.home_realtime_area .right_area .sector_area .table.sector tbody td{ background:#fff; font-size:14px;}
.home_realtime_area .right_area .sector_area .table.sector tbody td .change{ display:none;}
.home_realtime_area .right_area .sector_area .table.sector tbody td.focus span{ padding:0;}
.home_realtime_area .right_area .sector_area .table.sector tbody tr:hover td{ background:#d8d9d9;}
.home_realtime_area .right_area .sector_area .table.sector:after{ content:""; display:table; clear:both;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area { display:none;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area { height:0px; margin:0; padding:0px; overflow:hidden; display:block!important; -webkit-transform:translateZ(0); -webkit-transition:all 0.3s ease; moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area table thead th{ background:#f5f5f5;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area tr.colspan_style th{ border-top:none;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area tr.colspan_style th.line{}
.home_realtime_area .right_area .sector_area .table.sector tr.colspan_style th{ line-height:19px;}
.home_realtime_area .right_area .sector_area .low_side, .home_realtime_area .right_area .sector_area .bar_area, .home_realtime_area .right_area .sector_area .high_side{ float:left; font-size:11px; line-height:14px;}
.home_realtime_area .right_area .sector_area .low_side{ width:30%; text-align:left;}
.home_realtime_area .right_area .sector_area .bar_area{ width:40%; background:#f5f5f5; height:12px; margin:1px 0;}
.home_realtime_area .right_area .sector_area .bar_area .bar{ background:#4d7aa7; float:left; height:12px; position:relative;}
.home_realtime_area .right_area .sector_area .bar_area .bar:after{ content:""; width:7px; height:20px; background:url(/home/images/arrow_label_today.gif) no-repeat center; position:absolute; right:-4px; bottom:-5px;}
.home_realtime_area .right_area .sector_area .high_side{ width:30%; text-align:right;}

.home_realtime_area .right_area .tabs_area ul.tabs_break li#custom_sector{ position:relative;}
.home_realtime_area .right_area .tabs_area ul.tabs_break li#custom_sector a{ padding:0 48px 0 18px;}
.home_realtime_area .right_area .tabs_area ul.tabs_break li#custom_sector:after{ content:"全新"; position:absolute; right:5px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.home_realtime_area .right_area .table tbody td span.underlying a{ word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:127px; float:left;}

.home_realtime_area .right_area .timer.reload span a{ background:url(/home/images/icon_timer_reload_home.jpg) no-repeat left;}

.home_realtime_area .right_area .hsi_top .sector_area .low_side, .home_realtime_area .right_area .hsce_top .sector_area .low_side{ width:24%;}
.home_realtime_area .right_area .hsi_top .sector_area .bar_area, .home_realtime_area .right_area .hsce_top .sector_area .bar_area{ width:52%;}
.home_realtime_area .right_area .hsi_top .sector_area .high_side, .home_realtime_area .right_area .hsce_top .sector_area .high_side{ width:24%;}
.home_realtime_area .right_area .hsi_top .sector_area .sector.table, .home_realtime_area .right_area .hsce_top .sector_area .sector.table{ min-height:482px; background:#fff;}
.home_realtime_area .right_area .hsi_top .sector_area .sector.table tbody tr:last-child td, .home_realtime_area .right_area .hsce_top .sector_area .sector.table tbody tr:last-child td{ border-bottom:none;}

#page.home .home_realtime_area .right_area .more_button{ position:absolute; right:0; bottom:11px; -webkit-border-bottom-right-radius:6px; -webkit-border-radius:0; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:0; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-radius:0; border-bottom-right-radius:6px; border-bottom-left-radius:6px; }

.home_realtime_area .right_area .sector_area .sub_tabs_area{ margin:0; padding:5px 0; border-top:1px solid #d8d9d9; background:#FFF;}
.home_realtime_area .right_area .sector_area .sub_tabs_area ul li a{}

.home_realtime_area .right_area .sector_area .table.sector_header table thead th:first-child, .home_realtime_area .right_area .sector_area .table.sector h3 table th:first-child, .home_realtime_area .right_area .sector_area .table.sector .expand_area tr.colspan_style th:first-child, .home_realtime_area .right_area .sector_area .table.sector tbody td:first-child{ padding-left:8px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:first-child{ font-size:15px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:first-child:before{ content:""; background:url(/home/images/bg_home_sector_point.jpg) no-repeat left; width:10px; height:39px; float:left;}

.home_section.border{ clear:both; /*background:url(/home/images/bg_home_section_border.jpg) repeat-x center; height:76px;*/ height:25px; background:none;}
.home_full.border{ height:1px; border-bottom:1px dashed #d8d9d9; margin-bottom:35px; margin-top:5px;
}

#page.home .box{ padding:10px;}

.home_quick_search{ background:#f8f8f8; margin-bottom:30px;}
#page.home .home_quick_search .box{ padding:5px 10px 10px 10px;}
.home_quick_search .tabs_area ul.tabs li, .home_quick_search .tabs_area ul.tabs_break li{ width:50%;}
.home_quick_search .option_area{ background:none; border-top:none; padding:0; margin:0 0 8px 0;} 
.home_quick_search .option_area select{ margin:0; width:215px;}
.home_quick_search .option_area .chosen-container{ margin:0;}
.home_quick_search .option_area label{ font-weight:bold; line-height:30px;}
.home_quick_search .tl{ font-size:20px; line-height:32px;}

.home_quick_search .result_area .anythingControls{ position:absolute; width:100%; bottom:-27px;}
.home_quick_search .result_area .anythingControls ul{ margin:0 auto; width:max-content; text-align:center; float:none;}
.home_quick_search .result_area .anythingControls ul li.last a{ margin-right:0;}
.home_quick_search .result_area .anythingSlider-default .arrow{ width:65px; height:31px; top:-48px;}
.home_quick_search .result_area .anythingSlider-default .arrow a{ width:65px; height:31px;}
.home_quick_search .result_area .anythingSlider-default .arrow span{ display:none;}
.home_quick_search .result_area .anythingSlider-default .back{ left:-18px;}

.home_quick_search .cbbc .result_area .top .anythingSlider-default .back a{ background:url(/home/images/arrow_quick_search_bull_prev.gif) no-repeat center left;}
.home_quick_search .warrant .result_area .top .anythingSlider-default .back a{ background:url(/home/images/arrow_quick_search_call_prev.gif) no-repeat center left;}
.home_quick_search .cbbc .result_area .bottom .anythingSlider-default .back a{ background:url(/home/images/arrow_quick_search_bear_prev.gif) no-repeat center left;}
.home_quick_search .warrant .result_area .bottom .anythingSlider-default .back a{ background:url(/home/images/arrow_quick_search_put_prev.gif) no-repeat center left;}

.home_quick_search .cbbc .result_area .top .anythingSlider-default .back a:after{ color:#1c6a64;}
.home_quick_search .warrant .result_area .top .anythingSlider-default .back a:after{ color:#4D7AA7;}
.home_quick_search .cbbc .result_area .bottom .anythingSlider-default .back a:after{ color:#a78216;}
.home_quick_search .warrant .result_area .bottom .anythingSlider-default .back a:after{ color:#ed8b00;}

.home_quick_search .result_area .anythingSlider-default .back a:after{ font-size:13px; font-family:Arial, Helvetica; line-height:31px; color:#000; position:absolute; right:5px;}
.home_quick_search .cbbc .result_area .anythingSlider-default .back a:after{ content:"較近收回";}
.home_quick_search .warrant .result_area .anythingSlider-default .back a:after{ content:"較近現價";}
.home_quick_search .result_area .anythingSlider-default .back a:hover:after{ text-decoration:underline;}
.home_quick_search .result_area .anythingSlider-default .forward{ right:-18px;}

.home_quick_search .cbbc .result_area .top .anythingSlider-default .forward a{ background:url(/home/images/arrow_quick_search_bull_next.gif) no-repeat center right;}
.home_quick_search .warrant .result_area .top .anythingSlider-default .forward a{ background:url(/home/images/arrow_quick_search_call_next.gif) no-repeat center right;}
.home_quick_search .cbbc .result_area .bottom .anythingSlider-default .forward a{ background:url(/home/images/arrow_quick_search_bear_next.gif) no-repeat center right;}
.home_quick_search .warrant .result_area .bottom .anythingSlider-default .forward a{ background:url(/home/images/arrow_quick_search_put_next.gif) no-repeat center right;}


.home_quick_search .cbbc .result_area .top .anythingSlider-default .forward a:after{ color:#1c6a64;}
.home_quick_search .warrant .result_area .top .anythingSlider-default .forward a:after{ color:#4D7AA7;}
.home_quick_search .cbbc .result_area .bottom .anythingSlider-default .forward a:after{ color:#a78216;}
.home_quick_search .warrant .result_area .bottom .anythingSlider-default .forward a:after{ color:#ed8b00;}

.home_quick_search .result_area .anythingSlider-default .forward a:after{ font-size:13px; font-family:Arial, Helvetica; line-height:31px; color:#000; position:absolute; left:5px;}
.home_quick_search .cbbc .result_area .anythingSlider-default .forward a:after{ content:"較遠收回";}
.home_quick_search .warrant .result_area .anythingSlider-default .forward a:after{ content:"較遠現價";}
.home_quick_search .result_area .anythingSlider-default .forward a:hover:after{ text-decoration:underline;}
.home_quick_search .result_area .top, .home_quick_search .result_area .bottom{ margin-bottom:15px; -webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15); box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15);}
.home_quick_search .result_area .top{ border-top:2px solid #4D7AA7;}
.home_quick_search .result_area .bottom{ border-top:2px solid #242527;}
.home_quick_search .result_area .top:after, .home_quick_search .result_area .bottom:after{ content:""; display:table; clear:both;}

.home_quick_search .result_area .search_area{ padding:8px 0; background:url(/home/images/bg_home_quick_search_area.jpg) repeat-y; border-bottom:1px solid #d8d9d9;}
.home_quick_search .result_area .search_area .search{ float:left;}
.home_quick_search .result_area .search_area .search input{ width:114px; float:left;}
.home_quick_search .result_area .search_area .search button{ width:31px; height:31px; float:left; text-indent:-99999px; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.home_quick_search .result_area .search_area:after{ content:""; display:table; clear:both;}
.home_quick_search .cbbc .top .search_area .search button{ background:url(/home/images/bg_button_bull_search.jpg) no-repeat center #1c6a64;}
.home_quick_search .cbbc .bottom .search_area .search button{ background:url(/home/images/bg_button_bear_search.jpg) no-repeat center #a78216;}
.home_quick_search .cbbc .result_area .top{ border-top:2px solid #1c6a64;}
.home_quick_search .cbbc .result_area .bottom{ border-top:2px solid #a78216;}
.home_quick_search .warrant .result_area .top .search_area .search button{ background:url(/home/images/bg_button_call_search.jpg) no-repeat center #4D7AA7;}
.home_quick_search .warrant .result_area .bottom .search_area .search button{ background:url(/home/images/bg_button_put_search.jpg) no-repeat center #ed8b00;}
.home_quick_search .warrant .result_area .top{ border-top:2px solid #4D7AA7;}
.home_quick_search .warrant .result_area .bottom{ border-top:2px solid #ed8b00;}

.home_quick_search .result_area .search_area a{ font-family:Arial, Helvetica; display:block;}
.home_quick_search .result_area .search_area a:hover{ text-decoration:underline;}
.home_quick_search .result_area .search_area .near{ float:left; font-size:13px; width:70px; height:31px; line-height:31px; text-align:right; box-sizing:border-box; padding-right:5px;}
.home_quick_search .result_area .top .search_area .near a{ color:#4D7AA7; background:url(/home/images/arrow_quick_top_search_prev.gif) no-repeat center left 5px;}
.home_quick_search .result_area .bottom .search_area .near a{ color:#000; background:url(/home/images/arrow_quick_bottom_search_prev.gif) no-repeat center left 5px;}
.home_quick_search .result_area .search_area .far{ float:left; font-size:13px; width:70px; height:31px; line-height:31px; text-align:left; box-sizing:border-box; padding-left:5px;}
.home_quick_search .result_area .top .search_area .far a{ color:#4D7AA7; background:url(/home/images/arrow_quick_top_search_next.gif) no-repeat center right 5px;}
.home_quick_search .result_area .bottom .search_area .far a{ color:#000; background:url(/home/images/arrow_quick_bottom_search_next.gif) no-repeat center right 5px;}

.home_quick_search .result_area .result{ background:#FFF; padding:8px 23px;}
.home_quick_search .result_area .result li .product_area{ float:left; margin-top:10px;}
.home_quick_search .result_area .result li .product_area .code{ font-size:30px; line-height:30px;}
.home_quick_search .result_area .result li .product_area .name{ font-size:16px; line-height:20px;}

.home_quick_search .cbbc .result_area .top .result li .product_area{ color:#1c6a64;}
.home_quick_search .cbbc .result_area .bottom .result li .product_area{ color:#a78216;}
.home_quick_search .warrant .result_area .top .result li .product_area{ color:#4D7AA7;}
.home_quick_search .warrant .result_area .bottom .result li .product_area{ color:#ed8b00;}

.home_quick_search .result_area .result li:after{ content:""; display:table; clear:both;}

.home_quick_search .result_area .result li .terms{ float:right; width:125px;}
.home_quick_search .result_area .result li .terms li{ float:none; border-bottom:1px dashed #d8d9d9; font-size:13px; font-family:Arial, Helvetica; line-height:21px; padding:0; color:#000;}
.home_quick_search .result_area .result li .terms li:last-child{ border-bottom:none;}
.home_quick_search .result_area .result li .terms li span{ float:right; font-size:14px; font-weight:bold;}
.home_quick_search .result_area .result:after{ content:""; display:table; clear:both;}

/*outstanding_band box*/
.home_outstanding_band.box{ padding:10px; background:#f8f8f8; margin-bottom:30px;}
.home_outstanding_band.box .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_outstanding_band.box .band_ratio_area{ background:#fff; border:1px solid #54585a; padding:5px; margin-bottom:5px; margin-top:5px;}
.home_outstanding_band.box .band_ratio_area .band_number span{ font-size:21px;}
.home_outstanding_band.box .band_ratio_area a .date{ color:#000;}
.home_outstanding_band.box .band_ratio_area .date{ text-align:center; font-size:16px; line-height:20px;}
.home_outstanding_band.box .band_ratio_area .band_number{ text-align:center; color:#ed8b00; font-size:24px; line-height:32px;}
.home_outstanding_band.box .band_ratio_area a:hover .date{ text-decoration:underline;}

.home_outstanding_band.box .table{ background:#fff;}
.home_outstanding_band.box .table a{ display:block; cursor:pointer!important;}
.home_outstanding_band.box .table a .chart_table thead th, .home_outstanding_band.box .table a .chart_table tbody td{ color:#000; cursor:pointer!important; line-height:26px;}
.home_outstanding_band.box .table tbody td{ border-right:none;}
.home_outstanding_band.box .table tbody td.bar_td{ padding:0;}
.home_outstanding_band.box .table .chart_table thead th{ line-height:19px; }
.home_outstanding_band.box .table .chart_table thead th.focus{ padding:0; background:#eaeaea;}
.home_outstanding_band.box .table .chart_table tbody tr td.focus{ background:#fff; padding:0;}
.home_outstanding_band.box .table .chart_table tbody tr td.focus .product { line-height:19px;}
.home_outstanding_band.box .table .chart_table tbody tr td.focus .product a{ font-size:13px;}
.home_outstanding_band.box .table .chart_table tbody tr.area td:first-child{ font-size:13px; text-align:left; line-height:19px;}
.home_outstanding_band.box .table .chart_table tbody tr.area td .bar_containers .data{ font-size:12px; text-align:left; padding-left:5px; float:left;}


.home_outstanding_band.box .table .chart_table tbody tr:nth-child(even) td.focus{ background:#fff;}
.home_outstanding_band.box .table .chart_table tbody tr:hover td.focus, .home_outstanding_band.box .table .chart_table tbody tr:nth-child(even):hover td.focus{ background:#d8d9d9;}

.home_outstanding_band.box .table tbody td:first-child, .home_outstanding_band.box .table thead th:first-child{ padding-left:5px; padding-right:0; border-right:1px solid #eee;}
.home_outstanding_band.box .table tbody tr td{}
.home_outstanding_band.box .table tbody tr td.focus span{ padding-right:0;}
.home_outstanding_band.box .table tbody tr td.focus span.turnover_img{ padding-left:0; padding-right:5px; display:none;}
.home_outstanding_band.box .table tbody tr.last td{ color:#ed8b00; font-weight:bold;}
.home_outstanding_band.box .table tbody tr.last:hover td{ background:#d8d9d9;}
.home_outstanding_band.box .timer_area .timer{ margin-top:5px;} 
.home_outstanding_band.box .chart_table .bar{ margin:5px 0;}
.home_outstanding_band.box .chart_table .bar:hover{ background-image:url(../images/bar_bg.png);}
.home_outstanding_band.box .chart_table .bar.long{ background-color:#1c6a64;}
.home_outstanding_band.box .chart_table .bar.short{ background-color:#a78216;}

/*outstanding_band box*/
.home_outstanding_quick_search.box{ padding:10px; background:#f8f8f8; margin-bottom:30px;}
.home_outstanding_quick_search.box .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; position:relative;}
.home_outstanding_quick_search.box .tl:after{ /*content:"全新";*/ position:absolute; left:115px; top:3px; font-size:12px; background:#ed8b00; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.home_outstanding_quick_search.box .underlying .chosen-container{ width:100%!important; margin-bottom:5px;}  
.home_outstanding_quick_search.box .table thead th{ font-size:13px; padding:0 3px; line-height:26px; border-right:none; font-family:arial, "新細明體";}
.home_outstanding_quick_search.box .table tbody td{ background:#fff; font-size:13px; line-height:26px; border-right:none;}
.home_outstanding_quick_search.box .table tbody td.last{ line-height:18px;}
.home_outstanding_quick_search.box .table tbody tr.hasProduct td{ cursor:pointer;}
.home_outstanding_quick_search.box .table tbody tr.spotline td{ background:#f8f8f8; line-height:20px;}
.home_outstanding_quick_search.box .table tbody tr.spotline.bull td, .home_outstanding_quick_search.box .table tbody tr.spotline.bull:nth-child(even):hover td{ background:url(/home/images/bg_spotline_bull.jpg) no-repeat center #eaeaea;}
.home_outstanding_quick_search.box .table tbody tr.spotline.bear td, .home_outstanding_quick_search.box .table tbody tr.spotline.bear:nth-child(even):hover td{ background:url(/home/images/bg_spotline_bear.jpg) no-repeat center #eaeaea;}
.home_outstanding_quick_search.box .table tbody tr td{ background:#fff;}
.home_outstanding_quick_search.box .table tbody tr:nth-child(even) td{ background:#f8f8f8;}
.home_outstanding_quick_search.box .table tbody tr:hover td{ background:#fff;}
.home_outstanding_quick_search.box .table tbody tr:nth-child(even):hover td{ background:#f8f8f8;}
.home_outstanding_quick_search.box .table thead th:first-child{ padding-left:5px; /*border-right:1px solid #eee;*/}
.home_outstanding_quick_search.box .table tbody td:first-child{ padding-left:5px;/*border-right:1px solid #eee;*/}
.home_outstanding_quick_search.box .table tbody td{ border:none;}
.home_outstanding_quick_search.box .table tbody tr.ulast td{ background:#ed8b00; color:#fff; font-weight:bold; font-size:15px;}
.home_outstanding_quick_search.box .table tbody tr.ulast:hover td{ background:#ed8b00;}
.home_outstanding_quick_search.box .table tbody tr td a{ font-weight:bold;}
.home_outstanding_quick_search.box .table tbody tr.koed td{ color:#838383;}
.home_outstanding_quick_search.box .table tbody tr.koed td a.bear, .home_outstanding_quick_search.box .table tbody tr.koed td a.bull{ color:#838383!important; font-weight:normal;}
.home_outstanding_quick_search.box .table .vertical_scroll_area{ overflow-y:scroll; overflow-x:hidden; height:343px!important;}
.home_outstanding_quick_search.box .tl a{ color:#000;}

.home_banner_area{ padding:5px; background:#d8d9d9; margin-bottom:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.home_newlstter{ background:#f8f8f8; padding:5px; margin-bottom:30px;}
.home_newlstter .button_area button.subscription{ background:#4e8abe; border:1px solid #54585a; background:#54585a; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.home_newlstter .button_area button.cancel{ background:#fff; border:1px solid #54585a; color:#54585a; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.home_newlstter .newlstter_area{ border:1px solid #d8d9d9; padding:10px; background:url(/home/images/bg_home_newlstter_area.jpg) no-repeat; padding-left:85px;}
.home_newlstter .newlstter_area input[type="text"]{ font-size:13px; font-family:Arial, Helvetica; margin:5px 0 6px 0; width:195px;}

.home_newlstter.new{ background:#fff; border:1px solid #eee; background:url(/home/images/img_color_bar_home_newsletter_new.jpg) no-repeat bottom; background-size:100% auto; padding:20px; margin-top:30px;}
.home_newlstter.new .tl{ font-size:24px;}
.home_newlstter.new .tl span{ color:#936846;}
.home_newlstter.new .sub_area{ display:flex; margin:10px 0; align-items:flex-end;}
.home_newlstter.new .sub_area input[type="text"]{ width:155px; margin-left:5px;}
.home_newlstter.new .sub_area .form_area{ display:flex;}
.home_newlstter.new .sub_area button{ border-radius:0; padding:0 10px; background:#54585a;}

/* home_video_area*/
.home_video_area{ margin-bottom: 30px;}
.home_video_area .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; float:left;}
.home_video_area #title.tl{ background:#f8f8f8; font-size:20px; font-weight:bold; line-height:32px; padding:5px 15px; margin-bottom:10px; width:100%; box-sizing:border-box;}
.home_video_area #title.tl span{ font-size:16px; font-weight:normal;}
.home_video_area .video{ float:left;}
.home_video_area .video_detail{ float:left; width:185px; margin-left:20px;}
.home_video_area .video_detail .tl{ background:#fff; padding:0; font-size:20px; font-weight:bold; line-height:32px; margin-bottom:10px; float:none;}
.home_video_area .video_detail .ppl{ margin-bottom:10px;}
.home_video_area .video_detail .ppl .name{ outline:none; border:none; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left; font-weight:bold;} 
.home_video_area .video_detail .ppl .title{ padding-left:12px; line-height:28px;}
.home_video_area .more_button{ clear:both;}
.home_video_area:after{ content:""; display:table; clear:both;}

/* home_realtime_news */
.home_realtime_news{margin-bottom:30px;}
.home_realtime_news .remark{font-size:13px;font-family:Arial, Helvetica;line-height:18px;margin-top:0;float: right;}
.home_realtime_news .remark .right{ float:right; margin-top: 10px;}
.home_realtime_news .remark a{ color:#000;}
.home_realtime_news .remark:after{ content:""; display:table; clear:both;}

.home_realtime_news .tabs_area.no_top_space{clear: both;}

.home_realtime_news .tl{font-size:20px;line-height:32px;background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left;padding-left:12px;float: left;}
.home_realtime_news .realtime_news{border-top:1px solid #d8d9d9;}
.home_realtime_news .realtime_news ul.no_data{ float:none; width:100%;}
.home_realtime_news .realtime_news ul.no_data li{ border-bottom:none; text-align:center;}
.home_realtime_news .realtime_news ul{ float:left; width:50%; box-sizing:border-box; }
.home_realtime_news .realtime_news ul.left{ border-right:1px solid #d8d9d9;}
.home_realtime_news .realtime_news ul.right{ border-right:none;}
.home_realtime_news .realtime_news ul li{ line-height:30px; margin:0 10px; float:none; border-bottom:1px dashed #d8d9d9; font-size:15px;}

.home_realtime_news .realtime_news ul li.date{ background:#eaeaea; margin:0; padding:0 10px; border-bottom:none; font-weight:bold;}
.home_realtime_news .realtime_news ul li span{ color:#6e6d72;}
.home_realtime_news .realtime_news ul li a{color:#4D7AA7;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width: 330px;float:right;}
.home_realtime_news .realtime_news ul li a:hover{ text-decoration:underline;}
.home_realtime_news .realtime_news .remark{ font-size:13px; line-height:28px; font-family:Arial, Helvetica; float:left;}
.home_realtime_news .realtime_news .remark a{ color:#000;}
.home_realtime_news .realtime_news .more_link{ text-align:right; float:right; }
.home_realtime_news .realtime_news .more_link a{ color:#54585a; font-size:13px; font-family:Arial, Helvetica; line-height:28px; background:url(/home/images/icon_home_more_link_gray.jpg) no-repeat right; padding-right:20px; font-weight:bold;}
.home_realtime_news .realtime_news .more_link a:hover{ text-decoration:underline;}
.home_realtime_news .realtime_news:after{ content:""; display:table; clear:both;}



/*home_jp_commentary*/
.home_jp_commentary{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #d8d9d9;}
.home_jp_commentary .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_jp_commentary .table table tbody tr:nth-child(even) td{ background:transparent;}
.home_jp_commentary .table table tbody tr:nth-child(4n+3) td{ background:#f5f5f5;}
.home_jp_commentary .table table tbody tr:nth-child(4n+3):hover td{ background:#d8d9d9;}
.home_jp_commentary .table table tbody td{ border-bottom:none; padding:0 3px; font-size:14px;}
.home_jp_commentary .table table tbody td:first-child{ padding:0 3px 0 0;}
.home_jp_commentary .table table tbody td .underlying a{ border-left:6px solid #4D7AA7; padding-left:5px;}
.home_jp_commentary .table table tbody td.target span{ font-weight:bold;}
.home_jp_commentary .table table tbody td.rating img{ display:none;}
.home_jp_commentary .table table tbody td.commentary_content_area{ border-top:none; text-align:left;}
.home_jp_commentary .table table tbody td.commentary_content_area .tl{ font-size:16px; font-weight:bold; border-top:1px dotted #d8d9d9; background:none; padding-left:0; line-height:26px; padding:6px 0; font-size:15px;}
.home_jp_commentary .table table tbody tr td.rating span{ font-size:15px;}
.home_jp_commentary .table table tbody td.commentary_content_area p{ font-size:13px; line-height:18px; font-family:Arial, Helvetica;}
.home_jp_commentary .table table tbody td button.expand{ width:24px; height:24px; background:url(/home/images/bg_icon_expand.jpg) no-repeat center #4D7AA7; padding:0; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.home_jp_commentary .table table tbody tr:last-child td{ border-bottom:1px solid #d8d9d9;}
.home_jp_commentary .table table tbody td button.expand.active{ background:url(/home/images/bg_icon_collapse.jpg) no-repeat center #4D7AA7;}
.home_jp_commentary .table table thead th button.expand_all{ width:24px; height:24px; background:url(/home/images/bg_icon_expand_all.jpg) no-repeat center #4d7aa7; padding:0; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.home_jp_commentary .table table thead th button.expand_all.active{ background:url(/home/images/bg_icon_collapse_all.jpg) no-repeat center #4d7aa7;}

.home_jp_commentary .timer{ float:left;}
.home_jp_commentary .more_button{ float:right; margin-top:10px;}
.home_jp_commentary:after{ content:""; display:table; clear:both;}


/*home_result_announcement*/
.home_result_announcement{ margin-bottom:30px; padding-bottom:25px; border-bottom:1px dashed #d8d9d9;}
.home_result_announcement .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_result_announcement .result_announcement_slider{ margin-bottom:10px;}
.home_result_announcement .result_announcement_slider .owl-stage-outer{ z-index:9;}
.home_result_announcement .result_announcement_slider .owl-item{ float:left;}
.home_result_announcement .result_announcement_slider .item{ border:1px solid #d8d9d9; width:218px; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); min-height:310px;}
.home_result_announcement .result_announcement_slider .item .name_area{ text-align:center; width:100%; border-bottom:1px solid #000; color:#4D7AA7; font-weight:bold; font-size:20px; line-height:24px;}
.home_result_announcement .result_announcement_slider .item .name_area a .code{ color:#4D7AA7; overflow:auto;}
.home_result_announcement .result_announcement_slider .item .name_area a .name{ color:#4D7AA7; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:127px; text-align:left;}

.home_result_announcement .result_announcement_slider .item .name_area a:hover .code, .home_result_announcement .result_announcement_slider .item .name_area a:hover .name{ text-decoration:underline;}
.home_result_announcement .result_announcement_slider .item .name_area .code{ display:inline-block;}
.home_result_announcement .result_announcement_slider .item .name_area .name{ display:inline-block;}
.home_result_announcement .result_announcement_slider .item .name_area{ content:""; display:table; clear:both;}
.home_result_announcement .result_announcement_slider .item .event_area{ margin:5px 0;}
.home_result_announcement .result_announcement_slider .item .event_area ul li{ width:100%; box-sizing:border-box; border:none; margin-right:0px; padding:0; font-family:Arial, Helvetica; font-size:13px; line-height:21px; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
.home_result_announcement .result_announcement_slider .item .event_area ul li .tooltip img{ width:auto!important; height:auto!important; display:inline;}
.home_result_announcement .result_announcement_slider .item .event_area ul li span{ float:right; font-size:14px; font-weight:bold;}
.home_result_announcement .result_announcement_slider .item .event_area:after{ content:""; display:table; clear:both;}
.home_result_announcement .result_announcement_slider .item .result_area{} 
.home_result_announcement .result_announcement_slider .item .result_area .tl{ background:#54585a; color:#fff; font-size:13px; padding:0 10px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright: 6px; border-top-left-radius:6px; border-top-right-radius:6px; float:left; line-height:22px; font-family:Arial, Helvetica;}
#page .home_result_announcement .result_announcement_slider .item .result_area .content{ width:100%; padding:5px 8px; box-sizing:border-box;}
.home_result_announcement .result_announcement_slider .item .result_area .content{ clear:both; background:#f5f5f5; border:1px solid #d8d9d9;}
.home_result_announcement .result_announcement_slider .item .result_area .content .tl{ background:none; color:#000; clear:both; width:100%; box-sizing:border-box; padding:0; float:none;}
.home_result_announcement .result_announcement_slider .item .result_area .content .result{font-size:20px; line-height:23px;}
.home_result_announcement .result_announcement_slider .item .result_area .content .result .unit{ float:left; margin-right:5px;}

.home_result_announcement .result_announcement_slider .item .result_area:after{ content:""; display:table; clear:both;}
.home_result_announcement .result_announcement_slider .item .compare_area .tl{ font-size:13px; font-weight: bold; font-family:Arial, Helvetica; text-align:center; line-height:26px; background:none; padding:0;}
.home_result_announcement .result_announcement_slider .item .compare_area .table thead th{ font-size:13px; font-family:Arial, Helvetica; line-height:17px; padding:3px 0;}
.home_result_announcement .result_announcement_slider .item .compare_area .table tbody td{ font-size:14px; font-weight:bold; line-height:26px}
.home_result_announcement .result_announcement_slider .item .compare_area .table thead th:first-child, .home_result_announcement .result_announcement_slider .item .compare_area .table tbody td:first-child{ padding-left:5px;}
.home_result_announcement .result_announcement_slider .item .compare_area .table tbody tr:hover td{ background:#fff;}
.home_result_announcement .result_announcement_slider .item .focus ul li{ box-sizing:border-box; border:none; margin-right:0px; padding:5px; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); float:left; width:50%; text-align:center; color:#fff!important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.home_result_announcement .result_announcement_slider .item .focus ul li a{ color:#fff;}
.home_result_announcement .result_announcement_slider .item .focus ul li a:hover{ text-decoration:underline;}
.home_result_announcement .result_announcement_slider .item .focus ul li.call{ background:#4D7AA7;}
.home_result_announcement .result_announcement_slider .item .focus ul li.put{ background:#ed8b00;}
.home_result_announcement .result_announcement_slider .item .focus ul li.bull{ background:#1c6a64;}
.home_result_announcement .result_announcement_slider .item .focus ul li.bear{ background:#a78216;}
.home_result_announcement .result_announcement_slider .item .focus ul li.inline_code, .home_result_announcement .result_announcement_slider .item .focus ul li.inline{ background:#564984;}
.home_result_announcement .result_announcement_slider .item .focus ul li .code_area .code{ font-size:16px;}
.home_result_announcement .result_announcement_slider .item .focus ul li .code_area .name{ font-size:13px;}
.home_result_announcement .result_announcement_slider .item .focus:after{ content:""; display:table; clear:both;}
.home_result_announcement:after{ content:""; display:table; clear:both;}
.home_result_announcement .owl-dots{ position:absolute;	left:0;	bottom:-30px;}
.home_result_announcement .owl-dots .owl-dot{ display:inline-block; text-decoration:none; height:12px; width:12px; margin:0 5px 0 0; text-align:center; outline:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; border:#d8d9d9 solid 1px; -webkit-box-shadow:0px 0px 4px 0px rgba(255, 255, 255, 0.8); -moz-box-shadow:0px 0px 4px 0px rgba(255, 255, 255, 0.8); box-shadow:0px 0px 4px 0px rgba(255, 255, 255, 0.8);}
.home_result_announcement .owl-dots .owl-dot.active{ background:#b1b3b3; border:#b1b3b3 solid 1px;}
.home_result_announcement .owl-nav{ position:absolute; width:100%; top:50%; margin-top:-40px; z-index:99; height:80px;}
.home_result_announcement .owl-nav .owl-prev{ position:absolute; left:0; width:30px; height:80px; background:rgba(0,0,0,0.5); display:none;}
.home_result_announcement .owl-nav .owl-next{ position:absolute; right:0; width:30px; height:80px; background:rgba(0,0,0,0.5); display:none;}
.home_result_announcement .owl-nav span{ color:#FFF; font-size:24px;}

/*home_stock_comment*/
.home_stock_comment{ margin-bottom:35px; position:relative;}
.home_stock_comment ul li{ width:100%;}
.home_stock_comment .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_stock_comment .stock_area{ border-top:1px solid #d8d9d9; background:#f8f8f8; line-height:40px; margin-bottom:10px; padding:0 10px;}
.home_stock_comment .stock_area .stock{ font-size:18px; font-weight:bold; float:left;}
.home_stock_comment .stock_area .stock .code{ float:left;}
.home_stock_comment .stock_area .stock .name{ float:left;}
.home_stock_comment .stock_area .comment_area{ float:right;}
.home_stock_comment .stock_area .comment_area ul li{ font-size:15px; color:#ed8b00; font-weight:bold; width:auto;}
.home_stock_comment .stock_area .comment_area ul li:first-child{ padding-right:20px; background:url(/home/images/line_home_stock_comment.jpg) no-repeat right;}
.home_stock_comment .stock_area .comment_area ul li:last-child{ padding-left:20px;}
.home_stock_comment .stock_area .comment_area ul li span{ font-size:18px; color:#000;}
.home_stock_comment .stock_area .comment_area:after{ content:""; display:table; clear:both;}
.home_stock_comment .stock_area:after{ content:""; display:table; clear:both;}
.home_stock_comment .comment_content_area{ margin:10px 0;}
.home_stock_comment .comment_content_area .photo{ float:left; margin-right:10px;}
.home_stock_comment .comment_content_area .comment_content{ float:left; width:452px; padding-right:15px;}
.home_stock_comment .comment_content_area .comment_content .tl{ font-size:18px; padding-left:0; background:none;}
.home_stock_comment .comment_content_area .comment_content .txt{ font-size:13px;}
.home_stock_comment .comment_content_area .comment_content .txt p{ margin-bottom:5px;}
.home_stock_comment .comment_content_area .comment_content .date{ font-size:13px;}
.home_stock_comment .comment_content_area .comment_content .date ul li{ float:left; width:auto; font-family:Arial, Helvetica; font-weight:bold;}
.home_stock_comment .comment_content_area .comment_content .date ul li:first-child{ padding-right:20px; background:url(/home/images/line_home_stock_comment_date.jpg) no-repeat right;}
.home_stock_comment .comment_content_area .comment_content .date ul li:last-child{ padding-left:20px;}
.home_stock_comment .comment_content_area .focus{ float:right; margin-right:10px; margin-top:24px;}
.home_stock_comment .comment_content_area .focus ul li{ width:90px; padding:5px; clear:both; text-align:center;}
.home_stock_comment .comment_content_area .focus ul li a{ color:#fff;}
.home_stock_comment .comment_content_area .focus ul li a:hover{ text-decoration:underline;}
.home_stock_comment .comment_content_area .focus ul li .code{ font-size:20px;}
.home_stock_comment .comment_content_area .focus ul li .name{ font-size:16px;}
.home_stock_comment .comment_content_area .focus ul li.call{ background:#4D7AA7;}
.home_stock_comment .comment_content_area .focus ul li.put{ background:#54585a;}
.home_stock_comment .comment_content_area .focus ul li.inline_code, .home_stock_comment .comment_content_area .focus ul li.inline{ background:#564984;}
.home_stock_comment .comment_content_area:after{ content:""; display:table; clear:both;}
.home_stock_comment .anythingControls{ bottom:-20px; position:absolute;}
.home_stock_comment .anythingControls ul li{ width:auto;}
.home_stock_comment:after{ content:""; display:table; clear:both;}

/*home_market_focus*/
.home_market_focus{  margin-bottom:30px; width:530px; margin-right:30px; margin-top:10px; float:left;}
.home_market_focus .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_market_focus .table{ border-top:1px solid #d8d9d9;}
.home_market_focus .table.scroll{ height:426px; overflow-y:scroll;}
.home_market_focus .table.vertical tbody tr:first-child th, .home_market_focus .table.vertical tbody tr:first-child td{ border-top:none;}
.home_market_focus .table.vertical tbody th{ background:#eaeaea; font-size:14px;}
.home_market_focus .table.vertical tbody td{ line-height:15px; padding:12px 5px; text-align:left; font-size:14px;}
.home_market_focus .table.vertical tbody td,.home_market_focus .table.vertical tbody tr:hover td{ background:#fff;}
#page.home .home_market_focus .more_button{ -webkit-border-bottom-right-radius:6px; -webkit-border-radius:0; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:0; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-radius:0; border-bottom-right-radius:6px; border-bottom-left-radius:6px;}
.home_market_focus:after{ content:""; display:table; clear:both;}


.home_market_focus .news{ border-top:1px solid #d8d9d9; margin-top:0;}
.home_market_focus .news ul.no_data{ float:none; width:100%;}
.home_market_focus .news ul.no_data li{ border-bottom:none; text-align:center;}
.home_market_focus .news ul{  box-sizing:border-box;}
.home_market_focus .news ul.left{ border-right:1px solid #d8d9d9;}
.home_market_focus .news ul.right{ border-right:none;}
.home_market_focus .news ul li{line-height:30px;margin:0 10px;float:none;border-bottom:1px dashed #d8d9d9;font-size:15px;padding: 8px 0;}
.home_market_focus .news ul li.date{ background:#eaeaea; margin:0; padding:0 10px; border-bottom:none; font-weight:bold;}
.home_market_focus .news ul li span.left{color:#6e6d72;float: left;width: 80px;line-height: 16px;}
.home_market_focus .news ul li span.right{float: left;width: calc(100% - 90px);line-height: 16px;}
.home_market_focus .news ul li span.right.pointer{ cursor:pointer;}
.home_market_focus .news ul li span.right a{ color:#4D7AA7;}

.underlying_news .home_market_focus .news ul li span.left{width: 105px; padding-left: 15px;}
.underlying_news .home_market_focus .news ul li span.right{width: calc(100% - 125px);}
.underlying_news .home_market_focus .news ul li span.right.pointer{ cursor:pointer;}
.underlying_news .home_market_focus .news ul li span.right a{ color:#4D7AA7;}
.underlying_news .home_market_focus .tl {    font-size: 18px;    line-height: 39px;    font-weight: bold;    background: #eaeaea; padding-left: 15px;}
.underlying_news .home_market_focus .tl a{ color:#000;}
.underlying_news .home_market_focus .tl a:hover{ text-decoration:underline;}

.underlying_news .home_market_focus .inside_news{ background:#eaeaea;}
.underlying_news .home_market_focus .inside_news .tl{ float:left;}
.underlying_news .home_market_focus .inside_news .right{ float:right; font-size:13px; line-height:39px; padding-right:15px;}
.underlying_news .home_market_focus .inside_news .right a{ color:#000;}
.underlying_news .home_market_focus .inside_news:after{ content:""; clear:both; display:table;}

.underlying_news .home_market_focus{margin-bottom: 15px; margin-right:0; width:100%;}
.underlying_news > div:nth-child(3){margin-bottom: 30px;}
.underlying_news .home_market_focus .news ul li{margin: 0;}
.underlying_news .home_market_focus .m_show {  display: none}

.home_market_focus .news ul li a:hover{ text-decoration:underline;}
.home_market_focus .news .remark{ font-size:13px; line-height:28px; font-family:Arial, Helvetica; float:left;}
.home_market_focus .news .remark a{ color:#000;}
.home_market_focus .news .more_link{ text-align:right; float:right;}
.home_market_focus .news .more_link a{ color:#54585a; font-size:13px; font-family:Arial, Helvetica; line-height:28px; background:url(/home/images/icon_home_more_link_gray.jpg) no-repeat right; padding-right:20px; font-weight:bold;}
.home_market_focus .news .more_link a:hover{ text-decoration:underline;}
.home_market_focus .news:after{ content:""; display:table; clear:both;}

.dot_line{width: 100%; height: 1px; border-bottom: 1px dashed #d8d9d9;margin-bottom: 30px;}

/*home_article*/
.home_article{ margin-bottom:10px; float: left; width:305px; background:#f8f8f8; padding:10px; box-sizing:border-box;}
.home_article .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 6px; padding-left:12px; float:left;}
.home_article .date_area{ float:right; font-size:13px; margin-top:8px;}
.home_article .border_line{ border-bottom:1px solid #d8d9d9; margin-bottom:5px;}
.home_article .content_area .tl{font-size:16px; color:#4D7AA7; font-weight:bold; line-height:21px; background:none; padding-left:0; margin-bottom:5px;}
/*.home_article .content_area .collapse{ height:62px; overflow:hidden; clear:both; margin-bottom:5px;}*/
.home_article .content_area p{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; line-height:1; margin-bottom:9px;}
.home_article .content_area p a{ color:#000;}
.home_article .content_area{ /*height:315px; overflow-x:hidden; overflow-y:scroll;*/}
.home_article .content_area .collapse { height:347px; overflow:hidden; width:100%;}
.home_article .content_area .collapse.img{ height:0; overflow:hidden; text-align:center;}
.home_article .content_area .collapse.img img{ max-width:100%; height:auto; max-height:285px;}
.home_article .content_area .image img{ width:100%; height:auto;}
.home_article .expand_more_button{ font-size:14px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; color:#4D7AA7; margin-top:5px; cursor:pointer; float:none; display:block;}

/*home_commentary*/
.home_commentary{ margin-bottom:30px; float: left; width:305px; background:#f8f8f8; padding:10px; box-sizing:border-box;}
.home_commentary .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 6px; padding-left:12px; float:left;}
.home_commentary .border_line{ border-bottom:1px solid #d8d9d9; margin-bottom:5px;}
#page.home .home_commentary .box{ padding:5px 10px; background:#fff;}
.home_commentary .box .date{ float:left; line-height:21px; font-size:15px; font-weight:bold;}
.home_commentary .box .download_button{ float:right; color:#ed8b00; line-height:21px; font-size:15px;}
.home_commentary .box .download_button a{ color:#ed8b00; background:url(/home/images/icon_home_pdf_download.jpg) no-repeat left; padding-left:15px;}
.home_commentary .box .download_button a:hover{ text-decoration:underline;}
.home_commentary .box .pdf_image{ background:#fff; clear:both; margin-top:5px; text-align:center; padding:10px 10px;}
.home_commentary .box .pdf_image img{width: 265px;height: auto;}
.home_commentary .more_link{ text-align:right; float:right; margin-top:4px;}
.home_commentary .more_link a{ color:#54585a; font-size:13px; font-family:Arial, Helvetica; line-height:28px; background:url(/home/images/icon_home_more_link_gray.jpg) no-repeat right; padding-right:20px; font-weight:bold;}
.home_commentary .more_link a:hover{ text-decoration:underline;}
.home_commentary:after{ content:""; display:table; clear:both;}

/*home_video*/
.home_video{ margin-bottom:30px;}
.home_video .tl{ /*border-bottom:1px solid #d8d9d9; margin-bottom:5px;*/ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 6px; padding-left:12px; float:left;}
.home_video .tl.live{ position:relative; width:100%; box-sizing:border-box;}
.home_video .tl.live span.icon{ width:auto; float:right; background:url(/home/images/icon_live_gif.gif) no-repeat; font-size:13px; line-height:24px; padding-left:25px; padding-right:10px; margin-top:4px;}
.home_video .tl.live span{ color:#4d7aa7; font-weight:bold;}
.home_video #title.tl{
	background: none;
    padding-left: 0;
    float: none;
    margin-top: 5px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 5px;
	font-weight: bold;
}
.home_video #title.tl span{ font-size:13px; display:block; line-height:1; font-weight:normal;}
.home_video .video_detail .tl{ background:none; padding-left:0; float:none; font-size:14px; line-height:1.2; margin:5px 0;}
.home_video .video_detail .ppl{
	margin-bottom:5px;
}
.home_video .video_detail .ppl .name{
	outline: none;
    border: none;
    padding-left: 12px;
    background: url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left;
    font-weight: bold;
	font-size: 15px;
}
.home_video .video_detail .ppl .title{
	padding-left: 12px;
    line-height: 18px;
    margin-top: 3px;
	font-size: 15px;
}

#page .home_video .more_button{ margin-top: 4px;
-webkit-border-radius: 0;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius: 0;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-radius: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

.home_video .video-wrap{ background:#f8f8f8; padding:5px;}
.home_video .video-wrap #home_left_video_img img{ width:100%; height:auto;}
.home_video .video-wrap .live_title{ line-height:32px;}


.home_video .video-wrap{ background:#f8f8f8; padding:5px;}

/*home_shortcut*/
.home_shortcut{ margin-bottom:30px; border-top:1px dashed #d8d9d9; border-bottom:1px dashed #d8d9d9; padding:30px 0;}
.home_shortcut .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_shortcut a.links{ padding:0 39px 0 20px; background:url(/home/images/icon_home_shortcut_link.jpg) no-repeat top 6px right 22px #54585a; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; line-height:28px; float:left; margin-right:10px; margin-bottom:10px; font-size:15px;}
.home_shortcut a:hover{ text-decoration:underline;}
.home_shortcut:after{ content:""; display:table; clear:both;}

/*inside shortcut*/
.inside_shortcut{ margin-bottom:30px; padding:30px 0 10px 0;}
.inside_shortcut .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.inside_shortcut a.links{ padding:0 39px 0 20px; background:url(/home/images/icon_home_shortcut_link.jpg) no-repeat top 6px right 22px #54585a; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; line-height:28px; float:left; margin-right:10px; margin-bottom:10px; font-size:15px;}
.inside_shortcut .shortcut_area{ margin-left:205px;}
.inside_shortcut .shortcut_area:after{ content:""; display:table; clear:both;}
.inside_shortcut a:hover{ text-decoration:underline;}
.inside_shortcut:after{ content:""; display:table; clear:both;}

/*home_money_flow*/
.home_money_flow{ position:relative; margin-bottom:40px; width:585px; float:left; margin-right:30px;}
.home_money_flow .money_flow_chart{ border-top:1px solid #d8d9d9;}
.home_money_flow .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
#page.home .home_money_flow .more_button{ position:absolute; right:0; bottom:-8px; -webkit-border-bottom-right-radius:6px; -webkit-border-radius:0; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:0; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-radius:0; border-bottom-right-radius:6px; border-bottom-left-radius:6px;}
.home_money_flow #table_index table tbody td span{ display:block; line-height:normal;}
.home_money_flow #table_index table tbody td span.unit{ display:inline-block;}
.home_money_flow .money_flow_chart #chart_table_etf .focus .call, .home_money_flow .money_flow_chart #chart_table_etf .focus .bull{ color:#1b435b!important;}
.home_money_flow .money_flow_chart #chart_table_etf .focus .put, .home_money_flow .money_flow_chart #chart_table_etf .focus .bear{ color:#8b460e!important;}
.home_money_flow #table_index .rise, .home_money_flow #table_index .flowin{ color:#1b435b!important;}
.home_money_flow #table_index .drop, .home_money_flow #table_index .flowout{ color:#8b460e!important;}
.home_money_flow .tabs_area ul.tabs_break li a{ padding:0 15px;}
.home_money_flow .chart_table tbody td.left_remark{ padding-left:0; text-align:center;}
.home_money_flow .chart_table.stock .long, .home_money_flow .chart_table.stock .short{ line-height:13px;}
.home_money_flow .chart_table.stock tbody .space td{ padding:4px 0 12px 0; height:17px;}
.home_money_flow .chart_table.etf tbody .space td{ padding:4px 0 5px 0;}
.home_money_flow .chart_table .stamp td .mid_text{ line-height:13px; margin-top:2px;}
.home_money_flow:after{ content:""; display:table; clear:both;}


/*home_cnhk_quota_balance*/
.home_cnhk_quota_balance{ position:relative; margin-bottom:60px; width:100%; float:left;}
.home_cnhk_quota_balance .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px;}
.home_cnhk_quota_balance .description li{ line-height:32px;}
.home_cnhk_quota_balance .description li.sh{ background:url(/home/images/bg_line_description_orange.jpg) no-repeat left; color:#ed8b00;}
.home_cnhk_quota_balance .description li.sz{ background:url(/home/images/bg_line_description_blue.jpg) no-repeat left; color:#4D7AA7;}
.home_cnhk_quota_balance .description li.vshsi{ background:url(/home/images/bg_line_description_black.jpg) no-repeat left;}
.home_cnhk_quota_balance .description li.total{ background:url(/home/images/bg_line_description_green.jpg) no-repeat left;}
.home_cnhk_quota_balance .chart_area{ border-top:1px solid #000; border-bottom:1px solid #000;}
.home_cnhk_quota_balance .chart_area .detail_area{ width:290px; float:left; margin-left:5px;}
.home_cnhk_quota_balance .chart_area .detail_area li{ float:none; margin-top:45px;}.home_cnhk_quota_balance .chart_area .detail_area li .flowin{ color:#228a02;}
.home_cnhk_quota_balance .chart_area .detail_area li .flowout{ color:#ee3224;}
.home_cnhk_quota_balance .chart_area .detail_area .tl{ padding-left:0; background:none; font-size:20px; line-height:1; margin-bottom:5px;}
.home_cnhk_quota_balance .chart_area .detail_area .stock_area{ margin-bottom:10px;}
.home_cnhk_quota_balance .chart_area .detail_area .stock_area .stock_code{ float:left; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left; font-size:18px;}
.home_cnhk_quota_balance .chart_area .detail_area .stock_area .stock_code a{ color:#000;}
.home_cnhk_quota_balance .chart_area .detail_area .moneyflow{ float:right; font-size:18px;}
.home_cnhk_quota_balance .chart_area .detail_area .market_area{ margin-bottom:10px;}
.home_cnhk_quota_balance .chart_area .detail_area .market_area .market_name{ float:left; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left; font-size:18px;}
.home_cnhk_quota_balance .chart_area .detail_area .timer{ margin-top:10px;}
.home_cnhk_quota_balance .chart_area .chart{ width:570px; float:left;}
.home_cnhk_quota_balance .chart_area .chart .remark{ font-size:13px; margin:0 0 10px 0;}
.home_cnhk_quota_balance .timer{ margin-top:0; line-height:20px;}
#page.home .home_cnhk_quota_balance .more_button{ position:absolute; right:0; bottom:-27px; -webkit-border-bottom-right-radius:6px; -webkit-border-radius:0; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:0; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-radius:0; border-bottom-right-radius:6px; border-bottom-left-radius:6px;}


/*nav*/
.nav .navigate_area{ margin-left:205px; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #d8d8d8;}
.nav.full .navigate_area{ margin-left:0; text-align:center;}
.nav .navigate_area .tl, .nav .navigate_area h1.tl{ float:left; line-height:54px; font-size:26px; font-weight:bold; color:#54585a; margin:0;}
.nav.full .navigate_area .tl{ float:none;}
.nav .navigate_area .tl span.realtime{ background:url(/home/images/icon_tl_realtime.jpg) no-repeat left top 16px; margin-left:10px; padding-left:22px; color:#ed8b00; font-size:16px; line-height:54px; float:right;}
.nav .navigate_area .navigate{ float:right; line-height:54px; font-size:15px; color:#54585a; font-weight:bold;}
.nav .navigate_area .navigate span{ color:#88abd5;}
.nav .navigate_area .navigate a{ color:#54585a;}
.nav .navigate_area .navigate a:hover{ text-decoration:underline;}
.nav .navigate_area:after{ content:""; display:table; clear:both;}
.nav .navigate_area .vertical_new{ margin:7px 0 0 0; width:590px; float:right; max-height: 38px; overflow: hidden;}
.nav .navigate_area .vertical_new.hidden *{ opacity: 0;}
.nav .navigate_area .vertical_new *{ opacity: 1;}


.nav .navigate_area .vertical_new.slick-vertical .news.slick-slide .news{ width:475px!important;}
.nav .vertical_new{ margin-left:205px;}

.inside_content .left_area{ width:205px; float:left;}
.inside_content .left_area.is_stuck{ z-index:1}
.inside_content .left_area .left_part{ margin-top:-63px;}
.inside_content .left_area .quick_search{ background:#f5f5f5; padding:15px 10px; margin-right:25px; padding-bottom:35px; position:relative; border:1px solid #d8d9d9; margin-bottom:25px; position:relative;}
.inside_content .left_area .quick_search .tl{ font-weight:bold; font-size:16px; line-height:19px; margin-bottom:3px; background:url(/home/images/icon_tl_inside_realtime.jpg) no-repeat top left; padding-left:23px; margin-bottom:5px; }
.inside_content .left_area .quick_search:after{ content:""; display:table; clear:both;}
.inside_content .left_area .quick_search input[type="text"]{ width:158px; background:url(/home/images/icon_top_search.jpg) no-repeat right #fff;}
.inside_content .left_area .quick_search button{ position:absolute; right:12px; top:38px; height:27px; width:40px; text-indent:-99999px; background:transparent; padding:0;}
.inside_content .left_area .quick_search .code_area{ border-left:6px solid #4D7AA7; margin:10px 0; padding-left:5px; line-height:22px;}
.inside_content .left_area .quick_search .code_area .name{ font-size:16px; /*font-weight:bold;*/}
.inside_content .left_area .quick_search .code_area .name span{ display:block; line-height:1; font-size:13px; white-space:normal;}
.inside_content .left_area .quick_search .code_area .name a{ color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:147px; float:left;}
.inside_content .left_area .quick_search .code_area .name a:hover{ text-decoration:underline;}
.inside_content .left_area .quick_search .code_area .price{ font-size:20px; color:#000;}
.inside_content .left_area .quick_search .code_area.rise .price span.arrow{ background:url(/home/images/bg_rise_inside.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.inside_content .left_area .quick_search .code_area.drop .price span.arrow{ background:url(/home/images/bg_drop_inside.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;} 
.inside_content .left_area .quick_search .code_area .change_area{ font-size:15px;}

.inside_content .left_area .quick_search .focus{ border:3px solid #d8d9d9; padding:2px; background:#fff; display:flex;}
.inside_content .left_area .quick_search .focus .tl{ float:left; width:20px; margin-bottom:0; background:#54585a; color:#fff; text-align:center; line-height:20px; font-size:14px; padding:8px 0;}
.inside_content .left_area .quick_search .focus ul{ float:left; width:calc(100% - 20px);}
.inside_content .left_area .quick_search .focus .terms ul{ float:none; width:auto;}
.inside_content .left_area .quick_search .focus li{ width:100%; float:none; color:#000;}
.inside_content .left_area .quick_search .focus li a:hover{ text-decoration:underline; color:#000;}
.inside_content .left_area .quick_search .focus li .code_area{ line-height:30px; margin:0;}
.inside_content .left_area .quick_search .focus li .code_area .code{ float:left; margin:0 5px;}
.inside_content .left_area .quick_search .focus li .code_area .name{ float:left;}
.inside_content .left_area .quick_search .focus li .code_area:after{ content:""; display:table; clear:both;}
.inside_content .left_area .quick_search .focus li.call .code_area{ background:#4D7AA7; color:#FFF; border-left:none;} 
.inside_content .left_area .quick_search .focus li.bull .code_area{ background:#1c6a64; color:#FFF; border-left:none;}
.inside_content .left_area .quick_search .focus li.put .code_area{ background:#ed8b00; color:#FFF; border-left:none;} 
.inside_content .left_area .quick_search .focus li.bear .code_area{ background:#a78216; color:#FFF; border-left:none;}
.inside_content .left_area .quick_search .focus li .terms ul li{ font-size:13px; font-family:Arial, Helvetica; line-height:19px; padding-left:10px; box-sizing:border-box;}
.inside_content .left_area .quick_search .focus:after{ content:""; display:table; clear:both;}

.inside_content .left_area .quick_search .search_record{ position:absolute; bottom:0; left:0; width:100%;}
.inside_content .left_area .quick_search .search_record a{ color:#FFF; width:115px; padding:0 10px 0 33px; margin:0 10px; display:block; background:url(/home/images/bg_icon_home_search_record.jpg) no-repeat center left 10px #54585a; font-size:15px; line-height:30px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; float:left;}
.inside_content .left_area .quick_search .search_record .expand_area ul{ background:#FFF; border-top:2px solid #54585a; clear:both;}
.inside_content .left_area .quick_search .search_record .expand_area ul li{ width:100%; float:none;}
.inside_content .left_area .quick_search .search_record .expand_area ul li a{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#FFF; float:none; color:#000; padding:5px 10px; margin:0; border-bottom:1px dotted #d8d9d9; line-height:14px; width:158px; font-size:12px;}
.inside_content .left_area .quick_search .search_record .expand_area ul li a:hover{ background:#f5f5f5; text-decoration:underline;}
.inside_content .left_area .quick_search .search_record .expand_area ul li:last-child a{ border-bottom:none;}

.inside_content .left_area .quick_search .timer{ margin-top:5px;} 

.inside_content .left_area .quick_search .terms_area{ border-top:1px dashed #d8d9d9; padding-top:5px; padding-bottom:5px;}
.inside_content .left_area .quick_search .terms_area ul li{ width:100%; font-size:13px; line-height:23px; font-family:Arial, Helvetica; line-height:21px;}
.inside_content .left_area .quick_search .terms_area ul li span{ /*font-weight:bold;*/ float:right;}
.inside_content .left_area .quick_search .terms_area ul li span.unit{ line-height:21px;}
.inside_content .left_area .quick_search .terms_area ul li a{ color:#4D7AA7; text-decoration:underline;}
.inside_content .left_area .quick_search .terms_area:after{ content:""; display:table; clear:both;}

.inside_content .left_area .side_menu{ background:#f5f5f5; padding:15px 10px 25px 10px; margin-right:25px; position:relative;}
.inside_content .left_area .side_menu:after{ /*content:""; position:absolute; width:8px; height:16px; right:-8px; top:18px; background:url(/home/images/arrow_inside_menu.jpg) no-repeat;*/}
.inside_content .left_area .side_menu .tl{ font-weight:bold; font-size:20px; border-bottom:1px dashed #bfbfbf; margin-bottom:10px; padding-bottom:12px; line-height:22px;}
.inside_content .left_area .side_menu ul li{ float:none; font-size:15px; line-height:28px; color:#575757;}
.inside_content .left_area .side_menu ul li.expand ul{ padding-left:10px;}
.inside_content .left_area .side_menu ul li.expand ul li:before{ content:"-";}
.inside_content .left_area .side_menu ul li.line{ line-height:16px; padding:6px 0;}
.inside_content .left_area .side_menu ul li a{ color:#575757;}
.inside_content .left_area .side_menu ul li a:hover{ text-decoration:underline;}
.inside_content .left_area .side_menu ul li a.current{ color:#4D7AA7; font-weight:bold;}
.inside_content .content:after{ content:""; display:table; clear:both;}

.inside_content .right_area{ width:995px; float:left; min-height:750px;}
.inside_content .right_area.new_ipo_product{ width:940px; margin:10px auto 0 auto; float:none;}
.inside_content .right_area.new_ipo_product .banner_area{ margin:20px 0;}

/*new_ipo_product*/
.inside_content .right_area.new_ipo_product .dot_line{ margin-bottom:15px;}
.inside_content .right_area.new_ipo_product .rise span.arrow{ background:url(/home/images/bg_rise_home.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.inside_content .right_area.new_ipo_product .drop span.arrow{ background:url(/home/images/bg_drop_home.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;} 
.inside_content .right_area.new_ipo_product h2.tl{ font-size:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold; color:#3a6c9e;}
.inside_content .right_area.new_ipo_product p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .tl{ color:#3a6c9e; font-size:20px; font-weight:bold; line-height:32px;}
.inside_content .right_area.new_ipo_product #title.tl{ background:#f8f8f8; font-size:16px; font-weight:bold; line-height:28px; padding:5px 15px; margin-bottom:10px; color:#000; margin-top:7px;}
.inside_content .right_area.new_ipo_product #title.tl span{ font-weight:normal; font-size:16px;}
.inside_content .right_area.new_ipo_product .us_price{ width:295px; float:left;}
.inside_content .right_area.new_ipo_product .us_price ul li{ float:none; padding-bottom:14px; background:url(/home/images/bg_home_right_area_tl_blue.jpg) repeat-y left top 4px; padding-left:12px;}
.inside_content .right_area.new_ipo_product .us_price ul li .tl{ float:left; font-size:20px; line-height:28px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .us_price ul li .tl span{ display:block; font-size:15px; line-height:1;}
.inside_content .right_area.new_ipo_product .us_price ul li:first-child .tl{ padding-top:12px;}
.inside_content .right_area.new_ipo_product .us_price ul li .price{ float:right; font-size:26px; padding-top:12px; line-height:43px;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area{ float:right;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area .price{ text-align:right; width:100%; line-height:28px; padding-top:0;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area .percentage{ float:right; width:100%; text-align:right;}
.inside_content .right_area.new_ipo_product .us_price ul li:after{ content:""; display:table; clear:both;}

.inside_content .right_area.new_ipo_product .quick_search_area{ width:295px; float:left; margin-top:9px;} 
.inside_content .right_area.new_ipo_product .quick_search_area .tl{ color:#4D7AA7; /*font-weight:bold;*/ font-size:20px; /*line-height:22px;*/ line-height:28px; padding-bottom:5px; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .quick_search_area .tl a{ color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:210px; float:left; line-height:31px;}
.inside_content .right_area.new_ipo_product .quick_search_area .tl a:hover{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .quick_search_area .tl a.detail{float:right;color:#FFF;font-size:16px;padding:0 10px;line-height:28px;margin-top:0;width:auto;background:#ed8b00;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.inside_content .right_area.new_ipo_product .quick_search_area .tl:after{ content:""; display:table; clear:both;}

.inside_content .right_area.new_ipo_product .quick_search_area .issuer_date{ padding:10px; color:#ed8c01; border-bottom:2px solid #000; text-align:center; font-size:18px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .quick_search_area .ipo_price{ padding:10px; text-align:center; color:#4D7AA7; font-size:22px; font-weight:bold;}

.inside_content .right_area.new_ipo_product .quick_search_area .search_area input{ float:left; border-right:none; width:54px; padding:0 5px; margin-bottom:5px; outline:none;}
.inside_content .right_area.new_ipo_product .quick_search_area .search_area button{ float:left; width:31px; height:31px; background:url(/home/images/bg_button_white_search.jpg) no-repeat center; padding:0; text-indent:-99999px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; border-right:1px solid #d8d9d9; outline:none;}
.inside_content .right_area.new_ipo_product .quick_search_area .search_area input:focus{ outline:none; box-shadow:none; border-color:#d8d9d9;}

.inside_content .right_area.new_ipo_product .quick_search_area .news_area a:hover{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .quick_search_area .point_area .point{ float:left; color:#000!important; font-size:30px; line-height:34px;}
.inside_content .right_area.new_ipo_product .quick_search_area .point_area .change_area { float:right; font-size:15px; text-align:right; line-height:18px;}
.inside_content .right_area.new_ipo_product .quick_search_area .point_area .change_area .change{ display:block;}
.inside_content .right_area.new_ipo_product .quick_search_area .point_area .change_area .percentage{ display:block;}
.inside_content .right_area.new_ipo_product .quick_search_area .point_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area.new_ipo_product .quick_search_area .us_price ul li{ padding-bottom:0; padding:3px 12px; border-bottom:1px dashed #d8d9d9;}
.inside_content .right_area.new_ipo_product .quick_search_area .us_price ul li:first-child .tl{ padding-top:0;}
.inside_content .right_area.new_ipo_product .quick_search_area .us_price ul li .tl{ border-bottom:none; padding-bottom:0;}
.inside_content .right_area.new_ipo_product .quick_search_area .us_price ul li .price{ padding-top:0;}

.inside_content .right_area.new_ipo_product .quick_search_area .us_price .button_area{ position:absolute;}

.inside_content .right_area.new_ipo_product .quick_search_area .chart{ border-top:1px solid #000; border-bottom:1px solid #000; margin-top:2px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail{ margin-top:3px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail a{ color:#4D7AA7; text-decoration:underline;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li{ float:none; font-size:13px; font-family:Arial, Helvetica; line-height:22px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li span{ float:right; font-size:14px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li span.unit{ font-size:13px; font-family:Arial, Helvetica; line-height:20px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .tl{ font-size:13px; font-family:Arial, Helvetica; line-height:22px; border-bottom:none; color:#000; padding-bottom:0; float:left;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .chart_area{ float:right; width:65%; margin-top:5px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .low_side{ width:30%; text-align:left;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .bar_area{ width:40%; background:#f5f5f5; height:12px; margin:1px 0;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .bar_area .bar{ background:#4d7aa7; float:left; height:12px; position:relative;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .bar_area .bar:after{ content:""; width:7px; height:20px; background:url(/home/images/arrow_label_today.gif) no-repeat center; position:absolute; right:-4px; bottom:-5px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail li.price_range .high_side{ width:30%; text-align:right;}
.inside_content .right_area.new_ipo_product .quick_search_area.detail li:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top{ padding-bottom:3px; border-bottom:1px dashed #d8d9d9; margin-top:0; /*background:url(/home/images/bg_line_home_quick_search.jpg) no-repeat top -27px center;*/}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top li.turnover{ float:none; font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-weight:bold; width:100%!important; padding-left:0!important; padding-right:0!important;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top li.turnover .unit{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-weight:bold;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top li.turnover span{ float:none;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top li{ float:left; width:48%; padding-right:2%; padding-left:0;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail.top li:nth-child(odd){ width:48%; padding-right:0%; padding-left:2%;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .quick_search_area .timer{ float:left;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail_button{ float:right; color:#FFF; font-size:16px; padding:0 10px; line-height:28px; margin-top:5px; width:auto; background:#ed8b00; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.inside_content .right_area.new_ipo_product .quick_search_area .detail_button a{ color:#fff;}
.inside_content .right_area.new_ipo_product .quick_search_area .tips{ margin-top:35px; font-size:14px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .quick_search_area .tips a{ color:#3a6c9e;}

.inside_content .right_area.new_ipo_product .table{ width:605px; margin-left:20px; float:left; background:#f8f8f8; padding:10px;} 
.inside_content .right_area.new_ipo_product .table thead th{ line-height:29px;}
.inside_content .right_area.new_ipo_product .table tbody td{ line-height:29px; background:#fff; border-right:none;}
.inside_content .right_area.new_ipo_product .table .pager_area{ margin-top:8px;}
.inside_content .right_area.new_ipo_product .table .remark{ font-size:12px; float:right;}
.inside_content .right_area.new_ipo_product .table .remark a{ color:#3a6c9e;}



.inside_content .right_area.new_ipo_product .video_area{ }
.inside_content .right_area.new_ipo_product .video_area .video{ float:left;}
.inside_content .right_area.new_ipo_product .video_area .video_detail{ float:left; width:330px; margin-left:5px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .tl{ background:#fff; padding:0;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .ppl{ margin-bottom:10px; font-size:15px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .ppl .name{ outline:none; border:none; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left; font-weight:bold;} 
.inside_content .right_area.new_ipo_product .video_area .video_detail .ppl .title{ padding-left:12px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .video_content{ font-size:15px; margin-bottom:10px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .video_content p{ font-weight:bold; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; margin-bottom:0; color:#3a6c9e; font-size:20px; font-weight:bold; line-height:32px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .video_content ul{ list-style:disc; margin-left:20px;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .video_content:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .video_area .video_article{ margin-top:20px;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul li{ width:24%; margin-right:1.33%;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul li:last-child{ margin-right:0;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul li .tl{ font-weight:normal; font-size:15px; line-height:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 6px; padding-left:12px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul li .time{ padding-left:10px; font-size:13px; margin-bottom:10px; color:#54585a; font-family:Arial, Helvetica, sans-serif;}
.inside_content .right_area.new_ipo_product .video_area .video_article ul{ border-bottom:1px dashed #ddd; margin-bottom:20px;}
.inside_content .right_area.new_ipo_product .video_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area.new_ipo_product .video_detail{ width:100%; padding:0 10px; box-sizing:border-box; margin:0;}
.inside_content .right_area.new_ipo_product .video_article ul{ border-bottom:none; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .video_article ul li{ width:100%; margin:0; padding:0 10px; box-sizing:border-box;}

.inside_content .right_area.new_ipo_product .button_area{ margin:15px 0; text-align:right;}
.inside_content .right_area.new_ipo_product .button_area a.button{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#4D7AA7; border:1px solid #54585a; font-size:15px; /*font-weight:bold;*/ line-height:30px; color:#FFF; float:right; display:block; padding: 0 21px 0 10px; background: url(/home/images/bg_home_more_button.jpg) center right 11px no-repeat #54585a;}  
.inside_content .right_area.new_ipo_product .button_area a.button.left{ float:left;}
.inside_content .right_area.new_ipo_product .button_area:after{ content:""; display:table; clear:both;}



.inside_content .right_area.new_ipo_product .chart_area .chart .chart_white{ background:#fff; padding:0 10px 10px 10px;}
.inside_content .right_area.new_ipo_product .chart_area .chart .chart_gray{ background:#f2f2f2; padding:10px; margin-bottom:25px;}
.inside_content .right_area.new_ipo_product .chart_area .chart.left{ float:left; width:50%;}
.inside_content .right_area.new_ipo_product .chart_area .chart.right{ float:left; width:50%;}
.inside_content .right_area.new_ipo_product .chart_area .chart .img{ text-align:center;}
.inside_content .right_area.new_ipo_product .chart_area .chart .img img{ width:90%; height:auto;}
.inside_content .right_area.new_ipo_product .chart_area .chart.left .img img, .inside_content .right_area.new_ipo_product .chart_area .chart.right .img img{ width:100%;}

.inside_content .right_area.new_ipo_product .chart_area .remark{ font-size:15px; margin:10px 0; font-style:italic; font-weight:bold;}
.inside_content .right_area.new_ipo_product .chart_area .chart_gray .remark{ margin:10px 0 0 0; font-style:italic; font-weight:bold;}
.inside_content .right_area.new_ipo_product .chart_area .remark .left{ float:left; font-style:italic;}
.inside_content .right_area.new_ipo_product .chart_area .remark .right{ float:right; font-style:italic;}
.inside_content .right_area.new_ipo_product .chart_area .remark:after{ content:""; display:table; clear:both;}

.inside_content .right_area.new_ipo_product .detail_table p{ font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px;}
.inside_content .right_area.new_ipo_product .detail_table table{ border-bottom:2px solid #4D7AA7; /*margin-bottom:20px;*/}
.inside_content .right_area.new_ipo_product .detail_table thead th{ border-top:2px solid #4D7AA7; border-bottom:2px solid #4D7AA7; padding:10px 4px; font-size:18px;}
.inside_content .right_area.new_ipo_product .detail_table thead th.one{ color:#7e7e7e;}
.inside_content .right_area.new_ipo_product .detail_table thead th.two{ color:#ed8b00;}
.inside_content .right_area.new_ipo_product .detail_table tbody th{ width:20%; background:#4D7AA7; color:#FFF;}
.inside_content .right_area.new_ipo_product .detail_table tbody td{ width:40%; height:63px;}
.inside_content .right_area.new_ipo_product .detail_table tbody td.center{ text-align:center;}
.inside_content .right_area.new_ipo_product .detail_table tbody td, .inside_content .right_area.new_ipo_product .detail_table tbody th{ padding:10px 4px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .detail_table tbody td ul li{ margin-left:1em; list-style-type:square; width:calc(100% - 1em);}
.inside_content .right_area.new_ipo_product .detail_table tbody tr:nth-child(odd) td{ background:#dce6f2;}
.inside_content .right_area.new_ipo_product .detail_table .tips{ font-weight:bold; background:url(/home/images/icon_ipo_tips.jpg) no-repeat left; padding-left:42px; line-height:42px; background-size:40px auto; margin:10px 0; font-size:15px;}
.inside_content .right_area.new_ipo_product .detail_table .remark{ font-size:15px; margin:10px 0; font-style:italic; font-weight:bold;}


.inside_content .right_area.new_ipo_product.baidu .detail_table .tips{ line-height:20px;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half{ width:49%; float:left;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.left{ margin-right:1%}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.right{ margin-left:1%}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.left tbody th, .inside_content .right_area.new_ipo_product.baidu .detail_table.half.left tbody td{ padding:4px;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.right tbody th{ padding:4px;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.right tbody td{ padding:18px 4px; line-height:22px;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half table{ border-bottom:none;}
.inside_content .right_area.new_ipo_product.baidu .detail_table tbody tr td{ background:#dce6f2;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half tbody td{ width:auto!important; text-align:center;}
.inside_content .right_area.new_ipo_product.baidu .detail_table tbody th{ height:auto; width:auto;}
.inside_content .right_area.new_ipo_product.baidu .detail_table tbody td{ height:auto; width:auto;} 
.inside_content .right_area.new_ipo_product.baidu .detail_table tbody td:first-child{ width:28%;}
.inside_content .right_area.new_ipo_product.baidu .chart_area .chart .img img{ width:auto;}


.inside_content .right_area.new_ipo_product .step_area{ margin-bottom:32px;}
.inside_content .right_area.new_ipo_product .step_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .step_area .remark{ clear:both; font-size:13px; margin:10px 0; font-style:italic; /*font-weight:bold;*/ float:left;}
.inside_content .right_area.new_ipo_product .step_area .timer{ float:right;}
.inside_content .right_area.new_ipo_product .step_area .step_tl{ font-weight:bold; font-size:18px;}
.inside_content .right_area.new_ipo_product .step_area .step_tl p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px;}
.inside_content .right_area.new_ipo_product .step_area.one .step_tl{ background:url(/home/images/icon_ipo_step1_tl.jpg) no-repeat; background-size:60px auto; padding-left:70px;}
.inside_content .right_area.new_ipo_product .step_area.two .step_tl{ background:url(/home/images/icon_ipo_step2_tl.jpg) no-repeat; background-size:60px auto; padding-left:70px;}
.inside_content .right_area.new_ipo_product .step_area.three .step_tl{ background:url(/home/images/icon_ipo_step3_tl.jpg) no-repeat; background-size:60px auto; padding-left:70px;}
.inside_content .right_area.new_ipo_product .step_area.three{ margin-bottom:0;}
.inside_content .right_area.new_ipo_product .step_area .border{ height:6px; width:250px; background:#4f7ba7; margin:5px 0;}
.inside_content .right_area.new_ipo_product .step_area ul{ margin-top:30px;}
.inside_content .right_area.new_ipo_product .step_area ul li{ float:left;  width:32%;}
.inside_content .right_area.new_ipo_product .step_area ul li .icon{ text-align:center; color:#ed8b00; font-weight:bold; margin-bottom:20px; padding-top:50px; font-size:15px;}
.inside_content .right_area.new_ipo_product .step_area ul li.submarine .icon{ background:url(/home/images/icon_ipo_submarine.jpg) no-repeat center top; background-size:60px auto;}
.inside_content .right_area.new_ipo_product .step_area ul li.car .icon{ background:url(/home/images/icon_ipo_car.jpg) no-repeat center top; background-size:60px auto;}
.inside_content .right_area.new_ipo_product .step_area ul li.rocket .icon{ background:url(/home/images/icon_ipo_rocket.jpg) no-repeat center top; background-size:60px auto;}
.inside_content .right_area.new_ipo_product .step_area ul li .product{ margin-top:20px; text-align:center;}
.inside_content .right_area.new_ipo_product .step_area ul li .product span{ display:block; text-align:left; font-size:15px; min-height:80px;}
.inside_content .right_area.new_ipo_product .step_area ul li.airplane .product span{ min-height:0;}
.inside_content .right_area.new_ipo_product .step_area ul li .product .link{ margin:10px auto 0 auto; display:inline-block; text-align:center; background:#4D7AA7; border:1px solid #4D7AA7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; line-height:30px; width:130px;}
.inside_content .right_area.new_ipo_product .step_area ul li .product .link a{ color:#FFF;}
.inside_content .right_area.new_ipo_product .step_area ul li .product u{ font-weight:bold;}
.inside_content .right_area.new_ipo_product .step_area ul li:nth-child(2){ margin:0 2%;}
.inside_content .right_area.new_ipo_product .step_area .tips{ font-weight:bold; background:url(/home/images/icon_ipo_tips.jpg) no-repeat left; padding-left:42px; float:right; line-height:42px; background-size:40px auto; margin-top:-38px; font-size:15px;}
.inside_content .right_area.new_ipo_product .step_area .tips a{ color:#000;}

/*new ipo page*/
.inside_content .right_area.new_ipo_product .left_side{ width:295px; float:left;}
.inside_content .right_area.new_ipo_product .right_side{ width:605px; padding-left:20px; float:left;}
.inside_content .right_area.new_ipo_product .compare_bar_chart{ min-height:315px; width:625px; float:left; margin-left:20px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart#newecon_compare{ width:100%; margin-left:0;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#3a6c9e; font-weight:bold;}
.inside_content .right_area.new_ipo_product .compare_bar_chart p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; float:left; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .label{ float:right;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .label ul li{ font-size:13px; line-height:17px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .label ul li span{ width:13px; height:3px; float:left; margin-top:7px; margin-right:3px; margin-left:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .label ul li.hstech span{ background:#7dbac6; }
.inside_content .right_area.new_ipo_product .compare_bar_chart .label ul li.hsi span{ background:#ff9740; }
.inside_content .right_area.new_ipo_product .compare_bar_chart .label ul li.hcei span{ background:#5b5199; }


.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li{ border:none; border-bottom:3px solid #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li.current{ border-bottom:3px solid #4D7AA7; background:#fff;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li.current a{ color:#4D7AA7;}

.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more_area{ height:0; overflow:hidden;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more{ font-size:13px; color:#4D7AA7; text-align:center; padding-top:28px; background:url(/home/images/bg_icon_newecon_load_more.gif) no-repeat top center; margin-top:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more.less{ background:url(/home/images/bg_icon_newecon_load_more2.jpg) no-repeat top center;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more.more{ background:url(/home/images/bg_icon_newecon_load_more.gif) no-repeat top center;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more a{ color:#4D7AA7; display:block;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more a:after{ content:"查看10大最佳/最差"; }
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more.less a:after{ content:"隱藏部份"; }
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more.more a:after{ content:"查看10大最佳/最差"; }
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more:hover a{ text-decoration:underline;}

.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area{ float:right; margin:0;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li{ min-width:55px;}

.inside_content .right_area.new_ipo_product .compare_bar_chart .timer{ float:left;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description{ float:right; font-size:12px; font-family:Arial, Helvetica; line-height:18px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description .less{ margin-top:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description .more{ margin-top:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description a{ color:#3a6c9e; text-decoration:underline;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description div{ font-family:Arial, Helvetica;}

.inside_content .right_area.new_ipo_product .newecon_compare_market{ margin-top:0; border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; padding:0 50px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td{ text-align:center; line-height:30px; padding:0 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td .bar{ height:17px; margin:6px 0; transition:all 0.7s ease-out; opacity:1;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td .bar.fix_width{ width:1px !important;}
.inside_content .right_area.new_ipo_product .newecon_compare_market tr:hover td .bar{ -webkit-animation-name:test; -webkit-animation-duration:700s; -webkit-animation-iteration-count:999; -webkit-animation-timing-function:linear; background-image:url(../images/bar_bg.png);}

.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop_txt{ /*border-right:1px solid #d8d9d9;*/ font-size:13px; color:#ee3224; padding:0 3px; text-align:left;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop{ padding:0;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop .bar{ background:#ee3224; float:right;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise_txt{ /*border-left:1px solid #d8d9d9;*/ font-size:13px; color:#228a02; padding:0 3px; text-align:right;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise{ padding:0;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise .bar{ background:#228a02;float:left;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td a{ color:#000; font-weight:bold; font-size:16px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise{ text-align:left;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop{ text-align:right;}

.inside_content .right_area.new_ipo_product .adr_table_area{ clear:both; margin-top:0; width:295px; float:left;}
.inside_content .right_area.new_ipo_product .adr_table_area .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#3a6c9e; font-weight:bold;}
.inside_content .right_area.new_ipo_product .adr_table_area p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .adr_table_area table{ margin-top:5px; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .adr_table_area table thead th{ border-top:1px solid #ed8b00; border-bottom:1px solid #ed8b00; line-height:29px; padding:0 5px; font-size:13px; background:#ed8b00; color:#fff;}
.inside_content .right_area.new_ipo_product .adr_table_area table tbody td{ text-align:center; line-height:29px; padding:0 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .adr_table_area table tbody td a{ color:#000; font-weight:bold;}
.inside_content .right_area.new_ipo_product .adr_table_area table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .adr_table_area table tbody tr:nth-child(odd) td { background:#dce6f2;}
.inside_content .right_area.new_ipo_product .adr_table_area .button_area a.button{ float:left;}

.inside_content .right_area.new_ipo_product .jp_table{ margin-top:20px; width:100%; margin-left:0; float:left;}
.inside_content .right_area.new_ipo_product .jp_table .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#3a6c9e; font-weight:bold; position:relative;}
.inside_content .right_area.new_ipo_product .jp_table#newecon_hstech_recom .tl:after{ content:"全新"; position:absolute; left:255px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.inside_content .right_area.new_ipo_product .jp_table#newecon_recom .tl:after{ /*content:"全新";*/ position:absolute; left:295px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.inside_content .right_area.new_ipo_product .jp_table p{ font-weight:normal; line-height:28px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .jp_table .left_side{ width:auto;}
.inside_content .right_area.new_ipo_product .jp_table .left_side p{ float:left;}
.inside_content .right_area.new_ipo_product .jp_table .jp_remark{ float:left; font-size:15px; font-family:Arial, Helvetica; line-height:28px;}
.inside_content .right_area.new_ipo_product .jp_table .jp_remark span{ background:#fde9d1; width:17px; height:17px; float:left; margin-right:5px; margin-top:5px;}

.inside_content .right_area.new_ipo_product .jp_table .right_side{ float:right; width:auto;}
.inside_content .right_area.new_ipo_product .jp_table .right_side label{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:0 5px 7px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left;}
.inside_content .right_area.new_ipo_product .jp_table .right_side .call{ color:#FFF!important; background:#4D7AA7;}
.inside_content .right_area.new_ipo_product .jp_table .right_side .put{ color:#FFF!important; background:#ed8b00;}
.inside_content .right_area.new_ipo_product .jp_table .right_side .bull{ color:#FFF!important; background:#1c6a64;}
.inside_content .right_area.new_ipo_product .jp_table .right_side .bear{ color:#FFF!important; background:#a78216; margin-right:0;}
.inside_content .right_area.new_ipo_product .jp_table table{ margin-top:5px; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .jp_table table thead th{ border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; background:#eaeaea; line-height:29px; padding:0 5px; font-size:13px;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td{ text-align:center; line-height:29px; padding:0 5px; border-bottom:1px #d8d9d9 solid; font-size:15px;}
.inside_content .right_area.new_ipo_product .jp_table table tbody tr.recomm td{ background:#fde9d1;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td .call a{ color:#4D7AA7; font-weight:bold;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td .bull a{ color:#1c6a64; font-weight:bold;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td .put a{ color:#ed8b00; font-weight:bold;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td .bear a{ color:#a78216; font-weight:bold;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td .inline_code a, .inside_content .right_area.new_ipo_product .jp_table table tbody td .inline a{ color:#564984; font-weight:bold;}
.inside_content .right_area.new_ipo_product .jp_table table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .jp_table table .button_area a.button{ float:left;}
.inside_content .right_area.new_ipo_product .jp_table .timer{ float:left;}
.inside_content .right_area.new_ipo_product .jp_table .button_area{ float:right;}

.inside_content .right_area.new_ipo_product .turnover_chart{ clear:both; padding-bottom:15px;}
.inside_content .right_area.new_ipo_product .turnover_chart .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold; color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .turnover_chart p.left{ float:left;}
.inside_content .right_area.new_ipo_product .turnover_chart p.right{ float:right;}
.inside_content .right_area.new_ipo_product .turnover_chart p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart{ float:left; width:500px;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart a{ color:#000;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart .tips{ font-size:13px;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart .tips a{ font-size:13px; color:#3a6c9e; text-decoration:underline;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table{ float:right; width:420px; padding-left:20px; margin-top:36px;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table a{ color:#000;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table a img{ width:auto; height:auto; display:inline-block;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table{ margin-top:5px; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table thead th{ border-top:1px solid #ed8b00; border-bottom:1px solid #ed8b00; line-height:29px; padding:0 5px; font-size:13px; background:#ed8b00; color:#fff;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table tbody td{ text-align:center; line-height:29px; padding:0 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table tbody td a{ color:#000; font-weight:bold;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table table tbody tr:nth-child(odd) td { background:#dce6f2;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table .tips a{ font-size:14px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table .owl-carousel{ margin-top:10px;}

.inside_content .right_area.new_ipo_product .newecon_news{ /*float:left; width:500px;*/ margin-bottom:15px;}
.inside_content .right_area.new_ipo_product .newecon_news .tl{ font-size:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold; color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .newecon_news p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}
.inside_content .right_area.new_ipo_product .newecon_news table{ margin-top:5px; border-top:1px #000 solid;}
.inside_content .right_area.new_ipo_product .newecon_news table thead th{ font-size:15px; border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; background:#eaeaea; text-align:left; padding:0 5px; line-height:29px; font-size:13px;} 
.inside_content .right_area.new_ipo_product .newecon_news table tbody td{ text-align:left; line-height:21px; padding:4px 5px; font-size:15px; border-bottom:1px dashed #d8d9d9;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody td.topic{ color:#ed8b00;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody td a{ color:#4D7AA7;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody td:first-child{ width:130px;}
/*.inside_content .right_area.new_ipo_product .newecon_news .icon{ background:url(/home/images/icon_newecon_news.jpg) no-repeat right center; padding-left:43px;}*/
.inside_content .right_area.new_ipo_product .newecon_result{ float:right; width:420px; padding-left:20px;}
.inside_content .right_area.new_ipo_product .newecon_result .icon{ background:url(/home/images/icon_newecon_result.jpg) no-repeat right center; /*padding-left:43px;*/}
.inside_content .right_area.new_ipo_product .newecon_result .tl{ font-size:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold;}
.inside_content .right_area.new_ipo_product .newecon_result p{ font-weight:normal; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; margin-bottom:0;}

.inside_content .right_area.new_ipo_product .newecon_result a{ color:#000;}
.inside_content .right_area.new_ipo_product .newecon_result table{ margin-top:5px; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .newecon_result table thead th{ border-top:2px solid #4D7AA7; border-bottom:2px solid #4D7AA7; line-height:29px; padding:0 5px; font-size:13px;}
.inside_content .right_area.new_ipo_product .newecon_result table tbody td{ text-align:center; line-height:29px; padding:0 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .newecon_result table tbody td a{ color:#000; font-weight:bold;}
.inside_content .right_area.new_ipo_product .newecon_result table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .newecon_result table tbody tr:nth-child(odd) td{ background:#dce6f2;}

.inside_content .right_area.new_ipo_product .text_content{ margin-top:20px}
.inside_content .right_area.new_ipo_product .text_content .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold; color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_sector .tl{ position:relative;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_sector .tl:after{ /*content:"全新";*/ position:absolute; left:279px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.inside_content .right_area.new_ipo_product .text_content .txt_area{ margin-bottom:25px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p span{ font-size:20px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.orange span{ color:#ed8b00;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.blue span{ color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.one{ background:url(/home/images/bg_icon_newecon_text_content_img1.jpg) no-repeat left center; padding:20px 95px 20px 65px; background-size:60px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.two{ background:url(/home/images/bg_icon_newecon_text_content_img2.jpg) no-repeat right center; padding:20px 65px 20px 95px; background-size:60px; float:right;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.three{ background:url(/home/images/bg_icon_newecon_text_content_img3.jpg) no-repeat left center; padding:20px 95px 20px 65px; background-size:60px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.three a{ color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .text_content .txt_area .newecon_table_list{ overflow:hidden; height:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;}
.inside_content .right_area.new_ipo_product .text_content .txt_area .newecon_table_list.animated{ height:auto; padding-top:10px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table{ float:left; width:40%; margin:10px 5%;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table thead th{ border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; background:#eaeaea; line-height:29px; padding:0 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table tbody td{ text-align:center; line-height:29px; padding:0 5px; border-bottom:1px #d8d9d9 solid; font-size:15px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table tbody td a{ color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table tbody tr:hover td a{ text-decoration:underline;}

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_in{ width:calc(50% - 10px); margin-right:10px; float:left;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_out{ width:calc(50% - 10px); margin-left:10px; float:left;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .subtl{ color:#3a6c9e; margin:10px 0; font-weight:bold;}

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .sub_tabs_area{ margin-bottom:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .sub_tabs_area ul.sub_tabs li{ border:none; border-bottom:3px solid #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .sub_tabs_area ul.sub_tabs li.current{ border-bottom:3px solid #4D7AA7; background:#fff;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .sub_tabs_area ul.sub_tabs li.current a{ color:#4D7AA7;}

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart{ border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; position:relative;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .description{ position:absolute; margin-top:0; right:0; bottom:5px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td{ line-height:29px; padding:3px 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.range{ line-height:18px; padding-left:0; border-right:1px solid #d8d9d9;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.range a{ color:#000;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.range a:hover{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.close{ line-height:18px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.bar_container{ padding-left:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .bar_box{ float:left; height:16px; margin:10px 0; transition:all 0.7s ease-out; opacity:1;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .bar_box.fix_width{ width:1px !important;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart tr:hover .bar_box{ -webkit-animation-name:test;-webkit-animation-duration:700s;-webkit-animation-iteration-count:999;-webkit-animation-timing-function:linear;background-image:url(../images/bar_bg.png);}

/*.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_in .chart .bar_box{ background:#1b435c;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_out .chart .bar_box{ background:#8b460d;}*/

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .bar_box.long{ background:#1b435c;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .bar_box.short{ background:#8b460d;}

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .num{ float:left; line-height:16px; margin:10px 0 10px 5px; font-size:14px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .description{ margin-top:0; float:left;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .description span{ width:auto; margin-left:0;}  
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .description span.long{ color:#1b435c; height:auto;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .description span.short{ color:#8b460d; height:auto;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .button_area{ float:right; margin-top:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .timer{ margin-top:5px;}

.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement{ margin-top:20px; margin-bottom:20px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement p{ margin-bottom:10px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .date{ float:left; background:url(/home/images/bg_newecon_result_announcement.jpg) no-repeat center; width:75px; height:37px; text-align:center; font-size:18px; font-weight:bold; font-weight:bold; padding-top:31px; color:#4f7ba7; background-size:90%;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border{ float:left; font-size:20px; margin-left:10px; margin-top:2px; line-height:32px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border .stock_name{ color:#4f7ba7; font-weight:bold; border-bottom:5px solid #4f7ba7; }
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border .stock_name a{color:#4f7ba7;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border .result_type{ font-size:16px; font-weight:bold;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .call_area{ width:50%; float:left;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .put_area{ width:50%; float:left;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .subtl{ color:#3a6c9e; margin:10px 0 0 0; font-weight:bold; margin-left:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .call_area .code{ background:url(/home/images/bg_newecon_call.jpg) no-repeat center; padding:35px 0 0 23px; box-sizing:border-box; background-size:100%; line-height:23px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .put_area .code{ background:url(/home/images/bg_newecon_put.jpg) no-repeat center; padding:35px 0 0 18px; box-sizing:border-box; background-size:100%; line-height:23px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .code{ width:104px; height:100px; color:#fff; float:left; margin-left:0; font-size:20px; font-weight:bold; line-height:1;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .code a{ color:#fff;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .code span{ display:block; font-weight:normal; font-size:16px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .terms{ float:left; margin:0 5px; margin-top:30px; font-size:13px; font-weight:bold;}

.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .button_area{ margin-top:0;}

.inside_content .right_area.new_ipo_product .text_content .proportion table{ /*width:calc(50% - 10px);*/ margin:10px auto 0 auto; float:left;}
/*.inside_content .right_area.new_ipo_product .text_content .proportion table.left{ margin-right:10px;}
.inside_content .right_area.new_ipo_product .text_content .proportion table.right{ margin-left:10px;}*/
.inside_content .right_area.new_ipo_product .text_content .proportion .description{ margin-top:10px; float:left;}
.inside_content .right_area.new_ipo_product .text_content .proportion .button_area{ float:right;}

.inside_content .right_area.new_ipo_product .text_content .proportion table thead th{ border-top:1px solid #ed8b00; border-bottom:1px solid #ed8b00; line-height:29px; padding:0 5px; font-size:13px; background:#ed8b00; color:#fff;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody td{ text-align:center; line-height:17px; padding:6px 5px; font-size:15px;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody td a{ color:#000; font-weight:bold;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th{ background:#d8d9d9; line-height:initial; padding:0;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th span{ display:inline-block; width:16px; height:20px;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th span.ascending_blue{ background:url(/home/images/icon_blue_ascending.png) no-repeat center;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th span.descending_blue{ background:url(/home/images/icon_blue_descending.png) no-repeat center;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th span.ascending_blue.on{ background:url(/home/images/icon_blue_ascending_on.png) no-repeat center;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody th span.descending_blue.on{ background:url(/home/images/icon_blue_descending_on.png) no-repeat center;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody tr:hover td a{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .text_content .proportion table tbody tr:nth-child(odd) td { background:#dce6f2;}
.inside_content .right_area.new_ipo_product .text_content .proportion .description{ margin-top:10px;}

.inside_content .right_area.new_ipo_product .text_content .newecon_gray{ background:#f8f8f8; padding:20px; margin:10px 0 25px 0;}
.inside_content .right_area.new_ipo_product .text_content .spical_style{ margin:15px 32px;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li{ margin-right:50px;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li:first-child{ background:url(/home/images/bg_icon_newecon_special_left.jpg) no-repeat left; padding-left:40px;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li:last-child{ background:url(/home/images/bg_icon_newecon_special_right.jpg) no-repeat right; padding-right:40px; margin-right:0;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li span{ font-size:20px; font-weight:bold; color:#ed8b00;}
.inside_content .right_area.new_ipo_product .text_content .spical_style:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .text_content .description{ font-size:12px; text-align:right; margin-top:25px;}
.inside_content .right_area.new_ipo_product .text_content:after{ content:""; display:table; clear:both;}
.inside_content .right_area.new_ipo_product .table_text_content .tl{ font-size:24px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#000; font-weight:bold; color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .table_text_content table thead th{ border-top:2px solid #4D7AA7; border-bottom:2px solid #4D7AA7; padding:10px 4px; font-size:18px;}
.inside_content .right_area.new_ipo_product .table_text_content table thead th a{ color:#3a6c9e;}
.inside_content .right_area.new_ipo_product .table_text_content table thead th a:hover{ text-decoration:underline;}
.inside_content .right_area.new_ipo_product .table_text_content table tbody td{ padding:10px 4px; text-align:center; font-weight:bold; background:#dce6f2; vertical-align:top;}
.inside_content .right_area.new_ipo_product .table_text_content table tbody td ul{ list-style:disc; margin-left:10px; padding-left:10px;}
.inside_content .right_area.new_ipo_product .table_text_content table tbody td ul li{ text-align:left; float:none; }
.inside_content .right_area.new_ipo_product .table_text_content table tbody td a{ color:#000;}
.inside_content .right_area.new_ipo_product .table_text_content .description{ font-size:13px; line-height:18px; margin-top:10px;}

/*terms*/
.inside_content .right_area .product_quote_area{ font-family:Arial, Helvetica; margin-bottom:30px;}
.inside_content .right_area .product_quote_area .timer.reload{ line-height:1.4; margin: 10px 0;}
.inside_content .right_area .product_quote_area .timer.reload span a{ line-height:1;}
.inside_content .right_area .product_quote_area .top_area{ border-bottom:2px solid #000; padding-bottom:5px;}
.inside_content .right_area .product_quote_area .top_area .top_search{ float:left; position:relative;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results{ position:absolute; background:#f5f5f5; padding:10px; width:330px; z-index:999;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results ul{ max-height:185px; overflow-y:auto;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results ul li{ font-size:20px; line-height:36px; border-bottom:1px dashed #d8d9d9; display:block; float:none;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results ul li.ac_over{ background:#fff; color:#88abd5;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results ul li a{ color:#000; display:block; padding:0 7px;}
.inside_content .right_area .product_quote_area .top_area .top_search .ac_results ul li.ac_over a{ color:#88abd5;}

.inside_content .right_area .product_quote_area .top_area .top_search input[type="text"]{ line-height:43px; height:43px; font-size:28px; color:#54585a; border:1px solid #d8d9d9; padding:0 15px; width:180px; background:url(/home/images/icon_top_search.jpg) no-repeat right; cursor:pointer;}
.inside_content .right_area .product_quote_area .top_area .top_search input[type="text"]:focus{ /*border:1px solid #d8d9d9; outline:none; box-shadow:none;*/ cursor:text;}
.inside_content .right_area .product_quote_area .top_area .top_search button{ position:absolute; right:2px; height:39px; width:39px; text-indent:-99999px; top:2px; background:transparent;}

.inside_content .right_area .product_quote_area .top_area .info_area{ float:left; line-height:36px; margin-top:6px; margin-left:10px; width:795px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li{ font-size:32px; margin-left:20px; /*font-weight:bold;*/}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.name > div{ float:left;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.name table{ float:right; margin:6px 0;}

.inside_content .right_area .product_quote_area .top_area .info_area ul li:first-child{ margin-left:0;}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li:first-child{ /*width:605px;*/}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area{ width:625px; float:left; padding-left:0; background:none;}
.inside_content.warrant .right_area .product_quote_area .top_area .info_area ul li:first-child{ }
.inside_content.cbbc .right_area .product_quote_area .top_area .info_area ul li:first-child{ }
.inside_content .right_area .product_quote_area .top_area .info_area ul li.issuer{ float:right; background:none!important; padding-left:0!important; font-size:22px;} 
.inside_content .right_area .product_quote_area .top_area .info_area ul li.type{ float:right; background:url(/home/images/info_area_line.jpg) no-repeat left; padding-left:20px;  font-size:22px;}


.inside_content .right_area .product_quote_area .top_area .info_area ul li:last-child{ padding-right:0; background:none; float:right; background:url(/home/images/info_area_line.jpg) no-repeat left; padding-left:20px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.ratio_bar_chart{ /*background:none;*/}
.inside_content .right_area .product_quote_area .top_area .info_area ul li span.name{ float:left; max-width:530px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size:25px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li span.name span{ font-size:16px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area{ float:right; margin-left:5px; float:left;display: flex;flex-wrap: wrap;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area .signal.more{ margin-right:0;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li span.tl{ font-size:13px; font-family:Arial, Helvetica; margin-right:5px; font-weight:normal;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li a{ color:#000; text-decoration:underline;}
.inside_content .right_area .product_quote_area .top_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area .product_quote_area .price_area{ border:6px solid #ed8b00;}
.inside_content .right_area .product_quote_area .price_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .product_quote_area .price_area .price_info{ border-bottom:1px solid #d8d9d9;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.ask{ margin-right:0; width:120px; background: url(/home/images/chart_tabs_line.gif) left no-repeat #f5f5f5;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.bid{ margin-left:0; width:120px; background:#f5f5f5;}

.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area{ float:left; margin:6px 0 6px 15px;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area .price{ float:left; font-size:40px; color:#000; line-height:50px; min-width:140px; padding-right:10px;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area .price span.arrow{display:inline-block; margin-left:5px; width:17px; height:11px;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area.rise .price span.arrow{ background:url(/home/images/bg_rise_indicative.gif) no-repeat;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area.drop .price span.arrow{ background:url(/home/images/bg_drop_indicative.gif) no-repeat;}
.inside_content.underlying .right_area .product_quote_area .price_area .price_info:last-child ul li:first-child{ /*background:none; width:233px;*/}
.inside_content.underlying .right_area .product_quote_area .price_area .price_info ul li{ padding:0 10px;}

.inside_content .right_area .product_quote_area .price_area .price_info .change_area{ float:left;  line-height:26px; font-size:18px;}
.inside_content .right_area .product_quote_area .price_area .price_info .change_area .tl{ font-family:Arial, Helvetica; font-size:13px; display:block; clear:both; line-height:24px; color:#000;}
.inside_content .right_area .product_quote_area .price_area .price_info .change_area .change{ float:left; padding-right:5px;}
.inside_content .right_area .product_quote_area .price_area .price_info .change_area .percent{ float:left;}

.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area{ float:left; margin-left:15px; margin-top:8px; position:relative;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .listing_date{ font-size:12px; text-transform:uppercase; line-height:16px; font-family:Arial, Helvetica;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .listing_date span{ font-size:14px;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar{ width:560px; height:17px; background:#f5f5f5; float:left;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .listing_time{ position:relative; float:left; background:#4D7AA7; height:17px;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .listing_time .label_today{ position:absolute; font-size:12px; text-transform:uppercase; line-height:16px; width:50px; top:20px; right:-25px; text-align:center; font-family:Arial, Helvetica;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .listing_time .label_today:after{ content:""; width:50px; height:20px; background:url(/home/images/arrow_label_today.gif) no-repeat center; position:absolute; left:0; bottom:16px;}

.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .last_trading_time{ position:relative; float:right; background:#88abd5; height:17px;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .last_trading_time .label_last{ position:absolute; top:-20px; font-size:12px; text-transform:uppercase; line-height:14px; width:64px; left:-32px; text-align:center; background:#88abd5; color:#FFF; font-family:Arial, Helvetica; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar .last_trading_time .label_last:after{ content:""; width:62px; height:4px; background:url(/home/images/arrow_label_last.gif) no-repeat center; position:absolute; bottom:-4px; left:0;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .expiry_date{ position:absolute; left:570px; top:9px; font-size:12px; text-transform:uppercase; line-height:16px; width:100px; font-family:Arial, Helvetica;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .expiry_date span{ font-size:14px; display:block;}
.inside_content .right_area .product_quote_area .price_area .price_info .time_bar_area .time_bar:after{ content:""; display:table; clear:both;}

.inside_content .right_area .product_quote_area .price_area .price_info:after{ content:""; display:table; clear:both;}
.inside_content .right_area .product_quote_area .price_area .price_info ul{ float:right;}
.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li{ padding: 0 10px; min-width: 65px;}
.inside_content .right_area .product_quote_area .price_area .price_info ul:after{ content:""; display:table; clear:both;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li{ background:url(/home/images/chart_tabs_line.gif) left no-repeat; min-width:75px; padding:0 10px; text-align:center; line-height:24px; margin:6px 0; font-size:13px; font-family:Arial, Helvetica;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.no_line{ background:none;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.bid_ask{ background:#f5f5f5;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li span{ display:block; font-size:18px; line-height:26px;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li span span.unit{ display:inline-block; font-size:13px; line-height:23px;}
.inside_content .right_area .product_quote_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area .product_quote_area .notice{ padding:10px 10px 10px 50px; font-size:14px; background:url(/home/images/icon_notice.jpg) no-repeat left 22px center #f5f5f5;}
.inside_content .right_area .product_quote_area .notice a{ color:#4d7aa7;}

.inside_content .right_area .underlying_info_area{}
.inside_content .right_area .underlying_info_area .box{ float:left; width:470px; padding:10px; border-top:2px solid #54585a; border-bottom:1px solid #d8d9d9; border-left:1px solid #d8d9d9; border-right:1px solid #d8d9d9; background:#f8f8f8; min-height:115px;}
.inside_content .right_area .underlying_info_area .box .tl{ font-size:18px; font-weight:bold; line-height:26px; color:#4d7aa7; float:left; margin-right:5px;}
.inside_content .right_area .underlying_info_area .box .tl span{ font-family:Arial, Helvetica; font-size:13px; font-weight:normal; margin-left:5px;}
.inside_content .right_area .underlying_info_area .box .tl span.more{ float:right; font-size:15px;}
.inside_content .right_area .underlying_info_area .box .tl span.more a{ color:#4f8bbe; background:url(/home/images/icon_blue_arrow_more.gif) no-repeat right; padding-right:10px;}
.inside_content .right_area .underlying_info_area .box .tl span.more a:hover{ text-decoration:underline;}
.inside_content .right_area .underlying_info_area .underlying_info{ margin-right:11px;}
.inside_content .right_area .underlying_info_area .underlying_info .name{ font-size:20px; font-weight:normal; line-height:26px; float:left;}
.inside_content .right_area .underlying_info_area .underlying_info .name a{ color:#000;}
.inside_content .right_area .underlying_info_area .underlying_info .name a:hover{ text-decoration:underline;}
.inside_content .right_area .underlying_info_area .underlying_info .name span{ font-family:Arial, Helvetica; font-size:13px; font-weight:normal; margin-left:5px; line-height:21px;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area{ margin:10px 0; clear:both;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area .price{ float:left; font-size:38px; color:#575757; line-height:40px; /*min-width:140px;*/ padding-right:20px;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area .price span.arrow{display:inline-block; margin-left:5px; width:17px; height:11px;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area.rise .price span.arrow{ background:url(/home/images/bg_rise_indicative.gif) no-repeat;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area.drop .price span.arrow{ background:url(/home/images/bg_drop_indicative.gif) no-repeat;}
.inside_content .right_area .underlying_info_area .underlying_info .change_area{ float:left;  line-height:20px; font-size:18px;}
.inside_content .right_area .underlying_info_area .underlying_info .change_area .tl{ font-family:Arial, Helvetica; font-weight:normal; font-size:13px; display:block; clear:both; line-height:20px; color:#000; float:none;}
.inside_content .right_area .underlying_info_area .underlying_info .change_area .change{ float:left; padding-right:5px;}
.inside_content .right_area .underlying_info_area .underlying_info .change_area .percent{ float:left;}
.inside_content .right_area .underlying_info_area .underlying_info ul li{ font-family:Arial, Helvetica; font-size:13px; line-height:28px; margin-left:25px;}
.inside_content .right_area .underlying_info_area .underlying_info ul li:first-child{ margin-left:0;}
.inside_content .right_area .underlying_info_area .underlying_info ul li span{ font-size:18px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; margin-left:5px; float:right; line-height:28px;}
.inside_content .right_area .underlying_info_area .underlying_info ul li span span.unit{ font-size:13px; font-family:Arial, Helvetica;}

.inside_content .right_area .underlying_info_area .underlying_flow .tl{ float:none;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area{ float:left; width:225px; margin-bottom:0;}
.inside_content .right_area .underlying_info_area .underlying_flow .last_day{ margin-right:10px;}
.inside_content .right_area .underlying_info_area .underlying_flow .five_day{ margin-left:10px;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .subtl{ font-size:15px; font-weight:bold; margin-bottom:0; line-height:20px;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bull_bar_area{ font-size:15px; line-height:22px; border-bottom:1px solid #ccc;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bear_bar_area{ font-size:15px; line-height:22px;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bull_bar_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bear_bar_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area label{ float:left; margin-right:5px; color:#000;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bar_area{ float:left; background:#e7e7e7; width:100px; margin-top:4px; height:14px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bar_area .bar{ float:left; height:14px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .rise .bar_area .bar{ background:#1b435b;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .drop .bar_area .bar{ background:#8b460e;}

.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .number{ float:right; font-weight:bold;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .number .unit{ font-size:13px; float:right; color:#000; font-weight:normal; line-height:22px;}
.inside_content .right_area .underlying_info_area .underlying_flow .description{ font-size:15px; line-height:23px; float:right;}

.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .rise .number, .inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .rise .number .unit{ color:#1b435b;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .drop .number, .inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .drop .number .unit{ color:#8b460e;}

.inside_content .right_area .underlying_info_area .underlying_flow .description li span{ margin-top:6px;}
.inside_content .right_area .underlying_info_area .underlying_flow .description li{ margin-right:0; padding-left:0;}
.inside_content .right_area .underlying_info_area .underlying_flow:after{ content:""; display:table; clear:both;}

.inside_content .right_area .underlying_info_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area .related_product{ border-top:2px solid #000;}
.inside_content .right_area .related_product .option_area .left{ background:url(/home/images/line_option_area.jpg) no-repeat right; padding-right:20px;}
.inside_content .right_area .related_product .option_area select{ width:140px; margin-right:10px;}
.inside_content .right_area .related_product .option_area .blue label.ascending{ padding-right:15px; background:url(/home/images/icon_blue_ascending.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .blue label.ascending.current{ padding-right:15px; background:url(/home/images/icon_blue_ascending_on.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .blue label.descending{ padding-right:15px; background:url(/home/images/icon_blue_descending.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .blue label.descending.current{ padding-right:15px; background:url(/home/images/icon_blue_descending_on.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .brown label.ascending{ padding-right:15px; background:url(/home/images/icon_brown_ascending.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .brown label.ascending.current{ padding-right:15px; background:url(/home/images/icon_brown_ascending_on.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .brown label.descending{ padding-right:15px; background:url(/home/images/icon_brown_descending.png) no-repeat right;}
.inside_content .right_area .related_product .option_area .brown label.descending.current{ padding-right:15px; background:url(/home/images/icon_brown_descending_on.png) no-repeat right;}
.inside_content .right_area .related_product .vertical_scroll_area{ max-height:400px; overflow-y:scroll; overflow-x:hidden;}
.inside_content .right_area .related_product .jp_remark_area .sub_tabs_area{ float:left;}
.inside_content .right_area .related_product .jp_remark_area .jp_remark{ float:right; font-size:12px; font-family:Arial, Helvetica; line-height:18px; margin-top:16px; margin-right:10px;}
.inside_content .right_area .related_product .jp_remark_area .jp_remark span{ background:#fde9d1; width:17px; height:17px; float:left; margin-right:5px;}
.inside_content .right_area .related_product .jp_remark_area:after{ content:""; display:table; clear:both;}

.inside_content .right_area .related_product .table table.vertical_scroll{ width:995px;}
.inside_content .right_area .related_product .table table tbody tr.recom td{ background:#fde9d1; /*font-weight:bold;*/}
.inside_content .right_area .related_product .table table td.compare{ border-right:none;}
.inside_content .right_area .related_product .table table td.compare button{ background:url(/home/images/bg_icon_compare.jpg) no-repeat center #ed8b00; width:24px; height:24px; text-indent:-99999px; padding:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.inside_content .right_area .related_product .table table.vertical_scroll tbody th:nth-child(8){ border-right:none;}
.inside_content .right_area .related_product #search_result .timer{ float:left;}
.inside_content .right_area .related_product #search_result .search_path a{ background:#ed8b00; color:#FFF; border:none; line-height:25px; padding:0 20px; font-size:15px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin:10px 0 0 0; padding:0 15px; height:30px; float:right; color:#ffffff; line-height:30px;}
.inside_content .right_area .related_product #search_result:after{ content:""; display:table; clear:both;}

/*calculator*/
#calculator.inside_content .right_area .product_detail{ background:#FFF; margin-top:0; border-top:1px solid #d8d9d9;  border-bottom:1px solid #d8d9d9;}
#calculator.inside_content .right_area .product_detail ul li:first-child{ background:none; width:165px;}
#calculator.inside_content .right_area .product_detail ul li{ background:url(/home/images/chart_tabs_line.gif) left no-repeat; width:166px; text-align:center; line-height:24px; margin:6px 0; font-size:13px; font-family:Arial, Helvetica;}
/*#calculator.inside_content .right_area .product_detail.inline ul li:first-child{ width:143px;}*/
#calculator.inside_content .right_area .product_detail.inline_product ul li{ width:199px;}
#calculator.inside_content .right_area .product_detail ul li span{ display:block; font-size:18px; line-height:26px;}
#calculator.inside_content .right_area .product_detail ul li span span.unit{ display:inline-block; font-size:13px;}
#calculator.inside_content .right_area .product_detail:after{ content:""; display:table; clear:both;}
#calculator.inside_content .right_area .calculator_box_area{ border:10px solid #f8f8f8; padding:15px;}

#calculator.inside_content .right_area .jp_internal_option{ padding:25px; -webkit-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); -moz-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6);}
#calculator.inside_content .right_area .jp_internal_option ul{ }
#calculator.inside_content .right_area .jp_internal_option ul li{ margin-bottom:10px; padding-right:25px;}
#calculator.inside_content .right_area .jp_internal_option ul li:nth-child(3){ padding-right:0;}
#calculator.inside_content .right_area .jp_internal_option ul li:nth-child(6){ padding-right:0;}
#calculator.inside_content .right_area .jp_internal_option ul li.two_line label{ margin-top:0; line-height:15px;}
#calculator.inside_content .right_area .jp_internal_option ul li label{ width:105px; float:left; margin-top:5px;}
#calculator.inside_content .right_area .jp_internal_option ul li label span{ font-size:13px; clear:both; display:block;}
#calculator.inside_content .right_area .jp_internal_option ul li input[type="text"]{ width:193px;}
#calculator.inside_content .right_area .jp_internal_option ul li select{ width:193px;}
#calculator.inside_content .right_area .jp_internal_option ul li:last-child{ margin-bottom:0;}
#calculator.inside_content .right_area .jp_internal_option:after{ content:""; display:table; clear:both;}

#calculator.inside_content .right_area .jp_internal_option_search_button_area{ background:#83a5cd; border-top:#4D7AA7 solid 1px; padding:20px 25px;}
#calculator.inside_content .right_area .jp_internal_option_search_button_area:after{ content:""; display:table; clear:both;}
#calculator.inside_content .right_area .jp_internal_option_search_button_area .left button{ margin-right:10px;}
#calculator.inside_content .right_area .jp_internal_option_search_button_area button{ line-height:30px; background:#4D7AA7; color:#fff; min-width:150px; padding:0 25px;}


#calculator.inside_content .right_area .calculator_box_area .calculator_area{ margin-bottom:20px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .tl{ color:#242527; font-size:20px; margin:0; padding:0; margin-bottom:3px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li:first-child .tl{ margin-bottom:15px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li:first-child .irs-single{ top:-12px;}

#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area{ width:380px; margin-right:10px; float:left;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area .tl{ color:#4D7AA7; font-weight:bold; font-size:16px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li{ position:relative; margin-bottom:15px; padding:10px; width:100%; box-sizing:border-box; -webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .slider{ float:left; width:260px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .slider.date{ width:225px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box{ float:right; margin-top:17px; font-size:13px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box input{ width:85px; border:1px solid #bfbfbf;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box input.year{ padding:0 5px; width:41px; font-size:13px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box input.month{ padding:0 5px; width:28px; font-size:13px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box input.day{ padding:0 5px; width:28px; font-size:13px;}

#calculator.inside_content .right_area .calculator_box_area .calculator_area .chart_area{ float:left; width:555px; height:335px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area #msg_popup{ float:left; width:555px; height:335px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area #msg_popup button{ float:right;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area #msg_popup .tl{ text-align:center; margin:45px 0; font-size:16px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area #msg_popup a#confirm{ line-height:32px; padding:0 15px; font-size:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#4D7AA7; display:block; color:#fff; cursor:pointer; width:30px; margin:0 auto;}

#calculator.inside_content .right_area .calculator_box_area .calculator_area .button_area{ text-align:right;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .button_area button{ line-height:32px; border:none; padding:0 15px; margin:0 3px; font-size:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#4D7AA7;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .button_area button.reset{ background:#f5f5f5; color:#000;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .button_area button.calculate span{ background:url(/home/images/icon_bg_cal.jpg) no-repeat center #4D7AA7; width:15px; height:30px; float:left; margin-right:3px;}

#calculator.inside_content .right_area .calculator_box_area .calculator_area:after{ content:""; display:table; clear:both;}

#calculator.inside_content .right_area .calculator_box_area .table.calculator_result{ }
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table thead th{ color:#ed8b00; background:#FFF; border-top:1px dotted #d8d8d8; border-bottom:2px solid #ed8b00; font-size:16px; line-height:26px; padding-top:13px; text-align:left;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td{ width:50%; box-sizing:border-box; font-size:13px; font-family:Arial, Helvetica; text-align:left; border-right:none;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td:nth-child(odd){ padding-right:30px; background:url(/home/images/chart_tabs_line.gif) right no-repeat #fff;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td:nth-child(even){ padding-left:30px; background:#fff;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody tr:nth-child(even) td:nth-child(odd){ padding-right:30px; background:url(/home/images/chart_tabs_line.gif) right no-repeat #f5f5f5;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td:nth-child(even){ padding-left:30px; background:#fff;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody tr:nth-child(even) td:nth-child(even){ padding-left:30px; background:#f5f5f5;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td span{ float:right; font-size: 18px; font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
#calculator.inside_content .right_area .remark p{ font-family:Arial, Helvetica; font-size:13px; margin-top:25px;}


/*Chart*/
.inside_content .right_area .adv_chart_area{ border:solid #000; border-width:2px 0; margin-top:0;}
.inside_content .right_area .adv_chart_area .sub_tabs_area{ margin:5px 0;}
.inside_content .right_area .adv_chart_area .sub_tabs_area ul.sub_tabs li{ border:1px solid #88abd5}
.inside_content .right_area .adv_chart_area .sub_tabs_area ul.sub_tabs li.current{ background:#88abd5;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period{ float:left;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs li{ min-width:70px;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .range{ float:left; margin-left:10px;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .range input.date{ width:150px;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type{ float:right; margin-right:10px;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li{ min-width:auto;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.bar{ display:none;} 
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li a{ display:block; width:27px; height:27px;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.line a{ background:url(/home/images/icon_chart_line.gif) no-repeat center;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.candle a{ background:url(/home/images/icon_chart_candle.gif) no-repeat center;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.bar a{ background:url(/home/images/icon_chart_bar.gif) no-repeat center;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.line.current a{ background:url(/home/images/icon_chart_line_on.gif) no-repeat center #88abd5;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.candle.current a{ background:url(/home/images/icon_chart_candle_on.gif) no-repeat center #88abd5;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li.bar.current a{ background:url(/home/images/icon_chart_bar_on.gif) no-repeat center #88abd5;}
.inside_content .right_area .adv_chart_area .sub_tabs_area:after{ content:""; display:table; clear:both;}
.inside_content .right_area .adv_chart_area .option_area{ border:solid #d8d9d9; border-width:1px 0; background:#f5f5f5; line-height:38px; padding:4px 15px;}
.inside_content .right_area .adv_chart_area .option_area label{ min-width:60px; font-weight:bold; font-size:15px;}
.inside_content.warrant .right_area .adv_chart_area .option_area label, .inside_content.cbbc .right_area .adv_chart_area .option_area label{ min-width:130px;}
.inside_content .right_area .adv_chart_area .option_area select.picker{ margin:4px 0; min-width:174px; margin-right:10px;}
.inside_content .right_area .adv_chart_area .option_area .main_option{ }
.inside_content .right_area .adv_chart_area .option_area .sub_option{ clear:both;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .technical_option input[type="text"]{ width:45px;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .left, .inside_content .right_area .adv_chart_area .option_area .sub_option .right{ float:left; width:50%;}
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .left, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .left{ width:58%;}
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .right, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .right{ width:42%;}

.inside_content .right_area .adv_chart_area .option_area .sub_option .left{ background: url(/home/images/chart_tabs_line.gif) center right 15px no-repeat;}
.inside_content .right_area .adv_chart_area .option_area .technical_option{ }
.inside_content .right_area .adv_chart_area .option_area .technical_option label{ min-width:initial;}
.inside_content .right_area .adv_chart_area .option_area .technical_option input[type="checkbox"], .inside_content .right_area .adv_chart_area .option_area .technical_option  input[type="ratio"]{ margin-top:12px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option input[type="text"]{ margin:7px 0; width:60px; line-height:22px; height:22px; margin-right:3px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option button{ line-height:26px; height:26px; border:none; padding:0 10px; margin:6px 3px; font-size:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#4D7AA7;}
.inside_content .right_area .adv_chart_area .option_area .technical_option button.reset{ color:#000; background:#d6d6d6;}
.inside_content .right_area .adv_chart_area .main_option:after, .inside_content .right_area .adv_chart_area .sub_option:after{ content:""; display:table; clear:both;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label{ min-width:0; padding-right:22px; margin-right:30px}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.ten{ background:url(/home/images/bg_chart_label_ma_ten.jpg) no-repeat right 15px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.twenty{ background:url(/home/images/bg_chart_label_ma_twenty.jpg) no-repeat right 15px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.fifty{ background:url(/home/images/bg_chart_label_ma_fifty.jpg) no-repeat right 15px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.hundred{ background:url(/home/images/bg_chart_label_ma_hundred.jpg) no-repeat right 15px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.twohundredfive{ background:url(/home/images/bg_chart_label_ma_twohundredfive.jpg) no-repeat right 15px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label input[type="text"]{ float:none;}

.inside_content .right_area .adv_chart_area .chart_area .tool{ float:left; /*border-right:1px solid #d8d9d9;*/ width:49px;}
.inside_content .right_area .adv_chart_area .chart_area .tool .tl{ font-size:12px; font-family:Arial, Helvetica; text-align:center; line-height:22px; border-bottom:1px dotted #d8d9d9;}
.inside_content .right_area .adv_chart_area .chart_area .tool ul{ min-height:445px;}
.inside_content .right_area .adv_chart_area .chart_area .tool ul li{ width:45px; background:url(/home/images/bg_adv_chart_tool_dot.jpg) no-repeat bottom;}
.inside_content .right_area .adv_chart_area .chart_area .tool ul li img{ margin:9px auto; width:31px; display:block;}
.inside_content .right_area .adv_chart_area .chart_area .tool ul li:last-child{ background:none;}
.inside_content .right_area .adv_chart_area .chart_area .tool ul li:hover,.inside_content .right_area .adv_chart_area .chart_area .tool ul li.current{ background:url(/home/images/bg_icon_adv_chart_hover.jpg) no-repeat center, url(/home/images/bg_adv_chart_tool_dot.jpg) no-repeat bottom;}
.inside_content .right_area .adv_chart_area .chart_area .chart{ float:right; position:relative; border-left:1px solid #d8d9d9;}
.inside_content .right_area .adv_chart_area .chart_area:after{ content:""; display:table; clear:both;}
/*commentary*/
#commentary.inside_content .right_area .table table tbody tr:nth-child(even) td{ background:transparent;}
#commentary.inside_content .right_area .table table tbody tr:nth-child(4n+3) td{ background:#f5f5f5;}
#commentary.inside_content .right_area .table table tbody tr:nth-child(4n+3):hover td{ background:#d8d9d9;}
#commentary.inside_content .right_area .table table tbody td.target span{ font-weight:bold;}
#commentary.inside_content .right_area .table table tbody td{ border-bottom:none;}
#commentary.inside_content .right_area .table table tbody td.rating img{ display:none;}
#commentary.inside_content .right_area .table table tbody td.commentary_content_area{ border-top:none; text-align:left; padding-left:0; padding-right:0;}
#commentary.inside_content .right_area .table table tbody td.commentary_content_area .tl{ font-size:18px; font-weight:bold; border-top:1px dotted #d8d9d9; line-height:26px;  padding:6px 15px;}
#commentary.inside_content .right_area #result .table table tbody td .underlying a{ border-left:6px solid #4D7AA7; padding-left:5px;} 
#commentary.inside_content .right_area .table table tbody td.commentary_content_area p{ font-size:16px; line-height:18px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; padding:0 15px}
#commentary.inside_content .right_area .table table thead th button.expand_all{ width:24px; height:24px; background:url(/home/images/bg_icon_expand_all.jpg) no-repeat center #4d7aa7; padding:0; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#commentary.inside_content .right_area .table table thead th button.expand_all.active{ background:url(/home/images/bg_icon_collapse_all.jpg) no-repeat center #4d7aa7;}
#commentary.inside_content .right_area .table table tbody td button.expand{ width:24px; height:24px; background:url(/home/images/bg_icon_expand.jpg) no-repeat center #4D7AA7; padding:0; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#commentary.inside_content .right_area .table table tbody td button.expand.active{ background:url(/home/images/bg_icon_collapse.jpg) no-repeat center #4D7AA7;}
#commentary.inside_content .right_area .table table tbody tr:last-child td{ border-bottom:1px solid #d8d9d9;}
#commentary.inside_content .right_area .remark p{ font-family:Arial, Helvetica; font-size:13px; margin-top:25px;}
#commentary.inside_content .right_area .remark p a{ text-decoration:underline; color:#54585a; font-family:Arial, Helvetica;} 

 
/*video_inside*/
#video_inside.inside_content .right_area .tl{ background:#f8f8f8; font-size:20px; font-weight:bold; line-height:22px; padding:10px 15px; margin-bottom:10px;}
#video_inside.inside_content .right_area .tl span{ font-weight:normal; font-size:16px;}
#video_inside.inside_content .right_area .video_area{ }
#video_inside.inside_content .right_area .video_area .video{ float:left;}
#video_inside.inside_content .right_area .video_area .video_menu_area{ float:left; width:323px; border:1px solid #dedede; margin-left:10px;}
#video_inside.inside_content .right_area .video_area .video_menu_area ul li{ padding:5px 10px; width:100%; box-sizing:border-box; line-height:32px; border-top:1px solid #dedede;}
#video_inside.inside_content .right_area .video_area .video_menu_area .tl{ padding:5px 10px; margin-bottom:0; background:#eaeaea;}
#video_inside.inside_content.youtube_style .right_area .video_area .video_menu_area .video_detail{ float:left; width:323px; border:1px solid #dedede; margin-left:10px;}
#video_inside.inside_content.youtube_style .right_area .video_area .video_menu_area .video_detail .tl{ background:#fff;}
#video_inside.inside_content.youtube_style .right_area .video_area .video_menu_area{ float:left; width:323px; border:1px solid #dedede; margin-left:10px;}
#video_inside.inside_content.youtube_style .right_area .video_area .video_menu_area .tl{ background:#fff;}
#video_inside.inside_content .right_area .video_area .video_menu_area .video_menu{ overflow-y:scroll; height:325px;}
#video_inside.inside_content .right_area .video_area .video_menu_area ul li a{ color:#000; font-weight:bold; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block;}
#video_inside.inside_content .right_area .video_area .video_menu_area ul li a.current{ color:#4d79a6;}
#video_inside.inside_content .right_area .video_area .video_menu_area ul li:hover{ background:#f8f8f8;}
#video_inside.inside_content .right_area .video_area .video_menu_area ul li a:hover{ text-decoration:underline; background:#f8f8f8;}
#video_inside.inside_content .right_area .video_area:after{ content:""; display:table; clear:both;}
#video_inside.inside_content.youtube_style .right_area .video_detail{ float:left; width:315px; margin-left:20px;}
#video_inside.inside_content.youtube_style .right_area .video_detail .tl{ background:#fff; padding:0;}
#video_inside.inside_content.youtube_style .right_area .video_detail .ppl{ margin-bottom:10px;}
#video_inside.inside_content.youtube_style .right_area .video_detail .ppl .name{ outline:none; border:none; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left; font-weight:bold;} 
#video_inside.inside_content.youtube_style .right_area .video_detail .ppl .title{ padding-left:12px; line-height:18px; margin-top:5px;}
#video_inside.inside_content.youtube_style .right_area .video_article{ margin-top:20px;}
#video_inside.inside_content.youtube_style .right_area .video_article ul:after{ content:""; display:table; clear:both;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li{ width:24%; margin-right:1.33%;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li:last-child{ margin-right:0;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li .tl{ font-weight:normal; font-size:15px; line-height:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 6px; padding-left:12px; margin-bottom:0;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li .time{ padding-left:10px; font-size:13px; margin-bottom:10px; color:#54585a; font-family:Arial, Helvetica, sans-serif;}
#video_inside.inside_content.youtube_style .right_area .video_article ul{ border-bottom:1px dashed #ddd; margin-bottom:20px;}
#video_inside.inside_content .right_area .tabs_break{ margin-bottom:10px;}

/*cbbc outstanding*/ 
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search_area{ width:80%; margin:0 auto;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search .tl{font-size:26px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 7px; padding-left:12px; float:left; font-weight:bold; position:relative;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search .tl:after{ content:"全新"; position:absolute; left:145px; top:3px; font-size:12px; background:#ed8b00; color:#fff; width:24px; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search#quick_search_container{ height:700px!important;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search #quick_search_select{ float:right;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search #quick_search_th{ margin-top:5px;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody td{ border-right:none; border-bottom:none; border-top:none;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr:hover td{ background:none;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr:nth-child(even) td{ background:#f8f8f8;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.ulast td{ background:#ed8b00; color:#fff; line-height:29px;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.spotline td{ line-height:28px; cursor:pointer;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.cbbc td a.bull, #cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.cbbc td a.bear{ font-weight:bold;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.spotline.bear td{ background: url(/home/images/bg_spotline_bear.jpg) no-repeat center #eaeaea;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.cbbc td a.bear{ /*background:url(/home/images/img_dot_bear.png) no-repeat left; padding-left:12px;*/}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.spotline.bull td{ background: url(/home/images/bg_spotline_bull.jpg) no-repeat center #eaeaea;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search table tbody tr.cbbc td a.bull{ /*background:url(/home/images/img_dot_bull.png) no-repeat left; padding-left:12px;*/}
#cbbc_outstanding.inside_content .right_area .tabs_area ul.tabs_break li.HSTECH_cbbcband{ position:relative;}
/*#cbbc_outstanding.inside_content .right_area .tabs_area ul.tabs_break li.HSTECH_cbbcband a{ padding-right:50px;}
#cbbc_outstanding.inside_content .right_area .tabs_area ul.tabs_break li.HSTECH_cbbcband a:before{ content:"全新"; position:absolute; right:9px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}*/

#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search #quick_search_th .share {
    border-bottom: none;
}

/*CNHK*/
#cnhk.inside_content .right_area .quota_balance_area{ border:10px solid #f8f8f8; background:#f8f8f8; margin-top:0;}
#cnhk.inside_content .right_area .quota_balance_area .chart{ float:left; border:1px solid #d8d9d9; width:375px;}
#cnhk.inside_content .right_area .quota_balance_area .market_close{ width:371px; height:198px; border:1px #d8d9d9 solid; float:left; background:#fff; text-align:center; line-height:198px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail{ float:left; margin-left:20px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail{ margin-left:10px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left{ float:left;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .tl{ display:block; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:5px; background:url(/home/images/bg_inside_connect_icon.jpg) no-repeat left; padding-left:36px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sub_tl{ font-size:20px; font-weight:bold; line-height:30px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sub_tl .unit{ color:#000;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sh_area{ float:left; width:165px; margin-right:15px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .left .sh_area{ width:250px; margin-right:25px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sh_area .sub_tl{ color:#ed8b00;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sz_area{ float:left; width:165px; margin-right:15px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .left .sz_area{ width:250px; margin-right:25px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sz_area .sub_tl{ color:#4D7AA7;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box{ border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; }
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .total_tl{ font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:16px; margin-top:6px; margin-bottom:2px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .item_tl{ font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:16px; margin-bottom:2px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .price{ font-size:15px; line-height:24px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .balance_tl{ font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:16px; margin:2px 0;  float:left; line-height:24px; }
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .balance{ font-size:15px; line-height:24px; float:left; margin:2px 0 2px 5px;} 
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .total_number{ font-size:24px; line-height:32px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .total_number .drop{ color:#8b460e!important;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box .total_number .rise{ color:#1b435b!important;}

#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box li.bid{ float:left; width:50%;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .box li.ask{ float:left; width:50%;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left ul:after{ content:""; display:table; clear:both;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right{ float:left; border:1px solid #ec8a01; background:#fff; padding:16px 20px 23px 20px; margin:12px 0 0 5px; width:160px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4); box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4); background-image:-webkit-linear-gradient(#ffffff, #ffffff 0%, #f5f5f5);}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .right{  width:250px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .timer{ margin-left:10px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .sub_tl{ font-size:20px; font-weight:bold; line-height:30px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box{ border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box:after{ content:""; display:table; clear:both;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .total_tl{ font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:16px; margin-top:6px; margin-bottom:2px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .total_number{ font-size:24px; line-height:32px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .total_number .drop{ color:#8b460e!important;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .total_number .rise{ color:#1b435b!important;}

#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .item_tl{ font-family:Arial, Helvetica; font-size:13px; font-weight:bold; line-height:16px; margin-bottom:2px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box .price{ font-size:15px; line-height:24px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box{}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box li.bid{ float:left; width:50%;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box li.ask{ float:left; width:50%;}
#cnhk.inside_content .right_area .quota_balance_area .timer{ clear:both; margin-top:0; padding-top:5px;}

#cnhk.inside_content .right_area .quota_balance_area:after{ content:""; display:table; clear:both;}
#cnhk.inside_content.quota_balance .right_area .chart_area .description li.total{ background:url(/home/images/bg_line_description_green.jpg) no-repeat left; color:#1c6a64;}
#cnhk.inside_content.quota_balance .right_area .chart_area .description li.sh{ background:url(/home/images/bg_line_description_orange.jpg) no-repeat left; color:#ed8b00;}
#cnhk.inside_content.quota_balance .right_area .chart_area .description li.sz{ background:url(/home/images/bg_line_description_blue.jpg) no-repeat left; color:#4D7AA7;}
#cnhk.inside_content.quota_balance .right_area .chart_area .description li.vshsi{ background:url(/home/images/bg_line_description_black.jpg) no-repeat left;}
#cnhk.inside_content.quota_balance .right_area .table table#result_table tbody td .rise{ color:#1b435b!important;}
#cnhk.inside_content.quota_balance .right_area .table table#result_table tbody td .drop{ color:#8b460e!important;}


#cnhk.inside_content .chart_area{ border-bottom:2px solid #000; margin-bottom:10px;}
#cnhk.inside_content .chart_area .tl{ font-size:16px; font-weight:bold; line-height:29px;}
#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area{ border-top:none; margin-top:0; background:none; line-height:29px; padding:0;}
#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area select{ margin:0; line-height:29px; height:29px; width:150px;}
#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area input{ margin:0; line-height:29px; height:29px;}

#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area input[type="radio"]{ margin-top:8px; float:left;}
#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area span.line{ padding:0 15px; float:left; width:30px; height:29px; background:url(/home/images/bg_black_line_option_area.jpg) no-repeat center;}
#cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area .right label{ margin-right:25px}
#cnhk.inside_content.top10_turnover .chart_area:last-child{ margin-top:60px;}
#cnhk.inside_content.top10_turnover .chart_area .tl{ font-size:24px; line-height:30px;}
#cnhk.inside_content.top10_turnover .chart_area .tl .sh{ color:#ed8b00;}
#cnhk.inside_content.top10_turnover .chart_area .tl .sz{ color:#4D7AA7;}
#cnhk.inside_content.top10_turnover .table .tl{ font-size:24px; line-height:30px; margin-bottom:15px; font-weight:bold;}
#cnhk.inside_content.top10_turnover .table .tl .sh{ color:#ed8b00;}
#cnhk.inside_content.top10_turnover .table .tl .sz{ color:#4D7AA7;}
#cnhk.inside_content.top10_turnover .table:last-child{ margin-top:60px;}
#cnhk.inside_content.top10_turnover .timer_area{ margin-top:20px}
#cnhk.inside_content.ah_compare .chart_area{ border-top:2px solid #000; margin-top:0; margin-bottom:0
}
#cnhk.inside_content.ah_compare .option_area{ border-top:none; margin-top:0;}
#cnhk.inside_content.ah_compare .table table tbody td.focus span{ clear:both; line-height:17px; display:block;}

/*Search*/
#search.inside_content .search_box_area{ padding:20px; -webkit-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); -moz-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6);}
#search.inside_content .search_box_area .search_box ul{ width:285px; float:left;}
#search.inside_content .search_box_area .search_box ul:first-child{ padding-right:25px;}
#search.inside_content .search_box_area .search_box ul:nth-child(2){ padding:0 25px;}
#search.inside_content .search_box_area .search_box ul:last-child{ padding-left:25px;}
#search.inside_content .search_box_area .search_box ul li{ margin-bottom:10px;}
#search.inside_content .search_box_area .search_box ul li label{ width:80px; float:left;}
#search.inside_content .search_box_area .search_box ul li input[ type="text"], #search.inside_content .search_box_area .search_box ul li select{ width:205px;}
#search.inside_content .search_box_area .search_box ul li input[ type="text"].half, #search.inside_content .search_box_area .search_box ul li select.half{ width:90px;}
#search.inside_content .search_box_area .search_box ul li span.to{ width:16px; display:inline-block; font-size:13px; text-align:center; font-family:Arial, Helvetica;}
#search.inside_content .search_box_area .search_box ul li:last-child{ margin-bottom:0;}
#search.inside_content .search_box_area .search_box ul li select.half.moneyness{ margin-right:20px}
#search.inside_content .search_box_area .search_box ul li select:disabled{ background:#eaeaea;}
#search.inside_content .search_box_area .search_box:after{ content:""; display:table; clear:both;}
#search.inside_content .search_button_area{ background:#83a5cd; border-top:#4D7AA7 solid 1px; padding:20px 25px;}
#search.inside_content .search_button_area .left{ float:left;}
#search.inside_content .search_button_area .right{ float:right;}
#search.inside_content .search_button_area button{ line-height:30px; background:#4D7AA7; color:#fff; min-width:150px; padding:0 25px;}
#search.inside_content .search_button_area button.reset{ background:#FFF; color:#4D7AA7;}
#search.inside_content .search_button_area button.download{ background:url(/home/images/bg_icon_excel_download.jpg) no-repeat center left 20px #ed8b00; padding:0 20px 0 40px;}
#search.inside_content .search_button_area .left button{ margin-right:10px;} 
#search.inside_content .search_button_area .right button{ margin-left:10px;} 
#search.inside_content .search_button_area:after{ content:""; display:table; clear:both;}
#search.inside_content .result_area .result{ line-height:44px; padding:0 15px; font-size:16px; border-bottom:1px solid #d8d9d9}
#search.inside_content .result_area .result span{ color:#4D7AA7; display:inline-block;}
#search.inside_content .result_area .result .number{ font-size:24px;}

#search.inside_content{}
#search.inside_content .option_area .left{ background:url(/home/images/line_option_area.jpg) no-repeat right; padding-right:20px;}
#search.inside_content .option_area select{ width:140px; margin-right:10px;}
#search.inside_content .option_area .blue label.ascending{ padding-right:15px; background:url(/home/images/icon_blue_ascending.png) no-repeat right;}
#search.inside_content .option_area .blue label.ascending.current{ padding-right:15px; background:url(/home/images/icon_blue_ascending_on.png) no-repeat right;}
#search.inside_content .option_area .blue label.descending{ padding-right:15px; background:url(/home/images/icon_blue_descending.png) no-repeat right;}
#search.inside_content .option_area .blue label.descending.current{ padding-right:15px; background:url(/home/images/icon_blue_descending_on.png) no-repeat right;}
#search.inside_content .option_area .brown label.ascending{ padding-right:15px; background:url(/home/images/icon_brown_ascending.png) no-repeat right;}
#search.inside_content .option_area .brown label.ascending.current{ padding-right:15px; background:url(/home/images/icon_brown_ascending_on.png) no-repeat right;}
#search.inside_content .option_area .brown label.descending{ padding-right:15px; background:url(/home/images/icon_brown_descending.png) no-repeat right;}
#search.inside_content .option_area .brown label.descending.current{ padding-right:15px; background:url(/home/images/icon_brown_descending_on.png) no-repeat right;}

/*announcement*/
#announcement.inside_content .right_area{ position:relative;}
#announcement.inside_content .right_area .pdf_download_area{ position:absolute; right:0; top:6px;}
#announcement.inside_content .right_area .pdf_download_area li{ font-size:14px; padding-left:38px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left 19px center;}
#announcement.inside_content .right_area .pdf_download_area li:first-child{ background:none;}
#announcement.inside_content .right_area .pdf_download_area li a{ padding-left:23px; line-height:44px; color:#000; background:url(/home/images/icon_document_download.png) no-repeat left; display:block;}
#announcement.inside_content .right_area .pdf_download_area li a:hover{ text-decoration:underline;}
#announcement.inside_content .announcement_box_area{ padding:20px 20px 5px 20px; -webkit-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); -moz-box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6); box-shadow:inset 0px 0px 35px 0px rgba(221,221,221,0.6);}
#announcement.inside_content .announcement_box_area:after{ content:""; display:table; clear:both;}
#announcement.inside_content .announcement_box .option_list { width: 100%; position: relative; }
#announcement.inside_content .announcement_box .option_list > li{ width: 33%; margin-bottom: 15px; }
#announcement.inside_content .announcement_box .option_list > li > label{ width: 90px; display: inline-block; }
#announcement.inside_content .announcement_box .option_list > li > input,
#announcement.inside_content .announcement_box .option_list > li > select#ucode
{ width: 201px; }
#announcement.inside_content .announcement_box .option_list > li.long > select{ width: 200px; }
#announcement.inside_content .announcement_box .option_list > li.long > label{ width: 110px; }
#announcement.inside_content .announcement_button_area{ background:#83a5cd; border-top:#4D7AA7 solid 1px; padding:20px 25px;}
#announcement.inside_content .announcement_button_area .left{ float:left;}
#announcement.inside_content .announcement_button_area .right{ float:right;}
#announcement.inside_content .announcement_button_area button{ line-height:30px; background:#4D7AA7; color:#fff; min-width:150px; padding:0 25px;}
#announcement.inside_content .announcement_button_area button.reset{ background:#FFF; color:#4D7AA7;}
#announcement.inside_content .announcement_button_area button.download{ background:url(/home/images/bg_icon_excel_download.jpg) no-repeat center left 20px #ed8b00; padding:0 20px 0 40px;}
#announcement.inside_content .announcement_button_area .left button{ margin-right:10px;} 
#announcement.inside_content .announcement_button_area .right button{ margin-left:10px;} 
#announcement.inside_content .announcement_button_area:after{ content:""; display:table; clear:both;}
/*#announcement.inside_content .table table tbody td.code div{ line-height:21px; margin:5px 0;}*/
#announcement.inside_content .table table tbody td{ vertical-align:top; line-height:21px; padding:8px 5px;}
#announcement.inside_content .table table tbody td.download img{ margin-top:1px;}
#announcement.inside_content .disc{ margin-top:5px; font-size:13px;}

#announcement.inside_content.termination .termination_area{ border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:0 0 10px 0;}
#announcement.inside_content.termination .termination_area .tl{ margin-top:20px; margin-bottom:10px; font-weight:bold;}
#announcement.inside_content.termination .termination_area:after{ content:""; display:table; clear:both;}
#announcement.inside_content.termination .termination_area ul{ list-style:disc; margin-left:2em;}
#announcement.inside_content.termination .termination_area ul li{ margin-bottom:10px; float:none;} 
#announcement.inside_content.termination .termination_area ul li a{ color:#4d7aa7; text-decoration:none; /*background:url(/home/images/icon_document_download_square.jpg) no-repeat right; padding-right:33px;*/ line-height:24px; /*display:inline-block;*/}
#announcement.inside_content.termination .termination_area ul li a:hover{ text-decoration:underline;}

/*product search*/
#product_search.inside_content{}
#product_search.inside_content .option_area .left{ background:url(/home/images/line_option_area.jpg) no-repeat right; padding-right:20px;}
#product_search.inside_content .option_area select{ width:140px; margin-right:10px;}
#product_search.inside_content .option_area .blue label.ascending{ padding-right:15px; background:url(/home/images/icon_blue_ascending.png) no-repeat right;}
#product_search.inside_content .option_area .blue label.ascending.current{ padding-right:15px; background:url(/home/images/icon_blue_ascending_on.png) no-repeat right;}
#product_search.inside_content .option_area .blue label.descending{ padding-right:15px; background:url(/home/images/icon_blue_descending.png) no-repeat right;}
#product_search.inside_content .option_area .blue label.descending.current{ padding-right:15px; background:url(/home/images/icon_blue_descending_on.png) no-repeat right;}
#product_search.inside_content .option_area .brown label.ascending{ padding-right:15px; background:url(/home/images/icon_brown_ascending.png) no-repeat right;}
#product_search.inside_content .option_area .brown label.ascending.current{ padding-right:15px; background:url(/home/images/icon_brown_ascending_on.png) no-repeat right;}
#product_search.inside_content .option_area .brown label.descending{ padding-right:15px; background:url(/home/images/icon_brown_descending.png) no-repeat right;}
#product_search.inside_content .option_area .brown label.descending.current{ padding-right:15px; background:url(/home/images/icon_brown_descending_on.png) no-repeat right;}
#product_search.inside_content .result_area{ border-bottom:1px solid #d8d9d9;}
#product_search.inside_content .result_area .jp_remark{ margin-left:15px; font-size:12px; font-family:Arial, Helvetica; line-height:18px; float:left; margin-right:15px; border-right:1px solid #000; padding-right:15px;}
#product_search.inside_content .result_area .jp_realtime_area{ float:left; font-size:12px; font-family:Arial, Helvetica; line-height:18px;}
#product_search.inside_content .result_area .jp_pick_option{ float:left; font-size:12px; font-family:Arial, Helvetica; line-height:18px; margin:0 0 0 15px;    border-left: 1px solid #000; padding-left: 15px;}
#product_search.inside_content .result_area .jp_pick_option input{    margin: 2px 5px 0 0;    vertical-align: -2px;}
#product_search.inside_content .result_area .jp_realtime_area span.realtime{ margin-right:5px; color:#ed8b00; font-size:13px; font-weight:bold; font-family:Arial, Helvetica;}
#product_search.inside_content .result_area .jp_remark span{ background:#fde9d1; width:17px; height:17px; float:left; margin-right:5px;}

#product_search.inside_content .result_area .result{ line-height:44px; padding:0 15px; font-size:16px; float:left;}
#product_search.inside_content .result_area .result span{ color:#4D7AA7; display:inline-block;}
#product_search.inside_content .result_area .result .number{ font-size:24px;}

#product_search.inside_content .result_area .download{ float:left; line-height:44px;}
#product_search.inside_content .result_area .download:after{ content:"下載"; color:#ed8b00; font-size:13px; font-family:Arial, Helvetica; line-height:47px; float:right;}
#product_search.inside_content .result_area .download button{ background:url(/home/images/bg_icon_download_excel.jpg) no-repeat center #ed8b00; width:24px; height:24px; margin-top:11px; margin-right:5px; text-indent:-99999px; padding:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

/* Rudy====================================================== */
/* #product_search.inside_content .result_area .underlying_quote{ float:right;} */
#product_search.inside_content .result_area .underlying_quote a{ 
    color: #000;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
}

#product_search.inside_content .result_area .underlying_quote a .timer{
    width: 100%;
    text-align: right;
    margin-top: 0;
}

/* Rudy====================================================== */

/* 
#product_search.inside_content .result_area .underlying_quote{ float:right;} */
#product_search.inside_content .result_area .underlying_quote a{ color:#000;}
#product_search.inside_content .result_area .underlying_quote a:hover .underlying{ text-decoration:underline;}
#product_search.inside_content .result_area .underlying_quote .underlying{ float:left; font-size:16px; line-height:47px; background:url(/home/images/info_area_line.jpg) no-repeat right; padding-right:20px; margin-right:20px;}
#product_search.inside_content .result_area .underlying_quote .underlying.index_name{font-size: 22px;}
#product_search.inside_content .result_area .underlying_quote .product_price_area{ float:left;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .price{ float:left; color:#000; font-size:28px; margin-right:20px; line-height:42px;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .price span.arrow{display:inline-block; margin-left:5px; width:17px; height:11px;}
#product_search.inside_content .result_area .underlying_quote .product_price_area.rise .price span.arrow{ background:url(/home/images/bg_rise_indicative.gif) no-repeat;}
#product_search.inside_content .result_area .underlying_quote .product_price_area.drop .price span.arrow{ background:url(/home/images/bg_drop_indicative.gif) no-repeat;}

#product_search.inside_content .result_area .underlying_quote .product_price_area .change_area{ float:left; margin-right:20px;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .change_area .tl{ font-family:Arial, Helvetica; font-size:13px; display:block; clear:both; line-height:20px; color:#000;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .change_area .change{ float:left; padding-right:5px; line-height:22px;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .change_area .percent{ float:left; line-height:22px;}

#product_search.inside_content .result_area .underlying_quote .product_price_area .turnover_area{ float:left;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .turnover_area .tl{ font-family:Arial, Helvetica; font-size:13px; display:block; clear:both; line-height:20px; color:#000;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .turnover_area .turnover{ float:left; line-height:22px; color:#000;}

#product_search.inside_content .right_area{ min-height:1350px; }
#product_search.inside_content .right_area #search_table{ position:relative;} 
#product_search.inside_content .right_area .vertical_scroll_area{ height:1000px; overflow-y:scroll; overflow-x:hidden;}
#product_search.inside_content .right_area .table table.vertical_scroll{ width:995px;}
#product_search.inside_content .result_area:after{ content:""; display:table; clear:both;}

#product_search.inside_content .right_area .notice{ padding:10px 10px 10px 38px; font-size:14px; background:url(/home/images/icon_notice.jpg) no-repeat left 10px center #f5f5f5; margin:5px 0 0 0;}
#product_search.inside_content .right_area .notice a{ color:#4d7aa7;}

#product_search.inside_content #filter_content{ padding:10px 15px; font-size: 13px;}

#product_search.inside_content .table table.sorting tbody th, #product_search.inside_content .table table.sorting thead th, #product_search.inside_content .table table.sorting tbody td{ padding:0;}
#product_search.inside_content .table table.sorting tbody td{ font-size:13px;}

#product_search.inside_content .table table.sorting tbody tr.jp_product td{ /*background:rgba(215, 210, 204, 0.45); border-bottom:1px dashed #d7d2cc; border-top:1px dashed #d7d2cc;*/ font-weight:bold;}
#product_search.inside_content .table table.sorting tbody tr.jp_product td.issuer{ text-decoration:underline;}
#product_search.inside_content .table table.sorting tbody tr.jp_product td span.call, #product_search.inside_content .table table.sorting tbody tr.jp_product td span.underlying a{ font-weight:bold;}
#product_search.inside_content .table table.sorting tbody tr.jp_product.recom td{ background:#fde9d1;}
#product_search.inside_content .table table.sorting tbody th span{ width:16px;}



.inside_content .left_area .side_menu.serch_box{ border:1px solid #d8d9d9; padding:10px 0 0 0;}
.inside_content .left_area .side_menu.serch_box .section.underlying{ border-bottom:none; margin-bottom:6px; padding-bottom:0;}
.inside_content .left_area .side_menu.serch_box .section:last-child{ border-bottom:none; margin-bottom:0;}
.inside_content .left_area .side_menu.serch_box .section{ border-bottom:1px dashed #d8d9d9; padding-bottom:10px; margin-bottom:5px;}
.inside_content .left_area .side_menu.serch_box .section .tl{ font-size:15px; border-bottom:none; margin-bottom:0; padding-bottom:0;}
.inside_content .left_area .side_menu.serch_box .section select{ width:100%; font-size:13px;}
.inside_content .left_area .side_menu.serch_box .section .chosen-container{ width:100%;}
.inside_content .left_area .side_menu.serch_box .section input[type="text"]{ width:100%;}
.inside_content .left_area .side_menu.serch_box .section.strike input[type="text"]{}
.inside_content .left_area .side_menu.serch_box .section.strike .input_box.left input[type="text"]{ width:48%; float:left;}
.inside_content .left_area .side_menu.serch_box .section.strike .input_box.right input[type="text"]{ width:48%; float:right; margin-bottom:5px; text-align:right;}
.inside_content .left_area .side_menu.serch_box .section.strike .slider{ clear:both;}
.inside_content .left_area .side_menu.serch_box .section.sector .tl{ text-align:center; font-size:13px; font-family:Arial, Helvetica; font-weight:normal; position:relative;}
.inside_content .left_area .side_menu.serch_box .section.sector .tl:before{ content:""; position:absolute; width:45px; height:1px; left:0; top:10px; border-bottom:1px dashed #000;}
.inside_content .left_area .side_menu.serch_box .section.sector .tl:after{ content:""; position:absolute; width:45px; height:1px; right:0; top:10px; border-bottom:1px dashed #000;}
.inside_content .left_area .side_menu.serch_box .section.moneyness{ min-height:108px;}
.inside_content .left_area .side_menu.serch_box .section.strike{ min-height:108px;}

.inside_content .left_area .side_menu.serch_box .section.type ul li{ float:left; text-align:center; margin-right:7px;}
.inside_content .left_area .side_menu.serch_box .section.type ul li:last-child{ margin-right:0;}
.inside_content .left_area .side_menu.serch_box .section.type ul li input[type="radio"]{ margin:0;}
.inside_content .left_area .side_menu.serch_box .section.type ul li label{ clear:both; display:block; text-align:center; color:#FFF!important; width:34px; height:34px; margin:0 auto; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height:34px; margin-top:5px;}
.inside_content .left_area .side_menu.serch_box .section.type ul li label.call{ background:#4D7AA7;}
.inside_content .left_area .side_menu.serch_box .section.type ul li label.bull{ background:#1c6a64;}
.inside_content .left_area .side_menu.serch_box .section.type ul li label.put{ background:#ed8b00;} 
.inside_content .left_area .side_menu.serch_box .section.type ul li label.bear{ background:#a78216;}
.inside_content .left_area .side_menu.serch_box .section.type ul li label.inline_code, .inside_content .left_area .side_menu.serch_box .section.type ul li label.inline{ background:#564984;}

.inside_content .left_area .side_menu.serch_box .section .info{ font-size:13px; line-height:15px; margin-top:3px; font-family:Arial, Helvetica; clear:both;}
.inside_content .left_area .side_menu.serch_box .section .info .left{ float:left; text-align:left;}
.inside_content .left_area .side_menu.serch_box .section .info .right{ float:right; text-align:right;}
.inside_content .left_area .side_menu.serch_box .section .info .strike{ font-weight:bold;}
.inside_content .left_area .side_menu.serch_box .section .info:after{ content:""; display:table; clear:both;}

.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list{ font-size:13px; border:1px solid #d8d9d9; position:relative; background-image:-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list:active, .inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list:hover{ box-shadow:0 0 10px #d8d9d9; outline:auto 1px #575757; border:1px solid #575757;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list a{ font-family:Arial, Helvetica; color:#000; display:block; padding:7px 10px 7px 14px; box-sizing:border-box; cursor:default; /*line-height:29px;*/ height:29px; background-image:-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); -webkit-appearance:menulist-button; -moz-appearance:menulist; appearance:menulist-button; word-break: break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick{ 
    position:absolute; 
    width:160px; 
    bottom:30px; 
    overflow-y: scroll;
    height: 260px;
    z-index:9; 
    left:-1px; 
    background:#FFF; 
    border:1px solid #d8d9d9; 
    padding:5px 10px; 
    box-sizing:border-box;
}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick ul li{ line-height:16px; font-size:14px; padding:3px 5px; border-bottom:1px dashed #d8d9d9; box-sizing:border-box;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick ul li:last-child{ border-bottom:none;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick ul li input[type="checkbox"]{ float:left; margin:2px 5px 0 0;}


.inside_content .left_area .side_menu.serch_box .section.type:after{ content:""; display:table; clear:both;}
.inside_content .left_area .side_menu.serch_box:after{ display:none;}
.inside_content .left_area .side_menu.serch_box .load_more_area{ overflow:hidden; padding:0 9px;}
.inside_content .left_area .side_menu.serch_box .load_more_area.warrant{ height:581px;}
.inside_content .left_area .side_menu.serch_box .load_more_area.cbbc{ height:541px;}
.inside_content .left_area .side_menu.serch_box .load_more_button{ font-size:15px; font-weight:bold; text-align:center; line-height:32px; cursor:pointer;}
.inside_content .left_area .side_menu.serch_box .load_more_button.less{ background:url(/home/images/bg_icon_seach_box_expand.jpg) no-repeat center right 50px #eaeaea; padding-right:13px;}
.inside_content .left_area .side_menu.serch_box .load_more_button.more{ background:url(/home/images/bg_icon_seach_box_collapse.jpg) no-repeat center right 50px #eaeaea; padding-right:13px;}

.inside_content .left_area .left_part.scrolling{ position:fixed; top: 90px; z-index:10000; width:205px;}
.inside_content .left_area{ width:205px; float:left; min-height:500px; /*overflow: hidden;*/}
.inside_content .left_area .left_part.scrollstop{ position:absolute; top:625px; z-index:1000; width:205px;}


/*moneyflow*/
#moneyflow.inside_content.underlying .moneyflow_area{ border-top:2px solid #000; margin-top:0; background:url(/home/images/bg_option_area.jpg) repeat-x;}
#moneyflow.inside_content.underlying .moneyflow_area .timer{ margin-top:0;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area{ float:left; margin-top:3px; border-top:none; background:none;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area select{ min-width:120px;} 
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area label{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:7px 5px 7px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .long{ background:#1b435b; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .short{ background:#8b460e; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .call{ background:#4D7AA7; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .put{ background:#ed8b00; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .bull{ background:#1c6a64; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .bear{ background:#a78216; color:#FFF!important;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .inline_code, #moneyflow.inside_content.underlying .moneyflow_area .top .option_area .inline{ background:#564984; color:#FFF!important;}

#moneyflow.inside_content.underlying .moneyflow_area .top .sub_tabs_area{ float:right; padding-right:15px;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area span.line{ padding:0 15px; float:left; width:30px; height:29px; background:url(/home/images/bg_black_line_option_area.jpg) no-repeat center; margin:7px 0;}
#moneyflow.inside_content.underlying .moneyflow_area .top:after{ content:""; display:table; clear:both;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart{ float:left; border-top:1px solid #d8d9d9; width:600px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description{ float:right; margin-right:30px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description li{ line-height:18px; font-size:13px; font-family:Arial, Helvetica; margin-right:15px; padding-left:20px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description li.flowin{ background:url(/home/images/bg_line_description_long.jpg) no-repeat left; color:#1b435b;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description li.flowout{ background:url(/home/images/bg_line_description_short.jpg) no-repeat left; color:#8b460e;}

#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart:after{ content:""; display:table; clear:both;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table{ float:right; width:395px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .total{ text-align:right; line-height:39px; font-size:15px; font-weight:bold; margin-right:10px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .total .drop{ color:#8b460e!important;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .total .rise{ color:#1b435b!important;}

#moneyflow.inside_content.underlying .moneyflow_area .bottom .table table tbody td .rise{ color:#1b435b!important;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table table tbody td .drop{ color:#8b460e!important;}

#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .vertical_scroll{ height:200px; overflow-y:auto;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .vertical_scroll table tr:first-child td{ border-top:none;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom:after{ content:""; display:table; clear:both;}
#moneyflow.inside_content.underlying .moneyflow_area:after{ content:""; display:table; clear:both;}

#moneyflow.inside_content.underlying .moneyflow_area #moneyflow_table_result tbody td .drop{ color:#8b460e!important;}
#moneyflow.inside_content.underlying .moneyflow_area #moneyflow_table_result tbody td .rise{ color:#1b435b!important;}

#moneyflow.inside_content.underlying .moneyflow_area #moneyflow_table_result tbody td.change .drop{ color:#228a02!important;}
#moneyflow.inside_content.underlying .moneyflow_area #moneyflow_table_result tbody td.change .rise{ color:#ee3224!important;}


#cnhk_moneyflow.inside_content.underlying .chart_area{ border-bottom:2px solid #000;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li.flowin{ background:url(/home/images/bg_line_description_long.jpg) no-repeat left; color:#1b435b;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li.flowout{ background:url(/home/images/bg_line_description_short.jpg) no-repeat left; color:#8b460e;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li#total_moneyflow{ margin-left:72px; font-size:21px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li#total_moneyflow .rise{ color:#1b435b!important; float:none; margin-left:0;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li#total_moneyflow .drop{ color:#8b460e!important; float:none; margin-left:0;}
#cnhk_moneyflow.inside_content.underlying #table_result .table tbody td .rise{ color:#1b435b!important;}
#cnhk_moneyflow.inside_content.underlying #table_result .table tbody td .drop{ color:#8b460e!important;}
#cnhk.inside_content .right_area .remark{ font-family:Arial, Helvetica; font-size:13px; margin:10px 0;}
#cnhk.inside_content .right_area .timer_area .right .remark{ margin-top:10px;}

/*News*/
.inside_content .news_area{ margin-top:0; border-top:1px solid #d8d9d9;}
.inside_content .news_area .no_data li{ float:none; width:100%; text-align:center; border-bottom:none;}
.inside_content .news_area .no_data li:hover{ background:#fff;}

.inside_content .news_area li{ border-bottom:1px solid #d8d9d9; padding: 0 10px;width:100%; position:relative; box-sizing:border-box;}
.inside_content .news_area li img{ max-width: 90%; height: auto !important;}
.inside_content .news_area li.partition{     border-bottom: 5px solid #54585a; margin-bottom: 2px; }
.inside_content .news_area li.partition.top{ background:url(/home/images/icon_pin.jpg) no-repeat top right 10px;}
#article.inside_content .right_area .remark {    padding: 0 10px; margin-top: 20px;}
#article.inside_content .right_area .remark  p{    font-size: 13px;}
#article.inside_content .news_area li img{ max-width:350px; margin:0 auto; display:block; height:auto!important;}

.inside_content .news_area li a{ color:#000;}
.inside_content .news_area li .expand{ height:auto;}
.inside_content .news_area li .collapse{ height:62px; overflow:hidden; line-height:1;}
.inside_content .news_area li:hover{ background:#f5f5f5;}
.inside_content .news_area li .date_area{ color:#54585a; font-size:14px; line-height:24px;}
.inside_content .news_area li .share_area{ position:absolute; right:3px; top:3px; display:none;}
.inside_content .news_area li .share_area li{ width:30px; height:30px; float:left; border-bottom:none; padding-top:0; margin-right:3px;}
.inside_content .news_area li .share_area li:after{ content:"複製連結"; display:none;}
.inside_content .news_area li .share_area li:hover:after{ display:inline-block; position:absolute; left:-58px; top:0; line-height:30px; font-size:13px; font-family:arial; color:#ed8b00;}
.inside_content .news_area li .share_area li:last-child{ margin-right:0;}
.inside_content .news_area li .tl{ font-size:20px; color:#4D7AA7; font-weight:bold; line-height:32px;}

.inside_content .news_area li table.wnt_table,  
.inside_content .news_area li table.cbbc_table,
.inside_content .news_area li table.inline_table{ min-width:485px; font-size:15px; margin-bottom:10px;}

.inside_content .news_area li table.wnt_table thead th, 
.inside_content .news_area li table.cbbc_table thead th, 
.inside_content .news_area li table.inline_table thead th{ background:#eaeaea; font-size:15px; padding:3px 5px;}

.inside_content .news_area li table.wnt_table tbody td, 
.inside_content .news_area li table.cbbc_table tbody td, 
.inside_content .news_area li table.inline_table tbody td{ background:#fff; font-size:15px; padding:3px 5px; border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid;}

.inside_content .news_area li table.wnt_table tbody tr:nth-child(odd) td, 
.inside_content .news_area li table.cbbc_table tbody tr:nth-child(odd) td, 
.inside_content .news_area li table.inline_table tbody tr:nth-child(odd) td{ background:#c4d5ea;}

#market_focus.inside_content .news_area li .tl{ font-size:18px;}

.inside_content .news_area li .pointer{ cursor:pointer;}
.inside_content .news_area li p{ font-size:16px; line-height:1; margin-bottom:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
.inside_content .news_area li .expand_more_button{ margin-bottom:10px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; color:#4D7AA7; cursor:pointer; float:none; display:block;}
.inside_content .news_area li .relation_stock{ margin-bottom:10px;}
.inside_content .news_area li .relation_stock a{ color:#4D7AA7;}

.inside_content .news_area li:after{ content:""; display:table; clear:both;} 
.inside_content.inside .news_area{ margin-top:0; border-top:none;}
.inside_content.inside .news_area .last{}
.inside_content.inside .news_area .last .date_area{ color:#54585a; font-size:14px; line-height:24px;}
.inside_content.inside .news_area .last .tl{ font-size:28px; color:#4D7AA7; font-weight:bold; line-height:36px;}
.inside_content.inside .news_area .last p{ font-size:15px; line-height:24px;}
.inside_content.inside .news_area .last .back_area{ text-align:right; border-bottom:5px solid #54585a; margin-top:15px; margin-bottom:15px; position:relative;} 
.inside_content.inside .news_area .last .back_area a{ font-size:14px; color:#4D7AA7; line-height:18px;}
.inside_content.inside .news_area .last .back_area a:hover{ text-decoration:underline;}
.inside_content.inside .news_area .last .back_area .share_area{ position:absolute; right:0; top:-50px; /*width:65px;*/}
.inside_content.inside .news_area .last .back_area .share_area ul li{ width:30px; height:30px; border-bottom:none; padding-top:0; margin-bottom:5px; float:left; margin-right:5px;}
.inside_content.inside .news_area .last .back_area .share_area ul li:last-child{ margin-right:0;}
.inside_content.inside .news_area .last .back_area .share_area ul li:after{ content:"複製連結"; display:none;}
.inside_content.inside .news_area .last .back_area .share_area ul li.whatsapp:hover:after{display:none;}
.inside_content.inside .news_area .last .back_area .share_area ul li:hover:after{ display:inline-block; position:absolute; left:-58px; top:0; line-height:30px; font-size:13px; font-family:arial; color:#ed8b00;}
.inside_content.inside .news_area .border.dashed, .inside_content.inside .news_area .related{ margin-left:50px;}
#news.inside_content .remark{ font-size:13px; font-family:Arial, Helvetica; line-height:18px; margin-top:10px;}
#news.inside_content .remark .right{ float:right;}
#news.inside_content .remark a{ color:#000;}
#news.inside_content .remark:after{ content:""; display:table; clear:both;}
.inside_content .news_area:after{ content:""; display:table; clear:both;}


/*os chart*/
.inside_content .right_area .os_table_area{ margin-top:0;}

/*hsi cbbc band*/
#hsi_cbbc_band.inside_content .right_area .txt_area{ margin-bottom:20px;}
#hsi_cbbc_band.inside_content .right_area .txt_area .tl{ font-size:16px; font-weight:bold; color:#4D7AA7; margin-bottom:10px;}
#hsi_cbbc_band.inside_content .right_area .txt_area p{ font-size:15px;}

#hsi_cbbc_band.inside_content .right_area .summary_date{ font-size:16px; font-weight:bold; margin-left:10px;}

#hsi_cbbc_band.inside_content .right_area .summary_area{ margin-bottom:40px; padding:10px;}
#hsi_cbbc_band.inside_content .right_area .summary_area ul{ clear:both;}
#hsi_cbbc_band.inside_content .right_area .summary_area li{ float:left; margin-right:1px; margin-bottom:1px; padding:5px 10px; line-height:24px; min-width:250px;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.hsi{ /*color:#FF953D;*/ background:#7f7f7f; color:#FFF;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.bull_ko{ /*color:#408ABD;*/ background:#1c6a64; color:#FFF;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.bear_ko{ /*color:#242527;*/ background:#cfa93e; color:#FFF;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.ratio{ /*color:#57301D;*/ background:#7f7f7f; color:#FFF;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.bull_number{ /*color:#969AF5;*/ background:#1c6a64; color:#FFF;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.bear_number{ /*color:#85017D;*/ background:#cfa93e; color:#FFF;}

#hsi_cbbc_band.inside_content .right_area .summary_area li span{ margin-left:5px; font-weight:bold;}
#hsi_cbbc_band.inside_content .right_area .summary_area li.date span{ margin-left:0;}
#hsi_cbbc_band.inside_content .right_area .summary_area:after{ content:""; clear:both; display:table;}
#hsi_cbbc_band.inside_content .right_area .chart_area{ border-bottom:2px solid #000;}
#hsi_cbbc_band.inside_content .right_area .remark{ margin-top:20px;}
#hsi_cbbc_band.inside_content .right_area .remark .tl{ font-size:14px; font-weight:bold;}
#hsi_cbbc_band.inside_content .right_area .remark p{ font-size:13px;}

/*moneyflow chart*/
#moneyflow_chart.inside_content .right_area .remark{ margin-top:20px;}
#moneyflow_chart.inside_content .right_area .remark .tl{ font-size:14px; font-weight:bold;}
#moneyflow_chart.inside_content .right_area .remark p{ font-size:13px;}
#moneyflow_chart.inside_content .right_area .chart_area{ border-bottom:2px solid #000; padding-bottom:12px;}
#moneyflow_chart.inside_content .right_area .remark span{ font-weight:bold; padding:0 5px;}
#moneyflow_chart.inside_content .right_area .remark .bottom_fishing{ background:#edf2c1;}
#moneyflow_chart.inside_content .right_area .remark .accumulating{ background:#f1def1;}
#moneyflow_chart.inside_content .right_area .remark .chasing{ background:#ffcfd7;}
#moneyflow_chart.inside_content .right_area .remark .loss_cutting{ background:#e3e5e4;}
#moneyflow_chart.inside_content .right_area .remark .reducing{ background:#ffeacb;}
#moneyflow_chart.inside_content .right_area .remark .profit_taking{ background:#ddefff;}
#moneyflow_chart.inside_content .right_area .table tbody td.bottom_fishing{ background:#edf2c1;}
#moneyflow_chart.inside_content .right_area .table tbody td.accumulating{ background:#f1def1;}
#moneyflow_chart.inside_content .right_area .table tbody td.chasing{ background:#ffcfd7;}
#moneyflow_chart.inside_content .right_area .table tbody td.loss_cutting{ background:#e3e5e4;}
#moneyflow_chart.inside_content .right_area .table tbody td.reducing{ background:#ffeacb;}
#moneyflow_chart.inside_content .right_area .table tbody td.profit_taking{ background:#ddefff;}

/*money flow*/
#money_flow.inside_content .right_area .table table tbody td:first-child{ padding-right:0;}
#money_flow.inside_content .right_area .table table tbody td span.underlying{ line-height:39px;}
#money_flow.inside_content .right_area .table table tbody td span.underlying a{ word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:144px; float:left;}
#money_flow.inside_content .right_area .table table tbody td span{ line-height:17px; display:block;}
#money_flow.inside_content .right_area .table table tbody td span.unit{ display:inline-block;}

#money_flow.inside_content .right_area .table table tbody td span.put, #money_flow.inside_content .right_area .table table tbody td span.rise, #money_flow.inside_content .right_area .table table tbody td span.bear, #money_flow.inside_content .right_area .table table tbody td span.flowout, #money_flow.inside_content .right_area .table table tbody td.focus span{ clear:both; display:block;}

#money_flow.inside_content .right_area .table table tbody td span.rise{ color:#1b435b!important;}
#money_flow.inside_content .right_area .table table tbody td span.drop{ color:#8b460e!important;}

#money_flow.inside_content .right_area .table.flowout, #money_flow.inside_content .right_area .table.short{ margin-top:10px;}
#money_flow.inside_content .right_area .money_flow_chart table thead th{ border-top:1px solid #d8d9d9;}
#money_flow.inside_content .right_area .table table tbody td span.long{ color:#1b435b;}
#money_flow.inside_content .right_area .table table tbody td span.short{ color:#8b460e;}
#money_flow.inside_content .right_area .table table tbody td span.flowin{ color:#1b435b;}
#money_flow.inside_content .right_area .table table tbody td span.flowout{ color:#8b460e;}

#money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .call{ color:#4D7AA7!important;}
#money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .bull{ color:#1c6a64!important;}
#money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .put{ color:#ed8b00!important;}
#money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .bear{ color:#a78216!important;}
#money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .inline_code, #money_flow.inside_content.etf .money_flow_chart table.chart_table td.focus .inline{ color:#564984!important;}

/*result_announcements*/
#result_announcements.inside_content .right_area .calendar_area{}
#result_announcements.inside_content .right_area .calendar_area .calendar{ background:#f8f8f8; line-height:42px; padding:0 10px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year{ float:left; width:100px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year a{ background:url(/home/images/bg_arrow_calendar_prev.jpg) no-repeat left; padding-left:15px; color:#88abd5; display:block; font-size:15px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .next_year{ float:right; width:100px; text-align:right;}
#result_announcements.inside_content .right_area .calendar_area .calendar .next_year a{ background:url(/home/images/bg_arrow_calendar_next.jpg) no-repeat right; padding-right:15px; color:#88abd5; display:block; font-size:15px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year a.disable{ cursor:default; text-decoration:none; color:#e6ecf2; background:url(/home/images/bg_arrow_calendar_prev_disable.jpg) no-repeat left;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year a.disable:hover{ text-decoration:none;}
#result_announcements.inside_content .right_area .calendar_area .calendar .next_year a.disable{ cursor:default; text-decoration:none; color:#e6ecf2; background:url(/home/images/bg_arrow_calendar_next_disable.jpg) no-repeat right;}
#result_announcements.inside_content .right_area .calendar_area .calendar .next_year a.disable:hover{ text-decoration:none;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year a:hover, #result_announcements.inside_content .right_area .calendar_area .calendar .next_year a:hover{ text-decoration:underline;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month{ float:left; width:775px;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li{ width:40px; height:30px; line-height:30px; margin:6px 0; text-align:center; margin-right:26px;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li span{ font-size:13px;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li a{ display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#000;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li a:hover{ background:#d8d9d9; text-decoration:underline;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li.current a{ background:#88abd5; color:#fff;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li.current a:hover{ text-decoration:underline;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:last-child{ margin-right:0;}
#result_announcements.inside_content .right_area .calendar_area .calendar:after{ content:""; display:table; clear:both;}

#result_announcements.inside_content .right_area .calendar_area .top .option_area{ background:none; border-top:none;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .month{ font-size:28px; font-weight:bold;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right input[type="text"]{ margin-right:10px;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right .chosen-container{ float:left;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right button{ margin-right:0;}
#result_announcements.inside_content .right_area .calendar_area .top:after{ content:""; display:table; clear:both;}

#result_announcements.inside_content .right_area .calendar_area .bottom{ border-top:2px solid #000; /*margin-top:5px;*/ background:url(/home/images/bg_option_area.jpg) repeat-x;}
#result_announcements.inside_content .right_area .calendar_area .bottom .option_area{ float:left; margin-top:3px; border-top:none; background:none;}
#result_announcements.inside_content .right_area .calendar_area .bottom .sub_tabs_area{ float:right; padding-right:15px;}
#result_announcements.inside_content .right_area .calendar_area .bottom:after{ content:""; display:table; clear:both;}
#result_announcements.inside_content .right_area .calendar_area:after{ content:""; display:table; clear:both;}

#result_announcements.inside_content .right_area .table table thead th.head_tl.center{ text-align:center; width:400px;}
#result_announcements.inside_content .right_area .table table tbody td.left{ width:90px;}
#result_announcements.inside_content .right_area .table table tbody td.focus{ width:90px;}
#result_announcements.inside_content .right_area .table table tbody td.focus span{ clear:both; display:block;}
#result_announcements.inside_content .right_area .table table tbody td span{ line-height:17px; display:block;}
#result_announcements.inside_content .right_area .table table tbody td span.date{ font-size:13px;}
#result_announcements.inside_content .right_area .table table tbody td.earnings .unit{ display:inline-block;}
#result_announcements.inside_content .right_area .table table tbody td.dividend .unit{ display:inline-block;}


#result_announcements.inside_content .right_area .table table tbody td span.underlying .code{ display:block;}
#result_announcements.inside_content .right_area .table table tbody td span.underlying .name{ white-space:nowrap;}

#result_announcements.inside_content .right_area .table table tbody td.range_bar_chart{ position:relative;}
#result_announcements.inside_content .right_area .table table tbody td.range_bar_chart .bar_chart{ width:36px; margin:0 auto;}
#result_announcements.inside_content .right_area .table table tbody td.range_bar_chart .bar_chart ul li{ width:10px; margin:0 1px; display:block; position:relative; height:33px;}
#result_announcements.inside_content .right_area .table table tbody td.range_bar_chart .bar_chart ul li img{ position:absolute; bottom:0; left:0;}

/* Sector */
#realtime_sector.inside_content .right_area .sector_area{ /*margin-top:5px;*/}
#realtime_sector.inside_content .right_area .tabs_area ul.tabs_break li:last-child a{ padding-right:50px;}
#realtime_sector.inside_content .right_area .tabs_area ul.tabs_break li:last-child a:before{ content:"全新"; position:absolute; right:9px; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th{ background:url(/home/images/line_sector.jpg) no-repeat right #FFF; padding:0 3px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:first-child{ padding-left:10px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th.no_border{ background:none;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3{ margin:0; border-bottom:1px solid #d8d9d9;}
/*#realtime_sector.inside_content .right_area .sector_area .table.sector h3:after{ content:"展開"; width:24px; height:24px; position:absolute; background:url(/home/images/bg_icon_expand.jpg) no-repeat center #4D7AA7; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; right:10px; top:8px; cursor:pointer;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3.open:after{ background:url(/home/images/bg_icon_collapse.jpg) no-repeat center #4D7AA7;}*/
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 a{ color:#000;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th, #realtime_sector.inside_content .right_area .sector_area .table.sector h3 table td{ border:none;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th{ background:url(/home/images/line_sector.jpg) no-repeat right #eaeaea; font-size:15px; font-weight:normal;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th span.to{ font-family:Arial, Helvetica; font-size:13px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th.sector_tl{ font-weight:bold;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th.sector_tl a{ font-weight:bold; color:#88abd5; background:url(/home/images/arrow_sector.png) no-repeat right; padding-right:10px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table thead th:first-child{ padding-left:0; padding-right:0; text-align:center;}

#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_expand.jpg) no-repeat center right 10px #eaeaea;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3.open table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_collapse.jpg) no-repeat center right 10px #eaeaea;}

#realtime_sector.inside_content.hot .right_area .sector_area td.signal_area .signal, 
#realtime_sector.inside_content.rise_page .right_area .sector_area td.signal_area .signal, 
#realtime_sector.inside_content.drop_page .right_area .sector_area td.signal_area .signal{ margin:0 5px 1px 0;}

#realtime_sector.inside_content .right_area .sector_area th, #realtime_sector.inside_content .right_area .sector_area td{ box-sizing:border-box;}
#realtime_sector.inside_content.hot .right_area .sector_area td.signal_area, #realtime_sector.inside_content.rise_page .right_area .sector_area td.signal_area, #realtime_sector.inside_content.drop_page .right_area .sector_area td.signal_area{ padding-top:1px;}
#realtime_sector.inside_content .right_area .sector_area th, #realtime_sector.inside_content .right_area .sector_area td{ padding:0 3px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th .ratio_bar_chart .bar_chart_area .bar_chart{ width:130px;}
#realtime_sector.inside_content .right_area .sector_area td .percent:before{ content:"("}
#realtime_sector.inside_content .right_area .sector_area td .percent:after{ content:")"}

#realtime_sector.inside_content .right_area .sector_area td .underlying{ width:132px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; float:left;}

#realtime_sector.inside_content .right_area .sector_area .table.sector:after{ content:""; display:table; clear:both;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area { display:none;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area { height:0px; margin:0; padding:0px; overflow:hidden; display:block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition: all 0.3s ease;
}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area table thead th{ background:#f5f5f5;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area tr.colspan_style th{ border-top:none; padding:0 3px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area tr.colspan_style th.line{}
#realtime_sector.inside_content .right_area .sector_area .low_side, #realtime_sector.inside_content .right_area .sector_area .bar_area, #realtime_sector.inside_content .right_area .sector_area .high_side{ float:left; font-size:11px; line-height:14px;}
#realtime_sector.inside_content .right_area .sector_area .low_side{ width:28%; text-align:left;}
#realtime_sector.inside_content .right_area .sector_area .bar_area{ width:44%; background:#f5f5f5; height:12px; margin:1px 0;}
#realtime_sector.inside_content .right_area .sector_area .bar_area .bar{ background:#4d7aa7; float:left; height:12px; position:relative;}
#realtime_sector.inside_content .right_area .sector_area .bar_area .bar:after{ content:""; width:7px; height:20px; background:url(/home/images/arrow_label_today.gif) no-repeat center; position:absolute; right:-4px; bottom:-5px;}
#realtime_sector.inside_content .right_area .sector_area .high_side{ width:28%; text-align:right;}
#realtime_sector.inside_content .right_area .sector_area .sub_tabs_area{ margin-top:0; padding-top:10px; border-top:1px solid #d8d9d9;}

#realtime_sector.inside_content .right_area .link_button{ float:right; padding-left:30px; background:url(/home/images/icon_newecon_inside_light.jpg) no-repeat left; margin-top:5px;}
#realtime_sector.inside_content .right_area .link_button a{ color:#FFF; background:url(/home/images/icon_newecon_inside_button.jpg) no-repeat; display:block; padding:5px 10px 10px 10px; font-size:15px; margin-top:5px;} 
#realtime_sector.inside_content .right_area .link_button a:hover{ text-decoration:underline;}

/*stock_trend*/
#stock_trend.inside_content .right_area .table{ border-top:1px solid #d8d9d9;}
#stock_trend.inside_content .right_area .table h3{ margin:0;}
#stock_trend.inside_content .right_area .table h3 table thead th{ font-size:15px; text-align:left; border-top:none;}
#stock_trend.inside_content .right_area .table h3 a{ color:#000;}
#stock_trend.inside_content .right_area .table .expand_trend{ display:none;}
#stock_trend.inside_content .right_area .table .expand_trend.active{ display:block;}
#stock_trend.inside_content .right_area .table .expand_trend table thead th{ background:#f5f5f5; border-top:none;}

#stock_trend.inside_content .right_area .table h3 table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_expand.jpg) no-repeat center right 10px #eaeaea;}
#stock_trend.inside_content .right_area .table h3.active table th:last-child{ background:url(/home/images/bg_icon_realtime_sector_collapse.jpg) no-repeat center right 10px #eaeaea;}
#stock_trend.inside_content .right_area .table .expand_trend table thead th.underlying,
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{ text-align:left; padding-left:15px;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{ border-left:1px solid #bfbfbf;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying a{ color:#000; font-weight:normal;}

/*add_on*/
#stock_trend.inside_content .right_area .table h3 .realtime{    
       background: url(/home/images/icon_tl_realtime2.png) no-repeat left center;
    margin-left: 15px;
    padding-left: 18px;
    color: #ed8b00;
    font-size: 15px;
    display: inline-block;
    -webkit-background-size: 15px;
         -o-background-size: 15px;
            background-size: 15px;
    }

#stock_trend.inside_content .right_area .table h3 .trend_detail {
    color: #FFF;
    font-size: 16px;
    padding: 0 10px;
    line-height: 27px;
    margin-top: 6px;
    width: auto;
    background: #ed8b00;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    float: right;
}
#stock_trend.inside_content .right_area .table table thead th, #stock_trend.inside_content .right_area .table table tbody td{
	padding:0 3px;
}

/*about*/
#about.inside_content .right_area .intro{ border:20px solid #f8f8f8; background:#f8f8f8;}
#about.inside_content .right_area .intro p{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; line-height:22px; margin-bottom:15px;}
#about.inside_content .right_area .intro p span{ font-weight:bold; font-size:18px;}
#about.inside_content .right_area .intro p a{ color:#54585a;}
#about.inside_content .right_area .intro p:last-child{ margin-bottom:0;}
#about.inside_content .right_area .award .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin-left:20px;}
#about.inside_content .right_area .award .new_award{ margin:5px 20px;}
#about.inside_content .right_area .award ul li .img{ border:2px solid #d8d9d9; float:left; position:relative;}
#about.inside_content .right_area .award .award_tl{ clear:both; margin-top:5px; font-size:14px;}
#about.inside_content .right_area .award .award_tl span{ display:block; font-weight:bold; padding-top:5px;}
#about.inside_content .right_area .award .new_award ul li .img:after{ position:absolute; content:""; background:url(/home/images/icon_new_award.png) no-repeat left top; width:43px; height:43px; top:-2px; left:-2px; z-index:1;}
#about.inside_content .right_area .award .new_award:after{ content:""; display:table; clear:both;}
#about.inside_content .right_area .award .old_award{ margin:5px 20px;}
#about.inside_content .right_area .award .old_award ul{ margin-bottom:40px;}
#about.inside_content .right_area .award .old_award ul.three{}
#about.inside_content .right_area .award .old_award ul.three li{ min-width:250px;}
#about.inside_content .right_area .award .old_award ul.three li:first-child{}
#about.inside_content .right_area .award .old_award ul.three li:nth-child(2){ margin:0 102px;}
#about.inside_content .right_area .award .old_award ul.three li:last-child{}
#about.inside_content .right_area .award .old_award ul.three:after{ content:""; display:table; clear:both;}
#about.inside_content .right_area .award .old_award ul.two{ margin-left:195px;}
#about.inside_content .right_area .award .old_award ul.two li:first-child{ margin-right:98px; min-width:250px;}
#about.inside_content .right_area .award .old_award ul.two:after{ content:""; display:table; clear:both;}
#about.inside_content .right_area .award .old_award ul.one{}
#about.inside_content .right_area .award .old_award ul.one li{ margin:0 195px;}
#about.inside_content .right_area .award .old_award ul.one:after{ content:""; display:table; clear:both;}
#about.inside_content .right_area .award .old_award ul li{ float:left;}
#about.inside_content .right_area .award .old_award .award_tl{ clear:both; margin-top:5px; font-size:14px;}
 


/*contact*/
#contact.inside_content .right_area{ min-height:0;}
#contact.inside_content .right_area .intro{ border:20px solid #f8f8f8; background:#f8f8f8;}
#contact.inside_content .right_area .intro p{ font-size:15px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; line-height:22px; margin-bottom:15px;}
#contact.inside_content .right_area .intro p span{ font-weight:bold; font-size:18px;}
#contact.inside_content .right_area .intro p a{ color:#54585a;}
#contact.inside_content .right_area .intro p:last-child{ margin-bottom:0;}
#contact.inside_content .right_area .form_area .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin-left:20px;}
#contact.inside_content .right_area .form_area .contact_form{ margin:5px 20px; border:1px solid #d8d9d9; webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:30px 20px;}
#contact.inside_content .right_area .form_area .contact_form li{ float:none; font-size:15px; margin-bottom:15px;}
#contact.inside_content .right_area .form_area .contact_form li .tl{ background:none; margin-left:0; margin-right:15px; font-size:15px; float:left; width:200px; webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
#contact.inside_content .right_area .form_area .contact_form li .tl span{ font-family:Arial, Helvetica; font-size:13px; margin-left:5px}
#contact.inside_content .right_area .form_area .contact_form li .fill{ float:left;}
#contact.inside_content .right_area .form_area .contact_form li .fill label{ margin-right:30px; padding-right:35px; background:url(/home/images/bg_line_tabs.jpg) no-repeat right;}
#contact.inside_content .right_area .form_area .contact_form li .fill label:last-child{ background:none;}
#contact.inside_content .right_area .form_area .contact_form li .fill label input[type="radio"]{ }
#contact.inside_content .right_area .form_area .contact_form li .fill input[type="text"], 
#contact.inside_content .right_area .form_area .contact_form li .fill select,
#contact.inside_content .right_area .form_area .contact_form li .fill textarea{ width:400px;}
#contact.inside_content .right_area .form_area .contact_form li.verify_code .fill img{ display:block; margin-top:5px;}
#contact.inside_content .right_area .form_area .contact_form li:after{ content:""; display:table; clear:both;}
#contact.inside_content .right_area .form_area .contact_form .tick_area{ font-size:15px; margin-left:227px; margin-top:30px;}
#contact.inside_content .right_area .form_area .contact_form .tick_area input[type="checkbox"]{ float:left;}
#contact.inside_content .right_area .form_area .contact_form .tick_area a{ color:#54585a; text-decoration:underline;}
#contact.inside_content .right_area .form_area .contact_form .button_area{ padding-left:227px; margin-top:30px; border-top:1px solid #d8d9d9; padding-top:30px;}
#contact.inside_content .right_area .form_area .contact_form li.disclaimer{ margin-top:30px;}
#contact.inside_content .right_area .form_area .contact_form .disclaimer_side{ font-size:15px; float:left; width:calc(100% - 230px);}
#contact.inside_content .right_area .form_area .contact_form .button_area{ padding-left:227px; margin-top:30px; border-top:1px solid #d8d9d9; padding-top:30px;}

/*education*/

#education.inside_content .right_area table.page_one td{ height:150px;}
#education.inside_content .right_area table.page_two_a td, #education.inside_content .right_area table.page_two_d td{ height:150px;}
#education.inside_content .right_area table.page_two_b td, #education.inside_content .right_area table.page_two_c td{ height:120px;}
#education.inside_content .right_area table.page_nine td{ height:130px;}
#education.inside_content .right_area .col_left{ width:50%; float:left;}
#education.inside_content .right_area .col_right{ width:50%; float:right;}
#education.inside_content .right_area.inline_page .col_left{ width:35%; float:left;}
#education.inside_content .right_area.inline_page .col_right{ width:33%; float:right;}

#education.inside_content .right_area{ position:relative;}
#education.inside_content .right_area .edu_title:after{ content:""; display:table; clear:both;}
#education.inside_content .right_area .edu_content h3{ margin-top:0;} 
#education.inside_content .right_area .leaflet_link{ float:left; margin-right:10px; text-align:center;}
#education.inside_content .right_area .leaflet_link img{ margin-top:5px;} 
#education.inside_content .right_area .leaflet_link a{ background:url(/home/images/icon_document_download_purple.png) no-repeat center right 2px #564984; padding:0 21px 0 5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:28px; display:block;}
#education.inside_content .right_area .leaflet_link.orange{ margin-right:25px;}
#education.inside_content .right_area .leaflet_link.orange a{ background:url(/home/images/icon_document_download.png) no-repeat center right 2px #ed8b00;}
#education.inside_content .right_area .leaflet_link a{ color:#fff;}    
#education.inside_content .right_area .edu_title .faq_link{ position:absolute; top:177px; background:url(/home/images/icon_document_download.png) no-repeat center right 10px #ed8b00; line-height:28px; padding:0 31px 0 20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; left:50%; margin-left:-81px;}
#education.inside_content .right_area .edu_title .faq_link.leaflet{ left:51%;}
#education.inside_content .right_area .edu_title .faq_link a{ line-height:28px; color:#fff;}
#education.inside_content .right_area .edu_title .faq_link a:hover{ text-decoration:underline;}
#education.inside_content .right_area ul li{ float:none;} 
#education.inside_content .right_area ul li a{ display:block; margin-bottom:5px;}
#education.inside_content .right_area ul li a:hover{ text-decoration:underline;}
#education.inside_content .right_area table{ margin-bottom:20px; width:100%;}
#education.inside_content .right_area table th{ background:#54585a; color:#fff; padding:10px 0;}
#education.inside_content .right_area table td{ background:#e2e2e2; text-align:left; border:2px solid #ffffff; padding:10px 20px; text-align:center;}
#education.inside_content .right_area table .bg_blue{ background:#88abd5; color:#fff; text-align:center;}
#education.inside_content .right_area table ul{ list-style:disc; padding-left:20px;}
#education.inside_content .right_area table ul li{ float:none;}
#education .right_area .edu_title a{ color:#54585a;}
#education.inside_content .right_area .edu_title a.active{ color:#4d7aa7;}
#education.inside_content .right_area .edu_content p{ color:#999; margin-top:10px; font-size:13px;}
#education.inside_content .right_area .edu_content ul{ list-style:disc; padding-left:20px;}
#education.inside_content .right_area .edu_content ul li{ margin-bottom:10px; text-align:left;}
#education.inside_content .right_area .edu_content img{ margin:20px auto; display:block;}
#education.inside_content .right_area .edu_content table img{ margin:10px auto;}
 
#education.inside_content a.button{ font-size:15px; color:#FFF; line-height:28px; background:#4D7AA7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:inline-block; padding:0 20px; margin-top:5px;}
#education.inside_content h3.blue{ margin-bottom:5px; color:#4D7AA7;}

#education.inside_content .right_area.usindex{}
#education.inside_content .right_area.usindex .table.half{ width:50%;}
#education.inside_content .right_area.usindex table{ border-collapse:collapse;}
#education.inside_content .right_area.usindex table th{ border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; line-height:1.5; font-size:15px; padding:0 5px; text-align:center; background:#eaeaea; color:#000;}
#education.inside_content .right_area.usindex table tbody td{ background:#fff; padding:0 5px; text-align:center; line-height:1.5; font-size:15px; vertical-align:middle; border-top:1px #d8d9d9 solid; border-bottom:1px #d8d9d9 solid; border-left:none; border-right:none;}
#education.inside_content .right_area.usindex .edu_content img{ margin:0;}

#education.inside_content .right_area.usindex .tabs{ background:#f5f9fc;}
#education.inside_content .right_area.usindex .tabs:after{ content:""; display:table; clear:both;}
#education.inside_content .right_area.usindex .tabs .left_part{ float:left; padding:15px; box-sizing:border-box; width:30%;}
#education.inside_content .right_area.usindex ul#tabs-nav{ list-style:none; margin:0; padding:0; width:100%;}
#education.inside_content .right_area.usindex ul#tabs-nav li{ font-weight:bold; margin-bottom:10px; border-bottom:1px dashed #e5e5e5; position:relative; padding-right:20px; padding-right:25px;}
#education.inside_content .right_area.usindex ul#tabs-nav li a{ text-decoration:none; color:#000; margin-bottom:10px; font-size:15px; line-height:16px; display:flex; align-items:center;}
#education.inside_content .right_area.usindex ul#tabs-nav li span{ width:32px; height:32px; margin-right:5px; display:inline-block;}
#education.inside_content .right_area.usindex ul#tabs-nav li div{ float:right; width:calc(100% - 37px);}
#education.inside_content .right_area.usindex ul#tabs-nav li.active:after, #education.inside_content .right_area.usindex ul#tabs-nav li:hover:after{ background:url(/home/images/icon_arrow_usindex_edu.png) no-repeat center #e9ecef; background-size:8px;}
#education.inside_content .right_area.usindex ul#tabs-nav li:after{ content:""; background:url(/home/images/icon_arrow_usindex_edu.png) no-repeat center; width:22px; height:22px; background-size:8px; display:block; border-radius:50%; position:absolute; right:0; top:5px;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(1) span{ background:url(/home/images/icon_usindex_educarion1_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(2) span{ background:url(/home/images/icon_usindex_educarion2_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(3) span{ background:url(/home/images/icon_usindex_educarion3_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(4) span{ background:url(/home/images/icon_usindex_educarion4_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(5) span{ background:url(/home/images/icon_usindex_educarion5_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(6) span{ background:url(/home/images/icon_usindex_educarion6_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(7) span{ background:url(/home/images/icon_usindex_educarion7_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(8) span{ background:url(/home/images/icon_usindex_educarion8_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(9) span{ background:url(/home/images/icon_usindex_educarion9_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(10) span{ background:url(/home/images/icon_usindex_educarion10_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(11) span{ background:url(/home/images/icon_usindex_educarion11_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(12) span{ background:url(/home/images/icon_usindex_educarion12_blue.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex ul#tabs-nav li:nth-child(13) span{ background:url(/home/images/icon_usindex_educarion13_blue.jpg) no-repeat; background-size:cover;}

#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(1) span{ background:url(/home/images/icon_warrant_education1.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(2) span{ background:url(/home/images/icon_warrant_education2.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(3) span{ background:url(/home/images/icon_warrant_education3.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(4) span{ background:url(/home/images/icon_warrant_education4.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(5) span{ background:url(/home/images/icon_warrant_education5.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(6) span{ background:url(/home/images/icon_warrant_education6.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(7) span{ background:url(/home/images/icon_warrant_education7.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(8) span{ background:url(/home/images/icon_warrant_education8.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(9) span{ background:url(/home/images/icon_warrant_education9.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(10) span{ background:url(/home/images/icon_warrant_education10.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(11) span{ background:url(/home/images/icon_warrant_education11.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.warrant ul#tabs-nav li:nth-child(12) span{ background:url(/home/images/icon_warrant_education12.jpg) no-repeat; background-size:cover;}

#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(1) span{ background:url(/home/images/icon_cbbc_education1.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(2) span{ background:url(/home/images/icon_cbbc_education2.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(3) span{ background:url(/home/images/icon_cbbc_education3.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(4) span{ background:url(/home/images/icon_cbbc_education4.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(5) span{ background:url(/home/images/icon_cbbc_education5.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(6) span{ background:url(/home/images/icon_cbbc_education6.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(7) span{ background:url(/home/images/icon_cbbc_education7.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.cbbc ul#tabs-nav li:nth-child(8) span{ background:url(/home/images/icon_cbbc_education8.jpg) no-repeat; background-size:cover;}

#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(1) span{ background:url(/home/images/icon_fx_education1.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(2) span{ background:url(/home/images/icon_fx_education2.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(3) span{ background:url(/home/images/icon_fx_education3.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(4) span{ background:url(/home/images/icon_fx_education4.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(5) span{ background:url(/home/images/icon_fx_education5.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(6) span{ background:url(/home/images/icon_fx_education6.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(7) span{ background:url(/home/images/icon_fx_education7.jpg) no-repeat; background-size:cover;}
#education.inside_content .right_area.usindex.fx ul#tabs-nav li:nth-child(8) span{ background:url(/home/images/icon_fx_education8.jpg) no-repeat; background-size:cover;}

#education.inside_content .right_area.usindex #tabs-content{ float:left; width:70%; padding:15px; box-sizing:border-box;}
#education.inside_content .right_area.usindex #tabs-content .tab-content{ background:#fff; padding:15px; box-sizing:border-box; /*border:1px solid #e5e5e5;*/}
#education.inside_content .right_area.usindex #tabs-content h3, #education.inside_content .right_area.usindex #tabs-content h4, #education.inside_content .right_area.usindex #tabs-content p{ margin:0 0 1rem 0;}
#education.inside_content .right_area.usindex #tabs-content h4{ color:#2c9ab3; background:url(/home/images/bg_home_right_area_tl_blue_new.jpg) no-repeat left; padding-left:10px;}
#education.inside_content .right_area.usindex #tabs-content p{ font-size:15px;}
#education.inside_content .right_area.usindex #tabs-content ul li{ margin-bottom:1rem; font-size:15px;}
#education.inside_content .right_area.usindex #tabs-content .table{ width:auto; max-width:94%; margin:0 auto 1rem auto;}
#education.inside_content .right_area.usindex #tabs-content .img{ width:auto; max-width:94%; margin:0 auto 1rem auto;}
#education.inside_content .right_area.usindex #tabs-content .img img{ max-width:100%; height:auto;}
#education.inside_content .right_area.usindex #tabs-content p.remark{ font-size:13px; font-style:italic;}
#education.inside_content .right_area.usindex table tbody td, #education.inside_content .right_area.usindex table thead th{ font-size:14px!important;}
#education.inside_content .right_area.usindex a.button{ padding:0 10px; line-height:24px; font-size:14px; text-decoration:none; background:#2c9ab3;}
#education.inside_content .right_area .table.auto table{ width:auto;} 
#education.inside_content .right_area.usindex .cta_button a{ font-size:15px; color:#FFF; line-height:28px; background: url(/home/images/icon_home_more_link_white.png) no-repeat center right 20px #2c9ab3; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:inline-block; padding:0 40px 0 20px; margin-top:10px;}

#education.inside_content .right_area.usindex #tabs-content .fact_check{ margin-top:30px;}
#education.inside_content .right_area.usindex #tabs-content .fact_check .tl{ color: #ed8c01; background: url(/home/images/bg_home_right_area_tl_orange_new.jpg) no-repeat left; padding-left: 10px; margin-bottom:10px;}
#education.inside_content .right_area.usindex #tabs-content .fact_check .box{ border-radius:10px; padding:25px; background:url(/home/images/bf_factcheck.png) no-repeat #f5f5f5 right bottom; min-height:240px;}
#education.inside_content .right_area.usindex #tabs-content .fact_check .box .part{ margin-bottom:30px; font-weight:bold;}
#education.inside_content .right_area.usindex #tabs-content .fact_check .box .part .question{ margin-bottom:5px;}
#education.inside_content .right_area.usindex #tabs-content .fact_check .box .part .question span{ color: #ed8c01; font-size:18px;}
 
/* #education.inside_content .right_area.usindex #tabs-content .photo_style{ padding-left:28%; padding-top:7px; padding-bottom:7px; background:url(/home/images/img_what_is_warrants.jpg) no-repeat left; background-size:auto 100%; margin-bottom:10px;} */
#education.inside_content .right_area.usindex #tabs-content .photo_style{ padding-top:7px; padding-bottom:7px; background-size:auto 100%; margin-bottom:10px;}

#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style{ display:flex; flex-wrap:wrap; justify-content:flex-end;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box{ width: calc(50% - 14px); margin: 7px; background:#f5f7f8; padding:10px; box-sizing:border-box;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box p{ margin-bottom:0; font-size:15px; min-height:60px;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box p span{ color:#2c9ab3; font-weight:bold;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box .tl{ display:flex; align-items:center; color:#000; font-size: 20px; white-space: nowrap; margin-bottom:5px;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box .tl img{ margin-right:3px;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box .line{ width:100%; height:3px; margin-top:5px; background:#2c9ab3;}


/*disclaimer*/
#disclaimer.inside_content .content .right_area .page_area p{ margin-bottom:10px; font-size:13px;}
#disclaimer.inside_content .content .right_area .page_area ul.point li{ font-size:13px; font-family:Arial, Helvetica; margin-bottom:10px;}
#disclaimer.inside_content .content .right_area .page_area ul.point li strong{}
#disclaimer.inside_content .content .right_area .page_area .tl{ font-size:15px; font-weight:bold; margin-top:10px; margin-bottom:10px; color:#4D7AA7;}
#disclaimer.inside_content .content .right_area .page_area .en_area h3{ margin-top:0; margin-bottom:10px}

/*web_privacy*/
#web_privacy.inside_content .content .right_area{ float:right;}
#web_privacy.inside_content .content .right_area .page_area p{ margin-bottom:10px; font-size:13px;}
#web_privacy.inside_content .content .right_area .page_area ul.point li{ font-size:13px; font-family:Arial, Helvetica; margin-bottom:10px;}
#web_privacy.inside_content .content .right_area .page_area ul.point li strong{}
#web_privacy.inside_content .content .right_area .page_area .tl{ font-size:15px; font-weight:bold; margin-top:10px; margin-bottom:10px; color:#4D7AA7;}


/*privacy*/
#text_page .right_area .text_area .tl:first-child{ margin-top:0;}
#text_page .right_area .text_area .tl{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin-top:20px;}
#text_page .right_area .text_area ul.point{ margin-left:30px; margin-bottom:10px;}
#text_page .right_area .text_area ul li{ float:none; font-size:15px; line-height:22px;}
#text_page .right_area .text_area p{ font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; font-size:15px; line-height:22px;}
#text_page .right_area .text_area a{ color:#54585a; text-decoration:underline;}

/*sitemap*/
#sitemap .right_area .page_area ul.section{ padding-right:50px; box-sizing:border-box; margin-bottom:20px; border-bottom:1px dashed #d8d9d9;}
#sitemap .right_area .page_area ul.section:last-child{ border-bottom:none;}
#sitemap .right_area .page_area ul.section:after{ content:""; display:table; clear:both;}
#sitemap .right_area .page_area ul.section li{ float:none; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 5px; padding-left:12px; margin-bottom:20px; line-height:30px;}
#sitemap .right_area .page_area ul.section ul li{ background:none; padding-left:0; float:left; margin-right:50px; margin-bottom:0; font-size:15px;}
#sitemap .right_area .page_area ul.section ul:after{ content:""; display:table; clear:both;}
#sitemap .right_area .page_area ul.section.spcieal_case li{ float:left; margin-right:100px;}
#sitemap .right_area .page_area ul.section .subject{ clear:both; line-height:30px; padding-top:5px; font-size:15px; font-weight:bold;}
#sitemap .right_area .page_area ul.section li a{ color:#54585a; text-decoration:underline;}
#sitemap .right_area .page_area ul.section.side li{ float:left; margin-right:50px;}

#sitemap .page_not_found.right_area{ width:100%;}
#sitemap .page_not_found.right_area .not_found_text{ display:block;}
#sitemap .page_not_found.right_area .not_found_text .tl{}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section{ padding-right:50px; box-sizing:border-box; margin-bottom:20px; border-bottom:1px dashed #d8d9d9;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section:last-child{ border-bottom:none;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section:after{ content:""; display:table; clear:both;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section li{ float:none; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 5px; padding-left:12px; margin-bottom:20px; line-height:30px;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section ul li{ background:none; padding-left:0; float:left; margin-right:50px; margin-bottom:0; font-size:15px;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section ul:after{ content:""; display:table; clear:both;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section.spcieal_case li{ float:left; margin-right:100px;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section .subject{ clear:both; line-height:30px; padding-top:5px; font-size:15px; font-weight:bold;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section li a{ color:#54585a; text-decoration:underline;}
#sitemap .page_not_found.right_area .not_found_text .page_area ul.section.side li{ float:left; margin-right:50px;}
#sitemap .page_not_found.right_area .not_found_text{ margin-top:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;}
#sitemap .page_not_found.right_area .not_found_text .tl{ color:#4d7aa7; text-align:center; font-size:32px;}
#sitemap .page_not_found.right_area .not_found_text p{ color:#4d7aa7; text-align:center; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑"; margin-bottom:30px; margin-top:10px;}

/*newsletter*/
#newsletter.inside_content .right_area .remark{ margin-top:20px; padding:0 10px;}
#newsletter.inside_content .right_area .remark p{ font-size:13px;}

/*market focus*/
#market_focus.inside_content .right_area .remark{ margin-top:20px;}
#market_focus.inside_content .right_area .remark p{ font-size:13px;}
#market_focus.inside_content .right_area .table table tbody td{ line-height:19px; padding:10px 5px;}
#market_focus.inside_content .right_area #result .news_area li{ padding:0 10px; box-sizing:border-box;}
#market_focus.inside_content .right_area #result .news_area li.focus{ min-height:125px; background:#f5f5f5;}
#market_focus.inside_content .right_area .remark{ padding:0 10px;}

/*news*/
#news.inside_content .right_area .remark p{ font-family:Arial, Helvetica; font-size:13px; margin-top:25px;}


/*adr*/
#adr.inside_content .right_area .remark{ text-align:center; font-weight:bold; font-size:16px; line-height:28px;}
/*adr*/
#adr.inside_content .right_area .adr_top_info{ display:flex; justify-content:space-around;}
#adr.inside_content .right_area .adr_top_info .tl{ background:none; padding-left:0; margin-top:0;}
#adr.inside_content .right_area .adr_top_info .tl span{ font-size:14px;}
#adr.inside_content .right_area .adr_top_info a.button{ margin-top:5px; background:#ed8b00; color:#FFF; border:none; line-height:25px; padding:0 20px; font-size:15px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /*display:inline-block;*/ float:left;}
#adr.inside_content .right_area .adr_top_info .adr_index{ /*border:1px solid #d8d9d9; padding:20px 50px;*/ border-left:5px solid #4f7ba7; padding:5px 10px 10px 20px; width:50%; margin:10px 38px 0 0; /*border-radius:4px;*/}
#adr.inside_content .right_area .adr_top_info .focus_stock{ /*border:1px solid #d8d9d9; padding:20px 50px;*/ border-left:5px solid #4f7ba7; padding:5px 10px 10px 20px; width:50%; margin:10px 30px 0 0; /*border-radius:4px;*/}
#adr.inside_content .right_area .adr_top_info .adr_index:after, #adr.inside_content .right_area .adr_top_info .focus_stock:after{ content:""; display:table; clear:both;}
#adr.inside_content .right_area .adr_top_info .adr_index .tl{ margin-bottom:0;}
#adr.inside_content .right_area .adr_top_info .adr_index .point{ font-size:30px; float:left;}
#adr.inside_content .right_area .adr_top_info .adr_index .change_area{ float:right; text-align:right; font-size:18px; margin-top:11px;}
#adr.inside_content .right_area .adr_top_info .adr_index .change_area .number{}
#adr.inside_content .right_area .adr_top_info .adr_index .remark{ font-size:12px; text-align:left; margin:0 0 10px 0;}
#adr.inside_content .right_area .adr_top_info button{ margin-top:5px;}
#adr.inside_content .right_area .adr_top_info .focus_stock .tl{ margin-top:0;}
#adr.inside_content .right_area .adr_top_info .focus_stock .tl span{ font-size:12px; line-height:16px; margin-bottom:10px; display:block; color:#000;}
#adr.inside_content .right_area .adr_top_info .focus_stock .rise_side{ color:#228a02; font-size:18px; margin-top:5px;}
#adr.inside_content .right_area .adr_top_info .focus_stock .drop_side{ color:#ee3224; font-size:18px; margin-top:0;}
#adr.inside_content .right_area .adr_top_info .focus_stock .rise_side, #adr.inside_content .right_area .adr_top_info .focus_stock .drop_side{ line-height:30px;}
#adr.inside_content .right_area .adr_top_info .focus_stock .rise_side a, #adr.inside_content .right_area .adr_top_info .focus_stock .drop_side a{ color:#000; margin-left:5px;}
#adr.inside_content .right_area .adr_top_info .focus_stock .change_area{ float:right;}
#adr.inside_content .right_area .remark{ text-align:center; font-weight:bold; font-size:16px; line-height:16px;}
#adr.inside_content .right_area .tl.first{ margin-top:10px;}
#adr.inside_content .right_area .tl{ font-size:20px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin:7px 0 0 0; color:#3a6c9e; font-weight:bold; margin-top:40px; line-height:32px;}
#adr.inside_content .right_area .small_table{ width:810px;}
#adr.inside_content .right_area .scroll{ height:402px; overflow:auto;}
#adr.inside_content .right_area th.desktop_only{ display:table-cell;}
#adr.inside_content .right_area th.mobile_only{ display:none;}

/*index style*/
.top_info.style_new.index_style{ border-bottom:none;}
.top_info.style_new.index_style .realtime_search_area{ margin-right:30px;}
.top_info.style_new.index_style #eclipse_home_slider{ width:822px; float:left;}
.top_info.style_new.index_style #eclipse_home_slider .eclipse-arrow.eclipse-prev{ left:unset; right:-25px; top:35px; background-size:80%;}
.top_info.style_new.index_style #eclipse_home_slider .eclipse-arrow.eclipse-next{ right:-45px; top:35px; background-size:80%;}
.top_info.style_new.index_style #eclipse_home_slider .description{  margin-top:3px; float:left; font-size:13px; font-family:Arial, Helvetica;}
.top_info.style_new.index_style #eclipse_home_slider .timer{ margin-top:3px; float:right; margin-right:-42px;}
.top_info.style_new.index_style .index_style_area{ height:80px!important;}
/*.top_info.style_new.index_style .index_style_area .frame{ position:relative; padding:12px 13px 0 13px; width:177px; background:url(/home/images/bg_index_style_line.jpg) no-repeat right;}*/
.top_info.style_new.index_style .index_style_area .frame{ background:url(/home/images/bg_index_style_line.jpg) no-repeat top 21px right 9px; padding:12px 10px 0 0;}
.top_info.style_new.index_style .index_style_area .tl{ color:#4D7AA7; font-size:18px; font-weight:bold; /*margin-bottom:20px;*/}
.top_info.style_new.index_style .index_style_area .tl a{ color:#4D7AA7;}
.top_info.style_new.index_style .index_style_area .tl a:hover{ text-decoration:underline;}
.top_info.style_new.index_style .index_style_area .tl .night{ background:url(/home/images/bg_future_night_icon.jpg) no-repeat center; width:16px; height:16px; display:inline-block; margin-top:2px;}
.top_info.style_new.index_style .index_style_area .point{ font-size:16px; line-height:18px; color:#000!important;}
.top_info.style_new.index_style .index_style_area .point.rise .arrow{}
.top_info.style_new.index_style .index_style_area .point.drop .arrow{}
.top_info.style_new.index_style .index_style_area .change_area{ font-size:14px; color:#000;}
.top_info.style_new.index_style .index_style_area .chart{ position:absolute; right:15px; top:31px;}
.top_info.style_new.index_style .index_style_area .ref_price{ font-size:14px;}


/*new style*/
.top_info.style_new{ padding:0 0 7px 0;}
.top_info.style_new .realtime_search_area{ float:left; width:292px; margin-right:10px; background:none; padding-left:11px; margin-left:0; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding-right:0; padding-top:7px;}
.top_info.style_new .realtime_search_area .adv_search{ line-height:28px;}
.top_info.style_new .index_area{ min-width:510px; margin-left:20px;  padding-right:20px; background:url(/home/images/bg_top_info_line.jpg) no-repeat top 31px right 9px; margin-top:7px;}
.top_info.style_new .index_area .hsi{ width:215px;}
.top_info.style_new .index_area .hsce{ width:215px; padding-left:0; background:url(/home/images/bg_index_area_dot.jpg) no-repeat right top 26px; padding-right:10px;}
.top_info.style_new .index_area .hsi_future{ padding-left:10px; padding-right:0; background:none;}
.top_info.style_new .index_area .hsi_future, .top_info.style_new .index_area .hsce_future{ min-width:150px;}
.top_info.style_new .index_area .top .tl.night, .top_info.style_new .index_area .top .tl.day{ width:150px;}

.top_info.style_new #index_area_slider{ width:510px;}
.top_info.style_new .index_area .anythingSlider-default .anythingControls, .top_info.style_new .hk_connect_area .anythingSlider-default .anythingControls{ bottom:2px;}
.top_info.style_new .index_area .top, .top_info.style_new .hk_connect_area .tl{ margin-bottom:3px;}
.top_info.style_new .index_area .bottom .point_area .point{ margin-top:1px;}
.top_info.style_new .realtime_search_area .search_area{ margin-top:6px}
.top_info.style_new .index_area .focus{ margin:0 0 0 10px; width:115px; float:left; position:relative; margin:0 0 0 10px; border:none; border:none;}
.top_info.style_new .index_area .focus li.flex-nav-prev, .top_info.style_new .index_area .focus li.flex-nav-next{ border:none; position:absolute;}
.top_info.style_new .index_area .focus li.flex-nav-prev a, .top_info.style_new .index_area .focus li.flex-nav-next a{ text-indent:-99999px; display:block; height:9px; width:100%; margin:0; left:0;}
.top_info.style_new .index_area .focus li.flex-nav-next a{ top:0;}
.top_info.style_new .index_area .focus li.flex-nav-prev a{ top:0;}
.top_info.style_new .index_area .focus .flex-direction-nav li a:before{ content:"";}
.top_info.style_new .index_area .focus li.flex-nav-next{ bottom:0; background:url(/home/images/icon_focus_arrow_down.jpg) no-repeat center; height:9px;}
.top_info.style_new .index_area .focus li.flex-nav-prev{ top:-2px; background:url(/home/images/icon_focus_arrow_up.jpg) no-repeat center; height:9px;}
.top_info.style_new .index_area .focus li .border{ height:1px; background:none; border-bottom:1px dashed #d8d9d9;  margin-bottom:1px;}
.top_info.style_new .index_area .focus li{ width:100%; line-height:33px;}
.top_info.style_new .index_area .focus li .call a{ color:#4D7AA7;}
.top_info.style_new .index_area .focus li .put a{ color:#ed8b00;}
.top_info.style_new .index_area .focus li .bull a{ color:#1c6a64;}
.top_info.style_new .index_area .focus li .bear a{ color:#a78216;}
.top_info.style_new .index_area .focus li .inline_code a, .top_info.style_new .index_area .focus li .inline a{ color:#564984;}
.top_info.style_new .index_area .focus li .code_area .code{ float:left; font-size:20px; padding-right:5px;}
.top_info.style_new .index_area .focus li .code_area .name{ float:left; font-size:16px;}
.top_info.style_new .index_area .focus li .code_area:after{ content:""; display:table; clear:both;} 
.top_info.style_new .index_area .timer{ margin-top:1px; text-align:right;}
.top_info.style_new .index_area .panel > .timer{position: absolute; bottom: 1px; left: 236px; font-size:12px ; width: 290px; text-align: left;letter-spacing: -0.2px;}
.top_info.style_new .index_area .panel{position: relative;}
.top_info.style_new .index_area .hsi_future .bottom .point_area .change_area .change, .top_info.style_new .index_area .hsce_future .bottom .point_area .change_area .change{ margin-top:5px; display:block;}
.top_info.style_new .hk_connect_area{ margin-top:7px;}
.top_info.style_new .hk_connect_area .timer{ float:right; margin-top:0;}
.top_info.style_new .hk_connect_area .quota_balance_area .quote{ margin-top:0;}
.top_info.style_new .hk_connect_area .total .quote span.rise, .top_info.style_new .hk_connect_area .total .quote span.drop{ margin-top:0; display:block;}
.top_info.style_new .index_area .hsi{ background:url(/home/images/bg_index_area_dot.jpg) no-repeat right top 32px;}


.vertical_new { padding:8px; /*background:#feedd3;*/ background:#fff; border:1px solid #dedede; margin-bottom:10px; font-size:15px;}
.vertical_new.slick-vertical .news.slick-slide{ outline:none; border:none; padding-left:12px; background:url(/home/images/bg_home_right_area_tl_orange.jpg) no-repeat left;}
.vertical_new.slick-vertical .news.slick-slide .time{ float:left; margin-right:10px; color:#6e6d72; line-height:20px;}
.vertical_new.slick-vertical .news.slick-slide .news{ float:left; line-height:20px; margin-right:5px;
	word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    width: 750px!important;
}
.vertical_new.slick-vertical .news.slick-slide .news.pointer{ cursor:pointer;}
.vertical_new.slick-vertical .news.slick-slide .news.pointer:hover{ text-decoration:underline;}

.vertical_new.slick-vertical .news.slick-slide .more{ float:left; line-height:20px;}
.vertical_new a{    color: #4D7AA7;   }
.vertical_new a:hover{    text-decoration: underline;}
.home_realtime_area.style_new .left_area .quick_search_area{ min-height:631px; margin-top:-14px;}
.home_realtime_area.style_new .left_area .quick_search_area.have_banner{ min-height:766px;}
.home_realtime_area.style_new .left_area .quick_search_area.have_big_banner{ min-height:947px;}

/*.home_banner{ margin-bottom:10px;}*/

#page.home .right_area .market_ratio{ float:right; margin-top:6px;}
#page.home .right_area .market_ratio .tl{ float:left; line-height:20px; font-size:13px; margin-right:5px; font-family:Arial, Helvetica; background:none; padding-left:0;}
#page.home .right_area .market_ratio .bar_chart{ float:left; margin-top:4px; width:150px; display:inline-flex;}
#page.home .right_area .market_ratio .bar_chart .bar{ float:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; height:12px; line-height:12px; text-align:center;}
#page.home .right_area .market_ratio .bar_chart .bar.rise{ background:#228a02; color:#FFF!important; -webkit-border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; min-width:26px;}
#page.home .right_area .market_ratio .bar_chart .bar.level{ background:#fff; color:#000!important; min-width:20px;}
#page.home .right_area .market_ratio .bar_chart .bar.drop{ background:#ee3224; color:#FFF!important; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; min-width:26px;}
#page.home .right_area .market_ratio .bar_chart:after{ content:""; display:table; clear:both;}

#questionnaire.inside_content .content .full_area{ width:875px; margin:0 auto;}
#questionnaire.inside_content .content .full_area .demand{ text-align:center; color:#ed8b00; font-size:28px; font-weight:bold; margin-bottom:20px;}
#questionnaire.inside_content .content .full_area .form_border{ border:1px solid #d8d8d8;} 
#questionnaire.inside_content .content .full_area .form_border a{ color:#54585a; text-decoration:underline;}
#questionnaire.inside_content .content .full_area .form_border .txt{ padding:20px;}
#questionnaire.inside_content .content .full_area .form_border .txt.center_area{ text-align:center; margin-bottom:40px;}
#questionnaire.inside_content .content .full_area .form_border .txt span{ font-weight:bold; color:#00477b;}
#questionnaire.inside_content .content .full_area .form_border .date{ padding:0 20px 20px 20px;}
#questionnaire.inside_content .content .full_area .form_border .date li{ float:none;}
#questionnaire.inside_content .content .full_area .form_border .date li span{ font-weight:bold;}
#questionnaire.inside_content .content .full_area .form_border .date:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .icon_area{ padding:15px 20px 0 20px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .tl{ text-align:center; color:#4D7AA7; line-height:30px; font-weight:bold; margin-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li{ width:25%; text-align:center; margin-bottom:20px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li a{ text-decoration:none;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li a:hover{ text-decoration:underline;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon:after{ content:""; clear:both; display:table;}

#questionnaire.inside_content .content .full_area .form_border .form_area{ background:#eaeaea; padding:20px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li{ float:none; padding-bottom:30px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li:last-child{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label{ font-weight:bold; display:block; margin-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label span{ font-weight:normal;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.issuer .info_checkbox{ width:100%; margin-bottom:0; line-height:29px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox{ font-size:14px; float:left; width:25%; margin-bottom:5px; line-height:31px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox input[type="text"]{ width:160px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox.tl{ width:40%; text-align:left;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox{ width:12%; text-align:center;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li{ padding-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child{ font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child .info_checkbox{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:nth-child(10) .info_checkbox{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:last-child{ font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox.others{ width:50%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li input[type="text"]{ width:50%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .form_area:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area{ padding:20px 20px 0 20px; font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area button{ background: #00477b; padding:5px 15px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .txt{ padding:0;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area{ text-align:center; margin:20px 0;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input{ background:#ed8b00; color:#FFF; border:none; line-height:25px; padding:0 20px; font-size:15px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight:bold; margin-top:10px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input.fb_button{ background:url(/home/images/bg_cal2020_button.jpg) no-repeat; width:646px; height:130px; color:#ed8b00; padding:15px 20px 75px 20px; font-size:23px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
#questionnaire.inside_content .content .full_area .form_border  .disclaimer_small_area{ padding:20px; font-size:13px;}


/*high chart*/
.highcharts-loading{ opacity:0.98; z-index:9; position:relative; background:#FFF;}
.highcharts-loading:after{ content:"加載中"; position:absolute; top:50%; left:50%; width:100px; padding-left:40px; height:20px; line-height:20px; text-align:center;  margin-left:-70px;  margin-top:-30px; background:url(/home/images/loading.gif) no-repeat left; background-size:96px;}

#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span{ color:#000; min-width:100px;}
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip{ background:#fff; line-height:20px; border:1px solid #000;}
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .name{ border-bottom:1px solid #000; margin-bottom:3px; display:block; font-weight:bold;}
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .call a,
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .put a,
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .bull a,
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .bear a,
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .inline_code a,
#moneyflow_chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .inline a{
	margin-bottom:3px;
}

#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip{}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .val2{ min-width:160px;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .val2:after{ content:""; display:table; clear:both;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .val1{ min-width:160px;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .val1:after{ content:""; display:table; clear:both;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip span{ text-align:left; float:left;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip .value{ text-align:right; float:right;}
#chart.inside_content .highcharts-tooltip.highcharts-color-undefined span .charttooltip:after{ content:""; display:table; clear:both;}


#chart.inside_content .content .right_area #newsfeed_context .remark{ font-size:13px;} 
#chart.inside_content .content .right_area #newsfeed_context .remark a{ color:#000;}
#chart.inside_content .remark{ font-size:13px; font-family:Arial, Helvetica; line-height:18px; margin-top:0;}
#chart.inside_content .remark .right{ float:right;}
#chart.inside_content .remark a{ color:#000;}
#chart.inside_content .remark:after{ content:""; display:table; clear:both;}
#chart.inside_content.underlying #newsfeed_context .pager_area{ float:right;}
#chart.inside_content.underlying #newsfeed_context button.all_news{color: #FFF; display:block; background:url(/home/images/bg_home_more_button.jpg) center right 21px no-repeat #54585a; padding:0 31px 0 20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:28px; margin-top:10px; float:left;}
#chart.inside_content.underlying #newsfeed_context:after{ content:""; display:table; clear:both;}

.highcharts-tooltip.highcharts-color-undefined span{ color:#FFF; font-size:12px;}
.highcharts-tooltip.highcharts-color-undefined span .charttooltip{ background:#000; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:rgba(0, 0, 0, 0.55); border:1px solid #000;}
.highcharts-tooltip.highcharts-color-undefined span .charttooltip .stime{ color:#FFF; font-size:12px;}
.highcharts-tooltip.highcharts-color-undefined span .charttooltip .call a, .highcharts-tooltip.highcharts-color-undefined span .charttooltip .bull a{ color:#4D7AA7;}
.highcharts-tooltip.highcharts-color-undefined span .charttooltip .put a, .highcharts-tooltip.highcharts-color-undefined span .charttooltip .bear a{ color:#54585a;}
 

/*tooltip*/
.tooltip_templates{ display:none;}
.tooltipster-sidetip{ font-family:Arial, Helvetica; min-width:50px; max-width:360px;}
.tooltipster-sidetip .tooltipster-content{ padding:8px 12px 12px 12px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .name_area{ color:#4D7AA7; border-bottom:2px solid #000; line-height:22px; padding-bottom:5px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .name_area .name span{ font-size:18px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left{ float:left;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .price_area{ border:1px solid #d8d9d9; padding:6px 8px; margin-top:5px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .price_area .tl{ font-family:Arial, Helvetica; font-size:14px; line-height:16px; color:#000; margin-bottom:6px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .price_area .price{ color:#000; font-size:36px; line-height:42px; float:left; min-width:100px; padding-right:10px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .price_area .change_area{ float:left; font-size:18px; line-height:20px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .price_area:after{ content:""; display:table; clear:both;}

.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .bid_ask{ background:#f5f5f5; margin-top:5px; line-height:36px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .bid_ask li{ padding-left:8px; width:50%; box-sizing:border-box;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .bid_ask li span{ font-size:18px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .left .bid_ask:after{ content:""; display:table; clear:both;}

.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .underlying_info{ float:left; margin-top:6px; margin-left:15px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .underlying_info li{ float:none; line-height:28px; border-bottom:1px dashed #d8d9d9; min-width:150px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .underlying_info li span{ float:right; font-size:18px;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area .underlying_info li:last-child{ border-bottom:none;}
.tooltipster-sidetip .tooltipster-content #underlying_detail .underlying_detail_area:after{ content:""; display:table; clear:both;}

.tooltipster-sidetip .tooltipster-content .result_announcements_tooltip li{ float:none; line-height:50px; border-bottom:1px dotted #d8d9d9; padding-left:50px;}
.tooltipster-sidetip .tooltipster-content .result_announcements_tooltip li:first-child{ background:url(/home/images/bg-result_announcements_tooltip1.jpg) no-repeat left;}
.tooltipster-sidetip .tooltipster-content .result_announcements_tooltip li:nth-child(2){ background:url(/home/images/bg-result_announcements_tooltip2.jpg) no-repeat left;}
.tooltipster-sidetip .tooltipster-content .result_announcements_tooltip li:last-child{ background:url(/home/images/bg-result_announcements_tooltip3.jpg) no-repeat left; border-bottom:none;}

.tooltipster-sidetip .tooltipster-content #tooltip_header{ font-size:12px;}

/*footer*/
.footer{ background:url(/home/images/bg_footer.jpg) repeat-x; color:#54585a; margin-top:50px;}
.footer.new_style{ background:url(/home/images/bg_footer.jpg) top 34px center repeat-x; color:#54585a; margin-top:50px;}
.footer.new_style .navigate{ text-align:right; line-height:34px; font-size:15px; color:#54585a; font-weight:bold;}
.footer.new_style .navigate span{ color:#88abd5;}
.footer.new_style .navigate a{ color:#54585a;}
.footer.new_style .navigate a:hover{ text-decoration:underline;}
.footer.new_style .navigate:after{ content:""; display:table; clear:both;}
.footer.new_style .navigate ul{ float:right;}
.footer.new_style .navigate ul li span{ font-size:15px; color:#54585a; font-weight:normal;}
.footer.new_style .navigate ul li:last-child span{ font-weight:bold; color:#88abd5;}

.footer .content .disclaimer_area{ text-align:right; font-weight:bold; font-size:15px; line-height:30px;}
.footer .content .top{ line-height:56px;}
.footer .content .top .logo{ float:left;}
.footer .content .top .loaction{ float:left; margin-left:20px; display:none;}
.footer .content .top .loaction a{ color:#4D7AA7; padding-right:10px; background:url(/home/images/arrow_footer_go_right.jpg) no-repeat right;}
.footer .content .top .setting{ float:left; position:relative;}
.footer .content .top .setting .lang{ float:right; margin-left:35px;}
.footer .content .top .setting .lang a{ color:#4D7AA7; padding-right:16px; background:url(/home/images/arrow_footer_drop_down.jpg) no-repeat right;}
.footer .content .top .setting .lang .lang_inside{ position:absolute; background:#54585a; color:#FFF; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); right:-7px; bottom:40px; z-index:9999999999;}
.footer .content .top .setting .lang .lang_inside li{ float:none; border-bottom:1px solid #FFF; width:100px;}
.footer .content .top .setting .lang .lang_inside li a{ color:#FFF; line-height:39px; padding:0 20px; font-size:14px; background:none; display:block;}
.footer .content .top .setting .lang .lang_inside li:last-child{ border-bottom:none;}

.footer .content .top .setting .links{ float:right; margin-left:35px;}
.footer .content .top .setting .links a{ color:#4D7AA7; padding-right:16px; background:url(/home/images/arrow_footer_go_right.jpg) no-repeat right;}

.footer .content .top .setting .tutorial{ float:right;}
.footer .content .top .setting .tutorial a{ color:#4D7AA7; padding-right:16px; background:url(/home/images/arrow_footer_go_right.jpg) no-repeat right;}
.footer .content .top .setting .tutorial .tutorial_inside{ position:absolute; background:#54585a; color:#FFF; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); right:0; bottom:40px; z-index:9999999999;}
.footer .content .top .setting .tutorial .tutorial_inside li{ float:none; border-bottom:1px solid #FFF;}
.footer .content .top .setting .tutorial .tutorial_inside li a{ color:#FFF; line-height:39px; padding:0 20px; font-size:14px; background:none; display:block;}
.footer .content .top .setting .tutorial .tutorial_inside li:last-child{ border-bottom:none;}

.footer .content .top .jp_info_area{ float:right;}
.footer .content .top .jp_info_area .jp_info{ margin-top:10px;}
.footer .content .top .jp_info_area .jp_info ul li{ float:none; line-height:20px; font-size:12px; text-align:right;}
.footer .content .top .jp_info_area .jp_info ul li a{ color:#54585a;}
.footer .content .top .jp_info_area .jp_info ul li a:hover{ text-decoration:underline;}

.footer .content .top:after{ content:""; display:table; clear:both;}
.footer .content .bottom{ line-height:36px;}
.footer .content .bottom .links{ float:left; font-size:13px;}
.footer .content .bottom .links li{ background:url(/home/images/line_footer_links.jpg) no-repeat right;  margin-right:10px; padding-right:10px;}
.footer .content .bottom .links li:last-child{ background:none;}
.footer .content .bottom .links a{ color:#54585a; font-weight:bold;}
.footer .content .bottom .links a:hover{ text-decoration:underline;}
.footer .content .bottom .db_disclaimer{ float:right; font-size:13px; margin-right:25px;}
.footer .content .bottom .db_disclaimer a{ color:#54585a;}
.footer .content .bottom .db_disclaimer a:hover{ text-decoration:underline;}
.footer .content .bottom .copyright{ float:right; font-size:12px;}

.footer .content .bottom .jp_info {
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin-bottom: 10px;
}

.footer .content .bottom .jp_info a{ color: #4D7AA7;}

.footer .content .bottom:after{ content:""; display:table; clear:both;}
.footer .content:after{ content:""; display:table; clear:both;}

.footer .content .remark{ font-size:13px; margin-bottom:10px;} 

/*popup*/
body.popup{ padding:10px;}
body.popup .name_area{ border-bottom:1px solid #d8d8d8; padding-bottom:10px; margin-bottom:10px;}
body.popup .name_area .tl{ color:#4D7AA7; font-weight:bold; float:left; line-height:24px;}
body.popup .name_area .tl span.realtime{ background:url(/home/images/icon_tl_realtime.jpg) no-repeat left top 16px; margin-left:10px; padding-left:22px; color:#ed8b00; font-size:16px; line-height:54px; float:right;}
body.popup .name_area .reload{ float:right;}
body.popup .name_area .reload button{ text-indent:-99999px; background:url(/home/images/icon_realtime_reload.jpg) no-repeat center #ed8b00; width:24px; height:24px; padding:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
body.popup .name_area:after{ content:""; display:table; clear:both;}
body.popup .price_info .product_price_area .price{ float:left; font-size:30px; color:#000; line-height:36px;}
body.popup .price_info .product_price_area .price span.arrow{ display:inline-block; margin-left:5px;  width:17px; height:11px;}
body.popup .price_info .product_price_area.rise .price span.arrow{ background:url(/home/images/bg_rise_indicative.gif) no-repeat;}
body.popup .price_info .product_price_area.drop .price span.arrow{ background:url(/home/images/bg_drop_indicative.gif) no-repeat;}
body.popup .price_info .product_price_area .change_area{ float:right;}
body.popup .price_info .product_price_area .change_area span{ display:block; text-align:right; clear:both;}
body.popup .price_info .product_price_area:after{ content:""; display:table; clear:both;}
body.popup .chart{ border-top:1px solid #000; border-bottom:1px solid #000; margin:10px 0;}
body.popup .detail{ border-bottom:1px dotted #d8d8d8;}
body.popup .detail .turnover{ font-weight:bold; font-size:15px; margin-bottom:5px;}
body.popup .detail ul{ margin-bottom:10px;}
body.popup .detail ul li{ float:left; width:50%; font-size:13px; font-family:Arial, Helvetica; box-sizing:border-box; line-height:23px;}
body.popup .detail ul li:nth-child(odd){ padding-right:15px;}
body.popup .detail ul li:nth-child(even){ padding-left:15px;}
body.popup .detail ul li span{ font-size:15px; float:right;}
body.popup .detail ul:after{ content:""; display:table; clear:both;}

body.popup.chart{ padding:0;}
body.popup.chart #page{ width:846px; margin:0 auto; border-top:2px solid #000; min-width:0;}
body.popup.chart .chart_area .tl{ padding-left:10px; font-weight:bold; line-height:29px;}
body.popup.chart .chart{ border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9;}
body.popup.chart .chart .tl{ background:#eaeaea;}
body.popup.chart .chart .top{}
body.popup.chart .chart .bottom{ margin-top:15px;}
body.popup.chart .chart .bottom .tl{}
body.popup.chart .os_stock .sub_tabs_area .right{ display:flex;}
body.popup.chart .os_stock .right .option_area{ background:none; margin-top:0; border-top:none; float:left; background:url(/home/images/line_option_area.jpg) no-repeat right; padding-right:20px; margin-right:10px;}
body.popup.chart .os_stock .right .option_area .tl{ float:left; margin-right:10px;}
body.popup.chart .os_stock .right .option_area select{ margin:0; float:left;}
body.popup.chart .os_stock .right .sub_tabs { float:left;}
body.popup.chart .os_stock .option_area{ background:none;}

/*GB edu*/
body.edu .home_realtime_news, body.edu li.news, body.edu .eduhidden{ display: none!important;}
body.edu .eduonly, body.edu .top_info .realtime_search_area input.eduonly{ display:block;}
body.edu th.recomm, body.edu th.focus{ font-size: 0px;}
body.edu .home_realtime_area.style_new .left_area .quick_search_area{ min-height: 584px;}
body.edu .header .jp_info_area .jp_info ul li:first-child{ display:none;}
body.edu .header .jp_info_area .jp_info{ margin-top:18px;}

body.edu .home_article{ width:100%;}

body.edu .home_banner_area{ display: none!important;}

/*body.edu .bottom_menu ul li{ width:33%;}
body.edu .bottom_menu ul li.calendar{ width:34%;}*/

body.edu .home_realtime_area .left_area .quick_search_area .news_area{ display: none!important;}

body.edu #sitemap.inside_content .edu_hide{ display:none;}
body.edu .os_box, body.edu .focus_box{ display:none!important;}

body.edu #mobilemenu .mobilemenu-wrapper .mobile_menu .tools .menu_focus_box, 
body.edu #mobilemenu .mobilemenu-wrapper .mobile_menu .tools .menu_os_box{ display:none!important;}

body.edu #mobilemenu .mobilemenu-wrapper .mobile_menu .tools li{ width:100%;}

body.edu #clare_widget{ display:none;}

/*calculate_box*/
.calculate_box{ width:340px; margin:0 auto; border:6px solid rgb(84, 88, 90); background-color:rgb(255, 255, 255); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:relative;}
.calculate_box .calculate_box_close{ position:absolute; right:10px; top:5px; text-indent:-99999px; width:16px; height:16px; background:url(/home/images/icon_message_box_close.jpg) no-repeat center;}
.blockUI.blockPage .calculate_box h3{ line-height:30px; padding:0 30px 0 15px;}
.calculate_box .calculate_area{ padding:10px 15px 20px 15px; font-size:15px;}
.calculate_box .calculate_area:after{ content:""; display:table; clear:both;}
.calculate_box .calculate_area .name{ color:#4d79a6; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; line-height:35px; margin-bottom:10px;}
.calculate_box .calculate_area .tl{ line-height:18px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; margin-bottom:5px;}
.calculate_box .calculate_area .result_box_one{ background:#f8f8f8; text-align:center; padding:8px; margin-bottom:20px;}
.calculate_box .calculate_area .result_box_one .type{ margin-bottom:2px;}
.calculate_box .calculate_area .result_box_one .number{ font-size:24px; color:#ec8b00; line-height:30px;}
.calculate_box .calculate_area .result_box_two{ border:1px solid #eee; padding:12px;}
.calculate_box .calculate_area .result_box_two ul li{ float:none; line-height:21px;}
.calculate_box .calculate_area .result_box_two ul.top{ border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:10px;}
.calculate_box .calculate_area .result_box_two ul.bottom li{}
.calculate_box .calculate_area .result_box_two ul li:after{ content:""; display:table; clear:both;}
.calculate_box .calculate_area .result_box_two .formula{ float:left;}
.calculate_box .calculate_area .result_box_two .result{ float:right; color:#ec8b00; font-size:17px;}
.calculate_box .calculate_area .result_box_two .subject .result{ font-size:15px;}
.calculate_box .calculate_area .result_box_two:after{ content:""; display:table; clear:both;}

.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list a{ 
	-webkit-appearance:initial;
    -moz-appearance:initial;
    appearance:initial;
	background:url(/home/images/bg_select_arrow_ios.png) no-repeat center right 5px #f0f0f0; padding-right:20px;
}

#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying {
    position: relative;
}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying a~ .table_u_focus{
display: none;

}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying a:hover~ .table_u_focus{
    content: "摩根大通精選";
    background-color: #f5f5f5;
    line-height: 30px;
    color: #000;
    border: 1px solid #bfbfbf;
    position: absolute;

    font-size: 14px;
    padding: 0 8px;
    border-radius: 4px;
    top: -8px;
    margin-left: 16px;
    display: block;
}


.tooltipster-sidetip .tooltipster-content a{
    color: #000;
}
.tooltipster-sidetip .tooltipster-content .call a{
	color:#4D7AA7;
}
.tooltipster-sidetip .tooltipster-content .put a{
	color:#ed8b00;
}
.tooltipster-sidetip .tooltipster-content .bull a{
	color:#1c6a64;
}
.tooltipster-sidetip .tooltipster-content .bear a{
	color:#a78216;
}
.tooltipster-sidetip .tooltipster-content .inline a{
	color:#564984;
}
.tooltipster-sidetip .tooltipster-content {
    padding: 8px 12px 8px 12px;
}

#stock_trend .inside_shortcut a.links {
    padding: 0 8px 0 8px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0;
    color: #000;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border: 1px solid #c7c7c7;
}

#stock_trend .inside_shortcut a.links:hover, #stock_trend .inside_shortcut a.links.active{
    background:#4D7AA7;
    color: #ffffff;
    border-color:#4D7AA7;
    text-decoration: none;
}

#stock_trend.inside_content .right_area .table h3.active table th:last-child{
    background: #eaeaea;
}

#stock_trend.inside_content .right_area .table h3 .trend_detail{
    margin-right: 10px;
}

#stock_trend.inside_content .inside_shortcut{
    margin-bottom: 3px;
}


#stock_trend.inside_content .inside_shortcut ~ input[name=is_underlying]{
    margin-bottom: 27px;
}


#stock_trend.inside_content #sector_trend .timer.reload {
    line-height: 8px;
    margin-top: 0;
}
/*inline_search*/
#inline_search.inside_content{}
#inline_search.inside_content .banner { 
	margin-bottom:10px;
	position: relative;
}
#inline_search.inside_content .banner.desktop_only .video{
	position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
}
#inline_search.inside_content .inline_title {
    line-height: 54px;
    font-size: 26px;
    font-weight: bold;
    color: #54585a;
    margin-top: 5px;
}
#inline_search.inside_content .inline_option {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 18px;
}
#inline_search.inside_content .inline_button {
    margin: 10px 0 0 0;
}
#inline_search.inside_content .inline_button ul li{
	border: 1px solid #4D7AA7;
	font-size: 16px;
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    background: #FFF;
    margin-left: 10px;
    border: 1px solid #4D7AA7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#inline_search.inside_content .inline_button ul li.current{
	background: #4D7AA7;
	border: 1px solid #4D7AA7;
}
#inline_search.inside_content .inline_button ul li.current a{
	color:#fff;
}
#inline_search.inside_content .inline_button ul li a{
    color: #4D7AA7;
    padding: 0 10px;
    display: block;
}
#inline_search.inside_content .u_block.option {
	/*width:36%*/
}
#inline_search.inside_content .u_block.option ul li {
	float:left;
	width:50%;
	line-height:25px;
}
#inline_search.inside_content .m_block.option ul li {
	float:left;
	line-height:25px;
}
#inline_search.inside_content .m_block.option ul li:nth-child(even) {
	width:58%;
}
#inline_search.inside_content .m_block.option ul li:nth-child(odd) {
	width:42%;
}

/**/
#inline_search.inside_content .m_block.option .ms-options-wrap > button{
    padding-top: 2px;
    padding-bottom: 2px;
}
#inline_search.inside_content .m_block.option .ms-options-wrap ul li{
    width: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#inline_search.inside_content .m_block.option .ms-options-wrap ul li:nth-child(even){
    width: 50%;
    border-right: none
}
#inline_search.inside_content .m_block.option .ms-options-wrap label{
margin-bottom: 0px;
    width: 100%;
    padding: 4px 4px 4px 36px;
    margin: 0;
    border: none !important;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;   
}
#inline_search.inside_content .m_block.option .ms-options-wrap input{
    margin: 3px 0 0 10px;
}
#inline_search.inside_content .m_block.option .ms-options-wrap .ms-selectall{
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 6px 0;
    background: #4d7aa7;
}
#inline_search.inside_content .m_block.option .ms-options-wrap .ms-options{
    min-height: 100px !important;
        border: 1px solid #d8d8d8;
    border-bottom: 0 !important;
}
#inline_search.inside_content .result_box .inline_button{
    margin: 9px 0 0 0;
	float: right;
}
#inline_search.inside_content .result_box{
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin: 20px 0 20px 0;
}
#inline_search.inside_content .result_box .result{ line-height:44px; padding:0 15px; font-size:16px; float:left;}
#inline_search.inside_content .result_box .result span{ color:#4D7AA7; display:inline-block;}
#inline_search.inside_content .result_box .result .number{ font-size:24px;}
/**/

#inline_search.inside_content .option {
    float: left;
    /*width: 29%;*/
	width:29%;
    position: relative;
    margin-right: 3%;
}
#inline_search.inside_content .u_block.option:after {
	/*right: -6.5%;*/
}
#inline_search.inside_content .option:after {
    content: '';
    height: 21px;
    width: 17px;
    background: url(/home/images/icon_inlinewarran.png) no-repeat center;
    top: calc(50% + 7px);
    right: -8%;
    position: absolute;
}
#inline_search.inside_content .option.s_block {
    margin-right: 0%;
	width:36%;
}
#inline_search.inside_content .option.s_block:after{
    display: none;
}
#inline_search.inside_content .blue_title {
    color: #4D7AA7;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
#inline_search.inside_content .blocker {
    /* border: 1px solid #d8d9d9; */
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 0%, #f5f5f5);
    height: 100px;
    padding: 14px 17px;
    font-weight: bold;
    box-sizing: border-box;
    margin-top: 10px;
}

#inline_search.inside_content .blocker label{
    display: block;
    margin-bottom: 19px;
}
#inline_search.inside_content .s_block .blocker label{
    margin-bottom: 10px;
	float:left;
}
#inline_search.inside_content .s_block .blocker .price{
	float:right;
}
#inline_search.inside_content .s_block .blocker .input_box{
	float:left;
	margin-top:10px;
}
#inline_search.inside_content .s_block .blocker .input_box input[type="text"]{
	width:45px;
	padding:0 3px;
	font-size:13px;
}
#inline_search.inside_content .s_block .blocker  .slider{
	float:left;
	width:calc(100% - 120px);
	margin:0 15px
}
#inline_search.inside_content .irs-from,#inline_search.inside_content .irs-to{
    display: none !important
}


#inline_search.inside_content .blocker select{
    width: 100%
}

#inline_search.inside_content #product_list{
    width: 100%;
    border: 5px solid #f8f8f8;
    width: calc(100% - 10px);
}

#inline_search.inside_content .clearfix{
    clear: both;
    display: block;
}

#inline_search.inside_content #product_list {
    margin-top: 20px;

}

#inline_search.inside_content .owl-carousel{
    padding: 10px 40px;
    box-sizing: border-box;
}

#inline_search.inside_content .num{
    font-size: 42px;
    font-weight: bold; 
}

#inline_search.inside_content .dark_txt{
    font-size: 17px;
    font-weight: bold; 
}

#inline_search.inside_content .gray_txt{
    line-height: 18px;
    font-size: 13px;
    color: #717171;
    margin-top: 3px;
}

#inline_search.inside_content .owl-carousel .owl-nav .owl-prev {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 12px 12.5px 0;
    border-color: transparent #636363 transparent transparent;
    position: absolute;
    left: 8px;
    margin-top: -10px;
    background: #fff;
    text-indent: -9999px;
}

#inline_search.inside_content .owl-carousel .owl-nav .owl-next {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 12px;
    border-color: transparent transparent transparent #636363;
    position: absolute;
    right: 8px;
    left: auto;
    margin-top: -10px;
    background: #fff;
        text-indent: -9999px;
}

#inline_search.inside_content .owl-nav{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}

#inline_search.inside_content .disc{
    margin-top: 20px;
    font-size: 13px;
    background-color: #f8f8f8;
    padding: 10px 20px;
}
#inline_search.inside_content .more_button{
	/*float:left;*/
	text-align:center;
	margin:0 380px;
	font-size: 15px;
    color: #FFF;
    line-height: 28px;
    background: #54585a;
	-webkit-border-bottom-right-radius: 6px;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius: 0;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
#inline_search.inside_content .more_button a{
	color: #FFF;
    display: block;
    padding: 0 20px;
}
#inline_search.inside_content .more_button a:hover{
	text-decoration:underline;
}


#inline_search .option_area{ margin-bottom:10px;}
#inline_search .option_area ul li{ padding-right:2%; background:url(/home/images/line_inline_option.jpg) no-repeat bottom 10px right 10px;}
#inline_search .option_area ul li:nth-child(1){ width:18%;}
#inline_search .option_area ul li:nth-child(2){ width:29%;}
#inline_search .option_area ul li:nth-child(3){ width:18%;}
#inline_search .option_area ul li:nth-child(4){ width:29%; padding-right:0; background:none;}
#inline_search .option_area ul li label{ display:block; width:100%; margin-right:0; line-height:22px; margin-top:10px;}
#inline_search .option_area ul li select{ width:100%; margin-top:10px;} 
#inline_search .option_area ul li .input_box{ float:left;}
#inline_search .option_area ul li .input_box input[type="text"]{ width:48px; padding:0 3px; margin-top:10px;}
#inline_search .option_area ul li .slider{ float:left; width:153px; margin:0 15px;}
#inline_search .table thead th{ line-height:30px; padding:0 8px;}
#inline_search .table thead th.line{ line-height:15px; padding:4px 5px;}
#inline_search .table tbody td{ line-height:30px;}
#inline_search #inlineBarChartContainer .chart-label .chart-code{ float:left; line-height:24px; font-size:15px; width:67px; text-align:center;}
#inline_search #inlineBarChartContainer .chart-label .chart-code a{ color:#564984; font-weight:bold;}
#inline_search #inlineBarChartContainer .chart-label .chart-mdate{ float:left; line-height:24px; font-size:15px; width:98px; text-align:center;}
#inline_search #inlineBarChartContainer .chart-label .chart-code-last{ float:left; line-height:24px; font-size:15px; width:82px; text-align:center;}
#inline_search #inlineBarChartContainer .highcharts-tooltip{}
#inline_search #inlineBarChartContainer .highcharts-plot-line-label .chart-last{ background:#f69d35; color:#FFF; font-size:15px; padding:3px 0; position:absolute; top:-25px; width:150px; text-align:center; right:-71px; z-index:1;}
#inline_search #inlineBarChartContainer .highcharts-plot-line-label {}
#inline_search #inlineBarChartContainer .highcharts-label.highcharts-tooltip.highcharts-color-undefined{ background:#242527!important;}
#inline_search #inlineBarChartContainer .tooltip .tooltip-code{ font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#574983;}
#inline_search #inlineBarChartContainer .tooltip .h_line{}
#inline_search #inlineBarChartContainer .tooltip .info{ margin-bottom:0; font-size:13px;}
#inline_search #inlineBarChartContainer .tooltip .info .val{ color:#000!important;}
#inline_search #inlineBarChartContainer .tooltip .info .val.name{ color:#574983!important; font-size:15px; font-weight:bold;}
#inline_search #inlineBarChartContainer .tooltip .info.name{ color:#000!important; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}

/*inline education*/
#education .txt{
  color: #000;
  font-size:16px;
}
#education .img_center{
  text-align: center;
  max-width: 100%
}

#education .li_title{
      font-size: 17px;
    margin-bottom: 10px;
    font-weight: bold;
}

#education .pic_title {
    text-align: center;
    font-weight: bold;
    margin-bottom: -20px;
    margin-top: 20px;
}
#education table .no_space{
  margin: 0 !important;
  padding: 0;
  display: inline  !important;
      vertical-align: -8px;
}

#education table .mobile_only{
  display: none;
}

#education.inside_content .right_area .col_left.full_size{
    width: 100%
}

#education.inside_content .right_area .col_left.full_size li{
    width: 33%;
    float: left;
}
#education.inside_content .right_area .edu_content .pager_edu ul{ padding-left:0;}
#education.inside_content .right_area .edu_content .pager_edu li{ list-style:none; font-size:15px;}
#education.inside_content .right_area .edu_content .pager_edu li a{ background:#ed8b00; color:#fff; margin-bottom:0; padding:0 5px; line-height:26px; -webkit-border-radius:6px;
-moz-border-radius:6px; border-radius:6px;}
#education.inside_content .right_area .edu_content .pager_edu li.left{ float:left;}
#education.inside_content .right_area .edu_content .pager_edu li.right{ float:right;}
#education.inside_content .right_area .edu_content .pager_edu:after{ content:""; clear:both; display:table;}


/*for mobile*/
@media all and (min-width: 320px) and (max-width: 767px) {
#stock_trend.inside_content .right_area{
    padding-top: 10px;
}
#stock_trend.inside_content .right_area .inside_shortcut{
    padding-left: 10px;
}
#stock_trend.inside_content .right_area input[type="checkbox"]{
    margin-left: 10px;
}

#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th:nth-child(1){
    width: 50%;
}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th:nth-child(2){
    width: 50%;
}
#stock_trend.inside_content .right_area .table .expand_trend table {
    border-bottom: 1px solid #bfbfbf;
}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{
    width: 50%;
}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.right_border{
    width: 50%;
}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{
    width: 50%;
}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{
	border-left:none;
}
}

@media only screen and (max-width: 767px) and (min-width: 320px){
#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying.stocktype {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history.stocktype {
    margin: 0 10px;
    float: left;
    width: calc(50% - 20px);
}

#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying.stocktype .name {
    padding-right: 0;
    width: auto;
}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history.stocktype .name {
    padding-right: 0;
    width: 37px;
}

}

@media only screen and (max-width: 319px){
.desktop_button.mobile_only{ display:none;}
}

/*For ie*/
@media all and (-ms-high-contrast:none){
select { padding:0!important;} /* IE10 */
*::-ms-backdrop, select { padding:0!important;} /* IE11 */
.home_realtime_area .right_area .sector_area .table.sector tr.colspan_style th{ line-height:17px;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list a{ background:#fff; padding:7px 2px;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list a:hover, .inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list a:active{ outline:2px solid #212121;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick ul li{ font-weight:bold; font-size:13px;}
.option_area .chosen-container{ line-height:16px;}
.chosen-container-single .chosen-single{ background:url(/home/images/bg_ie_menulist_button.jpg) no-repeat right #fff; height:31px;}
input[type='text'], select{ line-height:29px;}
.home_realtime_area .right_area .sector_area thead th{ line-height:38px;}
.home_realtime_area .right_area .sector_area .table.sector table#table_hk_top20 tr.colspan_style th,
.home_realtime_area .right_area .sector_area .table.sector table#table_hsi_hsce tr.colspan_style th
{ line-height:19px;}
.home#page .home_realtime_area .right_area .more_button{ bottom:14px;}
.home_shortcut a.links{ line-height:24px; padding:0 39px 3px 20px}
.home_realtime_area .right_area .sector_area .signal_area .signal,  
.home_realtime_area .right_area .sector_area .signal_area .signal{ margin:0 3px 1px 0;}
.signal_area .signal, #tooltip_content_more .signal, .signal_area .signal, .tooltip_content_more .signal{ margin:0 3px 1px 0;}
.home_realtime_area.style_new .left_area .quick_search_area{ min-height:618px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th{ height:40px;}
} 

/*Edge*/
@supports (-ms-ime-align:auto){}

/*For FF*/
@-moz-document url-prefix(){ 
	.inside_content .left_area .side_menu.serch_box .section.type ul li label{ margin-top:0;}
	.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list:active, .inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list:hover{ outline:none;}
	.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick ul li{ font-size:13px;} 
}

/*For mac*/
.device_mac .home_money_flow .tabs_area ul.tabs_break li a{ padding:0 12px;}
.device_mac .top_info .hk_connect_area .quota_balance_area{ margin-right:0;}
.device_mac .inside_content .right_area .adv_chart_area .chart_area .tool{ width:45px;}

/*mobile*/
.on_device.device_ios .home_newlstter .newlstter_area input[type="text"]{ }
.on_device.device_ios .top_info .realtime_search_area .search_area select{ background:url(/home/images/bg_select_arrow_ios.png) no-repeat center right 5px #f0f0f0;}
.on_device.device_ios .os_table thead th .history div.space select,
.on_device.device_ios .inside_content .right_area .related_product .option_area select,
.on_device.device_ios .inside_content .right_area .adv_chart_area .option_area select.picker,
.on_device.device_ios #moneyflow.inside_content.underlying .moneyflow_area .top .option_area select,
.on_device.device_ios #product_search.inside_content .option_area select,
.on_device.device_ios .inside_content .left_area .side_menu.serch_box .section select,
.on_device.device_ios #cnhk.inside_content.top10_turnover .sub_tabs_area .left .option_area select
{ background:url(/home/images/bg_select_arrow_ios.png) no-repeat center right 5px #f0f0f0; padding-right:20px;}


 
@media only screen and (max-width: 767px){
	
#chart.inside_content .load_more_button{ font-size:14px; margin:0 10px 5px 10px; color:#4e8abe; font-weight:bold; display:inline-block!important; background:url(/home/images/icon_loadmore_expand.jpg) no-repeat right; padding-right:15px; float:right;}
#chart.inside_content .load_more_button.more{ background:url(/home/images/icon_loadmore_collapse.jpg) no-repeat right;}
#chart.inside_content .load_more_area{ overflow:hidden; height:0; clear:both;}	
	
.inside_content .left_area{ display:none;}
.nav{ margin-top:46px;}
.nav .navigate_area{ margin-left:0;}
input[type="text"], select{ padding:0 5px;}
#page{ min-width:375px; margin-bottom:70px;}
#page .content{ width:100%; padding:0;}
#page.inside .header{ display:none;}
#page .header{ display:none;}

.desktop_only{ display:none;}
.mobile_only{ display:block;}
.mobile_none{ display:none;}
.mobile-none{ display:none;}
td.mobile_none{ display:none!important;}

.home_realtime_area.style_new .left_area .quick_search_area.have_banner{ height:auto; min-height:0;}
.home_realtime_area.style_new .left_area .quick_search_area.have_big_banner{ height:auto; min-height:0;}

.home_banner{ padding:5px; background:#d8d9d9; margin-bottom:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; width:calc(100% - 20px); box-sizing:border-box; margin:0 auto 10px auto;}
.home_banner.mobile_only{ margin:10px auto 0 auto;}
#page.home .right_area .home_banner.mobile_only{ margin:0 auto 10px auto;}
.home_banner img{ width:100%; height:auto;}

/*.comment_box{ bottom:0; right:unset;left:96px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.comment_box a{ min-width:64px; text-align:center;}*/
.comment_box{ bottom:85px; display:none!important;}
.comment_box a br{ display:none;}
/*.focus_box{ bottom:0; left:5px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:0; border-bottom-right-radius:0;}*/
.focus_box,.os_box, .hk_top10_box, .focus_box, .focus_box_index, .focus_box_stock{ display:none!important;}
.focus_box a br{ display:none;}

.message_box, .os_over_box{ z-index:9999999999; width:90%; left:5%; box-sizing:border-box; top:10%; bottom:unset;}
.os_over_box{ padding:10px}

.tabs_area ul.tabs li.line, .tabs_area ul.tabs_break li.line{ line-height:21px;}

.top_info.style_new{ margin-top:8px;}
.top_info.style_new .realtime_search_area{ width:100%; background:none; box-sizing:border-box; margin-left:0; padding:0 10px; border:none;}
.top_info .realtime_search_area .tl{ margin-top:10px; float:left;}
.top_info.style_new .realtime_search_area .search_area{ float:right; width:calc(100% - 92px);}
.top_info .realtime_search_area input[type="text"]{ width:calc(100% - 31px);}
.top_info.style_new .index_area{ width:100%; padding:0 10px; margin-bottom:10px; box-sizing:border-box; background:none;}
.top_info .index_area .bottom .chart{ display:none;}
.anythingSlider{ width:100%!important;}
.top_info.style_new .index_area{ min-width:0; border-top:1px solid #d8d8d8; padding:10px; border-bottom:1px solid #d8d8d8; display:none;}
.top_info.style_new #index_area_slider{ width:100%!important;}
.top_info.style_new #index_area_slider li{ width:100%!important;}
.top_info.style_new .index_area .hsi, .top_info.style_new .index_area .hsi_future, .top_info.style_new .index_area .hsce, .top_info.style_new .index_area .hsce_future{ width:50%; min-width:0; box-sizing:border-box;}
.top_info.style_new .index_area .focus{ display:none;}
.home_realtime_area.style_new .left_area .quick_search_area{ margin-top:0;}
.top_info.style_new.top_info.style_new{ margin-top:75px;}
.top_info.style_new .realtime_search_area .tl{ display:none;}
.home_realtime_area.style_new .quick_search_area .mobile_setting{ clear:both; margin:3px 0 5px 0;}
.home_realtime_area.style_new .quick_search_area .mobile_setting .adv_search{ font-size:16px; line-height:28px; font-weight:bold; color:#4D7AA7; float:left;}
.home_realtime_area.style_new .quick_search_area .mobile_setting .adv_search a{ color:#ed8b00; background: url(/home/images/icon_home_more_link.jpg) no-repeat right; padding-right: 20px; display:block; float:left; /*margin-top:2px;*/}
.home_realtime_area.style_new .quick_search_area .mobile_setting .adv_search a:hover{ text-decoration:underline;}
.home_realtime_area.style_new .quick_search_area .mobile_setting .adv_search:after{ content:""; display:table; clear:both;}
.home_realtime_area.style_new .quick_search_area .mobile_setting a.detail{ float:right; color:#FFF; font-size:16px; padding:0 10px; line-height:28px; margin-top:0; width:auto; background:#ed8b00; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.home_realtime_area.style_new .quick_search_area .mobile_setting:after{ content:""; display:table; clear:both;}
.home_realtime_area.style_new .quick_search_area .tl{ border-bottom:none;}
.home_realtime_area.style_new .quick_search_area .tl a{ width: calc(100% - 102px);}
.home_realtime_area.style_new .quick_search_area .news_area{ margin-top:0;}
.home_realtime_area.style_new .quick_search_area .search_area input{ float:left; border-right:none; width:71px; padding:0 5px; margin-bottom:0; outline:none;}
.home_realtime_area.style_new .quick_search_area .search_area button{ float:left; width:31px; height:31px; background:url(/home/images/bg_button_white_search.jpg) no-repeat center; padding:0; text-indent:-99999px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-top:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9; border-right:1px solid #d8d9d9; outline:none;}
.home_realtime_area.style_new .quick_search_area .search_area input:focus{ outline:none; box-shadow:none; border-color:#d8d9d9;} 

.mobile_index_area{ background:#e5e5e5; line-height:32px; text-align:center; position:fixed!important; width:100%; z-index:99999999; top:45px; box-sizing:border-box;}
.mobile_index_area .tl{ color:#4D7AA7; font-weight:bold;} 
.mobile_index_area .tl a{ color:#4D7AA7;} 
.mobile_index_area .tl .night{ background:url(/home/images/bg_future_night_icon_mobile.jpg) no-repeat center; width:16px; height:16px; display:inline-block; margin-top:2px;}
.mobile_index_area .point{ color:#000!important;}
.mobile_index_area .point{ color:#000!important;}
.mobile_index_area .rise span.arrow{ background:url(/home/images/bg_rise_mobile_index.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;}
.mobile_index_area .drop span.arrow{ background:url(/home/images/bg_drop_mobile_index.jpg) no-repeat; width:11px; height:8px; display:inline-block; margin-left:5px; position:initial; top:0;} 
.mobile_index_area .change_area{ margin-left:5px;}


.top_info .index_area .top .tl{ float:none; width:100%;}
.top_info .index_area .top .turnover{ display:none;} 
.top_info .hk_connect_area{ width:100%; padding:0 10px; box-sizing:border-box; display:none;}
#hk_connect_area_slider{ width:100%!important;}
.top_info .hk_connect_area .total{ padding:2px;}
.top_info .hk_connect_area .quota_balance_area .sh{ /*width:70px;*/}
.top_info .hk_connect_area .quota_balance_area .sz{ /*width:70px;*/}
.top_info .hk_connect_area .quota_balance_area{ background:none;}
.top_info .hk_connect_area .quota_balance_area.north{ background:none;}
.home_cnhk_quota_balance{ width:100%; margin-right:0;}
.home_cnhk_quota_balance #cnhkBarChartContainer, .home_cnhk_quota_balance .chart{ width:100%!important;}
.home_cnhk_quota_balance .chart_area .detail_area{ width:calc(100% - 20px); box-sizing:border-box; margin-left:10px; margin-right:10px;}
.home_cnhk_quota_balance .chart_area .detail_area .tl{ margin-left:0;}
.home_cnhk_quota_balance .chart_area .detail_area .timer{ margin-left:0;}
.home_cnhk_quota_balance .chart_area .detail_area li{ margin-top:0;}
.home_cnhk_quota_balance .chart_area .detail_area li:last-child{ margin-top:20px;} 
.home_money_flow{ width:100%; margin-right:0;} 
.home_article{ width:100%; margin-top:0; margin-bottom:15px;}
.home_article .content_area .collapse{ height:249px;}
.home_market_focus{ width:100%; margin-top:0; margin-bottom:15px;}
#page.home .right_area{ width:100%; margin-top:0;}
.vertical_new{ padding:8px 9px; border-left:none; border-right:none; border-top:none;}
.vertical_new.slick-vertical .news.slick-slide{ word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.vertical_new.slick-vertical .news.slick-slide .news{ width:calc(100% - 90px)!important;}
.home_section.border{ height:30px;}

#page.home #home_newslider.flexslider{}
#page.home #home_newslider.flexslider .flex-control-nav{ top:10px; width:auto; z-index:9; right:5px; left:unset; padding:15px; height:12px;}
#page.home #home_newslider.flexslider .flex-control-nav li{ margin: 0 0 0 6px;}



/*
#page.home .new_home_code_banner .tl{ font-size:48px; padding-top:0;}
#page.home .new_home_code_banner{ padding:10px 10px 10px 10px; margin:10px;}
#page.home .new_home_code_banner.report{ background: url('/home/images/bg_new_home_code_banner_report_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_report_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.hot{ background:url('/home/images/bg_new_home_code_banner_hot_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_hot_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.seminar{ background:url('/home/images/bg_new_home_code_banner_seminar_mobile.jpg') no-repeat right top 10px, url("/home/images/bg_new_home_code_banner_seminar_bottom_mobile.jpg") no-repeat; background-size:44%, 100% 100%;}
#page.home .new_home_code_banner .bottom{ background:none!important; min-height:0;}
#page.home .new_home_code_banner .bottom .code_area{ margin-top:0; padding-left:0; margin-right:10px; float:none; width:100%;}
#page.home .new_home_code_banner .bottom .detail{ position:unset; max-width:100%; margin:10px 0; font-size:23px; line-height:28px;}
#page.home .new_home_code_banner.report .bottom .detail, #page.home .new_home_code_banner.hot .bottom .detail{ min-height:84px;}
#page.home .new_home_code_banner .bottom .code_area ul li{ margin-left:0; padding-left:5px; padding-right:5px; width:25%; box-sizing:border-box; border-left:1px solid #8ec0db;}
#page.home .new_home_code_banner .bottom .code_area ul li .code{ font-size:26px;}
#page.home .new_home_code_banner .bottom .code_area ul li .name{ font-size:18px;}
#page.home .new_home_code_banner .bottom .code_area ul li .terms{ font-size:13px;}
#page.home .new_home_code_banner .bottom .code_area ul li:first-child{ border-left:none;}
#page.home .new_home_code_banner .bottom .ppl_area{ margin-top:0; float:none; width:100%;}
#page.home .new_home_code_banner .bottom .ppl_area ul li{ padding-left:0; padding-right:10px; width:33%; box-sizing:border-box;}
#page.home .new_home_code_banner .bottom .ppl_area ul li:first-child{ width:34%;}
#page.home .new_home_code_banner .bottom .ppl_area ul li:last-child{ padding-right:0;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .info{ font-size:14px;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .name{ font-size:20px;}
*/

#page.home #home_newslider.flexslider{}
#page.home #home_newslider.flexslider .flex-control-nav{ top:10px; width:auto; z-index:9; right:5px; left:unset; padding:15px; height:12px;}
#page.home #home_newslider.flexslider .flex-control-nav li{ margin: 0 0 0 4px;}
#page.home #home_newslider_mobile.flexslider{ margin:0; border:none;}
#page.home #home_newslider_mobile.flexslider .flex-control-nav{ top:10px; width:auto; z-index:9; right:5px; left:unset; padding:15px 5px; height:12px;}
#page.home #home_newslider_mobile.flexslider .flex-control-nav li{ margin: 0 0 0 4px;}


#page.home .new_home_code_banner .tl{ font-size:48px; padding-top:0;}
#page.home .new_home_code_banner{ padding:10px 10px 10px 10px; margin:10px;}
#page.home .new_home_code_banner.wnt{ background: url('/home/images/bg_new_home_code_banner_report_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_report_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.newlist{ background:url('/home/images/bg_new_home_code_banner_report_mobile.jpg') no-repeat right -22px top 18px, url("/home/images/bg_new_home_code_banner_report_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.cbbc{ background:url('/home/images/bg_new_home_code_banner_hot_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_hot_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.seminar{ background:url('/home/images/bg_new_home_code_banner_seminar_mobile.jpg') no-repeat right top 10px, url("/home/images/bg_new_home_code_banner_seminar_bottom_mobile.jpg") no-repeat; background-size:44%, 100% 100%;}


#page.home .new_home_code_banner.street, #page.home .new_home_code_banner.seminar2{ background: url('/home/images/bg_new_home_code_banner_finance_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_finance_bottom_mobile.jpg") no-repeat; background-size:48%, 100% 100%;}
#page.home .new_home_code_banner.software{ background: url('/home/images/bg_new_home_code_banner_software_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_software_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.electronic{ background: url('/home/images/bg_new_home_code_banner_electronic_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_electronic_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.computer{ background: url('/home/images/bg_new_home_code_banner_seminar_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_seminar_bottom_mobile.jpg") no-repeat; background-size:52%, 100% 100%;}
#page.home .new_home_code_banner.estate{ background: url('/home/images/bg_new_home_code_banner_estate_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_estate_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;}
#page.home .new_home_code_banner.fiveg{ background: url('/home/images/bg_new_home_code_banner_fiveg_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_fiveg_bottom_mobile.jpg") no-repeat; background-size:38%, 100% 100%;} 
#page.home .new_home_code_banner.macau{ background: url('/home/images/bg_new_home_code_banner_macau_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_macau_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.vehicle{ background: url('/home/images/bg_new_home_code_banner_vehicle_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_vehicle_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.oil{ background: url('/home/images/bg_new_home_code_banner_oil_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_oil_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.gold{ background: url('/home/images/bg_new_home_code_banner_gold_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_gold_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.commentary{ background: url('/home/images/bg_new_home_code_banner_commentary_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_commentary_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.bank{ background: url('/home/images/bg_new_home_code_banner_bank_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_bank_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.shopping{ background: url('/home/images/bg_new_home_code_banner_shopping_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_shopping_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 
#page.home .new_home_code_banner.medical{ background: url('/home/images/bg_new_home_code_banner_medical_mobile.jpg') no-repeat right top 18px, url("/home/images/bg_new_home_code_banner_medical_bottom_mobile.jpg") no-repeat; background-size:45%, 100% 100%;} 

#page.home .new_home_code_banner.commentary .bottom .button{ position:unset;}
#page.home .new_home_code_banner.commentary .bottom .detail{ max-width:none; width:60%; min-height:90px;}
#page.home .new_home_code_banner.commentary .bottom .detail br{ display:none;}

#page.home .new_home_code_banner .bottom{ background:none!important; min-height:0;}
#page.home .new_home_code_banner .bottom .code_area{ margin-top:0; padding-left:0; margin-right:10px; float:none; width:100%;}
#page.home .new_home_code_banner .bottom .detail{ position:unset; max-width:100%; margin:10px 0; font-size:23px; line-height:28px;}
#page.home .new_home_code_banner.wnt .bottom .detail, 
#page.home .new_home_code_banner.cbbc .bottom .detail,
#page.home .new_home_code_banner.seminar .bottom .detail, 
#page.home .new_home_code_banner.street .bottom .detail,
#page.home .new_home_code_banner.software .bottom .detail, 
#page.home .new_home_code_banner.electronic .bottom .detail,
#page.home .new_home_code_banner.computer .bottom .detail,
#page.home .new_home_code_banner.estate .bottom .detail,
#page.home .new_home_code_banner.fiveg .bottom .detail,
#page.home .new_home_code_banner.macau .bottom .detail,
#page.home .new_home_code_banner.vehicle .bottom .detail,
#page.home .new_home_code_banner.oil .bottom .detail,
#page.home .new_home_code_banner.gold .bottom .detail,
#page.home .new_home_code_banner.bank .bottom .detail,
#page.home .new_home_code_banner.shopping .bottom .detail,
#page.home .new_home_code_banner.medical .bottom .detail
{ min-height:84px;} 
#page.home .new_home_code_banner .bottom .code_area ul li{ margin-left:0; padding-left:5px; padding-right:5px; width:25%; box-sizing:border-box; border-left:1px solid #8ec0db;}
#page.home .new_home_code_banner .bottom .code_area ul li .code{ font-size:26px;}
#page.home .new_home_code_banner .bottom .code_area ul li .name{ font-size:18px;}
#page.home .new_home_code_banner.newlist .bottom .code_area ul li .name{ font-size:20px;}
#page.home .new_home_code_banner .bottom .code_area ul li .terms{ font-size:13px;}
#page.home .new_home_code_banner .bottom .code_area ul li:first-child{ border-left:none;}
#page.home .new_home_code_banner .bottom .ppl_area{ margin-top:0; float:none; width:100%;}
#page.home .new_home_code_banner .bottom .ppl_area ul li{ padding-left:0; padding-right:10px; width:30%; box-sizing:border-box;}
#page.home .new_home_code_banner .bottom .ppl_area ul li:first-child{ width:40%;}
#page.home .new_home_code_banner .bottom .ppl_area ul li:last-child{ padding-right:0;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .info{ font-size:12px;}
#page.home .new_home_code_banner .bottom .ppl_area ul li .name{ font-size:20px;}
#page.home .new_home_code_banner .bottom .timer{ right:-10px; bottom:-15px;}



#page.home .home_result_announcement .more_button{ margin-top:25px;}

#page.home .home_realtime_area .left_area{ width:100%; display:block; height:auto; min-height:0;}
.home_realtime_area.style_new .left_area .quick_search_area{ min-height:0; padding:0 10px 0 10px;}
.home_realtime_area .left_area .quick_search_area .point_area{ border-bottom:1px solid #000;}
.home_realtime_area .left_area .quick_search_area .chart{ width:50%; float:left; border:none;}
.home_realtime_area .left_area .quick_search_area .detail.top{ width:50%; float:left; border-bottom:none; background:none;}
.home_realtime_area .left_area .quick_search_area .detail li span{ float:right;}
.home_realtime_area .left_area .quick_search_area .detail.index li span{ display:block; float:none; text-align:right;}
.home_realtime_area .left_area .quick_search_area{ border:none;}
.home_realtime_area .left_area .quick_search_area .search_record{ display:none;}
.home_realtime_area .left_area .quick_search_area button.reload{ top:0;}
.home_realtime_area .left_area .quick_search_area .news_area{ width:100%;}
.home_realtime_area .left_area .quick_search_area .news_area a{ width:100%;}
.home_realtime_area .left_area .quick_search_area .tl a{ width:calc(100% - 102px);}

.home_realtime_area .right_area .tl.left{ margin-left:10px; float:none;}
.home_realtime_area .right_area .sector_area .low_side{ display:none;}
.home_realtime_area .right_area .sector_area .high_side{ display:none;}
.home_realtime_area .right_area .sector_area .bar_area{ width:100%;}
.home_realtime_area .right_area .sector_area .sector.table{ min-height:0!important;}
.home_realtime_area .right_area .sector_area{ min-height:0!important;}
.home_realtime_area .right_area .timer.reload span{ }
#page.home .home_realtime_area .right_area .more_button{ bottom:-28px; z-index:1;}
.home_realtime_area .right_area .sector_area .signal_area .signal, #tooltip_content_more .signal, .home_realtime_area .right_area .sector_area .signal_area .signal, .tooltip_content_more .signal{ line-height:24px; display:inline-block; float:none;}
.home_realtime_area .right_area .sector_area .table.sector tbody td.signal_area{ text-align:left;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area{ overflow-x:auto;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:nth-child(1){ width:25%; font-size:13px;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:nth-child(2){ width:25%;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:nth-child(3){ width:25%;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th:nth-child(4){ width:auto;}
.home_realtime_area .right_area .sector_area .table.sector .expand_area tr.colspan_style th.mobile_only{ display:table-cell;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th .ratio_bar_chart .bar_chart_area .bar_chart{ width:80px;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th:nth-child(1){ width:25%;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th:nth-child(2){ width:25%;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th:nth-child(3){ width:25%;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th:nth-child(4){ width:auto;}
.home_realtime_area .right_area .sector_area .table.sector_header table thead th:nth-child(5){ width:auto;}
.home_realtime_area .right_area .sector_area .table.sector h3 table th.signal_area{ padding:0 15px; background:url(/home/images/bg_icon_realtime_sector_expand.jpg) no-repeat center right 3px #eaeaea;}
.home_realtime_area .right_area .sector_area .table.sector h3.open table th:last-child { background:url(/home/images/bg_icon_realtime_sector_collapse.jpg) no-repeat center right 3px #eaeaea;}

.home_realtime_area .right_area .tabs_area ul.tabs_break li#custom_sector{ width:100%; box-sizing:border-box; text-align:center;} 
.home_realtime_area .right_area .tabs_area ul.tabs_break li#custom_sector:after{ content:"全新"; position:absolute; right:25%; top:3px; font-size:12px; background:#564984; color:#fff; width:auto; height:20px; line-height:20px; padding:0px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

/*home page video popup by rudy*/
.video_popup{
    display: none;
}
.video_popup.active{
    display: block;
}
.video_popup .popup_bg{
    z-index: 99999999999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.45;
    cursor: wait;
    position: fixed;
}
.video_popup .popup_ui{
    z-index: 99999999999; 
    position: fixed; 
    padding: 0px; 
    margin: 0px; 
    width: 60%; 
    top: 15%; 
    left: 20%; 
    cursor: wait;
}
.video_popup .popup_ui h3{
    font-size: 14px;
}
.video_popup .content_area iframe{
    display: block;
}
.video_popup .pop_video_close{
	position:absolute;
    float:left;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-family:arial;
    font-size:14px;
    background:#eaeaea;
    cursor:pointer;
    top:-20px;
    left:0px;
}
/*End of home page video popup*/

#page.home .left_area{ width:100%; display:block;}
.home_video{ padding:10px; display:none;}
.home_video .video-wrap{ padding:0;}
.home_video .video-wrap .video iframe{ width:100%;} 
.video.stuck{ width:calc(100% - 40px)!important;}

.home_video_mobile{ padding:10px;}
.home_video_mobile .tl.live{ position:relative; width:100%; box-sizing:border-box; line-height:32px;}
.home_video_mobile .tl.live span.icon{ width:auto; float:right; background:url(/home/images/icon_live_gif.gif) no-repeat; font-size:13px; line-height:24px; padding-left:25px; padding-right:10px; margin-top:4px;}
.home_video_mobile .tl.live span{ font-size:20px; line-height:32px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left; padding-left:12px; color:#4d7aa7; font-weight:bold;}
.home_video_mobile .video-wrap-mobile .video_mobile iframe{ width:100%;}

.home_banner_area{ margin-bottom:15px;}
.home_banner_area img{ width:100%; height:auto;}
.duplicate_content_area{ margin-top:20px;}

.home_newlstter.new{ width:calc(100% - 20px); margin:0 auto 15px auto; box-sizing:border-box;}

#page.home .right_area .market_ratio{ float:none; margin:0 10px 5px 10px;}
#page.home .right_area .market_ratio .tl{ width:80px;}
#page.home .right_area .market_ratio .bar_chart{ width:calc(100% - 85px);}
#page.home .right_area .market_ratio:after{ content:""; display:table; clear:both;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li{}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#hot{ width:33%;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#rise_page{ width:34%;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#drop_page{ width:33%;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#drop_page a:after{ display:none}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#hongkong_top{ width:33%;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#hsi_top{ width:34%;}
#page.home .right_area #realtime_sector.hot .tabs_area .tabs_break li#hsce_top{ width:33%;}
#page.home .right_area #realtime_sector.hot .sector_area .sub_tabs_area .sub_tabs li{ width:32%; min-width:0; box-sizing:border-box;}
#page.home .right_area #realtime_sector.hot .sector_area .sub_tabs_area .sub_tabs li:nth-child(2){ margin:0 2%; }
#page.home .right_area #realtime_sector.hot .sector_area .sub_tabs_area{ padding:10px;}

#page.home .right_area .home_realtime_news .realtime_news ul{ width:100%;}
#page.home .right_area .home_realtime_news .realtime_news ul.right{ display:none;}
#page.home .right_area .home_realtime_news .realtime_news ul.left{ border-right:none;}
#page.home .right_area .home_realtime_news .realtime_news ul li span{ width:50px;}
#page.home .right_area .home_realtime_news .realtime_news ul li a{ width:calc(100% - 50px); display:inline-block;}
#page.home .right_area .home_realtime_news .remark{ margin-bottom:5px;}
#page.home .right_area .home_realtime_news .remark .right{ float:left; margin-left:10px;}
#page.home .right_area .home_realtime_news .tabs_area .tabs_break li{ width:33%;}
#page.home .right_area .home_realtime_news .tabs_area .tabs_break li:nth-child(2){ width:34%;}

#page.home .right_area .home_banner.mobile_only .mobile_video{ }
#page.home .right_area .home_banner.mobile_only .mobile_video .video{ height:100px; width:100%; padding-bottom:32.87%; overflow:hidden; position:relative;}
#page.home .right_area .home_banner.mobile_only .mobile_video .video iframe{ top:0; left:0; width:100%; height:100%; position:absolute;}
#page.home .right_area .home_banner.mobile_only .play_button{ width:100%; text-align:center; position:absolute; top:25%;}
#page.home .right_area .home_banner.mobile_only .play_button img{ width:16%;}

.home_jp_commentary{ padding-bottom:68px;}
.home_jp_commentary .tl{ margin-left:10px; float:none;}
.home_jp_commentary .table table tbody td.commentary_content_area{ height:auto;}
.home_jp_commentary .table table tbody td.commentary_content_area .tl{ padding:6px 10px;}
.home_jp_commentary .table table tbody td.commentary_content_area p{ padding:0 10px; font-size:14px;}
.home_jp_commentary .table table tbody td.commentary_content_area{ white-space:normal;}
.home_jp_commentary .table table tbody td .underlying a{ margin-left:10px;}
.home_jp_commentary .table table tbody td.expand_button{ width:100%; position:relative; height:0;}
.home_jp_commentary .table table tbody td button.expand{ position:absolute; right:10px; top:-253px;}

.home_jp_commentary .table table tbody tr:hover td{ background:none;}
.home_jp_commentary .table table tbody tr:nth-child(4n+3):hover td{ background:#f5f5f5;}
.home_jp_commentary .table table tbody tr:nth-child(even):hover td, 
.home_jp_commentary .table table tbody tr:nth-child(even):hover td.highlight{ background:none;}

.home_jp_commentary .table table tbody td.left{ text-align:left;}
.home_jp_commentary .table table tbody tr td span.mobile_only{ float:left; padding:0;}
.home_jp_commentary .table table tbody td{ box-sizing:border-box; width:100%; float:left; white-space:unset; height:37px; padding:0 10px; text-align:right;}


.home_jp_commentary .timer{ position:absolute; left:0;}
.home_jp_commentary .more_button{ position:absolute; right:0;}
.home_jp_commentary:after{ content:""; display:table; clear:both;}

.home_video_area{}
.home_video_area .video{ height:0; width:100%; padding-bottom:57%; overflow:hidden; position:relative;}
.home_video_area .video iframe{ top:0; left:0; width:100%; height:100%; position:absolute;}
.home_video_area .tl{ margin-left:10px;}
.home_video_area #title.tl{ font-size:16px; line-height:22px; padding:10px; margin-left:0;}
.home_video_area .video_detail{ width:calc(100% - 10px); margin-left:10px;}
.home_video_area .video_detail .tl{ margin-left:0; margin-bottom:5px;}
.home_video_area .video_detail .ppl{ margin-bottom:5px;}

.home_result_announcement{ margin-bottom:15px; padding-bottom:15px;}
.home_result_announcement .tl{ margin-left:10px; float:none;}
.home_result_announcement .owl-dots{ left:10px;}
.home_realtime_news{ width:100%; margin-bottom:0; padding-bottom:0;}

.home_realtime_news .tl{ margin-left:10px; }
.dot_line{border: none; margin-bottom: 20px;}
.home_realtime_news .realtime_news {    border-top: none; margin-top: 0; height: auto;    overflow-y: scroll;}
.home_realtime_news .realtime_news ul li a{ width:calc(100% - 40px); float:none;}


.home_market_focus .tl{ margin-left:10px; float:none;}
.home_market_focus .table.vertical colgroup{ display:none;} 
.home_market_focus .table.vertical tbody th{ display:block; text-align:left; padding-left:10px; line-height:34px;}
.home_market_focus .table.vertical tbody td{ display:block; padding-left:10px; white-space:unset; padding-right:10px; box-sizing:border-box;}


.underlying_news .home_market_focus .tl {  line-height: 35px;  margin: 0;}
.underlying_news .home_market_focus .m_show {  display: block;}
.underlying_news .home_market_focus .news ul li span.left{width: 95px; padding-left: 15px;}
.underlying_news .home_market_focus .news ul li span.right{width: calc(100% - 125px);}
.underlying_news .home_market_focus{margin-bottom: -1px;}
.underlying_news .home_market_focus .tl {      border-top: 1px solid #d8d9d9;}


.home_commentary{ width:100%; margin-bottom:15px;}
.home_commentary .tl{ margin-left:10px; float:none;}

.home_outstanding_band.box{ margin-bottom:15px; margin-top:10px;}

.home_shortcut{ padding:15px 10px;}
.home_shortcut .tl{ margin-left:0; float:none;}
.home_shortcut a.links{ padding:0 34px 0 15px; background:url(/home/images/icon_home_shortcut_link.jpg) no-repeat top 6px right 15px #54585a; margin-right:5px; margin-bottom:5px; font-size:14px;}

.home_newlstter{ margin-bottom:15px;}
.dot_line{ border:none; margin-bottom:0;}

.home_money_flow .tl{ margin-left:10px; float:none;}
.home_money_flow .tabs_area ul.tabs_break li{ width:50%;}
.home_money_flow .tabs_area ul.tabs_break li:nth-child(even) a:after{ display:none;}
.home_money_flow .tabs_area ul.tabs_break li a{ padding:0 5px!important;}

.home_money_flow .chart_table.stock tbody td.name, 
.home_money_flow .chart_table.etf tbody td.name, 
.home_money_flow .chart_table.warrant tbody td.name, 
.home_money_flow .chart_table.cbbc tbody td.name, 
.home_money_flow .chart_table.top10 tbody td.name{ font-size:13px;}

.home_money_flow .chart_table .short, 
.home_money_flow .chart_table .put_link, 
.home_money_flow .chart_table .bear_link, 
.home_money_flow .chart_table .put, 
.home_money_flow .chart_table .bear, 
.home_money_flow .chart_table .long, 
.home_money_flow .chart_table .call_link, 
.home_money_flow .chart_table .bull_link, 
.home_money_flow .chart_table .call, 
.home_money_flow .chart_table .bull,
.home_money_flow .chart_table .inline_code,
.home_money_flow .chart_table .inline_code_link,
.home_money_flow .chart_table .inline,
.home_money_flow .chart_table .inline_link
{ font-size:13px;}

.home_money_flow .money_flow_chart colgroup{ display:none;}

.home_money_flow #type_index .chart_table .num_box span,
.home_money_flow #type_etf .chart_table .num_box span,
.home_money_flow #type_wnt .chart_table .num_box span,
.home_money_flow #type_cbbc .chart_table .num_box span{ display:none;}

#page.home .home_money_flow .chart_table .stamp td .timer{ margin-top:20px; width:calc(100% - 10px);}
#page.home .home_money_flow .chart_table .stamp td .mid_text{ margin-top:-15px;}
#page.home .home_money_flow .more_button{ bottom:-28px;}

#page.home .home_cnhk_quota_balance .more_button{ bottom:-38px;}

.home_cnhk_quota_balance .description{ margin-top:5px;}
.home_cnhk_quota_balance .description li{ line-height:20px; display:block; margin-left:10px; width:calc(100% - 10px); box-sizing:border-box;}
.home_cnhk_quota_balance .description:after{ content:""; display:table; clear:both;}

.home_cnhk_quota_balance .tl{ margin-left:10px; float:none;}

body.edu .home_realtime_area.style_new .left_area .quick_search_area{ padding-top:4px; margin-top:3px; min-height:0;}
body.edu #page.home .home_realtime_area .left_area{ min-height:0;}

.mobile_only{ display:block;}
.mobile_clear{ clear:both; display:block;}

.blockUI.blockPage{ width:90%!important; left:5%!important;}
.blockUI.blockPage h3{ padding:0 10px; font-size:18px;}
.blockUI.blockPage #question .disclaimer .tl{ font-size:15px;}
.blockUI.blockPage #question .disclaimer .scroll{ font-size:15px;}
.blockUI.blockPage #question .option{ font-size:15px;}
.blockUI.blockPage #question .option .tl{ font-size:15px;}
.blockUI.blockPage #question .disclaimer .scroll{ height:250px;}
.blockUI.blockPage .disclaimer{ padding:10px;}
.blockUI.blockPage .option{ margin:0 10px;}
.blockUI.blockPage .button_area{ padding: 0 10px 30px 10px;}
.blockUI.blockPage .button_area .button{ width:49%;}

ul.point{ padding:0 10px;}

.sub_tabs_area{ padding:0 10px;}
.sub_tabs_area ul.sub_tabs li{ font-size:14px; margin-left:0;}
.sub_tabs_area ul.sub_tabs li#day a, .sub_tabs_area ul.sub_tabs li#week a{ padding:0 0 0 5px; display:inline-block;}
.sub_tabs_area ul.sub_tabs li a.tooltip.tooltipstered{ display:inline-block; padding:0 5px 0 0!important;}
.tabs_area ul.tabs li.line a, .tabs_area ul.tabs_break li.line a{ padding:2px 5px;}
.tabs_area ul.tabs li a, .tabs_area ul.tabs_break li a{ padding:0 5px; font-size:15px;}
.inside_content .right_area .related_product ul li{ width:49%; box-sizing:border-box; margin-bottom:5px;}
.inside_content .right_area .related_product ul li:nth-child(odd){ margin-right:1%;}
.inside_content .right_area .related_product ul li:nth-child(even){ margin-left:1%;}
.inside_content .right_area .related_product ul li:nth-child(3){ margin-bottom:0;}
.inside_content .right_area .related_product ul li:nth-child(4){ margin-bottom:0;}

.sub_tabs_area ul.sub_tabs li a{ /*padding:0;*/}
.sub_tabs_area ul.sub_tabs li a.desktop_only{ display:none!important;}
.sub_tabs_area ul.sub_tabs li a.mobile_only{ display:block;}

.mobile_header{ position:fixed; top:0; left:0; width:100%; background:#fff; /*border-bottom:2px solid #54585a;*/ z-index:9999999; box-shadow:0 2px 6px rgba(0,0,0,0.075);}
.mobile_header .logo{ margin:0 auto; width:104px;}
.mobile_header .logo img{ width:84px; height:auto; margin:7px 10px;}

.signal_area .signal, #tooltip_content_more .signal, .tooltip_content_more .signal{ line-height:24px; padding:0 5px;}

.inside_content .right_area{ width:100%;}
.inside_content .right_area.new_ipo_product{ width:100%; margin-top:46px;}
.inside_content .right_area.new_ipo_product .tl{ font-size:18px;}
.inside_content .right_area.new_ipo_product h2.tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .chart_area .chart .chart_white{ padding-bottom:0;}
.inside_content .right_area.new_ipo_product .chart_area .chart .chart_gray{ margin-bottom:0;}
.inside_content .right_area.new_ipo_product .chart_area .chart .chart_gray h2.tl{ margin-left:0;}
.inside_content .right_area.new_ipo_product .banner_area img{ width:100%; height:auto;}
.inside_content .right_area.new_ipo_product .quick_search_area{ width:calc(100% - 40px); margin-left:20px; margin-right:20px; margin-bottom:0; margin-top:0;}
.inside_content .right_area.new_ipo_product .us_price{ width:100%; margin-bottom:10px;}

.inside_content .right_area.new_ipo_product.baidu .us_price > .tl{ padding-left:10px;}

.inside_content .right_area.new_ipo_product .us_price ul li{ width:calc(50% - 10px); float:left; box-sizing:border-box; padding-bottom:0; margin-left:10px;}
.inside_content .right_area.new_ipo_product .us_price ul li:first-child .tl{ padding-top:0;}
.inside_content .right_area.new_ipo_product .us_price ul li .tl{ float:none;}
.inside_content .right_area.new_ipo_product .us_price ul li .price{ float:none; padding-top:0; line-height:30px; margin-top:5px;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area{ float:none;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area .price{ float:left; width:auto;}
.inside_content .right_area.new_ipo_product .us_price ul li .price_area .percentage{ float:left; width:auto; line-height:30px; margin-left:5px; margin-top:5px;}
.inside_content .right_area.new_ipo_product .quick_search_area .us_price ul li{ margin-left:0; width:50%; min-height:85px;}
.inside_content .right_area.new_ipo_product .quick_search_area .us_price .button_area{ position:unset; padding-right:0;}
.inside_content .right_area.new_ipo_product .table{ width:calc(100% - 20px); margin-left:0;}
.inside_content .right_area.new_ipo_product .table thead th{ line-height:15px;}
.inside_content .right_area.new_ipo_product .video_area .video{ float:none;}
.inside_content .right_area.new_ipo_product .video_area .video iframe{ width:100%;}
.inside_content .right_area.new_ipo_product .video_area .video_detail{ width:100%; margin-left:0;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .ppl{ float:none; width:100%; margin-bottom:5px; margin-top:0;}
.inside_content .right_area.new_ipo_product .video_area .video_detail .ppl .title{ padding:0 12px;}
.inside_content .right_area.new_ipo_product .button_area{ margin:5px 0; padding-left:10px; padding-right:10px; box-sizing:border-box;}
.inside_content .right_area.new_ipo_product .button_area a.button.left{ float:right;}
.inside_content .right_area.new_ipo_product .chart_area .remark{ margin-bottom:0; padding:0 10px;}
.inside_content .right_area.new_ipo_product .chart_area .chart_gray .remark{ padding:0;}
.inside_content .right_area.new_ipo_product .chart_area .remark{ font-size:13px;}
.inside_content .right_area.new_ipo_product .chart_area .remark .left{ float:none; width:100%; display:block;}
.inside_content .right_area.new_ipo_product .chart_area .remark .right{ float:none; width:100%; display:block; margin-top:0;}
.inside_content .right_area.new_ipo_product .chart_area .chart.left{ width:100%; float:none;}
.inside_content .right_area.new_ipo_product .chart_area .chart.right{ width:100%; float:none;}

.inside_content .right_area.new_ipo_product.baidu .detail_table.half.left{ margin:0; width:100%;}
.inside_content .right_area.new_ipo_product.baidu .detail_table.half.right{ margin:0; width:100%;}
.inside_content .right_area.new_ipo_product.baidu .chart_area .chart .img img{ width:100%; height:auto;}

.inside_content .right_area.new_ipo_product .chart_area .chart .img img{ width:100%; height:auto;}
.inside_content .right_area.new_ipo_product .step_area{ margin:0 10px 30px 10px;}
.inside_content .right_area.new_ipo_product .step_area ul{ margin-top:0;}
.inside_content .right_area.new_ipo_product .step_area ul li{ width:100%; margin:0;}
.inside_content .right_area.new_ipo_product .step_area ul li:nth-child(2){ margin:40px 0;}
.inside_content .right_area.new_ipo_product .step_area ul li .icon{ margin-bottom:10px;}
.inside_content .right_area.new_ipo_product .step_area ul li .product{ margin-top:10px;}
.inside_content .right_area.new_ipo_product .step_area ul li .product span{ min-height:0;}
.inside_content .right_area.new_ipo_product .step_area .tips{ margin-top:0; padding:10px 0 0 42px; font-size:14px; float:none;}

.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_in{ width:100%; margin-right:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .flow_out{ width:100%; margin-left:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .subtl{ font-size:15px; padding-left:10px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart td.range{ padding-left:10px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .description{ padding-left:10px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_moneyflow .chart .description{ right:10px;}

.inside_content .right_area.new_ipo_product .text_content .proportion{ /*margin-bottom:30px;*/}
.inside_content .right_area.new_ipo_product .text_content .proportion table.left{ width:100%; margin-right:0;}
.inside_content .right_area.new_ipo_product .text_content .proportion table.right{ width:100%; margin-left:0; margin-top:0;}
.inside_content .right_area.new_ipo_product .text_content .proportion table.right tbody tr:nth-child(even) td{ background:#dce6f2;}
.inside_content .right_area.new_ipo_product .text_content .proportion table.right tbody tr:nth-child(odd) td{ background:#fff;}
.inside_content .right_area.new_ipo_product .text_content .proportion table.right thead{ display:none;}
.inside_content .right_area.new_ipo_product .text_content .proportion .description{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll{ height:500px; overflow-y:scroll;}
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table thead th:first-child,
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table tbody th:first-child,
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table tbody td:first-child{ display:none;}
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table thead th,
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table tbody th{ padding:6px 0; line-height:17px;}
.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table tbody td{ padding:6px 0;}

.inside_content .right_area.new_ipo_product .text_content .proportion .mobile_scroll table tbody td a.code span{ display:block;}

.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement{ margin-bottom:15px; margin-top:30px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .subtl{ font-size:15px; width:140px; margin:10px auto 0 auto;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .date{ margin-left:10px; width:56px; height:40px; background-size:100%; font-size:18px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .terms{ margin:0 auto; margin-top:5px; float:none; text-align:center;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .call_area{ width:50%; margin-right:0; margin-bottom:5px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .put_area{ width:50%; margin-left:0; margin-bottom:5px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .code{ float:none; margin:0 auto; font-size:18px; width:136px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .code span{ font-size:18px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .call_area .code{ padding:42px 0 0 41px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .put_area .code{ padding:42px 0 0 34px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border .result_type{}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .blue_border{ font-size:18px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_announcement .button_area{ margin:5px 0;}

.inside_content .right_area.new_ipo_product .detail_table div.tl{ padding-left:10px;}
.inside_content .right_area.new_ipo_product .detail_table p{ padding:0 10px;}
.inside_content .right_area.new_ipo_product .detail_table tbody th{ width:24%; background:#4D7AA7; color:#FFF;}
.inside_content .right_area.new_ipo_product .detail_table tbody td{ width:38%; height:auto;}
.inside_content .right_area.new_ipo_product .detail_table .tips{ font-size:14px; line-height:20px; min-height:42px; margin-left:10px;}
.inside_content .right_area.new_ipo_product .detail_table thead th, .inside_content .right_area.new_ipo_product .detail_table tbody td, .inside_content .right_area.new_ipo_product .detail_table tbody th{ padding:5px 2px;}
.inside_content .right_area.new_ipo_product .detail_table tbody td, .inside_content .right_area.new_ipo_product .detail_table tbody th{ font-size:14px;}

.inside_content .right_area.new_ipo_product .quick_search_area .tips{ margin-top:5px;}
.inside_content .right_area.new_ipo_product .quick_search_area .tl a{ width:calc(100% - 85px);}
.inside_content .right_area.new_ipo_product .quick_search_area .search_area input{ /*width:calc(100% - 31px);*/} 
.inside_content .right_area.new_ipo_product .quick_search_area .timer{ margin-left:0;}
.inside_content .right_area.new_ipo_product .left_side{ width:100%; /*margin-top:10px;*/}
.inside_content .right_area.new_ipo_product .adr_table_area{ margin-top:30px; width:100%;}
.inside_content .right_area.new_ipo_product .adr_table_area .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .adr_table_area p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .adr_table_area .timer{ float:left;}
.inside_content .right_area.new_ipo_product .adr_table_area .button_area{ float:right;}
.inside_content .right_area.new_ipo_product .adr_table_area .button_area a.button{ font-size:14px;}
.inside_content .right_area.new_ipo_product .right_side{ padding:0; width:100%; box-sizing:border-box; margin-top:0;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart{ width:100%;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart img{ width:100%; height:auto;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart a img{ width:auto; height:auto;}
.inside_content .right_area.new_ipo_product .jp_table .scroll_table{ overflow-x:scroll; width:100%;}
.inside_content .right_area.new_ipo_product .jp_table .button_area a.button{ font-size:14px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market colgroup{ display:none;}
.inside_content .right_area.new_ipo_product .compare_bar_chart{ min-height:0; width:100%; margin-left:0; margin-top:30px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area{ width:100%; box-sizing:border-box; float:none; clear:both; padding:5px 0 0 10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li{ margin-right:10px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .sub_tabs_area ul.sub_tabs li:last-child{ margin-right:0;} 
.inside_content .right_area.new_ipo_product .compare_bar_chart .timer{ font-size:11px;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description{ font-size:11px; text-align:right; padding-right:5px; margin-left:10px; width:48%;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .description br{ display:none;}
.inside_content .right_area.new_ipo_product .compare_bar_chart .load_more{ margin-top:0;}
.inside_content .right_area.new_ipo_product .jp_table{ margin-top:30px; width:100%; margin-left:0; }
.inside_content .right_area.new_ipo_product .jp_table .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .jp_table p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .jp_table table thead th{ line-height:15px; white-space:nowrap;}
.inside_content .right_area.new_ipo_product .jp_table table tbody td{ white-space:nowrap;}

.inside_content .right_area.new_ipo_product .jp_table#newecon_hstech_recom .tl:after{ left:196px; top:-3px;}
.inside_content .right_area.new_ipo_product .jp_table#newecon_recom .tl:after{ left:269px; top:-3px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_result_sector .tl:after{ left:214px; top:-3px;}

.inside_content .right_area.new_ipo_product .turnover_chart{ padding-bottom:0; margin-top:30px;}
.inside_content .right_area.new_ipo_product .turnover_chart .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .turnover_chart p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table{ width:100%; margin-top:0;}
.inside_content .right_area.new_ipo_product .turnover_chart .rank_table .tips a{ font-size:13px; padding-left:10px;}
.inside_content .right_area.new_ipo_product .turnover_chart .chart .tips{ margin-left:10px;} 
.inside_content .right_area.new_ipo_product .turnover_chart .chart .tips a{ font-size:13px;}
.inside_content .right_area.new_ipo_product .newecon_news{ width:100%; margin-top:15px; margin-bottom:35px;}
.inside_content .right_area.new_ipo_product .newecon_news .icon{ }
.inside_content .right_area.new_ipo_product .newecon_news .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .newecon_news p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody td.topic{ width:30px;}
.inside_content .right_area.new_ipo_product .newecon_news table tbody td:first-child{ width:68px; font-size:13px;}
.inside_content .right_area.new_ipo_product .newecon_result{ width:100%; margin-top:15px;}
.inside_content .right_area.new_ipo_product .newecon_result .icon{ background:url(/home/images/icon_newecon_result.jpg) no-repeat center right 10px;}
.inside_content .right_area.new_ipo_product .newecon_result .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .newecon_result p{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .newecon_result .button_area a.button{ font-size:14px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td{ font-size:13px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td a{ font-size:13px;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop{ width:20%;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.drop_txt{ width:10%;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise_txt{ width:10%;}
.inside_content .right_area.new_ipo_product .newecon_compare_market td.rise{ width:20%;}
.inside_content .right_area.new_ipo_product .newecon_compare_market{ padding:0;}
.inside_content .right_area.new_ipo_product .text_content .txt_area{ margin-bottom:15px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.one{ padding:65px 10px 0 0; background:url(/home/images/bg_icon_newecon_text_content_img1.jpg) no-repeat top center; margin-bottom:15px; background-size:60px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.two{ padding:65px 10px 0 0; background:url(/home/images/bg_icon_newecon_text_content_img2.jpg) no-repeat top center; margin-bottom:15px; background-size:60px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area p.three{ padding:65px 10px 0 0; background:url(/home/images/bg_icon_newecon_text_content_img3.jpg) no-repeat top center; margin-bottom:10px; background-size:60px;}
.inside_content .right_area.new_ipo_product .text_content .txt_area #newecon_table_list table{ float:left; width:48%; margin:10px 1%;}
.inside_content .right_area.new_ipo_product .text_content .newecon_gray{}
.inside_content .right_area.new_ipo_product .text_content .spical_style{ margin:15px 10px;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li{ margin-right:20px; line-height:30px;}
.inside_content .right_area.new_ipo_product .text_content{ margin-top:25px; font-size:11px;}
.inside_content .right_area.new_ipo_product .text_content .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:24px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_gray{ margin-bottom:10px;}
.inside_content .right_area.new_ipo_product .text_content .newecon_gray .tl{ margin-left:0;}
.inside_content .right_area.new_ipo_product .text_content .newecon_gray p{ margin-left:0;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul{ width:220px; margin:0 auto;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li{ padding-left:40px; box-sizing: border-box; font-size:18px; line-height:36px;}
.inside_content .right_area.new_ipo_product .text_content .spical_style ul li span{ font-size:28px;}
.inside_content .right_area.new_ipo_product .table_text_content .tl{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:18px; line-height:22px;}
.inside_content .right_area.new_ipo_product .table_text_content{ margin-top:20px;}

.inside_content .right_area.new_ipo_product .table_text_content .description{ margin-left:10px;}
.inside_content .right_area.new_ipo_product .table_text_content .border_style{ width:calc(100% - 42px); margin:50px auto 60px auto; box-sizing:border-box; border:3px solid #4D7AA7; padding:0 15px 15px 15px; position:relative;}
.inside_content .right_area.new_ipo_product .table_text_content .border_style:last-child{ margin:50px auto 0 auto;}
.inside_content .right_area.new_ipo_product .table_text_content table{ margin-top:25px;}
.inside_content .right_area.new_ipo_product .table_text_content table thead th{ border-top:none; border-bottom:none;}

.inside_content .right_area.new_ipo_product .table_text_content .icon_a{ background:url(/home/images/bg_icon_newecon_table_content_img1.jpg) no-repeat center #fff; width:52px; height:52px; margin:5px auto; background-size:52px; position:absolute; width:80%; left:10%; top:-32px;}
.inside_content .right_area.new_ipo_product .table_text_content .icon_b{ background:url(/home/images/bg_icon_newecon_table_content_img2.jpg) no-repeat center #fff; width:52px; height:52px; margin:5px auto; background-size:52px; position:absolute; width:80%; left:10%; top:-32px;}
.inside_content .right_area.new_ipo_product .table_text_content .icon_c{ background:url(/home/images/bg_icon_newecon_table_content_img3.jpg) no-repeat center #fff; width:52px; height:52px; margin:5px auto; background-size:52px; position:absolute; width:80%; left:10%; top:-32px;}
.inside_content .right_area.new_ipo_product .table_text_content .icon_d{ background:url(/home/images/bg_icon_newecon_table_content_img4.jpg) no-repeat center #fff; width:52px; height:52px; margin:5px auto; background-size:52px; position:absolute; width:80%; left:10%; top:-32px;}

.timer.reload span a{ display:none;}

.table { width:100%; overflow-x:scroll; overflow-y:hidden;}
.table table{ }
.table table tbody td{ font-size:14px;}
.table table.sorting tbody th{ min-width:47px; padding:0;}
.table table thead th, .table table tbody td{ border-bottom:none; line-height:35px; white-space:nowrap;}
.table table thead th:first-child, .table table tbody td:first-child, .table table.sorting tbody th:first-child, .table table.sorting thead th:first-child, .table table.sorting tbody td:first-child{ padding-left:10px;}
.table.detail table thead th.tl{ padding-right:10px;}
.table.detail table tbody td{ padding:2px 10px; line-height:24px; font-size:15px;}
.table.detail table tbody td.empty{ display:none; height:0; padding:0;}
.table.detail table tbody td.chart_area .chart{ width:auto;}
.table.detail table tbody td.chart_area .chart .chart_area{ width:100%;}
.table.detail table tbody td:first-child{ width:100%; display:block;}
.table.detail table tbody td:nth-child(2){ width:100%; display:block;}
.table.detail table tbody td:last-child{ width:100%; display:block;}
.table.detail table tbody td.line{ padding:4px 10px; line-height:17px;}
.table.detail table tbody td:before,.table.detail table tbody td:after{ display:none;}
.table.detail table tbody td.chart_area{ height:auto;}
.table.detail table tbody td.chart_area .chart .tl{ padding-left:10px;}
.table.detail table tbody td.chart_area .chart .tl span.description{ padding-right:10px;}
.table.detail table tbody td.time_bar_td .time_bar_bg{ padding:0 10px;}
.table.detail table tbody td.time_bar_td .time_bar_area{ width:100%;}
.table.detail table tbody td.time_bar_td .time_bar_area .time_bar{ width:calc(100% - 80px); height:12px; background:#d8d9d9; float:left; margin:0 40px;}
.table.detail table tbody td span.line{ float:none;}
.table.detail table tbody td span.line{ line-height:17px;}
.table.detail.technical table tbody td div.bar_chart{ top:1px; right:10px;}
.table.detail.technical table tbody td div.ratio_bar{ top:12px; right:10px;}

.table.detail table tbody tr td.time_bar_td{ height:63px; display:none;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date{ white-space:normal;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date{ white-space:normal;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date:hover span{ left:0;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date:hover span{ right:0; left:unset;}
.table.detail table tbody td.time_bar_td .time_bar_area .listing_date:hover span:after{ background:url(/home/images/arrow_label_date.gif) no-repeat center left 5px;}
.table.detail table tbody td.time_bar_td .time_bar_area .expiry_date:hover span:after{ background:url(/home/images/arrow_label_date.gif) no-repeat center right 4px;}

/**/
.table.detail .time_bar_bg{ padding:0 10px;}
.table.detail .time_bar_area{ width:100%;}
.table.detail .time_bar_area .time_bar{ width:calc(100% - 80px); height:12px; background:#d8d9d9; float:left; margin:0 40px;}
.table.detail .time_bar_area .listing_date{ white-space:normal;}
.table.detail .time_bar_area .expiry_date{ white-space:normal;}
.table.detail .time_bar_area .listing_date:hover span{ left:0;}
.table.detail .time_bar_area .expiry_date:hover span{ right:0; left:unset;}
.table.detail .time_bar_area .listing_date:hover span:after{ background:url(/home/images/arrow_label_date.gif) no-repeat center left 5px;}
.table.detail .time_bar_area .expiry_date:hover span:after{ background:url(/home/images/arrow_label_date.gif) no-repeat center right 4px;}


.table.detail.document span.download a{ line-height:28px;}

.nav .navigate_area{ padding:10px 10px 0 10px; margin-bottom:0;}
.nav .navigate_area .tl{ line-height:30px; float:none; font-size:22px;}
.nav .navigate_area .navigate{ float:none; line-height:20px; padding:5px 0;}
.nav .navigate_area .tl span.realtime{ line-height:30px; background:url(/home/images/icon_tl_realtime.jpg) no-repeat left top 4px;}
.nav .vertical_new{ margin-left:0;}
.nav .navigate_area .vertical_new{ width:100%; padding:8px 0; margin:0; border:none;}
.nav .navigate_area .vertical_new.slick-vertical .news.slick-slide .news{ width:calc(100% - 90px)!important;}
.option_area{ padding:0 10px;}

#chart.inside_content .right_area .tabs_break.three li{ width:33%;}
#chart.inside_content .right_area .tabs_break.three li:nth-child(2){ width:34%;}
#terms.inside_content .right_area .tabs_break.three li{ width:33%;}
#terms.inside_content .right_area .tabs_break.three li:nth-child(2){ width:34%;}
#terms.inside_content .right_area #search_result{ position:relative;} 
#new_lisring.inside_content .right_area .tabs_break.three li{ width:33%;}
#new_lisring.inside_content .right_area .tabs_break.three li:nth-child(2){ width:34%;}

/*#chart.inside_content.underlying .right_area .tabs_area .tabs_break{ display:none;}
#terms.inside_content.underlying .right_area .tabs_area .tabs_break{ display:none;}
#moneyflow.inside_content.underlying .right_area .tabs_area .tabs_break{ display:none;}
#cnhk_moneyflow.inside_content.underlying .right_area .tabs_area .tabs_break{ display:none;}*/

.inside_content .right_area .related_product .vertical_scroll_area{ width:995px;}

#terms.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#terms.inside_content .right_area .tabs_area .tabs_break li:nth-child(4) a:after{ display:none;}
#terms.inside_content .right_area .tabs_area .tabs_break li:nth-child(5) a:after{ content: ""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}

#moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(4) a:after{ display:none;}
#moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(5) a:after{ content: ""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}

#cnhk_moneyflow.inside_content.underlying .chart_area .description li.flowin{ line-height:30px;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li.flowout{ line-height:30px;}
#cnhk_moneyflow.inside_content.underlying .chart_area .description li#total_moneyflow{ clear:both; padding-left:0; line-height:30px; margin-left:0; margin-bottom:5px;}
#cnhk_moneyflow.inside_content.underlying .right_area .option_area .right label{ line-height:30px; margin:0; width:40px; margin-right:0;}
#cnhk_moneyflow.inside_content.underlying .right_area .option_area .right input[type="text"].date.short{ width:calc(50% - 38px)!important; margin:0;}
#cnhk_moneyflow.inside_content.underlying .right_area .option_area .right span.to{ line-height:30px; margin:0; width:15px; text-align:center;}
#cnhk_moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#cnhk_moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(4) a:after{ display:none;}
#cnhk_moneyflow.inside_content .right_area .tabs_area .tabs_break li:nth-child(5) a:after{ content: ""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}

#video_inside.inside_content .right_area .video_area .video{ height:0; width:100%; padding-bottom:57%; overflow:hidden; position:relative;}
#video_inside.inside_content .right_area .video_area .video iframe{ top:0; left:0; width:100%; height:100%; position:absolute;}
#video_inside.inside_content .right_area .video_area .video_menu_area{ width: calc(100% - 20px); margin-right:10px; margin-top:10px;}
#video_inside.inside_content .right_area .video_area .video_menu_area .video_menu{ height:auto; overflow-y:visible;}

#video_inside.inside_content.youtube_style .right_area .video_detail{ width:100%; padding:0 10px; box-sizing:border-box; margin:0;}
#video_inside.inside_content.youtube_style .right_area .video_article ul{ border-bottom:none; margin-bottom:0;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li{ width:100%; margin:0; padding:0 10px; box-sizing:border-box;}
#video_inside.inside_content.youtube_style .right_area .video_article ul li .video img{ width:100%; height:auto;}

#chart.inside_content.underlying #newsfeed_context .news_area li{ padding:0 10px; box-sizing:border-box;}

#chart.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#chart.inside_content .right_area .tabs_area .tabs_break li:nth-child(4) a:after{ display:none;}
#chart.inside_content .right_area .tabs_area .tabs_break li:nth-child(5) a:after{ content: ""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#chart.inside_content .right_area .tabs_area .tabs_break li:nth-child(5).current a:after{ display:none;}


#calculator.inside_content .right_area .tabs_break.three li{ width:33%;}
#calculator.inside_content .right_area .tabs_break.three li:nth-child(2){ width:34%;}

#realtime_sector.inside_content .right_area .tabs_area .tabs_break li{ width:33%;}
#realtime_sector.inside_content .right_area .tabs_area .tabs_break li:nth-child(2){ width:34%;}
#realtime_sector.inside_content .right_area .tabs_area .tabs_break li:nth-child(3) a:after{ display:none;}
#realtime_sector.inside_content .right_area .tabs_area .tabs_break li:nth-child(5){ width:34%;}
#realtime_sector.inside_content .right_area .tabs_area .tabs_break li:nth-child(6) a:after{ display:none;}
#realtime_sector.inside_content .right_area .tabs_area .tabs_break li:last-child{ width:100%;}
#realtime_sector.inside_content .right_area .sub_tabs_area .sub_tabs li{ width:32%; box-sizing:border-box;}
#realtime_sector.inside_content .right_area .sub_tabs_area .sub_tabs li:nth-child(2){ margin:0 2%;}
#realtime_sector.inside_content .right_area .sector_area td.signal_area{ text-align:left;}
#realtime_sector.inside_content .right_area .sector_area td.signal_area .signal{ display:inline-block; float:none;}
#realtime_sector.inside_content .right_area .sector_area td .underlying{ width:107px;}
#realtime_sector.inside_content .right_area .sector_area .bar_area{ width:100%;}
#realtime_sector.inside_content .right_area .sector_area .high_side{ display:none;}
#realtime_sector.inside_content .right_area .sector_area .low_side{ display:none;}
#realtime_sector.inside_content .right_area .sector_area .sector_header .timer_area.content_for_sectorpage .left{ display:none;}
#realtime_sector.inside_content .right_area .sector_area .sector_header .timer_area.content_for_sectorpage .right{ display:none;}
#realtime_sector.inside_content .right_area .sector_area .signal_area .signal { line-height:24px; display:inline-block; float:none;}
#realtime_sector.inside_content .right_area .sector_area .table.sector tbody td.signal_area{ text-align:left;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area{ overflow-x:auto;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(1){ width:5%; font-size:13px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th.sector_tl{ font-size:13px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(2){ width:25%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(3){ width:25%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(4){ width:23%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(5){ width:auto;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th:nth-child(5){ width:auto;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th .ratio_bar_chart .bar_chart_area .bar_chart{ width:80px;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:nth-child(1){ width:30%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:nth-child(2){ width:25%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:nth-child(3){ width:23%;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:nth-child(4){ width:auto;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th:nth-child(5){ width:auto;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th.signal_area{ padding:0 15px; background:url(/home/images/bg_icon_realtime_sector_expand.jpg) no-repeat center right 3px #eaeaea;}
#realtime_sector.inside_content .right_area .sector_area .table.sector h3.open table th:last-child { background:url(/home/images/bg_icon_realtime_sector_collapse.jpg) no-repeat center right 3px #eaeaea;}
#realtime_sector.inside_content .right_area .sector_area .table.sector_header table thead th .home_hide,
#realtime_sector.inside_content .right_area .sector_area .table.sector h3 table th .home_hide{ display:none;}
#realtime_sector.inside_content .right_area .sector_area .table.sector .expand_area tr.colspan_style th.line.mobile_only{ display:table-cell;}

#stock_trend.inside_content .right_area .table h3 table thead th{ border-bottom:1px solid #d8d9d9;}
#stock_trend.inside_content .right_area .table h3 .trend_detail{ margin-top:5px;}
#stock_trend.inside_content .right_area .table .expand_trend table thead th{ display:none;}

#stock_trend.inside_content .right_area .table .expand_trend table tbody td{ width:33%; box-sizing:border-box; float:left;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.right_border{ border-right:none;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead{ display:block;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead tr{ display:block;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th{ display:block; float:left; width:33%; box-sizing:border-box;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th:nth-child(1){ width:50%;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th:nth-child(2){ width:50%;}
#stock_trend.inside_content .right_area .table .expand_trend table.mobile_only thead th:nth-child(3){ width:33%;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying{ width:50%;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td{ width:25%;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.right_border{ width:50%;}
#stock_trend.inside_content .right_area .table .sub_tabs_area .sub_tabs li{ min-width:0; margin-right:5px;}
#stock_trend.inside_content .right_area .table .expand_trend table tbody td.underlying a{ word-break:break-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%; float:left;}
#stock_trend.inside_content .right_area .table .expand_trend colgroup{ display:none;}

#chart.inside_content.underlying #newsfeed_context button.all_news{
    margin-left: 10px;
}

#product_search.inside_content .result_area .jp_remark{ margin:10px 10px 0 10px;}

/* rudy===================================================================== */
#product_search.inside_content .result_area .underlying_quote{ 
    padding:0 10px; 
    /* float:none;
    min-width: none;
} */
}

#product_search.inside_content .result_area .underlying_quote a{
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    align-content: space-between;
}

#product_search.inside_content .result_area .underlying_quote a .timer{
    width: auto;
    margin-left: 0;
    text-align: left;
}

/* Rudy======================================================================== */

#product_search.inside_content .option_area .left{ padding-right:0; background:none; float:none;}
#product_search.inside_content .option_area .right{ float:right; float:none;}
#product_search.inside_content .result_area .download{ display:none;}
#product_search.inside_content .result_area .result{ display:block; padding:0 10px; float:none; line-height:32px;}
#product_search.inside_content .result_area .jp_remark{ /*display:none;*/}
#product_search.inside_content .result_area .underlying_quote{ padding:0 10px; float:none;}
#product_search.inside_content .result_area .underlying_quote .underlying.index_name{ font-size:18px; padding-right:0; margin-right:0; line-height:32px; float:none; background:none;}
#product_search.inside_content .result_area .underlying_quote .product_price_area{ float:none;}
#product_search.inside_content .result_area .underlying_quote .product_price_area .price{ font-size:32px;}
#product_search.inside_content .option_area .description{ float:none;}
#product_search.inside_content .option_area label.tl{ display:block; line-height:15px; font-size:13px; font-weight:bold; padding-top:10px; margin-right:0;}
#product_search.inside_content .option_area label{ float:none;}
#product_search.inside_content .option_area select{ float:none; width:calc(100% - 62px); margin-right:0;}
#product_search.inside_content .option_area{ line-height:30px;}
#product_search.inside_content .option_area select{ margin-top:0; margin-bottom:0;}
#product_search.inside_content .option_area .description span{ margin-left:0; margin-top:12px; margin-top:9px;}
#product_search.inside_content .option_area .blue label.ascending, #product_search.inside_content .option_area .blue label.descending, #product_search.inside_content .option_area .brown label.ascending, #product_search.inside_content .option_area .brown label.descending{ }
#product_search.inside_content .option_area label input[type="radio"]{ margin-left:0;}
#product_search.inside_content .option_area label.ascending{ margin-right:40px;}
#product_search.inside_content .right_area #search_table .table table{ width:1000px;}
#product_search.inside_content .right_area #search_table .table .tablesaw_area table{ width:100%;}
#product_search.inside_content .right_area #search_table .table table.sorting tbody th{ min-width:35px;}
#product_search.inside_content .right_area #search_table .table .vertical_scroll_area{ /*width:fit-content;*/ height:auto; overflow:visible;}
#product_search.inside_content .left_area{ display:block; width:100%;}
#product_search.inside_content .left_area .left_part{ margin-top:0;}
#product_search.inside_content .left_area.is_stuck{ position:initial!important;}
#product_search.inside_content .left_area .side_menu{ margin-right:0;}
#product_search.inside_content .left_area .side_menu.serch_box .section.type ul li{ width:25%; margin-right:0;}
#product_search.inside_content #filter_content{ padding:10px;}
#product_search.inside_content .result_area .jp_realtime_area{ margin-left:10px; margin-top:10px;}
#product_search.inside_content .result_area .jp_pick_option {     margin: 10px 0 0 10px;    border-left: none;    padding-left: 0px;}
.inside_content .left_area .side_menu.serch_box .section.strike .input_box.left input[type="text"]{ width:100%; text-align:left;}
.inside_content .left_area .side_menu.serch_box .section.strike .input_box.right input[type="text"]{ width:100%; text-align:left;}
.inside_content .left_area .side_menu.serch_box .section.issuer .issuer_list #issuer_pick{ width:100%;}

.inside_content .right_area{ min-height:0;}
.inside_content .right_area .home_banner.mobile_only{ margin-top:10px;}

.inside_content .right_area .product_quote_area .top_area{ padding:5px;}
.inside_content .right_area .product_quote_area .top_area .info_area{ width:100%; box-sizing:border-box; margin-left:0;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li{ font-size:28px; float:none; text-align:center; line-height:30px; margin-top:0;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.name > div{ float:none; text-align:center;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.name table{ float:none; display:flex; width:100%; justify-content:center;}

.inside_content .right_area .product_quote_area .top_area .info_area ul li.type{ width:50%; box-sizing:border-box; text-align:center; margin-left:0; font-size:18px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.issuer{ width:50%; box-sizing:border-box; text-align:center; margin-left:0; font-size:18px;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li span{ float:none;}

.inside_content .right_area .product_quote_area .top_area .top_search{ float:none; display:none;}
.inside_content .right_area .product_quote_area .top_area .top_search input[type="text"]{ width:100%; padding:0 10px;}
.inside_content .right_area .product_quote_area .price_area .price_info .product_price_area{ float:none; padding:3px 5px; border-bottom:1px solid #d8d9d9; margin:0;}
.inside_content .right_area .product_quote_area .price_area .price_info .change_area{ float:right; text-align:right;}
.inside_content .right_area .product_quote_area .price_area .price_info ul{ float:none; padding:0;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li{ width:100%; margin:0; padding:2px 0; line-height:22px; text-align:left; font-size:15px;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li span{ line-height:24px; float:right; font-size:14px}
.inside_content .right_area .product_quote_area .price_area .price_info ul li:nth-child(odd){ background:none;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.ask{ background:#f5f5f5; width:50%; margin-right: 0; border-bottom:1px solid #d8d9d9;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li.bid{ background:#f5f5f5; width:50%; margin-left:0;  border-bottom:1px solid #d8d9d9;}

.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li{ padding:0 5px; min-width:0; width:50%; box-sizing:border-box; float:left; font-size:13px;}
.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li.bid{ min-width:0; width:50%; margin-left:0; background:#fff; text-align:center;}
.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li.ask{ min-width:0; width:50%; margin-right:0; background:url(/home/images/info_area_line.jpg) no-repeat left #fff; text-align:center;}
.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li.bid span{ float:none; text-align:center; width:100%;}
.inside_content .right_area .product_quote_area .price_area .price_info ul.jp_product li.ask span{ float:none; text-align:center; width:100%;} 

.inside_content .news_area li table.wnt_table,  
.inside_content .news_area li table.cbbc_table,
.inside_content .news_area li table.inline_table{ min-width:0; width:100%;}

.inside_content .news_area li table.wnt_table thead th, 
.inside_content .news_area li table.cbbc_table thead th, 
.inside_content .news_area li table.inline_table thead th{ font-size:13px;}

.inside_content .news_area li table.wnt_table tbody td, 
.inside_content .news_area li table.cbbc_table tbody td, 
.inside_content .news_area li table.inline_table tbody td{ font-size:13px;}

.inside_content.underlying .right_area .product_quote_area .price_area .price_info:last-child ul li:first-child{ /*width:50%;*/}
.inside_content.underlying .right_area .product_quote_area .price_area .price_info ul li{ padding:2px 0;}

.inside_content .right_area .underlying_info_area .underlying_info .price_area .price{ font-size:32px;}
.inside_content .right_area .underlying_info_area .underlying_info ul li{ width:33%; text-align:center; margin-left:0; line-height:24px;}
.inside_content .right_area .underlying_info_area .underlying_info ul li:nth-child(2){ width:34%;}
.inside_content .right_area .underlying_info_area .underlying_info ul li span{ display:block; margin-left:0; width:100%; line-height:24px;}
.inside_content .right_area .underlying_info_area .underlying_info ul li span.unit{ width:auto; display:inline-block; float:none;}
.inside_content .right_area .underlying_info_area .underlying_info .price_area{ margin:5px 0;}

.inside_content .right_area .underlying_info_area .underlying_flow .tl{ margin-right:0;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area{ width:100%;}
.inside_content .right_area .underlying_info_area .underlying_flow .bar_chart_area .bar_area{ width:calc(100% - 140px);}
.inside_content .right_area .underlying_info_area .underlying_flow .last_day{ margin-right:0; margin:5px 0;}
.inside_content .right_area .underlying_info_area .underlying_flow .five_day{ margin-left:0;}

.inside_content .right_area .underlying_info_area .box{ width:100%; box-sizing:border-box; padding:10px 10px 5px 10px;}
.inside_content .right_area .related_product{ position:relative; clear:both;}
.inside_content .right_area .related_product .jp_remark_area .jp_remark{ margin:0 10px 10px 10px; position:absolute; top:255px;}
.inside_content .right_area .related_product #search_result .search_path a{ margin-right:10px;}
.inside_content .right_area .related_product .option_area{ line-height:34px;}
.inside_content .right_area .related_product .option_area .left{ padding-right:0; background:none; float:none;}
.inside_content .right_area .related_product .option_area .right{ float:none;}
.inside_content .right_area .related_product .option_area label.tl{ display:block; line-height:15px; font-size:13px; font-weight:bold; padding-top:10px;}
.inside_content .right_area .related_product .option_area label{ float:none;}
.inside_content .right_area .related_product .option_area .description{ float:none;}
.inside_content .right_area .related_product .option_area label.tl{ display:block; line-height:15px; font-size:13px; font-weight:bold; padding-top:10px;}
.inside_content .right_area .related_product .option_area label{ float:none;}
.inside_content .right_area .related_product .option_area label input[type="radio"]{ margin-left:0;}
.inside_content .right_area .related_product .option_area label.ascending{ margin-right:40px;}
.inside_content .right_area .related_product .option_area select{ float:none; width:calc(100% - 62px); margin-right:0; margin:0;}
.inside_content .right_area .related_product .option_area .description span{ margin-left:0; margin-top:11px;}

.inside_content .right_area .adv_chart_area .sub_tabs_area{ margin:10px 0;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period{ float:none; margin-right:0.5%;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period ul.sub_tabs{ clear:unset;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs li{ min-width:0; width:12%; box-sizing:border-box; margin-bottom:5px; margin-right:0.5%;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs li a{ padding:0 5px;}
/*.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs li:nth-child(2){ margin:0 2%;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs li:nth-child(5){ margin:0 2% 5px 2%}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs.indexes li:nth-child(2){ margin:0 2%;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs.indexes li:nth-child(5){ margin:0 0 5px 0;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .period .sub_tabs.indexes li:nth-child(5){ margin:0 2% 5px 2%;}*/

.inside_content .right_area .adv_chart_area .sub_tabs_area .range{ margin-bottom:5px; margin-left:0;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .range input.date{ width:120px;}

.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type ul.sub_tabs{ clear:unset;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li{ width:12%; box-sizing:border-box; margin-right:0.5%;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li:nth-child(2){ margin-left:0; /*margin-right:0;*/}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type .sub_tabs li a{ width:auto;}
.inside_content .right_area .adv_chart_area .sub_tabs_area .chart_type{ float:none; margin-right:0;}

.inside_content .right_area .adv_chart_area .option_area select{ width:100%;}
.inside_content .right_area .adv_chart_area .option_area select.picker{ min-width:0; margin-right:0;}
.inside_content .right_area .adv_chart_area .option_area{ padding:4px 10px;}

.inside_content.warrant .right_area .adv_chart_area .option_area .right label, .inside_content.cbbc .right_area .adv_chart_area .option_area .right label{ margin-left:20px;}
.on_device.device_ios .inside_content .right_area .adv_chart_area .option_area select.picker{ padding-right:0!important;}
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .left, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .left{ width:50%; background:url(/home/images/chart_tabs_line.gif) center right no-repeat;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .left{ width:50%; background:url(/home/images/chart_tabs_line.gif) center right no-repeat;}
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .left select.picker, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .left select.picker{ width:calc(100% - 10px);}
.inside_content .right_area .adv_chart_area .option_area .sub_option .left select.picker{ width:calc(100% - 10px);}
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .left label, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .left label{ margin-right:0;} 
.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .right label, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .right label{ margin-left:11px; margin-right:0;}

.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .right select.picker, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .right select.picker{ width:calc(100% - 10px); margin-left:10px;}
.inside_content .right_area .adv_chart_area .option_area label{ line-height:25px;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .right label{ margin-left:10px; margin-right:0;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .right select.picker{ width:calc(100% - 10px); margin-left:10px;}

.inside_content .right_area .adv_chart_area .option_area .sub_option .left .technical_setting{ width:calc(100% - 10px);}
.inside_content .right_area .adv_chart_area .option_area .sub_option [data-type="rsi_setting"] input[type="text"]{ width:100%; margin-right:0;}
.inside_content .right_area .adv_chart_area .option_area .sub_option [data-type="macd_setting"] input[type="text"]{ width:32%; margin-right:2%;}
.inside_content .right_area .adv_chart_area .option_area .sub_option [data-type="macd_setting"] input[type="text"]:nth-child(3){ margin-right:0;}
.inside_content .right_area .adv_chart_area .option_area .technical_option button{ margin:6px 0; width:100%;}

.inside_content.warrant .right_area .adv_chart_area .option_area .sub_option .right, .inside_content.cbbc .right_area .adv_chart_area .option_area .sub_option .right{ width:50%;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .right{ width:50%;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .right .technical_option{ padding-left:10px;}
.inside_content .right_area .adv_chart_area .option_area .sub_option .right .technical_option button{ margin-left:0; width:100%;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label{ line-height:25px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option input[type="checkbox"]{ margin-top:6px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.ten{ background:url(/home/images/bg_chart_label_ma_ten.jpg) no-repeat right 10px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.twenty{ background:url(/home/images/bg_chart_label_ma_twenty.jpg) no-repeat right 10px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.fifty{background: url(/home/images/bg_chart_label_ma_fifty.jpg) no-repeat right 10px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.hundred{ background:url(/home/images/bg_chart_label_ma_hundred.jpg) no-repeat right 10px;}
.inside_content .right_area .adv_chart_area .option_area .technical_option.moving_average label.twohundredfive{ background:url(/home/images/bg_chart_label_ma_twohundredfive.jpg) no-repeat right 10px;}

.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area{ width:100%; float:none;}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area table{ width:100%;}
/*.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area table td{ display:block; text-align:center;}*/
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area table td{ display:inline-block; text-align:right; width:50%;}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area .name{ font-size:18px; float:left; min-width:60%; text-align:left;}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area .name span{ font-size:13px; line-height:1; display:block;}
.inside_content.underlying .right_area .product_quote_area .top_area .info_area ul li.name_area .signal_area{ float:right;}

.inside_content.underlying .right_area .product_quote_area.futures .top_area .info_area ul li.name_area table tbody td:first-child{ width:100%;}
.inside_content.underlying .right_area .product_quote_area.futures .top_area .info_area ul li.name_area table tbody td:last-child{ display:block;}
.inside_content.underlying .right_area .product_quote_area.futures .price_area .price_info ul li.high_low{ width:100%;}
.inside_content.underlying .right_area .product_quote_area.futures .price_area .price_info ul li.high_low span{ float:right; width:auto;}

.inside_content .right_area .product_quote_area .top_area .info_area ul li span{ width:100%; white-space:normal;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area{ margin-left:0;}

.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area .signal, 
.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area #tooltip_content_more .signal, 
.inside_content .right_area .product_quote_area .top_area .info_area ul li .signal_area .tooltip_content_more .signal{ float:none; display:inline-block; margin-top:0;}

.inside_content .right_area .product_quote_area .top_area .info_area ul li.ratio_bar_chart{ width:100%; background:none; padding-left:0; float:none; margin:10px 0;}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.ratio_bar_chart .bar_chart_area .sector{}
.inside_content .right_area .product_quote_area .top_area .info_area ul li.ratio_bar_chart .bar_chart_area .bar_chart{ width:100%;}

.inside_content .right_area .product_quote_area .price_area .price_info ul li{ background:none;}
.inside_content .right_area .product_quote_area .price_area .price_info ul li span span.unit{ line-height:20px;}


#calculator.inside_content .right_area .calculator_box_area{ padding:10px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .chart_area{ width:100%;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area{ width:100%; margin-right:0;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .slider{ width:calc(100% - 75px);}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .input_box input{ width:60px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .bar_area ul li .slider.date{ width:calc(100% - 135px);}
#calculator.inside_content .right_area .calculator_box_area .calculator_area .button_area{ margin-bottom:10px;}
#calculator.inside_content .right_area .calculator_box_area .calculator_area #msg_popup{ width:100%;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td{ width:100%; display:block;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table thead th{ padding-left:0; padding-right:0;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td:nth-child(odd){ padding-left:0; padding-right:0; background:none;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody tr:nth-child(even) td:nth-child(odd){ padding-left:0; padding-right:0; background:none;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody tr:nth-child(even) td:nth-child(even){ padding-left:0; padding-right:0; background:none;}
#calculator.inside_content .right_area .calculator_box_area .table.calculator_result table tbody td:nth-child(even){ padding-left:0; padding-right:0;}
.inside_content .right_area .adv_chart_area .chart_area .chart{ width:calc(100% - 50px)!important;}
#calculator.inside_content .right_area .product_detail ul li:first-child{ width:50%;}
#calculator.inside_content .right_area .product_detail ul li{ width:50%;}

#calculator.inside_content .right_area .jp_internal_option{ padding:10px;}
#calculator.inside_content .right_area .jp_internal_option ul li{ margin-bottom:5px; width:100%; padding-right:0;}
#calculator.inside_content .right_area .jp_internal_option ul li label span{ display:none;}
#calculator.inside_content .right_area .jp_internal_option ul li input[type="text"]{ width:calc(100% - 105px);}
#calculator.inside_content .right_area .jp_internal_option ul li select{ width:calc(100% - 105px);}
#calculator.inside_content .right_area .jp_internal_option ul li.two_line label{ margin-top:5px; line-height:normal;}
#calculator.inside_content .right_area .jp_internal_option_search_button_area{ padding:10px;}
#calculator.inside_content .right_area .jp_internal_option_search_button_area .left button{ width:100%; margin-right:0;}



#result_announcements.inside_content .right_area .calendar_area .calendar{ position:relative; padding:0 10px 5px 10px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .prev_year{ position:absolute; left:0; top:0; line-height:30px; margin-left:2%; padding-left:10px;}
#result_announcements.inside_content .right_area .calendar_area .calendar .next_year{ position:absolute; right:0; top:0; line-height:30px; margin-right:2%; padding-right:10px;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month{ width:100%; margin-top:30px;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li{ margin-right:0; width:16%;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(1){ margin-left:2%;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(6){ margin-right:2%;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(7){ margin-left:2%;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(12){ margin-right:2%;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area{ margin-top:10px;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right label{ width:110px; margin:0 5px 7px 0; line-height:30px;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right input[type="text"]{ width:calc(100% - 115px); margin-right:0; margin-top:0;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right select{ width:calc(100% - 115px); margin:0 0 7px 0;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .right button{ width:100%; margin:0 0 7px 0;}
#result_announcements.inside_content .right_area .calendar_area .bottom .option_area{ float:none; margin-bottom:0; margin-top:0;}
#result_announcements.inside_content .right_area .calendar_area .bottom .sub_tabs_area{ padding-right:0; margin-top:0; float:none; padding:0 10px;}
#result_announcements.inside_content .right_area .calendar_area .bottom .sub_tabs_area .sub_tabs li{ margin:0; width:49%; box-sizing:border-box;}
#result_announcements.inside_content .right_area .calendar_area .bottom .sub_tabs_area .sub_tabs li:first-child{ margin-right:1%;}
#result_announcements.inside_content .right_area .calendar_area .bottom .sub_tabs_area .sub_tabs li:last-child{ margin-left:1%;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(1), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(2), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(3), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(4), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(5), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(6){ margin-bottom:0;}
#result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(7), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(8), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(9), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(10), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(11), #result_announcements.inside_content .right_area .calendar_area .calendar ul.month li:nth-child(12){ margin-top:0;}
#result_announcements.inside_content .right_area .calendar_area .top .option_area .left{ float:none; text-align:center;}

#result_announcements.inside_content .right_area #result .mobile_only.table label{ float:left;}
#result_announcements.inside_content .right_area #result .mobile_only.table span{ float:right; line-height:36px;}
#result_announcements.inside_content .right_area #result .mobile_only.table span.price{ margin-right:3px;}
#result_announcements.inside_content .right_area #result .mobile_only.table span.date{ margin-right:3px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td{ padding:0 10px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td{ border-top:2px solid #d8d9d9;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td span.underlying{ float:left;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td span.underlying a .code{ float:left; line-height:16px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td span.underlying a .name{ float:left; line-height:16px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td span.underlying a{ border-left:6px solid #4D7AA7; padding-left:5px; float:left; line-height:16px; margin:10px 0;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.underlying_td span.underlying a:after{ content:""; display:table; clear:both;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.dividend span{ line-height:36px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.dividend span.price{ }
#result_announcements.inside_content .right_area #result .mobile_only.table td.dividend label{ line-height:18px;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.range_bar_chart .bar_chart{ float:right;}
#result_announcements.inside_content .right_area #result .mobile_only.table td label{ text-align:left;}
#result_announcements.inside_content .right_area #result .mobile_only.table td.range_bar_chart{ line-height:18px;}
#result_announcements.inside_content .right_area #result .mobile_only.table table tbody td.focus span{ clear:unset; margin-left:3px;}
#result_announcements.inside_content .right_area #result .mobile_only.table .option_area select{ width:calc(100% - 130px);}

#article.inside_content .news_area li img{ max-width:100%;}

#moneyflow_chart.inside_content .right_area .chart_area{ width:100%!important;}
#moneyflow_chart.inside_content .right_area .remark{ padding:0 10px;}

#money_flow.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#money_flow.inside_content .right_area .money_flow_chart colgroup{ display:none;}
#money_flow.inside_content .right_area .money_flow_chart .chart_table .stamp td .timer{ margin-top:20px; width:calc(100% - 10px);}
#money_flow.inside_content .right_area .money_flow_chart .chart_table .stamp td .mid_text{ margin-top:-19px;}
#money_flow.inside_content .right_area .money_flow_chart .option_area label{ width:100%; margin-right:0; line-height:30px;}
#money_flow.inside_content .right_area .money_flow_chart .option_area input[type="text"]{ margin:0; width:calc(100% - 35px);}
#money_flow.inside_content .right_area .money_flow_chart .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#money_flow.inside_content .right_area .money_flow_chart .option_area select{ margin-top:7px; width:100%;}
#money_flow.inside_content .right_area .money_flow_chart .option_area button{ width:100%; margin:0 0 7px 0;}
#money_flow.inside_content .right_area .money_flow_chart .option_area .left{ float:none;}
#money_flow.inside_content .right_area .money_flow_chart .option_area .left:after{ content:""; display:table; clear:both;}
#money_flow.inside_content .right_area .money_flow_chart .option_area .right{ float:none; margin-top:10px;}
#money_flow.inside_content .right_area .money_flow_chart .option_area .right label{ width:70px;}
#money_flow.inside_content .right_area .money_flow_chart .option_area .right select{ margin-top:0; width:calc(100% - 70px);}
#money_flow.inside_content .right_area .money_flow_chart .option_area .right:after{ content:""; display:table; clear:both;}

#money_flow.inside_content .right_area #type_index .money_flow_chart .chart_table .num_box span{ display:none;}
#money_flow.inside_content .right_area #type_etf .money_flow_chart .chart_table .num_box span{ display:none;}
#money_flow.inside_content .right_area #type_wnt .money_flow_chart .chart_table .num_box span{ display:none;}
#money_flow.inside_content .right_area #type_cbbc .money_flow_chart .chart_table .num_box span{ display:none;}


#news.inside_content #newsfeed_context .news_area ul li{ padding:0 10px; box-sizing:border-box;}
#news.inside_content .tabs_area .tabs_break.three li{ width:33%;}
#news.inside_content .tabs_area .tabs_break.three li:nth-child(2){ width:34%;}


#new_lisring.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#new_lisring.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#new_lisring.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#new_lisring.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#new_lisring.inside_content .right_area .option_area .left label{ width:100%; margin-right:0; line-height:30px;}
#new_lisring.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(100% - 35px);}
#new_lisring.inside_content .right_area .option_area .right{ float:none;}
#new_lisring.inside_content .right_area .option_area .right label{ width:100%; margin-right:0; line-height:30px;}
#new_lisring.inside_content .right_area .option_area .right select{ margin-top:0;}

#new_lisring.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#new_lisring.inside_content .right_area .option_area select{ margin-top:7px; width:100%;}
#new_lisring.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}


#warrant_settlement_price.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#warrant_settlement_price.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#warrant_settlement_price.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#warrant_settlement_price.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#warrant_settlement_price.inside_content .right_area .option_area .left label{ width:100%; margin-right:0; line-height:30px;}
#warrant_settlement_price.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(100% - 35px);}
#warrant_settlement_price.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#warrant_settlement_price.inside_content .right_area .option_area select{ margin-top:7px; width:100%;}
#warrant_settlement_price.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}
#warrant_settlement_price.inside_content .right_area .option_area .left{ float:none;}
#warrant_settlement_price.inside_content .right_area .option_area .left:after{ content:""; display:table; clear:both;}
#warrant_settlement_price.inside_content .right_area .option_area .right{ float:none; margin-top:10px;}
#warrant_settlement_price.inside_content .right_area .option_area .right label{ width:55px; margin-right:0; line-height:30px;}
#warrant_settlement_price.inside_content .right_area .option_area .right input[type="text"]{ margin-top:0; width:calc(100% - 55px);}
#warrant_settlement_price.inside_content .right_area .option_area .right:after{ content:""; display:table; clear:both;}

#settlement_price.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#settlement_price.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#settlement_price.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#settlement_price.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#settlement_price.inside_content .right_area .option_area .left label{ width:auto; margin-right:5px; line-height:30px; width:30px; margin-top:7px;}
#settlement_price.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(50% - 35px); margin-top:7px;}
#settlement_price.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px; text-align:center; margin-top:7px;}
#settlement_price.inside_content .right_area .option_area select{ margin-top:0; width:calc(50% - 35px); margin-top:7px;} 
#settlement_price.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}
#settlement_price.inside_content .right_area .option_area .left{ float:none;}
#settlement_price.inside_content .right_area .option_area .left:after{ content:""; display:table; clear:both;}
#settlement_price.inside_content .right_area .option_area .right{ float:none; margin-top:10px;}
#settlement_price.inside_content .right_area .option_area .right label{ width:55px; margin-right:0; line-height:30px;}
#settlement_price.inside_content .right_area .option_area .right input[type="text"]{ margin-top:0; width:calc(100% - 55px);}
#settlement_price.inside_content .right_area .option_area .right:after{ content:""; display:table; clear:both;}
#page.inside #settlement_price.inside_content .right_area .tabs_area ul.tabs_break li{ width:33%;}
#page.inside #settlement_price.inside_content .right_area .tabs_area ul.tabs_break li:nth-child(2){ width:34%;}

#cbbc_callback.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#cbbc_callback.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#cbbc_callback.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#cbbc_callback.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#cbbc_callback.inside_content .right_area .option_area .left label{ width:100%; margin-right:0; line-height:30px;}
#cbbc_callback.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(100% - 35px);}
#cbbc_callback.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#cbbc_callback.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}
#cbbc_callback.inside_content .right_area .option_area .left{ float:none;}
#cbbc_callback.inside_content .right_area .option_area .left select{ margin-top:7px; width:100%;}
#cbbc_callback.inside_content .right_area .option_area .left:after{ content:""; display:table; clear:both;}
#cbbc_callback.inside_content .right_area .option_area .right{ float:none; margin-top:0;}
#cbbc_callback.inside_content .right_area .option_area .right label{ width:55px; margin-right:0; line-height:30px;}
#cbbc_callback.inside_content .right_area .option_area .right input[type="text"]{ margin-top:0; width:calc(100% - 55px);}
#cbbc_callback.inside_content .right_area .option_area .right select{ margin-top:0; width:100%;}
#cbbc_callback.inside_content.cbbc .right_area .option_area .right label{ width:85px; margin-right:0; line-height:30px;}
#cbbc_callback.inside_content.cbbc .right_area .option_area .right input[type="text"]{ margin-top:0; width:calc(100% - 85px);}
#cbbc_callback.inside_content .right_area .option_area .right:after{ content:""; display:table; clear:both;}


#cbbc_residual_value.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#cbbc_residual_value.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#cbbc_residual_value.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#cbbc_residual_value.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#cbbc_residual_value.inside_content .right_area .option_area .left label{ width:100%; margin-right:0; line-height:30px;}
#cbbc_residual_value.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(100% - 35px);}
#cbbc_residual_value.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#cbbc_residual_value.inside_content .right_area .option_area select{ margin-top:7px; width:100%;}
#cbbc_residual_value.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}
#cbbc_residual_value.inside_content .right_area .option_area .left{ float:none;}
#cbbc_residual_value.inside_content .right_area .option_area .left:after{ content:""; display:table; clear:both;}
#cbbc_residual_value.inside_content .right_area .option_area .right{ float:none; margin-top:10px;}
#cbbc_residual_value.inside_content .right_area .option_area .right label{ width:85px; margin-right:0; line-height:30px;}
#cbbc_residual_value.inside_content .right_area .option_area .right input[type="text"]{ margin-top:0; width:calc(100% - 85px);}
#cbbc_residual_value.inside_content .right_area .option_area .right:after{ content:""; display:table; clear:both;}


#expiring.inside_content .right_area .tabs_area li:nth-child(2) a:after{ display:none;}
#expiring.inside_content .right_area .tabs_area li:nth-child(4) a:after{ display:none;}
#expiring.inside_content .right_area .tabs_area li:nth-child(6) a:after{ display:none;}
#expiring.inside_content .right_area .tabs_area li:nth-child(7) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#expiring.inside_content .right_area .tabs_area li:nth-child(7).current a:after{ display:none;}
#expiring.inside_content .right_area .option_area .left label{ width:100%; margin-right:0; line-height:30px;}
#expiring.inside_content .right_area .option_area .left input[type="text"]{ margin:0; width:calc(100% - 35px);}
#expiring.inside_content .right_area .option_area span.or{ padding:0 10px; line-height:30px; width:15px;}
#expiring.inside_content .right_area .option_area select{ margin-top:7px; width:100%;}
#expiring.inside_content .right_area .option_area button{ width:100%; margin:0 0 7px 0;}
#expiring.inside_content .right_area .tabs_area ul.tabs_break li{ width:33%;}
#expiring.inside_content .right_area .tabs_area ul.tabs_break li:nth-child(2){ width:34%;}


#education.inside_content .right_area.usindex .table.half{ width:100%;}
#education.inside_content .right_area.usindex .tabs .left_part{ width:100%;}
#education.inside_content .right_area.usindex .tabs .mobile_menu_button{ display:flex; justify-content:flex-end; padding:0; position:absolute; right:15px; top:-30px;}
#education.inside_content .right_area.usindex .tabs .mobile_menu_button span{ background:url(/home/images/icon_edu_menu.png) #2c9ab3 no-repeat left 5px center; padding:3px 8px 3px 25px; color:#fff; border-radius:4px; background-size:17px; font-size:14px;}
#education.inside_content .right_area.usindex .mobile_only .edu_menu{ position:fixed; background:rgb(0 0 0 / 70%);; top:46px; height:100%; z-index:1; width:100%;}
#education.inside_content .right_area.usindex #tabs-content{ width:100%; padding-top:10px;}
#education.inside_content .right_area.usindex ul#tabs-nav{ width:100%; background:#fff; width:90%; margin:5%; border-radius: 2px;}
#education.inside_content .right_area.usindex ul#tabs-nav li:first-child{ padding-top:5px;}
#education.inside_content .right_area.usindex ul#tabs-nav li:after{ right:8px;}
#education.inside_content .right_area.usindex ul#tabs-nav li div{ width:calc(100% - 30px);}
#education.inside_content .right_area.usindex ul#tabs-nav li:first-child:after{ top:10px;}
#education.inside_content .right_area.usindex ul#tabs-nav li{ margin-bottom: 5px;}
#education.inside_content .right_area.usindex ul#tabs-nav li a{ margin-bottom: 5px;}
#education.inside_content .right_area.usindex ul#tabs-nav li div{ font-size:14px; line-height:1;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li span, 
#education.inside_content .right_area.usindex.warrant .mobile_only ul#tabs-nav li span, 
#education.inside_content .right_area.usindex.cbbc .mobile_only ul#tabs-nav li span,
#education.inside_content .right_area.usindex.fx .mobile_only ul#tabs-nav li span
{ /*width:28px; height:28px; margin-right:15px;*/ background:none; width:5px; margin-left:5px;margin-right: 10px;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li.active span, 
#education.inside_content .right_area.usindex.warrant .mobile_only ul#tabs-nav li.active span, 
#education.inside_content .right_area.usindex.cbbc .mobile_only ul#tabs-nav li.active span,
#education.inside_content .right_area.usindex.fx .mobile_only ul#tabs-nav li.active span
{ background:#2c9ab3;}
/*#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(1) span{ background:url(/home/images/icon_usindex_educarion1.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(2) span{ background:url(/home/images/icon_usindex_educarion2.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(3) span{ background:url(/home/images/icon_usindex_educarion3.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(4) span{ background:url(/home/images/icon_usindex_educarion4.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(5) span{ background:url(/home/images/icon_usindex_educarion5.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(6) span{ background:url(/home/images/icon_usindex_educarion6.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(7) span{ background:url(/home/images/icon_usindex_educarion7.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(8) span{ background:url(/home/images/icon_usindex_educarion8.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(9) span{ background:url(/home/images/icon_usindex_educarion9.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(10) span{ background:url(/home/images/icon_usindex_educarion10.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(11) span{ background:url(/home/images/icon_usindex_educarion11.jpg) no-repeat; background-size:100% auto;}
#education.inside_content .right_area.usindex .mobile_only ul#tabs-nav li:nth-child(12) span{ background:url(/home/images/icon_usindex_educarion12.jpg) no-repeat; background-size:100% auto;}*/

#education.inside_content .right_area.usindex #tabs-content .photo_style{ padding:0; background:none;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box .tl img{ width:30px; height:30px;}
#education.inside_content .right_area.usindex #tabs-content .photo_style .right_box_style .box {
    width: calc(50% - 10px);
    margin: 5px;
    background: #f5f7f8;
    padding: 10px;
    box-sizing: border-box;
} 

#education.inside_content .right_area table td{ vertical-align:top; height:auto!important; padding:5px 10px;}
#education.inside_content .right_area .col_left{ width:100%; margin-top:10px; float:none; padding-left:10px; padding-right:10px; box-sizing:border-box;}
#education.inside_content .right_area .col_right{ width:100%; float:none; padding-left:10px; padding-right:10px; box-sizing:border-box;}
#education.inside_content .right_area.inline_page .col_left{ width:100%;}
#education.inside_content .right_area.inline_page .col_right{ width:100%;}
#education.inside_content .right_area ul li{ padding:0;}
#education.inside_content .right_area .edu_content h3{ padding: 0 10px; margin-bottom:10px;}
#education.inside_content .right_area .edu_content p{ margin:0 10px;}
#education.inside_content .right_area table.page_two_d td{ vertical-align:middle;}
#education.inside_content .right_area table.page_three td{ vertical-align:middle; height:110px!important}
#education.inside_content .right_area .edu_content img{ width:calc(100% - 20px); height:auto;}
#education.inside_content .right_area .edu_content ul{ margin-left:10px; padding-left:15px!important;}
#education.inside_content .right_area .edu_content .pager_edu ul{ padding-left:0!important; margin:0 10px;}

#disclaimer.inside_content .content .right_area .page_area .ch_area{ margin-top:10px;}
#disclaimer.inside_content .content .right_area .page_area p{ padding:0 10px;}
#disclaimer.inside_content .content .right_area .page_area .tl{ padding:0 10px;}
#disclaimer.inside_content .content .right_area .page_area h3{ padding:0 10px;}

#text_page .right_area .text_area .tl{ margin-left:10px;}
#text_page .right_area .text_area p{ padding:0 10px;}

#about.inside_content .right_area .intro{ border:10px solid #f8f8f8;}
#about.inside_content .right_area .intro p a{ word-break:break-all;}

#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart{ width:100%!important;}
#moneyflow.inside_content.underlying .moneyflow_area .timer{ margin-right:10px; width:calc(100% - 20px); float:right;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description{ padding-left:10px; float:right; margin-right:0; padding-right:10px; clear:both;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description li.flowout{ margin-right:0;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .chart .description:after{ content:""; display:table; clear:both;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table{ width:100%;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .vertical_scroll{ height:180px;}
#moneyflow.inside_content.underlying .moneyflow_area .bottom .table .total{ line-height:30px;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area{ margin-top:0;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area label{ margin:0; width:35px; padding:0 10px 0 0; line-height:30px;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area select{ margin:0; width:calc(100% - 45px);}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area span.line{ padding:0; float:left; width:100%; height:auto; background:none; margin:0;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .long{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 0 0 0; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .short{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 2% 0 2%; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .call{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 0 0 0; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .bull{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 0 5px 0; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .put{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 2% 5px 2%; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area .bear{ height:28px; line-height:28px; padding:0 8px 0 3px; margin:5px 0 5px 0; width:32%; box-sizing:border-box; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area.table_options label{ margin:0 0 0 0; padding:0 0 0 0; line-height:30px; width: 100%;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area.table_options input[type="text"]#start_date{ margin-top:0; width:calc(100% - 30px);}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area.table_options .to{ line-height:30px; padding:0 0 0 10px; width:20px; text-align:center;}
#moneyflow.inside_content.underlying .moneyflow_area .top .option_area.table_options input[type="text"]#end_date{ margin-top:0; width:calc(100% - 30px);}
#moneyflow.inside_content.underlying .moneyflow_area .top .sub_tabs_area{ float:none; padding-right:10px;}
#moneyflow.inside_content.underlying .moneyflow_area .top .sub_tabs_area .sub_tabs li{ width:49%; box-sizing:border-box;}
#moneyflow.inside_content.underlying .moneyflow_area .top .sub_tabs_area .sub_tabs li:first-child{ margin-right:1%;}
#moneyflow.inside_content.underlying .moneyflow_area .top .sub_tabs_area .sub_tabs li:last-child{ margin-left:1%;}

#page.inside #cbbc_outstanding.inside_content .right_area .tabs_area li{ width:33%;}
#page.inside #cbbc_outstanding.inside_content .right_area .tabs_area li:nth-child(2){ width:34%;}
#page.inside #cbbc_outstanding.inside_content .right_area .ratio_box .radio{ width:100%; margin:0; box-sizing:border-box; padding:0 10px; margin-bottom:5px;}
#page.inside #cbbc_outstanding.inside_content .right_area .ratio_box .up_down_100{ width:100%; margin:0; box-sizing:border-box; padding:0 10px;}
#page.inside #cbbc_outstanding.inside_content .right_area .ratio_box span.name{ font-size:13px; width:110px; margin-right:10px;}
#page.inside #cbbc_outstanding.inside_content .right_area .ratio_box .radio .radio_box, #page.inside #cbbc_outstanding.inside_content .right_area .ratio_box .up_down_100 .radio_box{ width:calc(100% - 225px);}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history{ margin:0 10px; float:none; width:calc(100% - 20px);}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history .name{ padding-right:0; width:110px;}
.os_table thead th.option.single_stock .history div.name, .os_table thead th.option.single_stock .history div.space{ height:46px;}
.os_table thead th.option.single_stock .underlying div.name, .os_table thead th.option.single_stock .underlying div.space{ height:46px;}
.os_table thead th.option.single_stock .deltarange .blocks{ height:46px; margin-top:0;}
.os_table thead th.option.single_stock .range div{ height:46px; margin-bottom:0;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history div.space{ padding-right:0;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .history div.space select{ width:100%;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .deltarange{ margin:0 10px; width:calc(100% - 20px);}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .deltarange .blocks{ padding-right:5px; text-align:center; min-width:60px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .deltarange .blocks.v_line{ width:110px; text-align:left; padding-right:0;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th .deltarange .blocks img{ display:block; margin:0 auto 4px auto;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range{ width:calc(100% - 20px); float:none; margin:0 10px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range .name{ padding-right:0; width:110px; text-align:left;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range .labels{ text-align:left; padding-right:0}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range .labels label{ margin-left:0; margin-right:3px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark{ padding:10px;}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark .right_area .blocks{ display:inline-block; margin-right:10px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark .right_area .blocks.v_line{ margin-left:0; display:block; margin-bottom:5px; margin-right:0;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark .right_area .blocks.bottom{ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table colgroup col:first-child{ width:50px!important;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark .right_area{ float:none; margin-top:10px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .table_container.active:before{ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.mid_block .bear_tl{ font-size:14px; display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.mid_block .bull_tl{ font-size:14px; display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.mid_block{ padding-left:10px;}
.os_table tbody tr td:nth-child(1){ padding-left:10px;}

 

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .table_title th.ko_gearing{ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr td.ko_gearing{ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .table_container .num_range a{ font-size:12px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.no_top_border .table_container .range_bar colgroup{ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.no_top_border .table_container .range_bar tbody td.num_range{ width:73px; text-align:left; height:34px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.no_top_border .table_container .range_bar tbody td.num_range a{ background: url(../images/icon_os_chart_expand.jpg) center left 2px no-repeat; padding-left:20px; margin:0; width:auto;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range_info .info_box li{ width:calc(50% - 10px); box-sizing:border-box; margin-right:10px;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range_info .info_box li:nth-child(3),#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range_info .info_box li:nth-child(4),#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range_info .info_box li:nth-child(5),#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .range_info .info_box li:nth-child(6){ display:none;}
#cbbc_outstanding.inside_content .right_area .os_table .table_container .bar_container .data{ font-size:12px;}
#cbbc_outstanding.inside_content .right_area .os_table .focus .product a{ font-size:13px; margin-right:0;}
#cbbc_outstanding.inside_content .right_area .os_table tbody tr td.num_block{ font-size:13px;}
#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying{ margin-left:10px; margin-right:10px; width:calc(100% - 20px);}
#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying .name{ padding-right:10px; width:110px;}
#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying .space{ padding-right:0;}
#cbbc_outstanding.inside_content .right_area .os_table thead th .underlying .space select{ width:100%;}
#cbbc_outstanding.inside_content .right_area .os_table thead .table_title .day5{ width:10%;}
#cbbc_outstanding.inside_content .right_area .os_table thead .table_title .day4{ width:10%;}
#cbbc_outstanding.inside_content .right_area .os_table thead .table_title .day3{ width:10%;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tr.table_title.indextype.bottom{ display:none!important;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tr.table_title.stocktype.bottom{ display:none!important;}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table thead th.remark.bottom{ display:none;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search_area{ width:100%; box-sizing:border-box;}
#cbbc_outstanding.inside_content .right_area .timer{ width:calc(100% - 20px); margin-left:10px; margin-right:10px;}
.os_pop_info{ width:auto;}
#cbbc_outstanding.inside_content .right_area .inside_cbbc_quick_search#quick_search_container{ height:400px!important;}

#cbbc_outstanding.inside_content .right_area .table table thead th.head_tl{ line-height:35px; padding-left:10px;}
#cbbc_outstanding.inside_content .right_area .table tr.stocktype th{ line-height:16px; padding:5px;}
#cbbc_outstanding.inside_content .right_area .table tr.indextype th{ line-height:16px; padding:5px;}

#contact.inside_content .right_area .intro{ border:10px solid #f8f8f8;}
#contact.inside_content .right_area .form_area .tl{ margin-left:10px;}
#contact.inside_content .right_area .form_area .contact_form{ margin:5px 10px; padding:5px 10px;}
#contact.inside_content .right_area .form_area .contact_form li .tl{ margin:0; float:none; width:100%; padding-left:0;}
#contact.inside_content .right_area .form_area .contact_form li{ margin-bottom:5px;}
#contact.inside_content .right_area .form_area .contact_form li .fill input[type="text"], #contact.inside_content .right_area .form_area .contact_form li .fill select, #contact.inside_content .right_area .form_area .contact_form li .fill textarea{ width:100%;}
#contact.inside_content .right_area .form_area .contact_form li .fill{ width:100%;}
#contact.inside_content .right_area .form_area .contact_form li .fill label{ margin-right:8px; padding-right:12px;}
#contact.inside_content .right_area .form_area .contact_form li .fill label input[type="radio"]{ margin-left:0;}
#contact.inside_content .right_area .form_area .contact_form .tick_area{ margin-left:0;}
#contact.inside_content .right_area .form_area .contact_form .tick_area br{ display:none;}
#contact.inside_content .right_area .form_area .contact_form li.disclaimer{ margin-top:10px;}
#contact.inside_content .right_area .form_area .contact_form .disclaimer_side{ width:100%;}
#contact.inside_content .right_area .form_area .contact_form .button_area{ padding-left:0; margin-bottom:30px;}
#contact.inside_content .right_area .form_area .contact_form .button_area button.submit{ width:49%; float:left; margin:0 1% 0 0;}
#contact.inside_content .right_area .form_area .contact_form .button_area button.reset{ width:49%; float:left; margin:0 0 0 1%;}
#contact.inside_content .right_area .form_area .contact_form .button_area:after{ content:""; display:table; clear:both;}

#page.inside .tabs_area ul.tabs li, #page.inside .tabs_area ul.tabs_break li{ width:50%;}

/*.tabs_area ul.tabs li:nth-child(even) a:after, .tabs_area ul.tabs_break li:nth-child(even) a:after{ display:none;}*/

#hsi_cbbc_band.inside_content .right_area .txt_area{ margin-top:10px; padding:0 10px;}
#hsi_cbbc_band.inside_content .right_area .summary_area{ margin-bottom:10px;}
#hsi_cbbc_band.inside_content .right_area .remark{ padding:0 10px;}
#hsi_cbbc_band.inside_content .right_area .summary_area li{ width:100%; min-width:0!important; box-sizing: border-box;}

#cnhk.inside_content .right_area .quota_balance_area .chart{ width:100%; float:none;}
#cnhk.inside_content .right_area .quota_balance_area .market_close{ width:100%;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail{ margin-left:0; float:none; margin-top:10px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail{ margin-left:0;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left{ width:100%; margin-top:10px;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail:after{ content:""; display:table; clear:both;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sh_area{ width:49%; margin-right:1%; margin-left:0;}
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .left .sz_area{ width:49%; margin-left:1%; margin-right:0;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .left .sh_area{ width:49%; margin-right:1%; margin-left:0;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .left .sz_area{ width:49%; margin-left:1%; margin-right:0;} 
#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right{ width:100%; margin:12px 0 0 0; box-sizing:border-box; text-align:center; padding:10px 20px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .quota_location_detail .right{ width:100%; margin:12px 0 0 0; box-sizing:border-box; text-align:center; padding:10px 20px;}
#cnhk.inside_content .right_area .no_chart .quota_balance_area .timer{ margin-left:0;}

#cnhk.inside_content .right_area .quota_balance_area .quota_location_detail .right .total_area .box{ border-bottom:none;}
#cnhk.inside_content .right_area .quota_balance_area .timer{ margin-left:0;}
#cnhk.inside_content .right_area .remark{ float:none; margin-left:10px;}
#cnhk.inside_content .right_area .sub_tabs_area .right{ width:100%; float:none; margin-right:0; padding:0 10px; box-sizing:border-box;}
#cnhk.inside_content .right_area .sub_tabs_area{ padding:0;}
#cnhk.inside_content .right_area .sub_tabs_area .right .sub_tabs li{ margin:0; width:49%; min-width:0; box-sizing:border-box;}
#cnhk.inside_content .right_area .sub_tabs_area .right .sub_tabs li:first-child{ margin-right:1%;}
#cnhk.inside_content .right_area .sub_tabs_area .right .sub_tabs li:last-child{ margin-left:1%;}
#cnhk.inside_content .right_area .sub_tabs_area .right.period-item{ padding:0;}
#cnhk.inside_content .right_area .sub_tabs_area .right.period-item .sub_tabs li{ margin-bottom:5px;}
#cnhk.inside_content #search_result .option_area .left input[type="text"]{ margin:0; width:calc(100% - 30px);}
#cnhk.inside_content #search_result .option_area .left button{ width:30px;}
#cnhk.inside_content #search_result .option_area button.search_icon{ margin:0;}
#cnhk.inside_content #search_result .option_area .left:after{ content:""; display:table; clear:both;}
#cnhk.inside_content #search_result .option_area .right{ float:none;}
#cnhk.inside_content #search_result .option_area .right .remark{ margin-left:0;}
#cnhk.inside_content.ah_compare #search_result .timer_area .left{ float:none;}
#cnhk.inside_content.ah_compare #search_result .timer_area .right{ float:none;}
#cnhk.inside_content.ah_compare #search_result .timer_area .right .remark{ margin-left:10px;}

#cnhk.inside_content .chart_area{ padding:0 10px;}
#cnhk.inside_content .right_area .tabs_area .tabs_break li:nth-child(2) a:after{ display:none;}
#cnhk.inside_content .right_area .tabs_area .tabs_break li:nth-child(4) a:after{ display:none;}
#cnhk.inside_content .right_area .tabs_area .tabs_break li:nth-child(5) a:after{ content:""; width:1px; height:44px; background:url(/home/images/bg_line_tabs.jpg) no-repeat left; position:absolute; right:-1px; top:0;}
#cnhk.inside_content .right_area .tabs_area .tabs_break li:nth-child(5).current a:after{ display:none;}
#cnhk.inside_content.quota_balance .right_area .chart_area .description li{ float:none; line-height:22px;}
#cnhk.inside_content.quota_balance .right_area .sub_tabs_area .right{ float:none; width:100%; margin-top:10px; padding:0;}
#cnhk.inside_content.quota_balance .right_area .sub_tabs_area .right .sub_tabs.type_items{}
#cnhk.inside_content.quota_balance .right_area .sub_tabs_area .right .sub_tabs.type_items li{ width:32%; margin:0;}
#cnhk.inside_content.quota_balance .right_area .sub_tabs_area .right .sub_tabs.type_items li:nth-child(2){ margin:0 2%}
#cnhk.inside_content.quota_balance .right_area .sub_tabs_area .right .sub_tabs.type_items:after{ content:""; display:table; clear:both;}

#cnhk.inside_content.quota_balance .table table thead th.head_tl{ position:absolute; width:100%; box-sizing:border-box;}
#cnhk.inside_content.quota_balance .table .tablesaw-mode-columntoggle{ margin-top:36px;}

#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area{ padding:0 10px;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .left{ float:none; margin-bottom:5px;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .left .option_area .left label{ width:70px; margin-right:0;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .left .option_area .left select{ width:calc(100% - 70px);}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .left:after{ content:""; display:table; clear:both;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .right{ width:100%; float:none; padding:0;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .right .sub_tabs li{ width:49%; margin:0;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .right .sub_tabs li:first-child{ margin-right:1%;}
#cnhk.inside_content.top10_turnover .right_area .sub_tabs_area .right .sub_tabs li:last-child{ margin-left:1%;}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table.top10 tbody td.name a{ width:72px;}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .stamp td .timer{ position:absolute; left:0; height:41px; margin-top:20px; width:calc(100% - 10px);}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .stamp td.right_txt strong{ position:absolute; right:0; width:100%; padding:0 10px; bottom:-70px; text-align:left;}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table.top10 .num_box div.last{ display:none;}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table.top10 .num_box div.first{ display:none;}

#cnhk.inside_content.top10_turnover{ padding-bottom:70px;}
#cnhk.inside_content.top10_turnover .table .tl{ margin-bottom:0; padding:0 10px;}
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line1,
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line2,
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line3,
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line4,
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line5,
#cnhk.inside_content.top10_turnover .right_area #search_result .chart_table .num_box .line6{ display:none;}


#cnhk.inside_content.ah_compare .right_area .sub_tabs_area .right.period-item .sub_tabs li:nth-child(odd){ margin-left:0; margin-right:1%;}
#cnhk.inside_content.ah_compare .right_area .sub_tabs_area .right.period-item .sub_tabs li:nth-child(even){ margin-left:1%; margin-right:0;}
#cnhk.inside_content.ah_compare .right_area .option_area .left input[type="text"]{ width: calc(100% - 30px);}
#cnhk.inside_content.ah_compare .right_area .option_area .left button{ }

#cnhk.inside_content.cnhk_holding_ratio #search_result .option_area .left label{}

#announcement.inside_content .right_area .pdf_download_area{ margin-top:44px; left:0;}
/*#announcement.inside_content .right_area .pdf_download_area{ margin-top:89px;}*/
#announcement.inside_content .right_area .tabs_area.no_top_space{ margin-bottom:90px;}
#announcement.inside_content .right_area .tabs_area.no_top_space ul li{ width:33%;}
#announcement.inside_content .right_area .tabs_area.no_top_space ul li:nth-child(2){ width:34%;}
#announcement.inside_content .right_area .tabs_area.no_top_space ul li:nth-child(4){ width:100%; border-bottom:1px solid #54585a;}
#announcement.inside_content .right_area .pdf_download_area li:first-child{ padding-left:10px;}
#announcement.inside_content .right_area .pdf_download_area li{ padding-left:10px; width:100%; background:none; box-sizing:border-box;}
#announcement.inside_content .right_area .pdf_download_area li a{ line-height:30px;}
#announcement.inside_content .announcement_button_area{ padding:20px 10px;}
#announcement.inside_content .announcement_button_area .left{ float:none;}
#announcement.inside_content .announcement_button_area .left button{ width:49%; margin:0;}
#announcement.inside_content .announcement_button_area .left button.search{ margin-right:1%;}
#announcement.inside_content .announcement_button_area .left button.reset{ margin-left:1%; margin-right:0;}
#announcement.inside_content .announcement_box_area{ padding:10px 10px 5px 10px;}
#announcement.inside_content .announcement_box .option_list > li{ width:100%; margin-bottom:10px;}
#announcement.inside_content .announcement_box .option_list > li > label{ width:110px;}
#announcement.inside_content .announcement_box .option_list > li.long > select,
#announcement.inside_content .announcement_box .option_list > li > input, #announcement.inside_content .announcement_box .option_list > li > select#ucode{ width:calc(100% - 115px);}
#announcement.inside_content .announcement_box .option_list > li select[name="s_day"], #announcement.inside_content .announcement_box .option_list > li select[name="e_day"], #announcement.inside_content .announcement_box .option_list > li select[name="s_month"], #announcement.inside_content .announcement_box .option_list > li select[name="e_month"], #announcement.inside_content .announcement_box .option_list > li select[name="s_year"], #announcement.inside_content .announcement_box .option_list > li select[name="e_year"]{ width:calc(32% - 37px);}

#adr.inside_content .right_area .option_area.no_top_space{ margin-bottom:0; line-height:38px;}
#adr.inside_content .right_area .option_area.no_top_space input[type="checkbox"]{ margin-top:11px;}
#adr.inside_content .right_area .option_area.no_top_space .right{ position:absolute; left:10px; margin-top:2px; z-index:999999999;}

#adr.inside_content .right_area .adr_top_info{ display:unset;}
#adr.inside_content .right_area .adr_top_info .adr_index, #adr.inside_content .right_area .adr_top_info .focus_stock{ margin:10px 0; width:100%; padding:20px; box-sizing:border-box; border-radius:0;}
#adr.inside_content .right_area .tl{ margin-top:10px;}
#adr.inside_content .right_area .small_table{ width:100%;}
#adr.inside_content .right_area th.desktop_only{ display:none;}
#adr.inside_content .right_area th.mobile_only{ display:table-cell;}



#market_focus.inside_content .right_area .tabs_area .tabs_break.three li{ width:33%;}
#market_focus.inside_content .right_area .tabs_area .tabs_break.three li:nth-child(2){ width:34%;}
#market_focus.inside_content .right_area #result .table tbody th{ width:90px; display:block; font-size:13px;}

#commentary.inside_content .right_area .tabs_area .tabs_break.three li{ width:50%;}
/*#commentary.inside_content .right_area .tabs_area .tabs_break.three li:nth-child(2){ width:34%;}*/
#commentary.inside_content .right_area .table table tbody td.left{ text-align:left;}
#commentary.inside_content .right_area .table table tbody td{ box-sizing:border-box; border-bottom:none; width:100%; float:left; white-space:unset; height:37px; padding:0 10px; text-align:right;}
#commentary.inside_content .right_area .table table tbody td span.mobile_only{ float:left; font-weight:normal; font-size:14px; padding:0;}
#commentary.inside_content .right_area .table table tbody td:nth-child(odd){ border-right:none;}
#commentary.inside_content .right_area .table table tbody td.left{ width:100%;}
#commentary.inside_content .right_area .table table tbody td.expand_button{ width:100%; position:relative; height:0;}
#commentary.inside_content .right_area .table table tbody td.commentary_content_area{ width:100%; height:auto;}
#commentary.inside_content .right_area .table table tbody td.commentary_content_area p{ padding:0 10px;}
#commentary.inside_content .right_area .table table tbody td button.expand{ position:absolute; right:10px; top:-253px;}

#commentary.inside_content .right_area .table table tbody tr:hover td{ background:none;}
#commentary.inside_content .right_area .table table tbody tr:nth-child(4n+3):hover td{ background:#f5f5f5;}
#commentary.inside_content .right_area .table table tbody tr:nth-child(even):hover td, 
#commentary.inside_content .right_area .table table tbody tr:nth-child(even):hover td.highlight{ background:none;}
#commentary.inside_content .right_area .option_area.commentary_search_area .right{ float:none;}
#commentary.inside_content .right_area .option_area.commentary_search_area .right input[type="text"]{ width:calc(100% - 160px);}
#commentary.inside_content .right_area .remark{ padding:0 10px;}

#announcement.inside_content .table table tbody td.wnt_cbbc_announcement{ text-wrap:wrap; font-size:13px;}
#announcement.inside_content .table table tbody td.code > div{ font-size:13px;}

#newsletter.inside_content .right_area .tabs_area .tabs_break.three li{ width:33%;}
#newsletter.inside_content .right_area .tabs_area .tabs_break.three li:nth-child(2){ width:34%;}

#article.inside_content .right_area .tabs_area .tabs_break.three li{ width:33%;}
#article.inside_content .right_area .tabs_area .tabs_break.three li:nth-child(2){ width:34%;}

#sitemap .right_area .page_area ul.section li:first-child{ margin-top:10px;}
#sitemap .right_area .page_area ul.section li ul li:first-child{ margin-top:0;}
#sitemap .right_area .page_area ul.section li{ margin-bottom:10px; line-height:25px; background:url(/home/images/bg_home_right_area_tl.jpg) no-repeat left top 3px;}
#sitemap .right_area .page_area ul.section{ padding-left:10px; padding-right:10px; margin-bottom:12px;}
#sitemap .right_area .page_area ul.section ul li{ width:100%; margin-right:0;}
#sitemap .right_area .page_area ul.section .subject{ padding-top:0; line-height:25px;}
#sitemap .right_area .page_area ul.section.side li:first-child{ margin-top:0;}
#sitemap .right_area .page_area ul.section.side li{ margin-right:0; box-sizing:border-box; float:none;}

#questionnaire.inside_content .content .full_area{ width:100%;}
#questionnaire.inside_content .content .full_area .demand{ font-size:22px; margin:0 5px 10px 5px;}
#questionnaire.inside_content .content .full_area img{ width:100%; height:auto;}
#questionnaire.inside_content .content .full_area .form_border{ font-size:15px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label{ margin-bottom:5px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li input[type="text"]{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox{ width:50%; margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox.others{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox input[type="text"]{ width:calc(100% - 133px);}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox.tl{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox{ width:20%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:last-child .info_checkbox.tl{ display:none;}
#questionnaire.inside_content .content .full_area .form_border .date li{ margin-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .date li:last-child{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .date li span{ display:block;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child{ display:none;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input.fb_button{ width:100%; box-sizing:border-box;}

.pager_area .per_page{ float:none; margin:0 10px 10px 10px;}
.pager_area .per_page select{ width:100%;}
.pager_area .pager{ float:none; padding:0 10px;}

.inside_shortcut .shortcut_area{ margin-left:10px;}

.footer{ background:#edeef0;}
.footer.new_style{ margin-top:10px;}
.footer .content .top{ display:none;}
.footer .content .top .setting{ display:none;}
.footer .content .bottom .links{ display:none;}
.footer .content .bottom{ line-height:18px; padding:5px 0 0 0;}
.footer .content .bottom .warning{ text-align:center; padding:0 10px; line-height:34px; font-weight:bold;}
.footer .content .bottom .copyright{ float:none; line-height:18px; padding:0 10px;}
.footer .content .bottom .db_disclaimer{ float:none; line-height:18px; padding:0 10px; margin-right:0;}
.footer.new_style .navigate{ padding-left:10px; padding-right:10px; box-sizing:border-box; width:100%; font-size:13px; text-align:left;}
.footer.new_style .db_disclaimer{
background:#edeef0;
}

.footer .content .remark{ padding:10px;}

.ui-datepicker{ margin:0;}
.timer{ margin-left:10px;}
.border{ height:51px; background:url(/home/images/bg_border_dashed.jpg) center repeat-x;}
.border.dashed{ height:51px; background:url(/home/images/bg_border_dashed.jpg) center repeat-x;}

#mobilesearch{ position:fixed; top:46px; width:100%; z-index:999999999;}
#mobilesearch button.search_menu_button { position:fixed;  top:0; right:0; background:url(/home/images/icon_mobile_header_search.jpg) no-repeat center #fff; width:24px; height:24px; padding:23px 24px; z-index:2; text-indent:-99999px; float:right;}
#mobilesearch button.search_menu_button.active{ background:url(/home/images/icon_mobile_header_search_on.jpg) no-repeat center #e4e4e4;}
#mobilesearch .search_area{ background:#fff; padding:15px 10px; background:#e4e4e4; opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#mobilesearch .search_area input[type="text"]{ width:calc(100% - 80px); padding:0 10px; line-height:40px; height:40px; font-size:15px; color:#54585a; border:1px solid #d8d9d9;}
#mobilesearch .search_area button{ background:#54585a; line-height:38px;  box-sizing:border-box;}

.desktop_button.mobile_only{ position:fixed; right:55px; top:8px; z-index:9999999; border-radius:2px; font-size:16px; border:1px solid #54585a; background:#54585a; line-height:27px; width:60px; text-align:center;}
.desktop_button.mobile_only a{ color:#fff;}

/*chart*/
.chart_table tbody td.left_remark{ padding-left:0;}
.chart_table .bar.long .chart_tooltip{ display:none;}
.chart_table .bar.short .chart_tooltip{ display:none;}
.chart_table .bar.bull .chart_tooltip{ display:none;}
.chart_table .bar.bear .chart_tooltip{ display:none;}
.chart_table .bar.call .chart_tooltip{ display:none;}
.chart_table .bar.put .chart_tooltip{ display:none;}
.chart_table .bar.inline_code .chart_tooltip, .chart_table .bar.inline .chart_tooltip{ display:none;}
.chart_table .top_legend.left span{ left:0; right:unset;} 
.chart_table .top_legend.right span{ right:0; left:unset;}
.chart_table .bars .data{ font-weight:normal; font-size:12px; clear:both;}
.chart_table tbody td.left_remark{ font-size:13px;}
.chart_table.stock tbody td.name, .chart_table.etf tbody td.name, .chart_table.warrant tbody td.name, .chart_table.cbbc tbody td.name, .chart_table.top10 tbody td.name{ font-size:13px;}
.chart_table .top_legend span{ font-size:13px;}
.chart_table .short, .chart_table .put_link, .chart_table .bear_link, .chart_table .put, .chart_table .bear, .chart_table .long, .chart_table .call_link, .chart_table .bull_link, .chart_table .call, .chart_table .bull, .chart_table .inline_code, .chart_table .inline_code_link, .chart_table .inline, .chart_table .inline_link{ font-size:13px;}

.year_img{ border:5px solid #d8d9d9; box-sizing:border-box; border-radius:4px; margin:0 10px; background:#fff;}
.year_img .img{ position:relative; padding-top:7px; padding-bottom:7%;}
.year_img .img img{	margin:0 20px; width:calc(100% - 40px);}
.year_img .img a{ position:absolute; left:0;}

.bottom_menu{ position:fixed; bottom:0; z-index:9999999999; width:100%; background:#2b2f32; color:#fff;}
.bottom_menu ul li.two_lines{}
.bottom_menu ul li{ width:20%; float:left; box-sizing:border-box; height:70px; border-bottom:none; border-left:1px solid #54585a; border-right:1px solid #000000; border-top:none; text-align:center; border-top:1px solid #54585a; border-bottom:1px solid #000000;}

.bottom_menu ul li #bottom_menu_search_on, .bottom_menu ul li #bottom_menu_calendar_on{ width:100%; position:fixed; left:0; bottom:70px; background:#2b2f32; height:36px; line-height:36px; opacity:0;}
.bottom_menu ul li #bottom_menu_search_on ul li{ width:50%; text-align:center; height:36px; line-height:36px; box-sizing:border-box; font-size:13px;} 
/*.bottom_menu ul li #bottom_menu_search_on ul li:nth-child(2){ width:34%;}*/
.bottom_menu ul li #bottom_menu_calendar_on ul li{ width:50%; text-align:center; height:36px; line-height:36px; box-sizing:border-box; font-size:13px;}
.bottom_menu ul li #bottom_menu_search_on ul li a, .bottom_menu ul li #bottom_menu_calendar_on ul li a{ padding-top:0; line-height:35px;}
.bottom_menu ul li.two_lines a{ padding-top:35px; min-height:35px;}
.bottom_menu ul li a{ color:#FFF; font-size:13px; padding-top:43px; line-height:15px; display:block; min-height:27px;}
.bottom_menu ul li.current{ color:#FFF;}
.bottom_menu:after{ content:""; display:table; clear:both;}
.bottom_menu ul li.search{ background:url(/home/images/icon_bottom_menu_search.jpg) no-repeat top 7px center;}
.bottom_menu ul li.news{ background:url(/home/images/icon_bottom_menu_news.jpg) no-repeat top 7px center;}
.bottom_menu ul li.cbbc_os{ background:url(/home/images/icon_bottom_menu_cbbcos.jpg) no-repeat top 7px center;}
.bottom_menu ul li.us_warrant{ background:url(/home/images/icon_bottom_menu_uswarrant.jpg) no-repeat top 7px center;}
.bottom_menu ul li.calendar{ background:url(/home/images/icon_bottom_menu_calendar.jpg) no-repeat top 7px center;}
.bottom_menu ul li.sector{ background:url(/home/images/icon_bottom_menu_sector.jpg) no-repeat top 7px center;}
.bottom_menu ul li.inline_edu{ background:url(/home/images/icon_bottom_menu_edu.jpg) no-repeat top 7px center;}
.bottom_menu ul li.inline_9618{ background:url(/home/images/icon_bottom_menu_9618.jpg) no-repeat top 7px center;}
.bottom_menu ul li.ashare {
    background: url(/home/images/icon_bottom_menu_ashare.jpg) no-repeat top 7px center;
}


#inline_search.inside_content .inline_title{
    line-height: 30px;
    float: none;
    font-size: 22px;
    margin: 10px
}

#inline_search.inside_content .inline_option {
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
}

#inline_search.inside_content .option {
    float: none;
    width: 100%;
    position: relative;
    margin-right: 0;
    margin-bottom: 30px;
}

#inline_search.inside_content .option.s_block {
	width:100%;
	margin-bottom:0;
}

#inline_search.inside_content .blocker {
    margin-top: 7px;
	padding: 10px 13px;
}
#inline_search.inside_content .blocker label{
	margin-bottom:10px;
}
#inline_search.inside_content .u_block.option{
	width:48%;
	float:left;
	margin-bottom:10px;
}
#inline_search.inside_content .u_block.option:after{
	right:0;
}
#inline_search.inside_content .u_block .blocker{ height:auto;}
#inline_search.inside_content .m_block.option{
	width:48%;
	float:right;
    margin-bottom:10px;
}
#inline_search.inside_content .m_block .blocker{ height:auto;}
#inline_search.inside_content .m_block.option ul li:nth-child(odd),
#inline_search.inside_content .m_block.option ul li:nth-child(even){
	width:50%;
}
#inline_search.inside_content .option:after {
    content: '';
    height: 21px;
    width: 21px;
    background: url(/home/images/icon_inlinewarran2.png) no-repeat center;
    top: auto;
    right: 0;
    left: 0px;
    margin: 0 auto;
    position: absolute;
    bottom: -28px;
	display:none;
}

#inline_search.inside_content .m_block.option .ms-options-wrap > .ms-options {
    width: 255px !important;
    right: 0;
    left: auto;
}
#inline_search.inside_content .result {
    width: calc(100% - 40px);
}
#inline_search.inside_content .result_box{
	padding: 0 10px;
    width: calc(100% - 20px);
}
#inline_search.inside_content .result_box .inline_button {
    margin: 0 0 15px 0;
    width: 100%;
    position: relative;
	float:none;
}
#inline_search.inside_content .result_box .inline_button:after{
	content:"";
	display:table;
	clear:both;	
}
#inline_search.inside_content .result_box .inline_button ul li {
    width: calc(50% - 7px);
}
#inline_search.inside_content .result_box .inline_button ul li:first-child{ margin:0; float:left;}
#inline_search.inside_content .result_box .inline_button ul li:last-child{ margin:0; float:right;}

#inline_search.inside_content .result_box .inline_button a{
    padding: 3px 0 !important;
    display: block;
    width: 100% !important;
}
#inline_search.inside_content .result_box .result{ float:none; padding:0; width:auto;}

#inline_search.inside_content .blue_title {
    color: #4D7AA7;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

#inline_search.inside_content .disc{
    margin-top: 15px;
    padding: 10px 10px;
}

#inline_search.inside_content .more_button{
	float:none;
	text-align:center;
	margin:0;
}
#inline_search.inside_content .owl-carousel{ padding:10px 30px;} 

#stock_trend.inside_content #sector_trend .timer.reload {
    line-height: 18px;
    margin-top: 0;
} 

  #education .txt {
      padding: 0 10px;
  }

#education table .no_space{
  width: 20px !important;
  height: 26px !important;
}

  #education table .mobile_only{
    display: block
  }
  #education table.inside_li{
    margin-left: -25px !important;
    width: calc(100% + 25px) !important
  }

#education.inside_content .right_area .col_left.full_size{
    width: 100%
}

#education.inside_content .right_area .col_left.full_size li{
    width: 100%;
    float: none;
}

#education.inside_content .right_area.inline_page .col_left{
	width:100%;
}
#education.inside_content .right_area.inline_page .col_right{
	width:100%;
}

#education.inside_content .right_area .edu_title .faq_link{
    left: 0%;
    bottom: unset;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 0 auto;
    top: unset;
    position: unset;
    clear: both;
    text-align: center;
}
#education.inside_content .right_area .leaflet_link {
    width: calc(50% - 20px);
    margin: 10px !important;
    box-sizing: border-box;
    float: left;
}

#cbbc_outstanding.inside_content .right_area .scroll_table{
    width: 100%;
    overflow-x: scroll;
}

#cbbc_outstanding.inside_content .right_area .scroll_table > table{
    width: 548px;
}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr>td.no_top_border .table_container .range_bar tbody td.num_range {
    width: 110px;
}
#cbbc_outstanding.inside_content .right_area .os_table_area .os_table tbody tr .bar_area {
    /*width: 160px;*/
}

#cbbc_outstanding.inside_content .right_area .os_table_area .os_table .focus{
    width: 110px
}


#cbbc_outstanding.inside_content .os_table .focus .product{
    float: none !important
}

#cbbc_outstanding.inside_content .os_table .focus .product + .product{
     margin-left: 8px;
}

#cbbc_outstanding.inside_content .right_area .os_table .table_title th:nth-child(1) {
    width: 100px;
}


#cbbc_outstanding.inside_content .right_area .os_table .market_close{
    float: left;
}
#cbbc_outstanding.inside_content .right_area .os_table .market_close:after {
    content: '';
    border: solid #949494;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    left: calc(100vw - 20px);
    margin-top: 3px;
    -webkit-animation: backfor 0.5s linear  infinite alternate;
            animation: backfor 0.5s linear  infinite alternate;
}

#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search td,
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search th{ width:16%; white-space:normal; padding:0 2px;}
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search th{ padding:8px 2px; line-height:18px;}
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search td:nth-child(2),
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search th:nth-child(2),
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search td:nth-child(5),
#cbbc_outstanding.inside_content .right_area .table.inside_cbbc_quick_search th:nth-child(5){ width:18%;}

.home_outstanding_quick_search.box .section.underlying select{ width:100%; margin-bottom:5px;}

.home_outstanding_quick_search.box .table .vertical_scroll_area{ height:400px!important;}

.home_outstanding_quick_search.box .table thead th.last,   
.home_outstanding_quick_search.box .table thead th.splot{
    width: 30%;
}

.home_outstanding_quick_search.box .table tbody td.last,   
.home_outstanding_quick_search.box .table tbody td.splot{
    width: 30%;
}

.home_outstanding_quick_search.box .table .mobile-none{
    display: none;
}

@-webkit-keyframes backfor {
  from {left: calc(100vw - 20px);}
  to {left: calc(100vw - 24px);}
}

@keyframes backfor{
  from {left: calc(100vw - 20px);}
  to {left: calc(100vw - 24px);}
}

}

/*apps only*/
body.apps #mobilemenu, body.apps .mobile_header, body.apps .desktop_button, body.apps #mobilesearch, body.apps .bottom_menu{display:none;}
body.apps .nav{margin-top: 0px;}

@media all and (min-width: 768px) {

.top_info .index_area .bottom{ font-size:13px;}

}