@charset "utf-8";
@font-face{ 
	font-family: "Frutiger";
	src:url("/home/fonts/2EAE06_3_0.eot");
	src:url("/home/fonts/2EAE06_3_0.eot?#iefix") format("embedded-opentype"),
		url("/home/fonts/2EAE06_3_0.woff2") format("woff2"),
		url("/home/fonts/2EAE06_3_0.woff") format("woff"),
		url("/home/fonts/2EAE06_3_0.ttf") format("truetype"),
		url("/home/fonts/2EAE06_3_0.svg#FrutigerNextPro-Light") format("svg");
	font-weight:400;
	font-style:normal;
}
@font-face{ 
	font-family: "Frutiger";
	src:url("/home/fonts/2EAE06_2_0.eot");
	src:url("/home/fonts/2EAE06_2_0.eot?#iefix") format("embedded-opentype"),
		url("/home/fonts/2EAE06_2_0.woff2") format("woff2"),
		url("/home/fonts/2EAE06_2_0.woff") format("woff"),
		url("/home/fonts/2EAE06_2_0.ttf") format("truetype"),
		url("/home/fonts/2EAE06_2_0.svg#FrutigerNextPro-Light") format("svg");
	font-weight:500;
	font-style:normal;
}
@font-face{ 
	font-family: "Frutiger";
	src:url("/home/fonts/2EAE06_2_0.eot");
	src:url("/home/fonts/2EAE06_2_0.eot?#iefix") format("embedded-opentype"),
		url("/home/fonts/2EAE06_2_0.woff2") format("woff2"),
		url("/home/fonts/2EAE06_2_0.woff") format("woff"),
		url("/home/fonts/2EAE06_2_0.ttf") format("truetype"),
		url("/home/fonts/2EAE06_2_0.svg#FrutigerNextPro-Light") format("svg");
	font-weight:600;
	font-style:normal;
}
@font-face{ 
	font-family: "Frutiger";
	src:url("/home/fonts/2EAE06_1_0.eot");
	src:url("/home/fonts/2EAE06_1_0.eot?#iefix") format("embedded-opentype"),
		url("/home/fonts/2EAE06_1_0.woff2") format("woff2"),
		url("/home/fonts/2EAE06_1_0.woff") format("woff"),
		url("/home/fonts/2EAE06_1_0.ttf") format("truetype"),
		url("/home/fonts/2EAE06_1_0.svg#FrutigerNextPro-Light") format("svg");
	font-weight:700;
	font-style:normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-Regular.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-SemiBold.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-SemiBold.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-SemiBold.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-Bold.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-Light.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-Light.woff2") format("woff2"), url("/home/fonts/OpenSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "OpenSans";
src: url("/home/fonts/OpenSans-LightItalic.eot") format("embedded-opentype");
src: url("/home/fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/home/fonts/OpenSans-LightItalic.woff2") format("woff2"), url("/home/fonts/OpenSans-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}

/*CSS*/
body{ font-family:"Frutiger", sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:16px; font-weight:500; margin:0; padding:0; color:#2e2e2e; line-height:normal;}
img{ border:none;}
.clear{ clear:both;}
:after{ content:""; display:table; clear:both;}
a:after{ display:none;}
.body{ width:1150px; margin:0 auto;}
a{ text-decoration:none; color:#2e2e2e;cursor: pointer;}
a:hover{ text-decoration:underline;}
ul{ list-style:none; margin:0; padding:0; display:flex; display:-ms-flexbox;}
ul li{ justify-content:flex-start;}
ul.point{ list-style:disc; display:block; padding-bottom:10px; margin-left:15px; }
ul.number{ list-style:decimal; display:block; padding-bottom:10px; margin-left:15px; }
.green, .rise, .up, .green a, .rise a, .up a, .flowin, .moneyflow.in{ color:#61ae25!important;}
.red, .drop, .down, .red a, .drop a, .down a, .flowout, .moneyflow.out{ color:#f44746!important;}
.itm{ font-weight:bold;}
.otm{ font-weight:normal;}
/*.call, .bull{ color:#61ae25;}
.put, .bear{ color:#f44746;}*/
.level, .level a, .atm{ color:#2e2e2e!important;}

input[type="text"], input[type="password"], select, textarea{ font-family:"Frutiger", sans-serif; border:1px #2e2e2e solid; color:#2e2e2e; padding:5px; outline:none; background:#fff; box-sizing:border-box; font-size:16px; font-weight:500; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input[type="text"]{ line-height:26px; height:36px;}
input.date{ background:url(/home/images/icon_input_date.jpg) no-repeat center right 8px; padding:5px 33px 5px 5px;}
span.to{ padding:0 5px;}
.button_area button{ float:left; margin-right:10px;}
.button_area button:last-child{ margin-right:0;}
button{ font-family:"Frutiger", sans-serif; font-size:16px; font-weight:500; min-width:144px; text-align:center; line-height:22px; padding:8px 12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}
button.primary{ color:#fff; background:#f33; border:1px solid #ee1818;}
button.secondary{ color:#f33; background:#fff; border:1px solid #f33;}
.checkbox_area{ display:block; position:relative; padding-left:26px; line-height:21px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-left:10px;}
.checkbox_area input[type="checkbox"]{ position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkbox_area .checkmark{ position:absolute; top:0; left:0; height:17px; width:17px; background-color:#fff; border:2px solid #ccc;}
.checkbox_area:hover input ~ .checkmark{ border:2px solid #2e2e2e;}
.checkbox_area input:checked ~ .checkmark{ background-color:#ffaa22; border:2px solid #ccc;}
.checkbox_area .checkmark:after{ content:""; position:absolute; display:none;}
.checkbox_area input:checked ~ .checkmark:after{ display:block;}
.checkbox_area .checkmark:after{ left:4px; top:0px; width:5px; height:9px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.radio_button{ display:block; position:relative; padding-left:23px; line-height:21px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-left:6px;}
.radio_button input{
	position:absolute;
	opacity:0;
	cursor:pointer;
	top: 1px;
}
.radio_button .checkmark{ position:absolute; top:0; left:0; height:17px; width:17px; background-color:#fff; border-radius:50%; border:2px solid #ccc;}
.radio_button:hover input ~ .checkmark{ border:2px solid #2e2e2e;}
.radio_button input:checked ~ .checkmark{ background-color:#fff; border:2px solid #ccc;}
.radio_button .checkmark:after{ content:""; position:absolute; display:none;}
.radio_button input:checked ~ .checkmark:after{ display:block;}
.radio_button .checkmark:after{ top:3px; left:3px; width:11px; height:11px; border-radius:50%; background:#ffaa22;}
select{ border:1px solid #e5e5e5; padding:5px 36px 5px 5px; line-height:26px; height:36px; outline:0; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); -moz-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75);  background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #ffffff 50%), linear-gradient(-225deg, transparent 50%, #ffffff 50%), linear-gradient(#ffffff 42%, #D00000 42%); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:1px 100%, 30px 26px, 30px 26px, 30px 100%; background-position:right 30px center, right bottom, right bottom, right bottom;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
select{ padding:5px;}
}

select:active, select:hover{ border-color:#2e2e2e; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); -moz-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #d00000 50%), linear-gradient(-225deg, transparent 50%, #d00000 50%), linear-gradient(#d00000 42%, #ffffff 42%);}
select option{ font-weight:500;}

.desktop_only{ display:inline-block;}
#inside main table .desktop_only{ display:table-cell;}
.home_slider.desktop_only{ display:block;}
.tablet_only{ display:none!important;}
.mobile_only{ display:none!important;}
time{ font-size:12px; line-height:26px;}
time span:after{ display:none;}
#home .unit{ line-height:26px;}
.unit{ font-size:13px; line-height:normal;}
sub, sup{ font-size:13px;}
sub:after, sup:after{ display:none;}
.description{ font-size:13px; line-height:26px;}
.label ul li{ font-size:13px; line-height:26px; display:flex; display:-ms-flexbox; align-items:center; margin-right:10px;}
.label ul li:last-child{ margin-right:0;}
.label ul li span{ width:11px; height:11px; margin-right:5px;}
.label ul li span.call{ background:#61ae25;}
.label ul li span.put{ background:#f44746;}
.label ul li span.bull{ background:#61ae25;}
.label ul li span.bear{ background:#f44746;}
.label ul li span.koed{ background:#dfdfdf!important;}

.change_area{display:inline-flex;}
.change_area .number{ margin-right:5px;}
.change_area .percentage{}

.table{ position:relative;}
.table table{ border-collapse:collapse;}
.table table thead th{ background:#f7f7f7; border:solid #e5e5e5; border-width:1px 0 0 0; padding:3px 5px; font-size:14px; font-weight:700; line-height:15px; height:32px; text-align:left;}
.table table thead th.scroll_space{ width:20px; box-sizing:border-box;}
.table table thead tr.sort th:hover{ background: #e5e5e5;}
.table table thead th a.sort{ position:relative; padding-right:12px; height:32px; width:max-content; display:flex; display:-ms-flexbox; align-items:center;}
.table table thead th a.sort br:after{ display:none;}
.table table thead th a.sort:hover{ text-decoration:none;}
.table table thead th a.sort:after{ display:block; width:10px; height:18px; background:url(/home/images/icon_table_sort.png) no-repeat center; position:absolute; bottom:7px; right:0;}
.table table thead th a.sort.ascending:after{ background:url(/home/images/icon_table_sort_ascending.png) no-repeat center;}
.table table thead th a.sort.descending:after{ background:url(/home/images/icon_table_sort_descending.png) no-repeat center;}
.table table thead th a.sort.ascending, .table table thead th a.sort.descending{ text-decoration:underline;}
.table table tbody th, .table table tbody td{ border:solid #e5e5e5; padding:3px 5px; line-height:15px; height:32px;}
.table table tbody th{ border-width:1px 0; text-align:left; font-weight:500;}
.table table tbody td{ border-width:1px 0;}
.table table thead th.border_right, .table table tbody th.border_right, .table table tbody td.border_right{ border-right:1px solid #e5e5e5!important;}
.table table thead th.border_left, .table table tbody th.border_left, .table table tbody td.border_left{ border-left:1px solid #e5e5e5!important;}
.table table tbody tr:hover th a, .table table tbody tr:hover td a{ text-decoration:underline;}
.table table tbody tr:hover th, .table table tbody tr:hover td{ background:#e5e5e5;}
.table table thead th:last-child, .table table tbody th:last-child, .table table tbody td:last-child{ border-right:none; padding-right:5px;}
.table table thead th:first-child, .table table tbody th:first-child, .table table tbody td:first-child{ padding-left:5px;}
.table table thead th.right, .table table tbody th.right, .table table tbody td.right{ text-align:right;}
.table table thead th.right .sort, .table table tbody td.right .change_area{ float:right;}
.table table thead th.center, .table table tbody th.center, .table table tbody td.center{ text-align:center;}
.table table thead th.center .sort{ margin:0 auto; padding-left:12px;}
.table table thead th.bold, .table table tbody th.bold, .table table tbody td.bold{ font-weight:700;}
.table table thead th.bold span.unit, .table table tbody th.bold span.unit, .table table tbody td.bold span.unit{ font-weight:700;}
.table table thead th.bold span, .table table tbody th.bold span, .table table tbody td.bold span{ font-weight:500;}
.table table tbody th div:after, .table table tbody th span:after, .table table tbody td div:after, .table table tbody td span:after{ display:none;}
.table table tbody th input[type="text"], .table table tbody td input[type="text"]{ line-height:28px; height:28px; width:100px;}
.table table tbody td button{ text-indent:-99999px; width:28px; height:28px; border:none; padding:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; min-width:0; line-height:normal; display:block; margin:0 auto;}
.table table tbody td button.download{ background:url(/home/images/icon_table_download.jpg) no-repeat center #fff;}
.table table tbody td button.calculate{ background:url(/home/images/icon_table_calculate.jpg) no-repeat center #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.table table tbody td button.link{ background:url(/home/images/icon_table_link.jpg) no-repeat center #fff;}
.table table tbody td button.chart{ background:url(/home/images/icon_table_chart.jpg) no-repeat center #fff;}
.table table tbody td .calculate_area{ position:relative; width:fit-content; width:-moz-fit-content;}
.table table tbody td .calculate_area input[type="text"]{ width:128px;}
.table table tbody td .calculate_area button.calculate{ position:absolute; width:26px; height:26px; top:1px; right:1px;}
.table .scrolling{ overflow-y:auto;}
.table table a.code{ /*color:#ff3333;*/ font-weight:bold;}
.table table tbody td.focus a.code{ color:#2e2e2e;}
.table table tbody td.focus a.call{ color:#61ae25;}
.table table tbody td.focus a.put{ color:#f44746;}
.table table tbody td.focus a:last-child{ margin-left:10px;}
.chart.table table tbody th.focus a.call{ color:#61ae25;}
.chart.table table tbody th.focus a.put{ color:#f44746;}
.chart.table table tbody th.focus a.bull{ color:#61ae25;}
.chart.table table tbody th.focus a.bear{ color:#f44746;}
.chart.table.moneyflow table tbody th.name.long .type{ color:#61ae25;}
.chart.table.moneyflow table tbody th.name.short .type{ color:#f44746;}
.chart.table.moneyflow table tbody th.name.call .type{ color:#61ae25;}
.chart.table.moneyflow table tbody th.name.put .type{ color:#f44746;}
.chart.table.moneyflow table tbody th.name.bull .type{ color:#61ae25;}
.chart.table.moneyflow table tbody th.name.bear .type{ color:#f44746;}

.type.long{ color:#61ae25;}
.type.short{ color:#f44746;}
.type.call{ color:#61ae25;}
.type.put{ color:#f44746;}
.type.bull{ color:#61ae25;}
.type.bear{ color:#f44746;}

.topnav{ display:none;}

main .body .table_header{ display:flex; display:-ms-flexbox; justify-content:flex-end; line-height:39px; padding:0 15px; min-height:39px; align-items:center;}
main .body .table_header .tl{ padding-left:0;}

main .body .table_header .product-select{ display:flex;}
main .body .table_header .product-select .box{ border:none; padding:0;}
main .body .table_header .product-select .type{ display:flex;}
main .body .table_header .product-select .type > div{ min-height:0; line-height:21px;}
main .body .table_header .product-select .type .checkbox_area{ margin-left:20px;}

main .body .table_header .page_show{ display:flex; display:-ms-flexbox; width:fit-content;  width:-moz-fit-content; justify-content:flex-end; padding-left:50px;}
main .body .table_header .page_show ul{ margin-left:5px;}
main .body .table_header .page_show ul li{ background:url(/home/images/bg_line_footer_nav_menu.jpg) no-repeat right; padding-right:6px; margin-left:5px; font-weight:700;}
main .body .table_header .page_show ul li:last-child{ background:none; margin-right:0; padding-right:0;}
main .body .table_header .page_show ul li a{ color:#f44746;}
main .body .table_header .page_show ul li.current a{ color:#d00000; text-decoration:underline;}
main .body .table_header .filter{ display:flex; display:-ms-flexbox; align-items:center; position:relative;}
main .body .table_header .filter .tl{ font-size:16px; font-weight:500; line-height:39px; padding-right:10px;}
main .body .table_header .filter select{ line-height:28px; height:28px; padding:0 5px; min-width:200px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
main .body .table_header .filter select:active, main .body .table_header .filter select:hover{ border-color:#2e2e2e; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); -moz-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #d00000 56%), linear-gradient(-225deg, transparent 56%, #d00000 56%), linear-gradient(#d00000 40%, #ffffff 40%);}
main .body .table_header .filter input[type="text"]{ line-height:28px; height:28px; padding:0 5px; width:200px;}
main .body .table_header .filter input[type="text"].date{ width:150px;}
main .body .table_header .filter button{ min-width:0;}
main .body .table_header .filter button.search{ position:absolute; right:0; top:6px; width:28px; height:28px; padding:0; background:url(/home/images/icon_nav_search.jpg) no-repeat center; text-indent:-99999px; border:none;}
main .body .table_header .option{ display:flex; line-height:21px;}
main .body .table_header .option .box{ border:none; padding:0;}
main .body .table_header .option .checkbox_area{ display:flex;}
main .body .table_header .sub_tabs_area ul li{ min-width:86px; text-align:center; padding:0 5px; margin-right:5px; color:#ff3333; border:1px solid #c3c3c3; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
main .body .table_header .sub_tabs_area ul li a{ text-decoration:none;}
main .body .table_header .sub_tabs_area ul li.current{ background:#ff3333; border:1px solid #ff3333;}
main .body .table_header .sub_tabs_area ul li.current a, main .body .table_header .sub_tabs_area ul li.current:hover a{ color:#fff;}
main .body .table_header .sub_tabs_area ul li:hover{ border:1px solid #ff3333;}
main .body .table_header .sub_tabs_area ul li:hover a{ color:#ff3333;}
main .body .table_header .sub_tabs_area ul li:last-child{ margin-right:0;}
main .body .table_header:after{ display:none;}

main .body .table_footer{ display:flex; display:-ms-flexbox; justify-content:space-between; padding:0 15px 0 0;}
main .body .table_footer:after{ display:none;}
main .body .table_footer .per_page{ margin-top:15px; float:left;}
main .body .table_footer .per_page select{}
main .body .table_footer .pager{ margin-top:5px; float:right;}
/*main#search .body .table_footer .pager{ display:none;}*/
main .body .table_footer .pager .group a{ min-width:21px; color:#2e2e2e; display:inline-block; line-height:21px; text-decoration:none; text-align:center;}
main .body .table_footer .pager .group a.current{ color:#d00000; font-weight:700; text-decoration:underline;}
main .body .table_footer .pager .group a:hover{ text-decoration:underline;}
main .body .table_footer .pager .group a.pbtn{ text-indent:-9999px;}
main .body .table_footer .pager .group a.pbtn.first{ background:url(/home/images/icon_firstlink.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.prev{ background:url(/home/images/icon_previous.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.first.pgEmpty{ background:url(/home/images/icon_firstlink_disable.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.prev.pgEmpty{ background:url(/home/images/icon_previous_disable.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.next{ background:url(/home/images/icon_next.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.last{ background:url(/home/images/icon_lastlink.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.next.pgEmpty{ background:url(/home/images/icon_next_disable.jpg) no-repeat;}
main .body .table_footer .pager .group a.pbtn.last.pgEmpty{ background:url(/home/images/icon_lastlink_disable.jpg) no-repeat;}

main .body .chart_area .label{ display:flex; display:-ms-flexbox; justify-content:flex-end;}
main .body .chart_area .label span.box{ width:11px; height:11px; margin-right:5px; padding:0; border:none;}
main .body .chart_area .label span.line{ width:11px; height:6px; margin-right:5px;}

.chart.table table tbody th, .chart.table table tbody td{ font-size:14px; height:21px; line-height:16px;}
.chart.table table .code{ color:#2e2e2e;}
.chart.table table thead th.bar, .chart.table table tbody th.bar, .chart.table table tbody td.bar{ padding-left:0;}
.chart.table table tbody th a.code .number, .chart.table table tbody td a.code .number{ margin-right:5px;}
.chart.table table tbody th a.code .name, .chart.table table tbody td a.code .name{}
.chart.table table tbody th.bar .number, .chart.table table tbody td.bar .number{ font-size:13px; float:left; margin:0 0 0 5px; line-height:21px;}
.chart.table table tbody th.bar .flowin, .chart.table table tbody th.bar .flowout, .chart.table table tbody td.bar .bull, .chart.table table tbody td.bar .bear, .chart.table table tbody td.bar .call, .chart.table table tbody td.bar .put{ float:left; height:17px; margin:2px 0;}
.chart.table .bar .flowin{ background:#61ae25; color:#FFF!important; font-size:13px;}
.chart.table .bar .flowout{ background:#f44746; color:#FFF!important; font-size:13px;}
.chart.table .bar .bull{ background:#61ae25; color:#FFF!important; font-size:13px;}
.chart.table .bar .bear{ background:#f44746; color:#FFF!important; font-size:13px;}
.chart.table .bar .call{ background:#61ae25; color:#FFF!important; font-size:13px;}
.chart.table .bar .put{ background:#f44746; color:#FFF!important; font-size:13px;}

.chart.table table tbody td a.code.bull .number{ color:#61ae25!important;}
.chart.table table tbody td a.code.bear .number{ color:#f44746!important;}
.chart.table table tbody td.bar .koed{ background:#dfdfdf; height:17px; float:right;}

header{ background:#2e2e2e; font-size:14px;}
header a{ color:#FFF;}
header .body{ display:flex; display:-ms-flexbox; justify-content:space-between;}
header .body .left_part{ display:flex; display:-ms-flexbox;}
header .body .right_part{ display:flex; display:-ms-flexbox;}
header .body:after{ display:none;}
header .nav_menu ul li a{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
header .nav_menu ul li i{ background:url(/home/images/bg_nav_menu_arrow.png) no-repeat; width:8px; height:7px; float:right; margin-left:5px;}
header li{ padding:0 12px; line-height:40px; color:#fff;}
header li:hover{ background:#484848;}
header li a:hover{ text-decoration:none;}
header li .navbar_list{ position:absolute; width:257px; top:26px; background:#484848; z-index:99999; margin-left:-12px; display:none;}
header li .navbar_list:first-child{ margin-top:0; padding-top:16px;}
header li:hover .navbar_list{ display:block;}
header li .navbar_list dt, header li .navbar_list dd{ line-height:normal;}
header li .navbar_list dt{ padding:8px 24px 0 24px; margin-top:8px; margin-bottom:8px;}
header li .navbar_list dt label{ color:#c0c0c0; font-weight:400; text-transform:uppercase;}
header li .navbar_list dd{ font-size:14px; padding:12px 24px; margin-left:0; padding-left:40px;}
header li .navbar_list dd:hover{ background:#656565}
header li .navbar_list dd a{ font-weight:500;}

nav{ border-bottom:1px solid #e5e5e5;}
nav .logo{ padding:0 16px; margin-right:30px;}
nav .body{ display:flex; display:-ms-flexbox; align-items:center; position:relative;}
nav .nav_menu{}
nav .nav_menu > ul { position:relative;}
nav .nav_menu > ul > li{ padding:0 18px; /*font-size:15px;*/ display:flex; display:-ms-flexbox; align-items:center; height:80px;}
nav .nav_menu > ul > li.video a{ background:url(/home/images/icon_top_header_video.jpg) no-repeat right; padding-right:20px;}
nav .nav_menu > ul > li:hover{ background:#ececec;}
nav .nav_menu li a:hover{ text-decoration:none;}
nav .nav_search{ padding:0 24px 0 35px; margin-left:8px; background:url(/home/images/bg_line_nav_login.jpg) no-repeat left;}
nav .nav_search i{ background:url(/home/images/icon_nav_search.jpg) no-repeat; width:18px; height:18px; float:left; margin-right:8px;}
nav .description{ font-size:13px; color:#ff3333; padding:0 34px 0 30px; line-height:normal;}
nav .nav_login{ color:#fff; padding:0 24px; background:#ff3333; height:80px; display:flex; display:-ms-flexbox; align-items:center; display:none;}
nav .nav_login i{ background:url(/home/images/icon_nav_login.jpg) no-repeat; width:15px; height:19px; float:left; margin-right:8px;}
nav .nav_menu > ul > li > ul{ background:#f7f7f7; width:1110px; position:absolute; top:81px; left:-252px; z-index:100; display:none; padding:20px; border-top:1px solid #fff;}
nav .nav_menu > ul > li > ul.sec-menu{}
nav .nav_menu > ul > li > ul.sec-menu > li{ width:100%;}

nav .nav_menu > ul > li.product > ul.active{ display:block}
nav .nav_menu > ul > li.product > ul.sec-menu > li{ width:50%; float:left; margin:5px 0;}
/*nav .nav_menu > ul > li.product > ul.sec-menu > li.long{ width:38%;}*/

nav .nav_menu > ul > li > ul.sec-menu > li .tl{ color:#f33; font-weight:bold; line-height:28px; display:block;}
nav .nav_menu > ul > li > ul.sec-menu > li ul{ flex-direction:column; -ms-flex-direction:column;}
nav .nav_menu > ul > li > ul.sec-menu > li ul li{ line-height:28px;}
nav .nav_menu > ul > li > ul.sec-menu > li ul li:hover{ text-decoration:underline;}
nav .nav_menu > ul > li > ul.active{ display:flex; display:-ms-flexbox; justify-content:space-between; box-shadow:0 3px 2px -1px rgba(0, 0, 0, 0.3);}
nav .nav_menu > ul > li > ul.active:after{ display:none;}
nav .search_menu{ position:absolute; width:100%; background:#fff; border:1px solid #2e2e2e; top:71px; left:0; z-index:99999; box-sizing:border-box;}
nav .search_menu .search_box{ display:flex; display:-ms-flexbox; align-items:center;}
nav .search_menu .search_box input[type="text"]{ width:calc(100% - 120px); line-height:41px; height:51px; border:none; padding:5px 5px 5px 15px; font-size:22px; font-weight:400;}
nav .search_menu .search_box button{ min-width:100px; line-height:16px; margin:0 10px;}
nav .search_menu .ac_results{ position:absolute; width:100%; background:#fff; padding:15px; box-sizing:border-box; top:52px; border-top:3px solid #e5e5e5; -webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);}
nav .search_menu .ac_results ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap; max-height:155px; overflow-y:auto}
nav .search_menu .ac_results ul li{ width:50%; line-height:30px;}
nav .search_menu .ac_results ul li a{ display:flex; display:-ms-flexbox; justify-content:space-between; width:calc(100% - 40px); margin:0 20px; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
nav .search_menu .ac_results ul li a .code{ margin-left:10px;}
nav .search_menu .ac_results ul li a .name{ margin-right:10px;}
nav .search_menu .ac_results ul li a > div:after{ display:none;}
nav .search_menu .ac_results ul li:hover a{ background:#f7f7f7;}

footer{ background:#484848; padding:35px 0; font-size:14px; color:#fff;}
footer a{ color:#fff;}
footer .tl{ color:#c0c0bc; margin-bottom:15px;}
footer .left_part{ width:850px;}
footer .right_part{}
footer .nav_top_menu, footer .nav_bottom_menu{ display:flex; display:-ms-flexbox;}
footer .nav_top_menu:after, footer .nav_bottom_menu:after{ display:none;}
footer .nav_top_menu .nav_menu{ margin-bottom:20px;}
footer .nav_top_menu .nav_menu ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
footer .nav_top_menu .nav_menu ul li{ /*width:210px; margin-bottom:15px;*/ margin-right:50px;}
footer .nav_top_menu .nav_menu ul li a{}

footer .nav_full_menu .nav_menu{ margin:10px 0 20px 0;}
footer .nav_full_menu .nav_menu ul{ display:inline-flex;}
footer .nav_full_menu .nav_menu ul li{ margin-right:10px; padding-right:11px; background:url(/home/images/bg_line_footer_nav_menu.jpg) no-repeat right; line-height:20px;}
footer .nav_full_menu .nav_menu ul li:last-child{ background:none; padding-right:0; margin-right:0;}
footer .nav_full_menu .nav_menu ul li a{ color:#c0c0bc;}

footer .nav_bottom_menu .right_part{ display:flex; display:-ms-flexbox; align-items:center;}
footer .nav_bottom_menu .copyright_area{ /*display:flex; display:-ms-flexbox; margin-top:15px;*/ line-height:20px;}
footer .nav_bottom_menu .copyright_area .copyright{ color:#c0c0bc; margin-right:20px;}
footer .nav_bottom_menu .copyright_area .copyright span{ display:inline-block;}
footer .nav_bottom_menu .soical_area ul li{ width:30px; height:30px; margin-right:25px;}
footer .nav_bottom_menu .soical_area ul li:last-child{ margin-right:0;}
footer .nav_bottom_menu .soical_area ul li a{ display:block; width:100%; height:100%;}
footer .nav_bottom_menu .soical_area ul li.facebook{ background:url(/home/images/icon_soical_fb.jpg) no-repeat center;}
footer .nav_bottom_menu .soical_area ul li.twitter{ background:url(/home/images/icon_soical_tw.jpg) no-repeat center;}
footer .nav_bottom_menu .soical_area ul li.youtube{ background:url(/home/images/icon_soical_yt.jpg) no-repeat center;}
footer .nav_bottom_menu .soical_area ul li.linkedin{ background:url(/home/images/icon_soical_in.jpg) no-repeat center;}

.home_slider{ /*margin-bottom:62px;*/ position:relative; background:url(/home/images/bg_home_slider_img1.jpg) no-repeat right, #161616; height:360px; padding-top:7px; box-sizing:border-box; /*overflow:hidden;*/}
.home_slider .body.background{ overflow:visible;}
.home_slider .body.background:after{ /*width:10000px; height:193px; background:url(/home/images/bg_home_slider_box.png) repeat; position:absolute; top:60px;*/}
.home_slider .body{ position:relative; /*overflow:hidden;*/}
.home_slider .body h1{ color:#fff; margin-bottom:8px; font-size:36px; font-weight:700;}
.home_slider .body p{ color:#fff; font-size:24px; font-weight:500; margin:0 0 24px 0; line-height:36px;}
.home_slider .body p.txt{ font-size:13px;}
.home_slider .body input[type="text"]{ height:40px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.home_slider .body button{ min-width:unset;}
.home_slider .body #subscribe_msg{ display:block; color:#ff3333; font-size:13px; line-height:24px;}
.home_slider .tl{ color:#FFF; font-size:42px; font-weight:700; padding-left:16px; margin-bottom:5px;}
.home_slider .tl span{ font-size:26px; color:#ff3333;}
.home_slider .box { background:url(/home/images/home_slider_border_top.gif) repeat-x; position:relative;}
.home_slider .box ul{ padding:19px 15px 15px 16px; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.home_slider .box ul li{ background:#fff; border:1px solid #e5e5e5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:flex; display:-ms-flexbox; padding:9px 14px 11px 14px; margin-right:15px; z-index:1; position:relative;}
.home_slider .box ul li:nth-child(1), .home_slider .box ul li:nth-child(2), .home_slider .box ul li:nth-child(3){ margin-bottom:15px;}
.home_slider .box ul li .left_part{ margin-right:10px;}
.home_slider .box ul li .code{ font-size:30px; line-height:33px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}

/*.home_slider .box ul li.call .code{ color:#61ae25;}
.home_slider .box ul li.put .code{ color:#f44746;}
.home_slider .box ul li.bull .code{ color:#61ae25;}
.home_slider .box ul li.bear .code{ color:#f44746;}*/

.home_slider .box ul li .right_part{ margin-top:4px;}
.home_slider .box ul li .terms{ line-height:16px; font-size:14px;}
.home_slider .box ul li:after{ width:113px; height:3px; background:#ff3333; position:absolute; left:0; bottom:0;}

.home_slider .box ul li.call .type{ color:#61ae25;}
.home_slider .box ul li.put .type{ color:#f44746;}
.home_slider .box ul li.bull .type{ color:#61ae25;}
.home_slider .box ul li.bear .type{ color:#f44746;}

/*.home_slider .box ul li.call:after{ background:#61ae25;}
.home_slider .box ul li.put:after{ background:#f44746;}
.home_slider .box ul li.bull:after{ background:#61ae25;}
.home_slider .box ul li.bear:after{ background:#f44746;}*/

.home_slider .box .arrow{ width:22px; height:27px; background:url(/home/images/icon_home_slider_arrow.gif) no-repeat; position:absolute; left:892px; top:88px;}
.home_slider .dot{ width:fit-content;  width:-moz-fit-content; margin:0 auto; margin-top:25px;}
.home_slider .dot ul li{ background:#fff; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-right:20px;}
.home_slider .dot ul li.current{ background:#d00000;} 
.home_slider .dot ul li:last-child{ margin-right:0;}
.home_slider .swiper-container{ width:100%; height:100%;}
.home_slider .swiper-wrapper{ /*padding-bottom:25px;*/}
.home_slider .swiper-slide{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:flex-start; flex-direction:row; -ms-flex-direction:row; align-items:center;}
.home_slider .swiper-slide:after{ display:none;}
.home_slider .swiper-button-next{ right:230px; left:auto; top:143px; width:22px; height:27px; background:url(/home/images/icon_home_slider_arrow.gif) no-repeat; outline:none; text-indent:-99999px;}

.home_slider .swiper-slide .left_part{ width:54%;}
.home_slider .swiper-slide .left_part .subscribe_area p{ font-size:13px;}

.home_slider .swiper-slide .left_part .highlights_area time{ color:#fff;}
.home_slider .swiper-slide .left_part .highlights_area > .tl{ font-size:24px; line-height:32px; font-weight:700; position:relative; padding-left:0; margin-bottom:0;}
.home_slider .swiper-slide .left_part .highlights_area > .tl:after{ background:url(../images/bg_tl_highlights_area.jpg) repeat-x bottom; width:calc(100% - 210px); height:11px; position:absolute; right:0; bottom:10px; left:210px;}
.home_slider .swiper-slide .left_part .highlights_area .box{ background:none; border:1px solid #fff; padding-bottom:5px;}
.home_slider .swiper-slide .left_part .highlights_area .box ul{ padding:8px 15px 5px 15px;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights{ padding:0 15px;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li{ margin-right:0; width:49%; box-sizing:border-box; margin:0.5%;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li a{ display:flex; justify-content:space-between; width:100%;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li .left_part{ width:auto;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li .right_part{ width:auto;}
.home_slider .swiper-slide .left_part .highlights_area .box .tabs_area .tabs li{ padding:5px; margin-bottom:0; font-size:14px; line-height:1; background:none; border:none; margin-right:10px;}
.home_slider .swiper-slide .left_part .highlights_area .box .tabs_area .tabs li:after{ display:none;}
.home_slider .swiper-slide .left_part .highlights_area .box .tabs_area .tabs li.current{ background:#ff3333;}
.home_slider .swiper-slide .left_part .highlights_area .box .tabs_area .tabs li a{ color:#fff;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li.empty{ display:none;}
.home_slider .swiper-slide .right_part{ width:42%;}
.home_slider .swiper-slide .right_part .search_box{ background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:6px; padding:5px 10px; }
.home_slider .swiper-slide .right_part .search_box .tl{ font-size:24px; color:#f44746;}
.home_slider .swiper-slide .right_part .search_box .underlying_search{ margin:0 19px;}
.home_slider .swiper-slide .right_part .search_box .underlying_search .select2-container{ width:100%!important;}
.home_slider .swiper-slide .right_part .filter_area .type_area{ display:flex; display:-ms-flexbox; justify-content:center; margin:8px 0;}
.home_slider .swiper-slide .right_part .filter_area .type_area .radio_button{ margin-left:65px;}
.home_slider .swiper-slide .right_part .filter_area .type_area .radio_button:first-child{ margin-left:0;}
.home_slider .swiper-slide .right_part .filter_area .issuer{ display:flex; display:-ms-flexbox; justify-content:center; margin:8px 0;}
.home_slider .swiper-slide .right_part .filter_area .issuer label{ line-height:36px;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button.other{ display:flex; display:-ms-flexbox;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button{ margin-left:21px; line-height:36px;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button .checkmark{ margin-top:7px;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button:first-child{ margin-left:0;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button.other .select2-container{ width:100%!important;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper{ width:215px; margin-left:5px; position:relative;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper .multiselect-input{ opacity:1; border:1px solid #e5e5e5; padding:5px 36px 5px 5px; line-height:26px; height:36px; outline:0; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); -moz-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #ffffff 50%), linear-gradient(-225deg, transparent 50%, #ffffff 50%), linear-gradient(#ffffff 42%, #D00000 42%); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:1px 100%, 30px 26px, 30px 26px, 30px 100%; background-position:right 30px center, right bottom, right bottom, right bottom;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper .multiselect-list{ width:100%; z-index:9; left:unset; right:0;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper .multiselect-list ul{ max-height:145px;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper .multiselect-list ul li{ margin-bottom:0;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper .multiselect-list label{ line-height:20px;}

.home_slider .swiper-slide .right_part .drag_area{ display:block; margin:0 19px;}
.home_slider .swiper-slide .right_part .drag_area li{ display:flex; display:-ms-flexbox;}
.home_slider .swiper-slide .right_part .drag_area li.cratio{ margin-top:10px;}
.home_slider .swiper-slide .right_part .drag_area li.cratio select{ width:325px;}
.home_slider .swiper-slide .right_part .drag_area li label{ min-width:100px; margin-top:10px;}
#home .home_slider .swiper-slide .right_part .drag_area li label .unit{ line-height:1; display:block;}
.home_slider .swiper-slide .right_part .drag_area li .setting{ width:100%;}
.home_slider .swiper-slide .right_part .drag_area li .info{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:12px; margin-bottom:2px; line-height:19px;}
.home_slider .swiper-slide .right_part .drag_area li .info:after{ display:none;}

.home_slider .swiper-slide .right_part .button_area{ justify-content:center; display:flex; display:-ms-flexbox; margin-top:10px;}

.home_slider .swiper-pagination{ display:none; background:#f7f7f7; width:100%; bottom:-62px; padding:7px 0;}
.home_slider .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet{ line-height:48px; height:48px; border-radius:2px;}
.home_slider .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1):after{ content:"1";}
.home_slider .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(2):after{ content:"2";}
.home_slider .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(3):after{ content:"3";}


#home main .body .left_part{ width:560px;}
#home main .body .right_part{ width:560px;}

main hr{ width:1150px; margin:15px auto 5px auto; border:dashed #c0c0c0; border-width:1px 0 0 0;}
main .body{ display:flex; display:-ms-flexbox; justify-content:space-between; padding:25px 0;}
main .body:after{ display:none;}
main .body .tl{ font-size:20px; line-height:36px; font-weight:700; padding-left:16px;}
main .body .box{ border:1px solid #e5e5e5; padding:16px;}
main .body .more a{ color:#ff3333;}
main .body .full_part{ display:flex; display:-ms-flexbox; justify-content:space-between;}
main .body .full_part:after{ display:none;}

main .box .tabs_area ul.tabs li{ font-weight:700; margin-right:1px; border-bottom:3px solid #c0c0c0; line-height:21px;}
main .box .tabs_area ul.tabs li a{ padding:4px 15px; display:flex; display:-ms-flexbox; line-height:16px; min-height:33px; align-items:center;}
main .box .tabs_area ul.tabs li a:hover{ text-decoration:none;}
main .box .tabs_area ul.tabs li.current, main .box .tabs_area ul.tabs li:hover{ border-bottom:3px solid #d00000;}

main .box .tab-content{ display:none;}
main .box .tab-content.current{ display:inherit;}

main .box .sub_tabs_area{ background:#f7f7f7; padding:5px;}
main .box .sub_tabs_area ul.tabs{ width:fit-content; width:-moz-fit-content; margin:0 auto;}
main .box .sub_tabs_area ul li{ margin-right:5px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; }
main .box .sub_tabs_area ul li:last-child{ margin-right:0;}
main .box .sub_tabs_area ul li.current, main .box .sub_tabs_area ul li:hover{ background:#ffaa22;}
main .box .sub_tabs_area ul li.current a, main .box .sub_tabs_area ul li:hover a{ color:#FFF;}
main .box .sub_tabs_area ul li a{ line-height:24px; padding:0 10px; font-size:14px; display:block; color:#ffaa22;}
main .box .sub_tabs_area ul li a:after{ display:none;}
main .box button{ min-width:0;}

main .body .dbs_focus_box{ position:relative;}
main .body .dbs_focus_box .code{ font-family:Arial, Helvetica, sans-serif; color:#ff3333;}
main .body .dbs_focus_box .tl{ font-size:14px; line-height:normal; text-align:center; padding:0 5px; background:#f7f7f7; border-bottom:1px solid #e5e5e5;}
main .body .dbs_focus_box ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
main .body .dbs_focus_box ul li{ display:flex; display:-ms-flexbox; justify-content:center; align-items:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-sizing:border-box;}
main .body .dbs_focus_box ul li:nth-child(even){ border-right:none;}
main .body .dbs_focus_box ul li:hover{ background:#f7f7f7;}
main .body .dbs_focus_box ul li a:hover{ text-decoration:none;}
main .body .dbs_focus_box ul li .code{ font-size:22px; font-weight:900; line-height:24px;}
main .body .dbs_focus_box ul li .underlying{ font-size:14px;}
main .body .dbs_focus_box .arrow{ }
main .body .dbs_focus_box .arrow .left, main .body .dbs_focus_box .arrow .right{ width:8px; height:16px; position:absolute; bottom:18px;}
main .body .dbs_focus_box .arrow .left{ background:url(/home/images/icon_focus_arrow_left.jpg) no-repeat; left:-12px;}
main .body .dbs_focus_box .arrow .right{ background:url(/home/images/icon_focus_arrow_right.jpg) no-repeat; right:-12px;}

main .body.recommend .highlights_area{ width:100%;}
#home main .body.recommend .highlights_area .left_part{ width:auto;}
#home main .body.recommend .highlights_area .right_part{ width:auto;}
main .body.recommend .highlights_area .tl{ position:relative;}
main .body.recommend .highlights_area .tl:after{ background:url(../images/bg_tl_highlights_area.jpg) repeat-x bottom; width:calc(100% - 200px); height:11px; position:absolute; right:0; bottom:10px;}
main .body.recommend .highlights_area .box{ padding:0 16px 16px 16px;}
main .body.recommend .highlights_area .box .tabs_area ul.tabs li{ border-bottom:none;}
main .body.recommend .highlights_area .box .tabs_area ul.tabs li a{ padding:4px 45px 4px 0;}
main .body.recommend .highlights_area .box .tabs_area ul.tabs li.current a{ color:#ff3333;}
main .body.recommend .highlights_area .box ul.highlights{ display:unset;}
main .body.recommend .highlights_area .box ul.highlights li{ background:#fff; border:1px solid #e5e5e5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:flex; display:-ms-flexbox; padding:9px 14px 11px 14px; margin-right:15px; z-index:1; position:relative; box-sizing:border-box; float:left; width:362px;}
main .body.recommend .highlights_area .box ul.highlights li:nth-child(3n+0){ margin-right:0;}
main .body.recommend .highlights_area .box ul.highlights li:nth-child(3), main .body.recommend .highlights_area .box ul.highlights li:nth-child(6), main .body.recommend .highlights_area .box ul.highlights li:nth-child(9), main .body.recommend .highlights_area .box ul.highlights li:nth-child(12){ margin-right:0;} 
main .body.recommend .highlights_area .box ul.highlights li:nth-child(4), #home main .body.recommend .highlights_area .box ul.highlights li:nth-child(5), #home main .body.recommend .highlights_area .box ul.highlights li:nth-child(6){ margin-top:15px;}
main .body.recommend .highlights_area .box ul.highlights li a{ display:flex; display:-ms-flexbox;}
main .body.recommend .highlights_area .box ul.highlights li .left_part{ margin-right:10px; /*min-width:190px;*/}
main .body.recommend .highlights_area .box ul.highlights li .code{ font-size:30px; line-height:33px; font-weight:900; font-family:Arial, Helvetica, sans-serif; color:#ff3333;}
main .body.recommend .highlights_area .box ul.highlights li a:hover .code{ text-decoration:underline;}
main .body.recommend .highlights_area .box ul.highlights li .right_part{ margin-top:4px;}
main .body.recommend .highlights_area .box ul.highlights li .terms{ line-height:16px; font-size:14px;}
main .body.recommend .highlights_area .box ul.highlights li:after{ width:113px; height:3px; background:#ff3333; position:absolute; left:0; bottom:0;}
 
main .body.recommend_bystock .home_banner{ padding:0 16px 16px 16px;} 
.inside_banner{ text-align:center; border-bottom: 3px solid #ff3333;}
.inside_banner img{ width:100%; height:auto; max-width:725px;}
#inside main#video .inside_banner{ border-bottom: 3px solid #2e2e2e;}
#inside main#terms h1, #inside main#video h1{ border-bottom:none;}
 
main .body.recommend_bystock .highlights_area{ width:825px;}
main .body.recommend_bystock .highlights_area hr{ width:100%;}
main .body.recommend_bystock .highlights_area > .tl{ position:relative;}
main .body.recommend_bystock .highlights_area > .tl:after{ background:url(../images/bg_tl_highlights_area.jpg) repeat-x bottom; width:calc(100% - 125px); height:11px; position:absolute; right:0; bottom:10px; left:125px;}
main .body.recommend_bystock .highlights_area .box{ padding-top:0;}
main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs li{ border-bottom:none;}
main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs li.current a, main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs li:hover a{ color:#d00000;}
main .body.recommend_bystock .highlights_area .recomment_area{ background:#f7f7f7; padding:10px; margin-bottom:10px; text-align:center; min-height:162px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights{ justify-content:center;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights{ display:inline-block; margin:0 auto;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li{ text-align:left; background:#fff; border:1px solid #e5e5e5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:flex; display:-ms-flexbox; padding:9px 14px 11px 14px; margin-right:15px; z-index:1; position:relative; box-sizing:border-box; float:left; width:362px; margin-top:10px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(odd){ margin-left:16px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(1), main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(2){ margin-top:0;}
/*main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:last-child{ margin-right:0;}*/
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.empty{ display:none;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.put{ float:right;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.call{ float:left; margin-left:16px;}
/*main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(odd){ margin-left:16px;}*/
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li a{ display:flex; display:-ms-flexbox; width:100%; justify-content:space-between;}
#home main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li .left_part{ margin-right:10px; /*min-width:190px;*/ width:auto;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li .code{ font-size:30px; line-height:33px; font-weight:900; font-family:Arial, Helvetica, sans-serif; color:#000;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li a:hover .code{ text-decoration:underline;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.call a .type:after{ display:none;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.call a .type{ color:#61ae25;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li.put a .type{ color:#ff3333;}
#home main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li .right_part{ margin-top:4px; width:auto;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li .terms{ line-height:16px; font-size:14px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:after{ width:113px; height:3px; background:#ff3333; position:absolute; left:0; bottom:0;}

main .body.recommend_bystock .highlights_area .chart_area .top_area{ display:flex; display:-ms-flexbox;}
main .body.recommend_bystock .highlights_area .chart_area .top_area .stock_area{ display:flex; display:-ms-flexbox;}
main .body.recommend_bystock .highlights_area .chart_area .top_area .stock_area .code{ font-size:32px; font-weight:700; margin-right:5px;}
main .body.recommend_bystock .highlights_area .chart_area .top_area .stock_area .name{ font-size:32px; font-weight:700; margin-right:10px;}
main .body.recommend_bystock .highlights_area .chart_area .top_area .price_area li{ display:flex; display:-ms-flexbox; align-items:baseline; margin-left:20px;}
main .body.recommend_bystock .highlights_area .chart_area .top_area .price_area .price{ font-size:30px; font-weight:700; margin-right:10px;}
main .body.recommend_bystock .highlights_area .chart_area .top_area:after{ content:""; display:table; clear:both;}

main .body.recommend_bystock .highlights_area .chart_area .tabs_area{ padding:0 0 5px 0; display:flex; display:-ms-flexbox; justify-content: space-between;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area:after{display:none;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li{ margin-right:5px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; line-height:24px; padding:0 10px; font-size:14px; display:block;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li:last-child{ margin-right:0;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li.current, main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs ul li:hover{ background:#ffaa22; color:#fff;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li:hover, main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li:hover span{ text-decoration:underline;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li a{ line-height:24px; padding:0 10px; font-size:14px; display:block; color:#ffaa22;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li a:after{ display:none;}
#home main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs{ width:auto;}
#home main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs{ margin-right:1%; width:auto;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs { justify-content:flex-end;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li{ background:#fff; padding:0 5px; margin-right:5px; border:1px solid #c3c3c3; height:25px; text-indent:-99999px; min-width:45px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.line{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #fff;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.candle{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #fff; margin-right:0;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.current.line, main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.line:hover{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #e5e5e5;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.current.candle, main .body.recommend_bystock .highlights_area .chart_area .tabs_area .chart_tabs li.candle:hover{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #e5e5e5;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display{ display:flex; display:-ms-flexbox; justify-content:flex-end; padding-right:1%; margin-bottom:5px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display .checkbox_area{ font-size:14px; padding-left:20px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display .checkbox_area .checkmark{ width:12px; height:12px; margin-top:2px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display .checkbox_area .checkmark:after{ left:3px; top:1px; width:3px; height:6px; border:solid white; border-width:0 2px 2px 0;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display .checkbox_area.bull input:checked ~ .checkmark{ background-color:#61ae25;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display .checkbox_area.bear input:checked ~ .checkmark{ background-color:#f44746;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option{ display:flex; display:-ms-flexbox;} 
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .radio_button{ padding-left:20px; line-height:28px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .radio_button .checkmark{ height:13px; width:13px; margin-top:5px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .radio_button .checkmark:after{ top:2px; left:2px; width:9px; height:9px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option select{ margin-left:5px; margin-right:10px;} 
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper{ min-width:130px; margin-left:5px; margin-right:10px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input-div{ height:auto;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input{ border:1px solid #e5e5e5; padding:5px 36px 5px 5px; line-height:26px; height:36px; outline:0; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); -moz-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #ffffff 50%), linear-gradient(-225deg, transparent 50%, #ffffff 50%), linear-gradient(#ffffff 42%, #D00000 42%); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:1px 100%, 30px 26px, 30px 26px, 30px 100%; background-position:right 30px center, right bottom, right bottom, right bottom;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input{ line-height:28px; height:28px; padding:0 5px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list{ width:193px; z-index:9;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li{ margin-bottom:0; padding-left:21px!important; position:relative;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:after{ content:""; width:15px; height:6px; position:absolute; left:5px; top:6px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(1):after{ background:#b5522b;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(2):after{ background:#87cadb;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(3):after{ background:#f8ae59;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(4):after{ background:#087a61;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(5):after{ background:#69ba77;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(6):after{ background:#a281dc;}

main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list label{ line-height:20px;}
main .body.recommend_bystock .highlights_area .chart_area .chart{ margin-top:5px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

main .body.recommend_bystock .cbbc_outstanding{ width:295px; position:relative;}
main .body.recommend_bystock .cbbc_outstanding .tl{ /*line-height:28px;*/}
main .body.recommend_bystock .cbbc_outstanding .more{ position:absolute; right:16px; top:6px;}
main .body.recommend_bystock .cbbc_outstanding .box{ padding:10px 10px 0 10px;}
main .body.recommend_bystock .cbbc_outstanding .box .table table tbody td{ padding:5px 0;}
main .body.recommend_bystock .cbbc_outstanding .box .table table tbody td.border_right{ text-align:left; padding-left:5px;}
main .body.recommend_bystock .cbbc_outstanding .box .table table tbody th.last{ text-align:center;}
main .body.recommend_bystock .cbbc_outstanding .box .filter_area .filter .tl{ display:none;}
main .body.recommend_bystock .cbbc_outstanding .box .filter_area .filter .select2-container{ width:100%!important;}
main .body.recommend_bystock .cbbc_outstanding .box .filter_area .ratio_area{ display:flex; display:-ms-flexbox; justify-content:center; line-height:24px;}
main .body.recommend_bystock .cbbc_outstanding .box .filter_area .ratio_area .tl{ font-size:16px; font-weight:500; line-height:24px; padding-left:0;}
main .body.recommend_bystock .cbbc_outstanding .box .chart.table .scrolling{ /*height:642px;*/ height:966px;}
body.sc main .body.recommend_bystock .cbbc_outstanding .box .chart.table .scrolling{height:642px;}

main .body.top_area .cbbc_outstanding{ position:relative; width:560px;}
main .body.top_area .cbbc_outstanding .box{ padding-top:0;}
main .body.top_area .cbbc_outstanding .more{ position:absolute; right:16px; top:6px;}
main .body.top_area .cbbc_outstanding thead th{ background:#fff; border-top:none;}
main .body.top_area .cbbc_outstanding th.last{ background:#e5e5e5; text-align:center;}
main .body.top_area .cbbc_outstanding th.last .ratio_area{ display:flex; justify-content:center;}
main .body.top_area .cbbc_outstanding th.last .ratio_area label{ text-wrap:nowrap;}
main .body.top_area .cbbc_outstanding th.last .radio_box{ width:200px; margin:0 5px; display:flex;}
main .body.top_area .cbbc_outstanding th.last .radio_box .bull_bar{ background:#61ae25; text-indent:-99999px;}
main .body.top_area .cbbc_outstanding th.last .radio_box .bear_bar{ background:#f44746; text-indent:-99999px;}
main .body.top_area .cbbc_outstanding #home_cbbc_outstanding_div td.focus{ background:#ffebeb; text-wrap:nowrap;} 
main .body.top_area .cbbc_outstanding #home_cbbc_outstanding_div td.focus a{ margin-left:0!important; text-wrap:nowrap;}

main .body.top_area .home_video{ position:relative; width:560px;}
main .body.top_area .home_video .box{ padding-top:0; min-height:302px;}
main .body.top_area .home_video .tabs_area ul.tabs{ border-bottom:1px solid #e5e5e5; display:flex; justify-content:space-between;}
main .body.top_area .home_video .tabs_area ul.tabs:after{ display:none;}
main .body.top_area .home_video .tabs_area ul.tabs li{ line-height:36px; border:none; text-wrap:nowrap; white-space:nowrap; padding:0 5px;}
main .body.top_area .home_video .tabs_area ul.tabs li a{ line-height:36px; padding:0 5px;}
main .body.top_area .home_video .tabs_area ul.tabs li a:hover, main .body.top_area .home_video .tabs_area ul.tabs li.current a{ color:#d00000;}
main .body.top_area .home_video .tabs_area ul.tabs .owl-stage-outer .owl-stage{ height:36px; overflow:hidden;}

main .body.top_area .home_video .tabs_area ul.tabs .owl-nav{ width:100%; position: absolute; z-index: -1;}
main .body.top_area .home_video .tabs_area ul.tabs .owl-nav button.owl-prev{ position:absolute; left:-10px;}
main .body.top_area .home_video .tabs_area ul.tabs .owl-nav button.owl-next{ position:absolute; right:-10px;}
main .body.top_area .home_video .tabs_area ul.tabs .owl-nav button.owl-prev span{ background:url(/home/images/icon_focus_arrow_left.jpg) no-repeat left center; width:8px; display:block; height:36px; text-indent:-9999999px;}
main .body.top_area .home_video .tabs_area ul.tabs .owl-nav button.owl-next span{ background:url(/home/images/icon_focus_arrow_right.jpg) no-repeat right center; width:8px; display:block; height:36px; text-indent:-9999999px;}

main .body.top_area .home_video .title{ font-size:18px; padding:10px 0; font-weight:bold;}
main .body.top_area .home_video .more{ position:absolute; right:16px; top:6px;}
main .body.top_area .home_video .top{ display:flex;}
main .body.top_area .home_video .top .video_area{ width:92%;}
main .body.top_area .home_video .top .video_area .video{ position:relative; padding-bottom:56.25%; overflow:hidden;}
main .body.top_area .home_video .top .video_area .video iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
main .body.top_area .home_video .top .product_box{ width:31%; background:#ffdea4; border:3px solid #ffdea4;}
main .body.top_area .home_video .top .product_box .title{ background:#fff; text-align:center; color:#ffaa22; font-size:16px; padding:5px 0;}
main .body.top_area .home_video .product_area{ background:#ffdda7; display:flex; justify-content:space-between; margin-top:10px;}
main .body.top_area .home_video .product_area:after{ display:none;}
main .body.top_area .home_video .product{ padding:10px 5px; text-align:center;}
main .body.top_area .home_video .product a{ text-decoration:none;}
main .body.top_area .home_video .product a:hover{ text-decoration:underline;}
main .body.top_area .home_video .product .code{ font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:900; line-height:24px; margin-top:5px;}
main .body.top_area .home_video .product .underlying{ font-size:18px; margin-bottom:10px; font-weight:bold; margin-top:5px;}
main .body.top_area .home_video .product .terms { font-size:14px; display:flex; /*justify-content:space-between;*/ align-items: center; line-height:22px;}
main .body.top_area .home_video .product .terms span:first-child{ margin-right:5px;}
main .body.top_area .home_video .product .terms:after{ display:none;}
main .body.top_area .home_video .product .terms span:after{ display:none;}

main .body.top_area .home_video .product a.call .code{ color:#61ae25;} 
main .body.top_area .home_video .product a.call .type{ background:#61ae25; color:#fff; padding:2px 3px; display:inline-block;  border-radius:4px; line-height:28px; width:26px;  text-align:center;} 
main .body.top_area .home_video .product a.bull .code{ color:#00b050;}
main .body.top_area .home_video .product a.bull .type{ background:#00b050; color:#fff; padding:2px 3px; display:inline-block;  border-radius:4px; line-height:28px; width:26px;  text-align:center;} 
main .body.top_area .home_video .product a.put .code{ color:#f44746;} 
main .body.top_area .home_video .product a.put .type{ background:#f44746; color:#fff; padding:2px 3px; display:inline-block;  border-radius:4px; line-height:28px; width:26px;  text-align:center;} 
main .body.top_area .home_video .product a.bear .code{ color:#c00000;} 
main .body.top_area .home_video .product a.bear .type{ background:#c00000; color:#fff; padding:2px 3px; display:inline-block;  border-radius:4px; line-height:28px; width:26px;  text-align:center;} 

#home main .body.market_detail .left_part{ width:825px;}
#home main .body.market_detail .right_part{ width:295px;}
main .body.market_detail .market_summary .content{ display:flex; display:-ms-flexbox; border:1px solid #e5e5e5;}
main .body.market_detail .market_summary .content .index_area ul{ flex-direction:column; -ms-flex-direction:column;}
main .body.market_detail .market_summary .content .index_area ul li{ border-right:1px solid #e5e5e5; display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center; height:38px; font-size:16px; padding-right:32px; border-bottom:1px solid #e5e5e5; cursor:pointer;}
main .body.market_detail .market_summary .content .index_area ul li.current{ background:url(/home/images/icon_home_market_summary_arrow.gif) no-repeat center right 10px #f7f7f7;}
main .body.market_detail .market_summary .content .index_area ul li:last-child{ border-bottom:none;}
main .body.market_detail .market_summary .content .index_area ul li .tl{ font-size:14px; line-height:normal; min-width:70px;}
main .body.market_detail .market_summary .content .index_area ul li .point{ min-width:95px;}
main .body.market_detail .market_summary .content .index_area ul li .change_area{ min-width:145px; display:flex; display:-ms-flexbox; justify-content:space-between;}
main .body.market_detail .market_summary .content .index_area ul li .change_area:after{ display:none;}

main .body.market_detail .market_summary .content .chart_area .turnover_area{ font-size:14px; padding:0 5px; display:flex; display:-ms-flexbox; justify-content:space-between; background:#f7f7f7; border-bottom:1px solid #e5e5e5;}
#home main .body.market_detail .market_summary .content .chart_area .turnover_area .unit{ line-height:normal;}
main .body.market_detail .market_summary .content .chart_area .turnover_area .tl{ font-size:14px; line-height:normal; padding-left:0;}
main .body.market_detail .market_summary .content .chart_area .turnover_area:after{ display:none;}
main .body.market_detail .market_summary .content .dbs_focus_box{ border-left:1px solid #e5e5e5; width:100%;}
main .body.market_detail .market_summary .content .dbs_focus_box ul li{ width:50%; min-height:49px;}
main .body.market_detail .market_summary .content .dbs_focus_box ul li:nth-child(even){ border-right:none;}
main .body.market_detail .market_summary .content .dbs_focus_box ul li:nth-child(3), main .body.market_detail .market_summary .content .dbs_focus_box ul li:nth-child(4){ border-bottom:none;}
main .body.market_detail .market_summary .content .chart_area > div, main .body.market_detail .market_summary .content .dbs_focus_box > div{ display:none;}
main .body.market_detail .market_summary .content .chart_area > div.current, main .body.market_detail .market_summary .content .dbs_focus_box > div.current{ display:block;}

main .body.market_detail .news{ border:1px solid #e5e5e5; padding:5px; margin:15px 0; display:flex; display:-ms-flexbox;}
main .body.market_detail .news .tl{ background:#ff3333; color:#FFF; padding:0 11px; margin-right:10px;}
main .body.market_detail .news .content{ width:700px; overflow:hidden; height:36px;}
main .body.market_detail .news .content ul li .txt{ font-size:16px; font-weight:700; line-height:20px;}
main .body.market_detail .news .content ul li .date_area{ font-size:13px; display:flex; display:-ms-flexbox;}
main .body.market_detail .news .content ul li .date_area .date{ margin-right:5px;}
main .body.market_detail .news .content ul li .date_area .time{ margin-left:5px;}
main .body.market_detail .news .arrow{ position:relative;}
main .body.market_detail .news .arrow i{ width:20px; height:20px; display:block;}
main .body.market_detail .news .arrow .up{ position:absolute; top:-5px; cursor:pointer; outline:none;}
main .body.market_detail .news .arrow .up i{ background:url(/home/images/icon_home_news_arrow_up.jpg) no-repeat center bottom;}
main .body.market_detail .news .arrow .down{ position:absolute; bottom:-5px; cursor:pointer; outline:none;}
main .body.market_detail .news .arrow .down i{ background:url(/home/images/icon_home_news_arrow_down.jpg) no-repeat center top;}

main .body.market_detail .commentaries{ position:relative; width:398px;}
main .body.market_detail .commentaries .more{ position:absolute; right:16px; top:6px;}
main .body.market_detail .commentaries .box{ min-height:178px;}
main .body.market_detail .commentaries .box .date_area{ font-size:13px; display:flex; display:-ms-flexbox;}
main .body.market_detail .commentaries .box .date_area .date{ margin-right:5px;}
main .body.market_detail .commentaries .box .date_area .time{ margin-left:5px;}
main .body.market_detail .commentaries .box .date_area .author{ margin-left:5px; color:#ff3333;}
main .body.market_detail .commentaries .box .content .headline{ padding:5px 0; font-weight:700;}
main .body.market_detail .commentaries .box .content .point{ flex-direction:column; -ms-flex-direction:column; margin:0 16px;}
main .body.market_detail .commentaries .box .content .point li{}

main .body.market_detail .webcast{ position:relative; width:398px;}
main .body.market_detail .webcast .more{ position:absolute; right:16px; top:6px;}
main .body.market_detail .webcast .box{ min-height:178px;}
main .body.market_detail .webcast .box .date_area{ font-size:13px; display:flex; display:-ms-flexbox;}
main .body.market_detail .webcast .box .date_area .date{ margin-right:5px;}
main .body.market_detail .webcast .box .date_area .time{ margin-left:5px;}
main .body.market_detail .webcast .box .content .headline{ padding:5px 0; font-weight:700;}
main .body.market_detail .webcast .box .content .video_area{ display:flex; display:-ms-flexbox;}
main .body.market_detail .webcast .box .content .video_area .video{ margin-right:15px;}
main .body.market_detail .webcast .box .content .video_area .host{ width:153px;}
main .body.market_detail .webcast .box .content .video_area .host .tl{ font-size:14px; line-height:normal; padding-left:0; border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
main .body.market_detail .webcast .box .content .video_area .host .name{ color:#ff3333; font-weight:700;}
main .body.market_detail .webcast .box .content .video_area .host .position{ margin-bottom:5px;}

main .body.market_detail > .full_part{ display:flex; display:-ms-flexbox; justify-content:space-between; width:100%;}
main .body.market_detail .full_part > .commentaries{ width:560px;}
main .body.market_detail .full_part > .commentaries .box{ min-height:153px;}
main .body.market_detail .full_part > .webcast{ width:560px;}
main .body.market_detail .full_part > .webcast .box{ min-height:153px;}
main .body.market_detail > .full_part:after{ display:none;}

main .body.market_detail .quote .box{ padding:10px; min-height:422px;}
main .body.market_detail .quote .box .saerch_area{ position:relative;}
main .body.market_detail .quote .box .saerch_area input{ width:100%;}
main .body.market_detail .quote .box .saerch_area button{ position:absolute; right:0; width:36px; height:36px; padding:0; background:url(/home/images/icon_nav_search.jpg) no-repeat center; text-indent:-99999px; border:none;}
main .body.market_detail .quote .box .result_area{}
main .body.market_detail .quote .box .result_area .full_part{ margin:5px 0;}
main .body.market_detail .quote .box .result_area .name{ font-weight:700;}
#home main .body.market_detail .quote .box .result_area .turnover .unit{ line-height:normal;}
main .body.market_detail .quote .box .result_area .chart{ border:1px solid #e5e5e5; margin:6px 0 1px 0;}
main .body.market_detail .quote .box .result_area .price{ font-size:20px; font-weight:700;}
main .body.market_detail .quote .box .result_area .terms{}
main .body.market_detail .quote .box .result_area .terms ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
main .body.market_detail .quote .box .result_area .terms ul li{ width:50%; display:flex; display:-ms-flexbox; justify-content:center; flex-direction:column; -ms-flex-direction:column; box-sizing:border-box; padding:5px 0;} 
main .body.market_detail .quote .box .result_area .terms ul li:nth-child(1),main .body.market_detail .quote .box .result_area .terms ul li:nth-child(2){ border-bottom:1px solid #e5e5e5;}
main .body.market_detail .quote .box .result_area .terms ul li span{ margin-top:5px;}
main .body.market_detail .quote .box .dbs_focus_box{ margin-top:1px; border:1px solid #e5e5e5;}
main .body.market_detail .quote .box .dbs_focus_box ul li{ width:50%; min-height:49px;}
main .body.market_detail .quote .box .dbs_focus_box ul li:nth-child(even){ border-right:none;}
main .body.market_detail .quote .box .dbs_focus_box ul li:nth-child(3), main .body.market_detail .quote .box .dbs_focus_box ul li:nth-child(4){ border-bottom:none;}

main .body.money_flow .money_flow_underlying{ position:relative; width:560px;}
main .body.money_flow .money_flow_underlying .more{ position:absolute; right:16px; top:6px;}
main .body.money_flow .money_flow_underlying .box{ min-height:413px;}
main .body.money_flow .money_flow_underlying .box .filter_area{ display:flex; display:-ms-flexbox; justify-content:space-between; margin-bottom:10px;}
main .body.money_flow .money_flow_underlying .box .filter_area:after{ display:none;}
main .body.money_flow .money_flow_underlying .box .filter_area .tl{ font-size:16px; padding-left:0; line-height:normal; color:#ff3333;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter{ display:flex; display:-ms-flexbox; justify-content:flex-end;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter label{ font-size:14px;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter .display{ margin-right:10px;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter .option{ display:flex; display:-ms-flexbox; justify-content:flex-end;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box{ border:1px solid #e5e5e5;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box > div{ overflow:hidden;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul{ flex-direction:row; -ms-flex-direction:row;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li{ width:25%; display:flex; display:-ms-flexbox; justify-content:center; align-items:center; border-right:1px solid #e5e5e5; border-bottom:none; box-sizing:border-box; min-height:49px;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li a.call .code{ color:#000;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li a.put .code{ color:#000;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li a.call .type{ color:#61ae25;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li a.put .type{ color:#f44746;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li:nth-child(4){ border-right:none;}
main .body.money_flow .money_flow_underlying .box .chart{ margin:10px 0; /*height:253px;*/}
main .body.money_flow .money_flow_underlying .box .chart ul li{ width:10%; text-align:center; font-size:13px;}
main .body.money_flow .money_flow_underlying .box .chart ul li .number{ margin-bottom:5px;}
main .body.money_flow .money_flow_underlying .box .chart ul li .bar_area{ display:flex; display:-ms-flexbox; flex-direction:column; -ms-flex-direction:column; justify-content:flex-end; height:217px; border-bottom:1px solid #e5e5e5;}
main .body.money_flow .money_flow_underlying .box .chart ul li .bar_area .bar{ width:28px; margin:0 auto;}
main .body.money_flow .money_flow_underlying .box .chart ul li .bar_area .bar.call{ background:#61ae25;}
main .body.money_flow .money_flow_underlying .box .chart ul li .bar_area .bar.put{ background:#f44746;}
main .body.money_flow .money_flow_underlying .box .chart ul li .code{ font-weight:700; margin-top:5px;}

main .body.money_flow .money_flow_southbound{ position:relative; width:560px;}
main .body.money_flow .money_flow_southbound .more{ position:absolute; right:16px; top:6px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area{ border:solid #f7f7f7; border-width: 3px 3px 0 3px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul{ flex-direction:column; -ms-flex-direction:column; padding:5px 10px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li{ display:flex; display:-ms-flexbox; justify-content:space-between; line-height:20px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li:after{ display:none;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .tl{ font-size:16px; padding-left:0; line-height:normal; width:165px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .turnover{ width:170px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .moneyflow{ width:165px; text-align:right;}
#home main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .unit{ line-height:normal;}
main .body.money_flow .money_flow_southbound .box .filter_area .tl{ font-size:16px; padding-left:0; line-height:normal; color:#ff3333;}
main .body.money_flow .money_flow_southbound .box .filter_area{ display:flex; display:-ms-flexbox; justify-content:space-between; margin:10px 0;}
main .body.money_flow .money_flow_southbound .box .filter_area:after{ display:none;}
main .body.money_flow .money_flow_southbound .box .filter_area .filter label{ font-size:14px;}
main .body.money_flow .money_flow_southbound .box .filter_area .filter .option{ display:flex; display:-ms-flexbox; justify-content:flex-end;}
main .body.money_flow .money_flow_southbound .label ul li span.flowin{ background:#61ae25;}
main .body.money_flow .money_flow_southbound .label ul li span.flowout{ background:#f44746;}

main .body.money_flow .money_flow_southbound .chart.table table tbody th.bar{ width: 300px;}
main .body.money_flow .money_flow_southbound .chart.table table tbody th.focus{ text-wrap:nowrap;}
main .body.money_flow .money_flow_southbound .chart.table table tbody th.focus:after{ display:none;}

main .body.data_sector .cbbc_outstanding{ position:relative; width:560px;}
main .body.data_sector .cbbc_outstanding .more{ position:absolute; right:16px; top:6px;}
main .body.data_sector .cbbc_outstanding .box{ padding-top:11px;}
main .body.data_sector .cbbc_outstanding .box .filter_area{ display:flex; display:-ms-flexbox; justify-content:space-between; margin-bottom:8px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .filter{ display:flex; display:-ms-flexbox; justify-content:space-between;align-items:center; }
main .body.data_sector .cbbc_outstanding .box .filter_area .filter select{ line-height:28px; height:28px; padding:0 5px; min-width:220px; font-size:14px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
main .body.data_sector .cbbc_outstanding .box .filter_area .filter select:active, main .body.data_sector .cbbc_outstanding .box .filter_area .filter select:hover{ border-color:#2e2e2e; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); -moz-box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); box-shadow:inset 0px 1px 1px 0px rgba(46,46,46,0.25); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #d00000 56%), linear-gradient(-225deg, transparent 56%, #d00000 56%), linear-gradient(#d00000 40%, #ffffff 40%);}

main .body.data_sector .cbbc_outstanding .box .filter_area:after{ display:none;}
main .body.data_sector .cbbc_outstanding .box .filter_area .tl{ font-size:16px; padding-left:0; line-height:normal; color:#ff3333; margin-right:5px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area .tl{ color:#2e2e2e; font-weight:500; margin-right:5px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area ul li{ font-weight:700;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area ul li.bull{ margin-right:3px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area ul li.bear{ margin-left:3px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area:after{ display:none;}
main .body.data_sector .cbbc_outstanding .box .table .scrolling{ height:383px;} 
main .body.data_sector .cbbc_outstanding .box .table th.last{ text-align:center; color:#ffaa22; background:#f7f7f7;}
main .body.data_sector .cbbc_outstanding .box .table th.last span{ font-weight:700;}
main .body.data_sector .cbbc_outstanding .box .table tbody td.bar .bull, main .body.data_sector .cbbc_outstanding .box .table tbody td.bar .bear{ padding-left:5px; box-sizing:border-box;}
main .body.data_sector .cbbc_outstanding .box .chart.table table tbody td.bar .bull, main .body.data_sector .cbbc_outstanding .box .chart.table table tbody td.bar .bear{ font-size:10px;}

main .body.data_sector .topic_sectors{ position:relative; width:560px;}
main .body.data_sector .topic_sectors .more{ position:absolute; right:16px; top:6px;}
main .body.data_sector .topic_sectors .box{ padding:3px 16px 16px 16px;}
main .body.data_sector .topic_sectors .table .scrolling{ height:391px;} 

/*inside page*/
#inside main .body{ display:block;}
#inside main .nav_bar{ color:#909090; font-size:14px; display:flex; display:-ms-flexbox; align-items:center; line-height:15px;}
#inside main .nav_bar a{ color:#909090;}
#inside main .nav_bar i{ display:block; margin:0 10px; width:9px; height:13px; background:url(/home/images/img_nav_bar_arrow.jpg) no-repeat;}
#inside main h1{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:36px; line-height:50px; margin:15px 0 0 0; border-bottom:3px solid #ff3333; align-items:center;}

#inside main#settlement h1{ justify-content: flex-start;}

#inside main h1:after{ display:none;}
#inside main h1 .reload{ background:url(/home/images/icon_terms_reload.jpg) no-repeat center; padding:0 5px; border:1px solid #c3c3c3; height:25px; min-width:45px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-right:30px;}
#inside main h1 .reload:hover{ border:1px solid #ff3333; color:#ff3333; background:url(/home/images/icon_terms_reload_on.jpg) no-repeat center;}
#inside main h1.black_border{ border-bottom:3px solid #2e2e2e;}
#inside main h1.white_border{ border-bottom:3px solid #fff;}
#inside main .subtl{ font-size:22px; color:#ff3333; padding-left:15px; font-weight:700;}
#inside main .subtl span{ font-size:16px}
#inside main .tabs_area ul.tabs{ display:flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; background:url(/home/images/bg_tabs_border.jpg) repeat-x bottom #f7f7f7;}
#inside main .tabs_area ul.tabs li{ min-width:20%; text-align:center; border-right:2px solid #f7f7f7; box-sizing:border-box;}
#inside main .tabs_area ul.tabs li a{ display:flex; display:-ms-flexbox; justify-content:center; align-items:center; height:52px; border-bottom:3px solid #c0c0c0;}
#inside main .tabs_area ul.tabs li:nth-child(5n+0){ border-right:none;}
#inside main .tabs_area ul.tabs li.current{ }
#inside main .tabs_area ul.tabs li.current a{ color:#ff3333; border-bottom:3px solid #ff3333;}
#inside main .tabs_area ul.tabs li a:hover{ text-decoration:none; border-bottom:3px solid #ff3333;}
#inside main .tl span{ font-size:16px;}

#inside main .tabs_area ul.dropdown{ display:flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; background:#f7f7f7;}
#inside main .tabs_area ul.dropdown li{ text-align:center; box-sizing:border-box; padding-left:20px;}
#inside main .tabs_area ul.dropdown li a{ display:flex; display:-ms-flexbox; justify-content:center; align-items:center; height:52px; padding-right:30px; background:url(/home/images/icon_expand.png) no-repeat center right 5px; background-size:20px;}
#inside main .tabs_area ul.dropdown li:nth-child(5n+0){ border-right:none;}
#inside main .tabs_area ul.dropdown li.current{ }
#inside main .tabs_area ul.dropdown li.current a{ color:#ff3333; border-bottom:3px solid #ff3333;}
#inside main .tabs_area ul.dropdown li a:hover{ text-decoration:none;}
#inside main .tabs_area ul.dropdown li a.active { color:#ff3333; background:url(/home/images/icon_collapse.png) no-repeat center right 5px; background-size:20px;}

#inside main .chart.table.moneyflow table tbody tr:first-child th{ border-bottom:1px solid #c0c0c0;}
#inside main .chart.table.moneyflow table tbody tr:first-child:hover th{ background:#fff;}
#inside main .chart.table.moneyflow table tbody tr:first-child:hover th.name, #inside main .chart.table.moneyflow table tbody tr:first-child:hover th.focus{ background:#f7f7f7;}
#inside main .chart.table.moneyflow table tbody tr:first-child th .tl{ font-size:13px; font-weight:500; line-height:32px; padding:0 10px; margin-top:0!important;}
#inside main .chart.table.moneyflow table tbody th.name{ background:#f7f7f7; font-weight:700; min-width:150px;}
#inside main .chart.table.moneyflow table tbody tr:hover th.name{ background:#e5e5e5;}
#inside main .chart.table.moneyflow table tbody th.name .type{ font-weight:500;}
#inside main .chart.table.moneyflow table tbody th.bar{ width:37%; padding:3px 0;}
#inside main .chart.table.moneyflow table tbody th.bar.right .number, #inside main .chart.table.moneyflow table tbody th.bar.right .flowout{ float:right;}
#inside main .chart.table table tbody th.focus{ background:#f7f7f7;}
#inside main .chart.table table tbody tr:hover th.focus{ background:#e5e5e5;}
#inside main .chart.table .left_label{ position:absolute; height:388px; margin-top:41px;}
#inside main .chart.table .left_label ul{flex-direction:column; -ms-flex-direction:column;}
#inside main .chart.table .left_label ul li{ height:194px; display:flex; display:-ms-flexbox; align-items:center; background:#fff;}

#inside main#search .search_area{ border-bottom:3px solid #ff3333; position:relative; padding:15px;}
#inside main#search .search_area .underlying_area{ display:flex; display:-ms-flexbox; align-items:center; position:absolute; right:0; top:-74px;}
#inside main#search .search_area .underlying_area .name{ font-size:14px;}
#inside main#search .search_area .underlying_area .price{ font-size:30px; font-weight:700; line-height:30px;}
#inside main#search .search_area .underlying_area .range_chart{ margin-left:25px;}
#inside main#search .search_area .filter_area{ display:flex; display:-ms-flexbox; align-items:center; justify-content:space-between;}
#inside main#search .search_area .filter_area:after{ display:none;}
#inside main#search .search_area .filter_area label{ display:block; line-height:19px; margin-bottom:3px;}
#inside main#search .search_area .filter_area ul li{ min-height:58px;}
#inside main#search .search_area .filter_area ul li select{ width:100%;}
#inside main#search .search_area .filter_area ul li:first-child, #inside main#search .search_area .filter_area ul li:nth-child(2), #inside main#search .search_area .filter_area .right_part ul li:nth-child(3){ margin-bottom:25px;}
#inside main#search .search_area .filter_area .left_part{ width:40%; background:url(/home/images/bg_line_search_filter.jpg) no-repeat right; padding-left:1px;}
#inside main#search .search_area .filter_area .left_part ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#search .search_area .filter_area .left_part ul li{ width:50%; padding-right:25px; box-sizing:border-box;}
#inside main#search .search_area .filter_area .right_part{ width:60%;}
#inside main#search .search_area .filter_area .right_part ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#search .search_area .filter_area .right_part ul li{ width:33%; padding-left:25px; box-sizing:border-box;}
#inside main#search .search_area .filter_area .right_part ul li label .unit{ float:right; font-size:12px; line-height:19px;}
#inside main#search .search_area .filter_area .right_part ul li .info{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:12px; margin-bottom:2px;}
#inside main#search .search_area .filter_area .right_part ul li .info:after{ display:none;}
#inside main#search .result_area{ position:relative;}

#inside main#search .search_area.vertical{ float:left; width:260px; border-bottom:none; padding:0 15px 15px 15px; box-sizing:border-box;}
#inside main#search .search_area.vertical > ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#search .search_area.vertical > ul li{ width:100%; margin-bottom:15px; font-size:15px;}
#inside main#search .search_area.vertical > ul li.type .type_area{ display:flex; display:-ms-flexbox;}
#inside main#search .search_area.vertical > ul li.type .type_area label:first-child{ margin-left:0;}
#inside main#search .search_area.vertical > ul li.type .type_area label{ line-height:21px;}
#inside main#search .search_area.vertical > ul li.underlying, #inside main#search .search_area.vertical > ul li.type{ margin-bottom:0;}
#inside main#search .search_area.vertical > ul li.underlying label, #inside main#search .search_area.vertical > ul li.type label, #inside main#search .search_area.vertical > ul li.issuer label{ line-height:39px;}
#inside main#search .search_area.vertical > ul li .select2-container{ width:100%!important;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper{ width:100%;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper .multiselect-input{ border:1px solid #e5e5e5; padding:5px 36px 5px 5px; line-height:26px; height:36px; outline:0; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); -moz-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #ffffff 50%), linear-gradient(-225deg, transparent 50%, #ffffff 50%), linear-gradient(#ffffff 42%, #D00000 42%); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:1px 100%, 30px 26px, 30px 26px, 30px 100%; background-position:right 30px center, right bottom, right bottom, right bottom;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper .multiselect-list{ width:calc(100% - 30px); z-index:9;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper .multiselect-list ul li{ margin-bottom:0;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper .multiselect-list label{ line-height:20px;}
#inside main#search .search_area.vertical > ul li label .unit{ float:right; font-size:12px; line-height:19px;}
#inside main#search .search_area.vertical > ul li .info{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:12px; margin-bottom:2px; line-height:19px;}
#inside main#search .search_area.vertical > ul li .info:after{ display:none;}
#inside main#search .search_area.vertical > ul li:last-child{ margin-bottom:0;}
#inside main#search .search_area.vertical > ul li.chart{ margin-bottom:5px;}
#inside main#search .search_area.vertical > ul li hr{ width:100%; margin:0 auto; border:solid #c0c0c0; border-width:1px 0 0 0;}
#inside main#search .search_area.vertical .chart_area{ margin-top:10px;}
#inside main#search .search_area.vertical .chart_area .tabs_area{ margin:5px 0;}
#inside main#search .search_area.vertical .chart_area .tabs_area ul.tabs{ flex-wrap:nowrap; -webkit-flex-wrap:nowrap; background:none;}
#inside main#search .search_area.vertical .chart_area .tabs_area ul.tabs li{ border-right:none; min-width:auto; font-size:15px; margin-bottom:0;}
#inside main#search .search_area.vertical .chart_area .tabs_area ul.tabs li:hover a{ color:#ff3333; text-decoration:underline;}
#inside main#search .search_area.vertical .chart_area .tabs_area ul.tabs li a{ height:auto; border-bottom:none; padding:0;}
#inside main#search .search_area.vertical .chart_area .tabs_area ul.tabs li:first-child a{ padding-left:0;}
#inside main#search .search_area.vertical .chart_area .name{ font-size:14px;}
#inside main#search .search_area.vertical .chart_area .price{ font-size:30px; font-weight:700; line-height:30px;}
#inside main#search .search_area.vertical .chart_area .range_chart{ margin-left:25px;}
#inside main#search .search_area.vertical .chart_area .chart{}

#inside main#search .result_area.vertical{ float:left; width:890px;}
#inside main#search .result_area.vertical .subtl{ line-height:39px; border-bottom:1px solid #2e2e2e; color:#2e2e2e;}
#inside main#search .result_area.vertical .subtl .title{ float:left;}
#inside main#search .result_area.vertical .subtl .price_area{ display:flex; display:-ms-flexbox; float:right;}
#inside main#search .result_area.vertical .subtl .price_area .change_area{ font-size:15px; font-weight:normal; margin:3px 10px; flex-direction:column; -ms-flex-direction:column; line-height:16px;}
#inside main#search .result_area.vertical .subtl .price_area .change_area .number{ margin-right:0; text-align:right;}
#inside main#search .result_area.vertical .subtl .price_area .range_chart{ margin:4px 5px 5px 5px;}

#inside main#search .result_area.vertical .table_header .page_show{ padding-left:0;}
#inside main#search .body:after{ content:""; display:table; clear:both;}

#inside main .result_area .table_header .display, #inside main .result_area .table_header .page_show{ width:26%;}
#inside main .result_area .table_header .result{ width:48%; display:flex; display:-ms-flexbox; justify-content:center;}
#inside main .result_area .table_header .result span#total_result{ font-weight:700; color:#f44746; margin:0 5px;}

#inside main#new_listing h1{ border-bottom:3px solid #2e2e2e;}
#inside main#new_listing .search_area{ border-bottom:3px solid #ff3333; position:relative; padding:15px;}
#inside main#new_listing .search_area .filter_area{ display:flex; display:-ms-flexbox; align-items:center; justify-content:space-between;}
#inside main#new_listing .search_area .filter_area .left_part{ width:50%; padding-right:12px;}
#inside main#new_listing .search_area .filter_area .right_part{ width:50%; padding-left:12px;}
#inside main#new_listing .search_area .filter_area ul li{ width:50%; box-sizing:border-box;}
#inside main#new_listing .search_area .filter_area ul li:nth-child(odd){ padding-right:12px;}
#inside main#new_listing .search_area .filter_area ul li:nth-child(even){ padding-left:12px;}
#inside main#new_listing .search_area .filter_area ul li input[type="text"], #inside main#new_listing .search_area .filter_area ul li select{ width:100%;}
#inside main#new_listing .search_area .filter_area label{ display:block; line-height:19px; margin-bottom:3px;}
#inside main#new_listing .button_area{ margin-top:15px;}

#inside main#expiring h1{ border-bottom:3px solid #2e2e2e;}
#inside main#expiring .search_area{ border-bottom:3px solid #ff3333; position:relative; padding:15px;}
#inside main#expiring .search_area .filter_area{ display:flex; display:-ms-flexbox; align-items:center; justify-content:space-between;}
#inside main#expiring .search_area .filter_area .left_part{ width:60%;}
#inside main#expiring .search_area .filter_area .left_part ul li{ padding-right:12px;}
#inside main#expiring .search_area .filter_area .right_part{ width:40%;}
#inside main#expiring .search_area .filter_area .right_part ul li{ padding-left:12px;}
#inside main#expiring .search_area .filter_area ul li{ width:50%; box-sizing:border-box;}
#inside main#expiring .search_area .filter_area ul li:last-child{ padding-right:0;}
#inside main#expiring .search_area .filter_area .full_part{ width:100%;}
#inside main#expiring .search_area .filter_area .full_part ul{ width:100%;}
#inside main#expiring .search_area .filter_area .full_part ul li{ padding-right:12px;}
#inside main#expiring .search_area .filter_area .full_part ul li:last-child{ padding-right:0;}

/*#inside main#expiring .search_area .filter_area ul li:nth-child(odd){ padding-right:12px;}
#inside main#expiring .search_area .filter_area ul li:nth-child(even){ padding-left:12px;}*/
#inside main#expiring .search_area .filter_area ul li input[type="text"], #inside main#expiring .search_area .filter_area ul li select{ width:100%;}
#inside main#expiring .search_area .filter_area label{ display:block; line-height:19px; margin-bottom:3px;}
#inside main#expiring .button_area{ margin-top:15px;}

#inside main#settlement h1{ border-bottom:3px solid #2e2e2e;}

#inside main#top_rank .table tbody td .chart{ background:#fff; padding: 0 10px; width:fit-content; width:-moz-fit-content; margin:0 auto; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

#inside main#documents .table tbody td.documents a{ display:block;}
#inside main#documents .table tbody td.documents{ color:#909090;}
#inside main#documents .search_area{ position:relative; padding:15px; border-bottom:3px solid #ff3333;}
#inside main#documents .search_area .filter_area{ display:flex; display:-ms-flexbox; align-items:center; justify-content:space-between;}
#inside main#documents .search_area .filter_area .left_part{ width:50%; padding-right:12px;}
#inside main#documents .search_area .filter_area .right_part{ width:50%; padding-left:12px;}
/*#inside main#documents .search_area .filter_area ul li{ width:50%; box-sizing:border-box;}
#inside main#documents .search_area .filter_area ul li:nth-child(odd){ padding-right:12px;}
#inside main#documents .search_area .filter_area ul li:nth-child(even){ padding-left:12px;}*/
#inside main#documents .search_area .filter_area ul{ width:100%;}
#inside main#documents .search_area .filter_area ul li{ width:30%; margin-right:5%;}
#inside main#documents .search_area .filter_area ul li:last-child{ margin-right:0;}
                

#inside main#documents .search_area .filter_area ul li input[type="text"], #inside main#documents .search_area .filter_area ul li select{ width:100%;}
#inside main#documents .search_area .filter_area label{ display:block; line-height:19px; margin-bottom:3px;}
#inside main#documents .button_area{ margin-top:15px;}
#inside main#documents .documents_area{ border:1px solid #e5e5e5; padding:10px 15px; margin:15px 0;}
#inside main#documents .documents_area ul li{ margin-right:100px;}
#inside main#documents .documents_area ul li a{ padding-left:23px; background:url(/home/images/icon_table_download.jpg) no-repeat left; color:#ff3333;}
#inside main#documents .documents_area ul li a span{ color:#2e2e2e;}
#inside main#documents .documents_area ul li:last-child{ margin-right:0;}
#inside main#documents .table_footer{ justify-content:flex-end;}

#inside main#moneyflow .table_header{ justify-content:space-between; margin-bottom:10px;}
#inside main#moneyflow hr{ margin-bottom:20px;}
#inside main#moneyflow .table .tl{ margin-top:20px;}
#inside main#moneyflow .chart.table.moneyflow{ margin-bottom:25px;}
#inside main#moneyflow .chart.table.moneyflow.desktop_only{ display:block;}
#inside main#moneyflow .table_header .filter .tl{ text-wrap:nowrap; white-space:nowrap;}
#inside main#moneyflow.underlying .chart.table.moneyflow table tbody th.name .type, #inside main#moneyflow.etf .chart.table.moneyflow table tbody th.name .type{ display:block}
#inside main#moneyflow.warrant .table tbody td, #inside main#moneyflow.warrant .table tbody td span.unit, #inside main#moneyflow.cbbc .table tbody td, #inside main#moneyflow.cbbc .table tbody td span.unit{ line-height:normal;}
#inside main#moneyflow .table tbody td.focus a, #inside main#moneyflow.warrant .table tbody td .type span, #inside main#moneyflow.warrant .table tbody td span.drop, #inside main#moneyflow.warrant .table tbody td span.rise, #inside main#moneyflow.cbbc .table tbody td .type span, #inside main#moneyflow.cbbc .table tbody td span.drop, #inside main#moneyflow.cbbc .table tbody td span.rise{ display:block;}
#inside main#moneyflow .table tbody td.focus a:last-child{ margin-left:0;}

#inside main#southbound .body > .tl{ margin-top:15px;}
#inside main#southbound .southbound_quote_box{ border:1px solid #e5e5e5; display:flex; display:-ms-flexbox; justify-content:space-between; margin-bottom:25px;}
#inside main#southbound .southbound_quote_box .left_part{ display:flex; display:-ms-flexbox; align-items:stretch; width:82%;}
#inside main#southbound .southbound_quote_box .left_part > ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#southbound .southbound_quote_box .left_part > ul > li{ display:flex; display:-ms-flexbox; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; box-sizing:border-box; align-items:center;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:after{ display:none;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(odd){ width:58%; padding:0 5px 0 15px;} 
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(even){ width:42%; padding:0 15px; justify-content:space-between;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(3), #inside main#southbound .southbound_quote_box .left_part ul li:nth-child(4){ border-bottom:none;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .tl{ font-size:16px; line-height:normal; padding-left:0; min-width:150px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .tl span{ font-size:13px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .turnover{ min-width:180px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .moneyflow{ }
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart{}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul{ margin:0; padding:0; line-height:0;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul.flowin{ border-bottom:1px solid #c0c0c0;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul li{ height:20px; margin:0 4px; width:7px; display:flex; display:-ms-flexbox;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul li .bar{ width:100%;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul.flowin li{ align-items:flex-end;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul.flowin li .bar{ background:#61ae25;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart ul.flowout li .bar{ background:#f44746;}
#inside main#southbound .southbound_quote_box .right_part.total{ width:18%; min-height:100px; padding:15px; background:#f7f7f7; display:flex; display:-ms-flexbox; flex-direction:column; -ms-flex-direction:column; justify-content:center;}
#inside main#southbound .southbound_quote_box .right_part.total .tl{ font-size:22px; line-height:normal; padding-left:0; margin-bottom:10px;}
#inside main#southbound .southbound_quote_box .right_part.total .turnover{ margin-bottom:5px;}
#inside main#southbound .table_header{ margin-top:20px;}
#inside main#southbound.ah .table_header{ margin-bottom:10px;}
#inside main#southbound.ah div.dt-buttons{ top:-50px;}
#inside main#southbound.topten .table_header, #inside main#southbound.quote .table_header{ justify-content:space-between;}
#inside main#southbound.topten .body .table_footer{ flex-direction:column; -ms-flex-direction:column;}
#inside main#southbound.quote .chart_area .label .total span{ background:#ffaa22;}
#inside main#southbound.quote .chart_area .label .sh span{ background:#69ba77;}
#inside main#southbound.quote .chart_area .label .sz span{ background:#87cadb;}
#inside main#southbound.quote .chart_area .label span.line{ background:#000;}

#inside main#earnings .recomment_area ul.highlights.three li .left_part{ /*min-width:185px;*/}
#inside main#earnings .calendar_area{ background:#f7f7f7; padding:10px 10px 0 10px; margin-bottom:25px;}
#inside main#earnings .calendar_area :after{ content:none; display:table; clear:both;}
#inside main#earnings .calendar_area .section.select_all{ padding-top:14px; border-top:1px solid #eee;}
#inside main#earnings .calendar_area .section .tl{ font-size:15px; line-height:32px; padding-left:8px; margin-left:20px; background:url(/home/images/bg_cal_tl_border.jpg) no-repeat left;}
#inside main#earnings .calendar_area #calendar-wrap{ flex:auto; width:calc(100% - 280px);}
#inside main#earnings .calendar_area #calendar-wrap #calendar{ width:100%;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar{ background:#fff; padding:10px; margin-bottom:0;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button{ min-width:86px; text-align:center; padding:0 5px; margin-right:5px; background:#fff; color:#ff3333; font-size:16px; font-weight:500; border:1px solid #c3c3c3; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:hover{ background:#fff; border:1px solid #ff3333; color:#ff3333;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:not(:first-child){ margin-left:0;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:focus, #inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:active{ outline:none; box-shadow:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-button-active{ background:#ff3333; border:1px solid #ff3333; color:#fff;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:disabled{ background:#fff; border:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button:disabled:hover{ border:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-today-button{ background:#ff3333; border:1px solid #ff3333; color:#fff; line-height:25px; font-size:16px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-today-button:disabled{ background:#fff; border:1px solid #c3c3c3; color:#c3c3c3;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-prev-button, #inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-next-button{ min-width:45px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-prev-button{ background:url(/home/images/icon_calendar_prev.jpg) no-repeat center;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-next-button{ background:url(/home/images/icon_calendar_next.jpg) no-repeat center;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-prev-button :before, #inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-next-button :before{ display:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-dayGridMonth-button{ margin-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-listMonth-button{ margin-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
#inside main#earnings #upcoming_table tbody tr.date_alternate_even td, #inside main#earnings #last_table tbody tr.date_alternate_even td{ background:#f7f7f7;}
#inside main#earnings tbody tr td a.call{ color:#61ae25;}
#inside main#earnings tbody tr td a.put{ color:#f44746;}
#inside main#earnings tbody tr td a:last-child{ margin-left:10px;}

/*video*/
#inside main#video{ padding-bottom:50px;}
#inside main#video .back_button{ padding-left:16px; margin:18px 0 10px 0;}
#inside main#video .back_button a{ color:#f33; padding-left:18px; background:url(/home/images/icon_video_back.jpg) no-repeat left;}
#inside main#video h1{ position:relative;}
#inside main#video h1 .filter{ position:absolute; right:0;}
#inside main#video h1 .filter .tl{ padding:0 10px 0 0; font-size:16px; font-weight:normal; float:left; line-height:28px;}
#inside main#video h1 .filter input[type="text"]{ line-height:28px; height:28px; padding:0 5px; width:200px;}
#inside main#video h1 .filter button.search{ position:absolute; right:0; top:0; width:28px; height:28px; padding:0; background:url(/home/images/icon_nav_search.jpg) no-repeat center; text-indent:-99999px; border:none; min-width:0;}
#inside main#video .video_area > .tl{ font-size:30px; line-height:56px; float:left;}
#inside main#video .video_area > .date{ float:right; color:#909090; font-size:16px; margin-top:20px;}
#inside main#video .video_area .video_box{ clear:both; background:#f7f7f7; padding:16px; margin-bottom:15px;}
#inside main#video .video_area .video_box .video{ float:left; width:798px; position:relative; /*padding-bottom:56.25%;*/ height:449px; overflow:hidden;}
#inside main#video .video_area .video_box .video iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
#inside main#video .video_area .video_box .content_area{ float:right; background:#fff; width:320px; padding:16px; box-sizing:border-box; height:449px;}
#inside main#video .video_area .video_box .content_area .tabs{}
#inside main#video .video_area .video_box .content_area ul.tabs{ width:fit-content; width:-moz-fit-content; /*margin:0 auto;*/}
#inside main#video .video_area .video_box .content_area ul.tabs li{ margin-right:8px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff;}
#inside main#video .video_area .video_box .content_area ul.tabs li.current a{ background:#ffaa22; color:#fff;}
#inside main#video .video_area .video_box .content_area ul.tabs li a{ line-height:30px; padding:0 10px; font-size:16px; display:block; color:#ffaa22;}
#inside main#video .video_area .video_box .content_area .content{ margin-top:10px; height:375px; overflow-y:auto;}
#inside main#video .video_area .video_box .content_area .content ul li{ }
#inside main#video .video_area .video_box .content_area .content ul li a{ text-decoration:underline;}

#inside main#video .video_area .hot_item{ float:left; text-align:left; border:1px solid #f33; padding:8px 10px 5px 10px; border-radius:4px;}
#inside main#video .video_area .hot_item .tl{ padding-left:0; font-size:16px; line-height:20px; color:#f33;} 
#inside main#video .video_area .hot_item p{ font-size:16px; line-height:20px; margin:0; padding:0; font-weight:bold;}
#inside main#video .video_area .next_item{ float:right; text-align:right; border:1px solid #fff; padding:8px 10px 5px 10px; }
#inside main#video .video_area .next_item .tl{ padding-left:0; font-size:16px; line-height:20px; background:url(/home/images/icon_video_next.jpg) no-repeat right; padding-right:18px;} 
#inside main#video .video_area .next_item p{ font-size:16px; line-height:20px; margin:0; padding:0; font-weight:bold;}

#inside main#video .video_area hr{ margin:50px 0 45px 0;}

#inside main#video .owl-nav{ position:absolute; z-index:0; top:calc(50% - 37px); width:100%;}
#inside main#video .tabs_area .owl-nav{ top:18px;}

#inside main#video .owl-nav span{ text-indent:-99999999px;}
#inside main#video .owl-nav .owl-prev{ min-width:0; position:absolute; left:-14px;}
#inside main#video .owl-nav .owl-prev.disabled span{ background:none;}
#inside main#video .owl-nav .owl-prev span{ background:url(/home/images/icon_focus_arrow_left.jpg) no-repeat; width:8px; display:block;}
#inside main#video .owl-nav .owl-next{ min-width:0; position:absolute; right:-14px;}
#inside main#video .owl-nav .owl-next.disabled span{ background:none;}
#inside main#video .owl-nav .owl-next span{ background:url(/home/images/icon_focus_arrow_right.jpg) no-repeat; width:8px; display:block;}

#inside main#video .archive_area{ margin:0 16px;}
#inside main#video .archive_area .tl{ padding-left:0; font-size:16px;} 
#inside main#video .archive_area > .tl{ color:#f33; font-size:22px;}
/*#inside main#video .archive_area ul li{ width:270px; margin-right:15px;}
#inside main#video .archive_area ul li .video{ float:left; position:relative; padding-bottom:56.25%; width:270px; height:153px; overflow:hidden; margin-bottom:5px;}
#inside main#video .archive_area ul li .video iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}*/
#inside main#video .archive_area ul li .tl{ clear:both; line-height:18px; margin:5px 0;}
#inside main#video .archive_area ul li .date{ font-size:12px; color:#909090; line-height:1;}

#inside main#video .playlist_area{ margin:0 16px;}
#inside main#video .playlist_area .tl{ padding-left:0; font-size:16px;} 
#inside main#video .playlist_area > .tl{ color:#f33; font-size:22px;}
/*#inside main#video .playlist_area ul li{ width:270px; margin-right:15px;}
#inside main#video .playlist_area ul li .video{ float:left; position:relative; padding-bottom:56.25%; width:270px; height:153px; overflow:hidden; margin-bottom:5px;}
#inside main#video .playlist_area ul li .video iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}*/ 
#inside main#video .playlist_area ul li .tl{ clear:both; line-height:18px; margin:5px 0;}
#inside main#video .playlist_area ul li .date{ font-size:12px; color:#909090; line-height:1;}

#inside main#video .table_header{ padding-left:0; justify-content:space-between;}
#inside main#video .table_header .search_result{ font-size:22px; color:#f33;}

#inside main#video .result_area .video_box{ }
#inside main#video .result_area .video_box .img{ float:left; margin-right:10px;}
#inside main#video .result_area .video_box .content_area{ float:left; width:calc(100% - 280px); min-height:153px; background:#f7f7f7; box-sizing:border-box; padding:16px;}
#inside main#video .result_area .video_box .content_area .top{ display:flex; justify-content:space-between; margin-bottom:20px;}
#inside main#video .result_area .video_box .content_area .top .tl{ font-size:18px; color:#000; padding-left:0; line-height:22px;}
#inside main#video .result_area .video_box .content_area .top .date{ font-size:16px; color:#909090; line-height:22px;}
#inside main#video .result_area .video_box .content_area .top:after{ display:none;}
#inside main#video .result_area .video_box .content_area .content .subtl{ font-size:16px; padding-left:0; line-height:1; margin-bottom:5px;}
#inside main#video .result_area hr{ margin:15px 0;}
#inside main#video .result_area .table_footer{ justify-content:flex-end;}
#inside main#video .result_area .no_result{ background:#f7f7f7; padding:16px; text-align:center;}

/*new*/
#inside main#earnings .calendar-select{ padding:0 0 0 20px; flex-wrap:wrap;}
#inside main#earnings .calendar-select li{width: 33.33%; margin-bottom: 10px; display:flex;}
#inside main#earnings .calendar-select li label{ margin-left:0;}

#inside main#earnings .calendar-select li label.checkbox_area{}
#inside main#earnings .calendar-select li label.checkbox_area .checkmark{}
#inside main#earnings .calendar-select li label.checkbox_area .checkmark:after{ content: ""; position: absolute; left:4px; top:0px; width:5px; height:9px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#inside main#earnings .calendar-select li label.checkbox_area input:checked ~ .checkmark:after{ display:block;}



#inside main#earnings .calendar-select .icon01>div,
#inside main#earnings .calendar-select .icon02>div,
#inside main#earnings .calendar-select .icon03>div,
#inside main#earnings .calendar-select .icon04>div,
#inside main#earnings .calendar-select .icon05>div,
#inside main#earnings .calendar-select .icon06>div,
#inside main#earnings .calendar-select .icon07>div,
#inside main#earnings .calendar-select .icon08>div,
#inside main#earnings .calendar-select .icon09>div,
#inside main#earnings .calendar-select .icon10>div,
#inside main#earnings .calendar-select .icon11>div,
#inside main#earnings .calendar-select .icon12>div,
#inside main#earnings .calendar-select .icon13>div
{
	float: left;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#inside main#earnings .icon01_bg,
#inside main#earnings .icon02_bg,
#inside main#earnings .icon03_bg,
#inside main#earnings .icon04_bg,
#inside main#earnings .icon05_bg,
#inside main#earnings .icon06_bg,
#inside main#earnings .icon07_bg,
#inside main#earnings .icon08_bg,
#inside main#earnings .icon09_bg,
#inside main#earnings .icon10_bg,
#inside main#earnings .icon11_bg,
#inside main#earnings .icon12_bg,
#inside main#earnings .icon13_bg
{
    background: none;
    border: none;
    font-size: 14px;
	z-index:-1;
}

#inside main#earnings .icon01_bg .fc-content {
    background: url(/home/images/icon_cal_01.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon02_bg .fc-content {
    background: url(/home/images/icon_cal_02.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon03_bg .fc-content {
    background: url(/home/images/icon_cal_03.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon04_bg .fc-content {
    background: url(/home/images/icon_cal_04.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon05_bg .fc-content {
    background: url(/home/images/icon_cal_05.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon06_bg .fc-content {
    background: url(/home/images/icon_cal_06.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon07_bg .fc-content {
    background: url(/home/images/icon_cal_07.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon08_bg .fc-content {
    background: url(/home/images/icon_cal_08.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon09_bg .fc-content {
    background: url(/home/images/icon_cal_09.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon10_bg .fc-content {
    background: url(/home/images/icon_cal_10.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon11_bg .fc-content {
    background: url(/home/images/icon_cal_11.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon12_bg .fc-content {
    background: url(/home/images/icon_cal_12.png) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings .icon13_bg .fc-content {
    background: url(/home/images/icon_cal_13.png?v1) no-repeat;
    height: 15px;
    width: 15px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#inside main#earnings #calendar tbody td .icon01_bg,
#inside main#earnings #calendar tbody td .icon02_bg,
#inside main#earnings #calendar tbody td .icon03_bg,
#inside main#earnings #calendar tbody td .icon04_bg,
#inside main#earnings #calendar tbody td .icon05_bg,
#inside main#earnings #calendar tbody td .icon06_bg,
#inside main#earnings #calendar tbody td .icon07_bg,
#inside main#earnings #calendar tbody td .icon08_bg,
#inside main#earnings #calendar tbody td .icon09_bg,
#inside main#earnings #calendar tbody td .icon10_bg,
#inside main#earnings #calendar tbody td .icon11_bg,
#inside main#earnings #calendar tbody td .icon12_bg,
#inside main#earnings #calendar tbody td .icon13_bg
{
    color: #000;
    text-align: left;
    padding-left: 5px;
    cursor: pointer;
	font-size:13px;
}

#inside main#earnings #calendar tbody td .icon01_bg:hover,
#inside main#earnings #calendar tbody td .icon02_bg:hover,
#inside main#earnings #calendar tbody td .icon03_bg:hover,
#inside main#earnings #calendar tbody td .icon04_bg:hover,
#inside main#earnings #calendar tbody td .icon05_bg:hover,
#inside main#earnings #calendar tbody td .icon06_bg:hover,
#inside main#earnings #calendar tbody td .icon07_bg:hover,
#inside main#earnings #calendar tbody td .icon08_bg:hover,
#inside main#earnings #calendar tbody td .icon09_bg:hover,
#inside main#earnings #calendar tbody td .icon10_bg:hover,
#inside main#earnings #calendar tbody td .icon11_bg:hover,
#inside main#earnings #calendar tbody td .icon12_bg:hover,
#inside main#earnings #calendar tbody td .icon13_bg:hover
{
    text-decoration: none;
}

#inside main#earnings .calendar-select .icon01 div .box,
#inside main#earnings .eventcontent .icon01 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_01.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}
#inside main#earnings .calendar-select .icon02 div .box,
#inside main#earnings .eventcontent .icon02 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_02.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon03 div .box,
#inside main#earnings .eventcontent .icon03 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_03.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon04 div .box,
#inside main#earnings .eventcontent .icon04 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_04.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon05 div .box,
#inside main#earnings .eventcontent .icon05 .box {
    height: 15px;
    width: 15px;
    float:left;
	background: url(/home/images/icon_cal_05.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon06 div .box,
#inside main#earnings .eventcontent .icon06 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_06.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon07 div .box,
#inside main#earnings .eventcontent .icon07 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_07.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon08 div .box,
#inside main#earnings .eventcontent .icon08 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_08.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon09 div .box,
#inside main#earnings .eventcontent .icon09 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_09.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon10 div .box,
#inside main#earnings .eventcontent .icon10 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_10.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon11 div .box,
#inside main#earnings .eventcontent .icon11 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_11.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon12 div .box,
#inside main#earnings .eventcontent .icon12 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_12.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar-select .icon13 div .box,
#inside main#earnings .eventcontent .icon13 .box {
    height: 15px;
    width: 15px;
    float:left;
    background: url(/home/images/icon_cal_13.png?v1) no-repeat;
    background-size: cover;
    margin-left: 5px;
    vertical-align: text-bottom;
	padding: 0;
	border: none;
}

#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon01{
	background:url(/home/images/icon_cal_01.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02{
	background:url(/home/images/icon_cal_02.png) no-repeat #fff left 5px top 10px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02 > div.icon06{
	background:url(/home/images/icon_cal_hk.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02 > div.icon04{	
	background:url(/home/images/icon_cal_cn.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02 > div.icon11{
	background:url(/home/images/icon_cal_sg.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02 > div.icon01{	
	background:url(/home/images/icon_cal_usa.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}

#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon03{
	background:url(/home/images/icon_cal_03.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon04{
	background:url(/home/images/icon_cal_04.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon05{
	background:url(/home/images/icon_cal_05.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon06{
	background:url(/home/images/icon_cal_06.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon07{
	background:url(/home/images/icon_cal_07.png) no-repeat #fff left 5px top 10px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon07 > div.icon01{
	background:url(/home/images/icon_cal_usa.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}
	
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon08{
	background:url(/home/images/icon_cal_08.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon09{
	background:url(/home/images/icon_cal_09.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon10{
	background:url(/home/images/icon_cal_10.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon11{
	background:url(/home/images/icon_cal_11.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon12{
	background:url(/home/images/icon_cal_12.png) no-repeat #fff left 5px top 11px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon13{
	background:url(/home/images/icon_cal_13.png?v1) no-repeat #fff left 5px top 10px;
	background-size:15px 15px;
	padding-left:22px;
}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon13 > div.icon06{
	background:url(/home/images/icon_cal_hk.png) no-repeat #fff center;
	background-size:15px 15px;
	float:left;
	width:15px;
	height:15px;}

#inside main#earnings .link_button{ font-size:15px;}
#inside main#earnings .link_button a{ margin-bottom:10px; text-align:right; display:block; border:1px solid #e5e5e5; padding:5px 16px 5px 10px; float:right; background:#fff; text-decoration:none; color:#d10100; border-radius:2px; line-height:1; background:url(/home/images/icon_calendar_next.jpg) no-repeat center right 5px #fff; background-size:7px;}

#inside main#earnings .calendar_area #calendar-wrap #calendar table{ font-size:16px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-col-header th{ background:#f7f7f7; border-bottom:1px solid #c0c0c0; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-col-header th a:hover{ text-decoration:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-col-header th .fc-col-header-cell-cushion{ font-size:16px; font-weight:500; line-height:20px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td{ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; /*background:transparent;*/}

#inside main#earnings .calendar_area #calendar-wrap #calendar thead td{ border-top:1px solid #e5e5e5; }

#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td:first-child{ border-left:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td:last-child{ border-right:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td > div{ width:calc(100% - 2px); min-height:calc(100% - 2px); margin:1px; background:#fff;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td.fc-day-today > div{ background:#fff2df;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-day-number{ width:30px; height:30px; padding:4px; line-height:22px; box-sizing:border-box; text-align:center; text-shadow: #fff 1px 1px 1px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td.fc-day-today .fc-daygrid-day-number{ background-color:#ff3333; color:#FFF; border-radius:50%; text-shadow:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-day-events{ }
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-day-events .fc-daygrid-event-harness:first-child:after{ content:""; position:absolute; background-color:#ffaa23; color:#FFF; border-radius:50%; width:30px; height:30px; top:-31px; right:0;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-highlight{ background:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-more-link{ color:#d00000;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-popover-header{ background:#e5e5e5;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-event{ border-radius:0;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-event.fc-event-start, #inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-event.fc-event-end, #inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-direction-rtl .fc-daygrid-event.fc-event-start{ margin-left:1px; margin-right:1px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-scrollgrid{ border-top:none; border-left:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-scrollgrid-section-header > td, 
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-scrollgrid tr td:last-child{ border-right:none; border-right:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-scrollgrid{ }

#inside main#earnings .calendar_area #calendar-wrap #calendar table.fc-list-table .fc-list-day-cushion{ height:36px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar table.fc-list-table .fc-list-day-cushion > a{ line-height:20px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar table.fc-list-table tbody td{ border-left:none; border-right:none;}
#inside main#earnings .calendar_area #calendar-wrap #calendar table.fc-list-table tbody td.fc-list-event-graphic{ vertical-align:middle;}
#inside main#earnings .calendar_area #calendar-wrap #calendar table.fc-list-table tbody td.fc-list-event-time{ display:none;}

#inside main#earnings .calendar_area #external-events{ width:280px;}
#inside main#earnings .calendar_area #external-events .event-box{ padding:10px; padding-top:14px; padding-right:0; background:#f7f7f7;	height:100%;}
#inside main#earnings .calendar_area #external-events .event-box h3{ margin-top:0; padding-left:20px; background: url(/home/images/date.png) no-repeat left center; margin-bottom:10px; margin-left:10px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div{ margin-bottom:10px; background:#ffffff; padding:10px; line-height:20px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div:last-child{ margin-bottom:0;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div > a{ color:#ff3333; display:block;}
/*#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div > a:after{ content:""; display:inline-block; margin-left:10px; margin-right:10px; height:10px; border-left:1px solid #c0c0c0;}*/
#inside main#earnings .calendar_area #external-events #external-events-list{ max-height:625px!important;}

#inside main#earnings .calendar_area #wrap{ overflow:hidden; padding:0; display:flex; display:-ms-flexbox; flex:auto; background:#f7f7f7; margin-top:10px;}

#inside main#earnings .table_header{ justify-content:space-between; margin-top:20px;}
#inside main#earnings .table_control td:first-child, #inside main#earnings .table_control th:first-child{ width:100px;}
#inside main#earnings .table_control td:nth-child(2), #inside main#earnings .table_control th:nth-child(2){ width:320px;}
#inside main#earnings .table_control td:nth-child(3), #inside main#earnings .table_control th:nth-child(3){ width:200px;}
@media all and (max-width: 767px){
#inside main#earnings .table_control th{ font-size:14px; padding:3px;}	
#inside main#earnings .table_control td{ font-size:14px; padding:3px;}	
#inside main#earnings .table_control td:first-child, #inside main#earnings .table_control th:first-child{ width:auto;}
#inside main#earnings .table_control td:nth-child(2), #inside main#earnings .table_control th:nth-child(2){ width:auto;}
#inside main#earnings .table_control td:nth-child(3), #inside main#earnings .table_control th:nth-child(3){ width:auto;}
#inside main#earnings .table_control td a{ white-space:pre-line;}
#inside main#earnings tbody tr td a.call{ display:block;}
#inside main#earnings tbody tr td a.put{ display:block;}
#inside main#earnings tbody tr td a:last-child{ margin-left:0;}
}

#inside main#earnings .table_control tbody td.rating span{ display:inline-block; width:18px; height:10px;}
#inside main#earnings .table_control tbody td.rating span.red{ background:#f44746;}
#inside main#earnings .table_control tbody td.rating span.green{ background:#61ae25;}
#inside main#earnings .table_control tbody td.rating span.yellow{ background:yellow;}

#inside main#earnings .table_control td.left_border{ border-left:1px solid #2e2e2e;}
#inside main#earnings .table_control td.right_border{ border-right:1px solid #2e2e2e;}
#inside main#earnings .table_control tbody td span.code:after, #inside main#earnings .table_control tbody span.name:after{ display:none;}

#inside main#earnings .table_header .page_show{ padding-left:0;}

#inside main#earnings .table_header .setting_area{}
#inside main#earnings .table_header .setting_area ul li{ margin-right:8px;}

#inside main#earnings .table_header .filter input[type="text"]{ width:150px;}


@media all and (min-width: 768px) and (max-width: 1040px){
#inside main#earnings .table_header{ flex-wrap:wrap;}
#inside main#earnings .table_header .filter{ width:50%; padding:0; box-sizing: border-box;}
#inside main#earnings .table_header .filter:nth-of-type(1){ padding-right:15px}
#inside main#earnings .table_header .filter:nth-of-type(2){ padding-left:15px}
#inside main#earnings .table_header .setting_area{ width:50%; padding:0; box-sizing: border-box;}
#inside main#earnings .table_header .page_show{ width:50%; padding:0; box-sizing: border-box;}
#inside main#earnings .table_header .filter input[type="text"]{ width:calc(100% - 37px);}
}



#inside main#terms .quote_area{ padding-bottom:10px;}
#inside main#terms .quote_area .top_area{ border-bottom:3px solid #2e2e2e; display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
#inside main#terms .quote_area .top_area:after{ display:none;}
#inside main#terms .quote_area .top_area .left_part{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:baseline;}
#inside main#terms .quote_area .top_area .left_part .code{ font-size:32px; margin-right:5px; font-weight:700;}
#inside main#terms .quote_area .top_area .left_part .name{ font-size:32px; margin-right:10px; font-weight:700;}
#inside main#terms .quote_area .top_area .left_part .type{ font-size:16px;margin-right:10px;}
#inside main#terms .quote_area .top_area .left_part .type.call, #inside main#terms .quote_area .top_area .left_part .type.bull{ color:#61ae25;}
#inside main#terms .quote_area .top_area .left_part .type.put, #inside main#terms .quote_area .top_area .left_part .type.bear{ color:#ff3333;}
#inside main#terms .quote_area .top_area .left_part .range_chart{ margin-left:50px;}
#inside main#terms .quote_area .top_area .right_part{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
#inside main#terms .quote_area .top_area .right_part .saerch_area{ position:relative;}
#inside main#terms .quote_area .top_area .right_part .saerch_area input[type="text"]{ width:250px; margin:9px 0;}
#inside main#terms .quote_area .top_area .right_part .saerch_area button{ position:absolute; right:1px; top:10px; text-indent:-99999px; min-width:0; width:32px; height:34px; background:url(/home/images/icon_terms_search_button.jpg) no-repeat center #ff3333; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
#inside main#terms .quote_area .bottom_area{ display:flex; display:-ms-flexbox; justify-content:space-between;}
#inside main#terms .quote_area .bottom_area .quote_detail{ width:420px; margin-top:10px; margin-right:20px; position:relative;}
#inside main#terms .quote_area .bottom_area .quote_detail ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap; border-bottom:2px solid #c0c0c0;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li{ width:195px; border-bottom:1px solid #e5e5e5; line-height:31px; /*display:flex; display:-ms-flexbox; justify-content:space-between;*/ font-size:14px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li span.unit:after{ display:none;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.empty{ border-bottom:1px solid #fff;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li div{ font-weight:700; float:right; font-size:16px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li:after{ display:none;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer{ padding-right:0; border-bottom:1px solid #2e2e2e; min-height:35px;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description{ line-height:normal; text-align:right; margin-top:3px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area{ position:absolute; left:0; top:0; border-bottom:none;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area li{ border-bottom:none; flex-direction:column; -ms-flex-direction:column; line-height:normal;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area li div{ float:none;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area li .price{ font-size:40px; font-weight:700; line-height:51px;} 
/*order*/
#inside main#terms .quote_area .bottom_area .quote_detail ul li.one{ order:1; margin-right:20px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.two{ order:3; margin-right:20px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.three{ order:5; margin-right:20px; border-bottom:1px solid #e5e5e5;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.bid{order:7; margin-right:20px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.ask{order:9; margin-right:20px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.open{order:2;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.close{order:4;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.high{order:6;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.low{order:8;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.turnover{order:10;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.volume{order:12; border-bottom:1px solid #fff; padding-bottom:13px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.strike{order:11; margin-right:20px; border-bottom:1px solid #fff; padding-bottom:13px;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.ref_price{order:11; margin-right:20px; border-bottom:1px solid #fff; padding-bottom:3px; line-height:17px; padding-top:7px; display:flex; display:-ms-flexbox; justify-content:space-between;}

#inside main#terms .body .table_header{ justify-content:space-between; padding-left:200px;}

#inside main#terms .terms_area{ display:flex; display:-ms-flexbox;}
#inside main#terms .terms_area .terms_detail_area .major_terms{ background:#f7f7f7; padding:5px 10px 10px 10px; display:flex; display:-ms-flexbox; margin:15px 20px 15px 0;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:first-child{ margin-right:10px; width:50%;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:last-child{ margin-left:10px; width:50%;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:first-child{ margin-right:10px; width:50%;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:last-child{ margin-left:10px; width:50%;}
#inside main#terms .terms_area .terms_detail_area .major_terms ul li{ text-align:center; line-height:31px;}
#inside main#terms .terms_area .terms_detail_area .major_terms ul li div{ background:#fff; border:1px solid #c0c0c0; font-weight:700;}
#inside main#terms .terms_area .terms_detail_area .terms_detail{ width:860px;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li{ width:410px; border-bottom:1px solid #e5e5e5; line-height:31px; /*display:flex; display:-ms-flexbox; justify-content:space-between;*/ margin-right:20px;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li span.unit:after{ display:none;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li.empty{ border-bottom:1px solid #fff;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li div{ font-weight:700; float:right;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li:after{ display:none;}
#inside main#terms .terms_area .terms_detail_area .terms_detail .download_area{ margin-top:3px;}
#inside main#terms .terms_area .terms_detail_area .terms_detail .download_area a{ color:#ff3333; display:flex; display:-ms-flexbox;}
#inside main#terms .terms_area .terms_detail_area .terms_detail .download_area a i{ background:url(/home/images/icon_table_download.jpg) no-repeat center; width:18px; height:18px; margin-right:5px;}
#inside main#terms .terms_area .terms_detail_area .terms_detail .download_area a i:after{ display:none;}
#inside main#terms.underlying .terms_area .terms_detail_area .terms_detail{ width:410px;}
#inside main#terms.underlying .terms_area .terms_detail_area .terms_detail ul li{ margin-right:0;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail{ width:740px;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail ul li{ width:350px; margin-left:20px; font-size:14px;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail ul li div{ font-size:16px;}
/*order*/
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.type{ order:1;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.issuer{ order:3;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.lot{ order:5;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.warrant_type{ order:7;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.delta{ order:9;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.vega{ order:11;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.gearing{ order:13;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.breakeven{ order:15;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.premium{ order:17;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_qty{ order:2;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_percentage{ order:4;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_change{ order:6;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.historical{ order:8;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.entitlement{ order:10;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.theta{ order:12;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.last_day{ order:14;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.Maturity{ order:16;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.listing_day{ order:18;} 

/*new_style*/
#inside main#terms .quote_area.new_style{ padding-bottom:0;}
#inside main#terms .quote_area.new_style .top_area .left_part{ align-items:center;}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area{ margin-left:20px;}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area li{ display:flex; display:-ms-flexbox; align-items:baseline;}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area .price{ font-size:30px; font-weight:700; margin-right:10px;}
#inside main#terms .quote_area.new_style .bottom_area{ border-bottom:1px solid #e5e5e5;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail{ width:695px; margin:0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul{ border:none;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li{ border:none; background:url(/home/images/bg_line_footer_nav_menu.jpg) no-repeat right; padding:15px 8px; box-sizing:border-box; text-align:center; display:flex; display:-ms-flexbox; flex-flow:column; line-height:1; font-size:16px;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li .desktop_only, #inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li .mobile_only{ display:flex; display:-ms-flexbox; flex-flow:column; line-height:1; font-size:16px; font-weight:500; margin:0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li div{ font-size:24px; margin:5px 0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li:last-child{ background:none;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top{ border-bottom:1px solid #e5e5e5;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top li{ width:25%;} 
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top li span{ font-size:18px; font-weight:500;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom li{ width:16.65%; padding:20px 10px 5px 10px;}
#inside main#terms.cbbc .quote_area.new_style .bottom_area .quote_detail .bottom li{ width:15%;}
#inside main#terms.cbbc .quote_area.new_style .bottom_area .quote_detail .bottom li.maturity{ width:25%;}

#inside main#terms .quote_area.new_style .bottom_area .quote_detail .tabs_area{ display:none;}

#inside main#terms .terms_area.new_style{ border-bottom:1px solid #e5e5e5;}
#inside main#terms .terms_area.new_style .tab-content{ padding-bottom:10px; display:none;}
#inside main#terms .terms_area.new_style .tab-content.current{ display:inherit;}
#inside main#terms .terms_area.new_style .warrant_area{ width:49%; padding-right:1%; border-right:1px solid #e5e5e5;}
#inside main#terms .terms_area.new_style .underlying_area{ width:49%; margin-top:0; padding-left:1%; background:#f7f7f7;}
#inside main#terms .terms_area.new_style .tabs_area .tabs{ flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
#inside main#terms .terms_area.new_style .tabs_area .tabs li{ width:100%;}
#inside main#terms .terms_area.new_style .tabs_area .tabs li:last-child{ border-right:none;}
#inside main#terms .terms_area.new_style .warrant_area .subtl{ padding-left:0; margin-top:10px;}
#inside main#terms .terms_area.new_style .warrant_area .tabs_area .tabs li:last-child{ border-right:none;}
#inside main#terms .terms_area.new_style .warrant_area .tabs_area .tabs{ background:none;}
#inside main#terms .terms_area.new_style .warrant_area .tabs_area .tabs li{ border-right:2px solid #fff;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area{ margin:5px 0;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .filter{ display:flex; display:-ms-flexbox; float:left;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .filter label{ line-height:28px; padding-right:10px;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .filter select{ line-height:28px; height:28px; padding:0 5px; min-width:80px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area{ display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center; float:right;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area .tl{ color:#2e2e2e; font-weight:500; margin-right:5px; font-size:15px; line-height:28px; padding-left:0;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area ul li{ font-weight:700;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area ul li.bull{ margin-right:3px;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area ul li.bear{ margin-left:3px;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area .ratio_area .ratio_area:after{ display:none;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .filter_area:after{ content:""; display:table; clear:both;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .chart_area .label li.warrant span, #inside main#terms .terms_area.new_style .warrant_area .os_area .chart_area .label li.cbbc span{ background:#ffaa22;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .chart_area .label li.underlying span{ background:#2e2e2e;}
#inside main#terms .terms_area.new_style .warrant_area .os_area .chart_area .label li.quantity span{ background:#b8b8b8;}

#inside main#terms .terms_area.new_style .warrant_area .iv_area .chart_area .label li.wnt span{ background:#FFAA22;} 
#inside main#terms .terms_area.new_style .warrant_area .iv_area .chart_area .label li.hv span{ background:#000;} 

#inside main#terms .terms_area.new_style .underlying_area > .chart{ padding-bottom:10px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area{ display:flex; display:-ms-flexbox;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .stock_area{ display:flex; display:-ms-flexbox;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .stock_area .code{ font-size:32px; font-weight:700; margin-right:5px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .stock_area .name{ font-size:32px; font-weight:700; margin-right:10px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .price_area li{ display:flex; display:-ms-flexbox; align-items:baseline; margin-left:20px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .price_area .price{ font-size:30px; font-weight:700; margin-right:10px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area{ background:#f7f7f7; padding:0 0 5px 0; display:flex; display:-ms-flexbox; justify-content: space-between;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area:after{display:none;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li{ margin-right:5px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; line-height:24px; padding:0 10px; font-size:14px; display:block;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li:last-child{ margin-right:0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li.current, #inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs ul li:hover{ background:#ffaa22; color:#fff;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li:hover, #inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li:hover span{ text-decoration:underline;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li a{ line-height:24px; padding:0 10px; font-size:14px; display:block; color:#ffaa22;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li a:after{ display:none;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs{ margin-right:1%;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs { justify-content:flex-end;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li{ background:#fff; padding:0 5px; margin-right:5px; border:1px solid #c3c3c3; height:25px; text-indent:-99999px; min-width:45px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.line{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #fff;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.candle{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #fff; margin-right:0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.current.line, #inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.line:hover{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #e5e5e5;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.current.candle, #inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .chart_tabs li.candle:hover{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #e5e5e5;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display{ display:flex; display:-ms-flexbox; justify-content:flex-end; padding-right:1%; margin-bottom:5px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display .checkbox_area{ font-size:14px; padding-left:20px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display .checkbox_area .checkmark{ width:12px; height:12px; margin-top:2px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display .checkbox_area .checkmark:after{ left:3px; top:1px; width:3px; height:6px; border:solid white; border-width:0 2px 2px 0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display .checkbox_area.bull input:checked ~ .checkmark{ background-color:#61ae25;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display .checkbox_area.bear input:checked ~ .checkmark{ background-color:#f44746;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option{ display:flex; display:-ms-flexbox; padding-left:37px;} 
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .radio_button{ padding-left:20px; line-height:28px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .radio_button .checkmark{ height:13px; width:13px; margin-top:5px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .radio_button .checkmark:after{ top:2px; left:2px; width:9px; height:9px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option select{ margin-left:5px; margin-right:10px;} 
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper{ min-width:130px; margin-left:5px; margin-right:10px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input-div{ height:auto;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input{ border:1px solid #e5e5e5; padding:5px 36px 5px 5px; line-height:26px; height:36px; outline:0; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); -moz-box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); box-shadow:inset 0px 1px 1px 0px rgba(229,229,229,0.75); background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 50%, #ffffff 50%), linear-gradient(-225deg, transparent 50%, #ffffff 50%), linear-gradient(#ffffff 42%, #D00000 42%); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:1px 100%, 30px 26px, 30px 26px, 30px 100%; background-position:right 30px center, right bottom, right bottom, right bottom;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-input{ line-height:28px; height:28px; padding:0 5px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list{ width:193px; z-index:9;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li{ margin-bottom:0; padding-left:21px!important; position:relative;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:after{ content:""; width:15px; height:6px; position:absolute; left:5px; top:6px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(1):after{ background:#b5522b;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(2):after{ background:#87cadb;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(3):after{ background:#f8ae59;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(4):after{ background:#087a61;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(5):after{ background:#69ba77;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list ul li:nth-child(6):after{ background:#a281dc;}

#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .multiselect-wrapper .multiselect-list label{ line-height:20px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .chart{ margin-top:5px;}

#inside main#terms .terms_area.new_style .underlying_area .table{ margin-right:2%;}
#inside main#terms .terms_area.new_style .underlying_area .table tbody td{ background:#fff;}
#inside main#terms .terms_area.new_style .underlying_area .subtl{ padding-left:0; margin-top:10px;}
#inside main#terms .terms_area.new_style .underlying_area .shortsell_area .subtl{ margin-top:0;}
#inside main#terms .terms_area.new_style .underlying_area .shortsell_area .label{ margin-right:2%;}
#inside main#terms .terms_area.new_style .underlying_area .shortsell_area .label ul li.underlying span{ background:#000;}
#inside main#terms .terms_area.new_style .underlying_area .shortsell_area .label ul li.short_sell span{ background:#ffaa22;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .subtl{ margin-top:0;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label{ margin-right:2%;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label ul li.underlying span{ background:#000;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label ul li.ten span{ background:#ffaa22;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label ul li.thirty span{ background:#87cadb;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .filter_area{ display:flex; display:-ms-flexbox; justify-content:flex-end; margin:5px 0;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .filter_area label{ padding-right:10px; line-height:28px; }
#inside main#terms .terms_area.new_style .underlying_area .historical_area .filter_area select{ min-width:120px; line-height:28px; height:28px; padding:0 5px; margin-right:10px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}

#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tl{ font-size:16px; font-weight:normal; line-height:24px; margin-top:10px;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area{ margin-top:7px;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li{ margin-right:5px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; line-height:24px; padding:0 10px; font-size:14px; display:block;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li:last-child{ margin-right:0;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li.current, #inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs ul li:hover{ background:#ffaa22; color:#fff;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li:hover, #inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li:hover span{ text-decoration:underline;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li a{ line-height:24px; padding:0 10px; font-size:14px; display:block; color:#ffaa22;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li a:after{ display:none;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .chart_area .label{ margin-right:2%;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .chart_area .label .box{ width:11px; min-height:auto; padding:0;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .chart_area .label ul li.underlying span{ background:#000;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .chart_area .label ul li.inflow span{ background:#61ae25;}
#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .chart_area .label ul li.outflow span{ background:#f44746;}


#inside main#terms .terms_area.new_style .warrant_area .calculator_area{ margin-top:10px;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li{ margin-bottom:0;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li label{ display:block; line-height:19px; margin-bottom:3px; width:calc(65% - 20px);}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li label .unit{ float:right; font-size:12px; line-height:19px;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .slider_area{ flex-direction:column; -ms-flex-direction:column; width:65%; padding-right:20px; box-sizing:border-box;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .drag_slider{ }
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .info{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:12px; margin-bottom:2px;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .info:after{ display:none;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .data_box{ width:35%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .data_box input[type="text"]{ width:100%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .button_area{ margin:10px 0; text-align:center;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .button_area button{ float:none; display:inline-block;}
/*#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table{ margin-top:30px;}*/
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .subtl{ padding-left:0; margin-top:0;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .subtl span{ color:#2e2e2e;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table tbody td span{ float:right; font-weight:700;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table tbody tr td:nth-child(odd){ padding-right:15px; padding-left:0;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table tbody tr td:nth-child(even){ padding-left:15px; padding-right:0;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table tbody tr:hover td{ background:#fff;}

#inside main#terms .terms_area.new_style .warrant_area .calculator_area .recomment_area ul.highlights li{ width:370px; margin-right:0;}

#inside main#terms .terms_area.new_style .warrant_area .description{ line-height:normal; margin-top:10px;}

#inside main#terms .terms_area.new_style .warrant_area .quantity_area .label ul li.warrant span{ background:#000;}
#inside main#terms .terms_area.new_style .warrant_area .quantity_area .label ul li.underlying span{ background:#ffaa22;}
#inside main#terms .terms_area.new_style .warrant_area .quantity_area .label ul li.quantity span{ background:#b8b8b8;}


#inside main#terms .terms_area .underlying_area{ margin-top:15px;}
#inside main#terms .terms_area .underlying_area .tl{ padding-left:0;}
#inside main#terms .terms_area .underlying_area .box{ padding:10px; width:290px; box-sizing:border-box; min-height:346px;}
#inside main#terms .terms_area .underlying_area .quote_area{ background:#f7f7f7; padding:10px;}
#inside main#terms .terms_area .underlying_area .quote_area a.code{ font-weight:700;}
#inside main#terms .terms_area .underlying_area .quote_area a.code span:after{ display:none;}
#inside main#terms .terms_area .underlying_area .quote_area .price_area{ float:left; margin-top:4px;}
#inside main#terms .terms_area .underlying_area .quote_area .price_area .price{ font-size:30px; font-weight:700;}
#inside main#terms .terms_area .underlying_area .quote_area .intraday_chart{ float:right; margin-top:15px; margin-right:15px;}
#inside main#terms .terms_area .underlying_area .quote_area .range_chart{ clear:both; margin-top:11px; background:#fff; padding:5px 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-sizing:border-box; text-align:center;}
#inside main#terms .terms_area .underlying_area .terms_detail ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li{ border-bottom:1px solid #e5e5e5; padding:7px 0; line-height:17px;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li div{ float:right; font-weight:700;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li.ref_price{ display:flex; display:-ms-flexbox; justify-content:space-between;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li.ref_price:after{ display:none;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li:last-child{ border-bottom:none;}
#inside main#terms .terms_area .underlying_area time{ margin-top:5px; line-height:normal; display:flex; display:-ms-flexbox;}
#inside main#terms .related.tl{ margin-top:10px; padding-left:0; border-bottom:3px solid #ff3333;}

#inside main#terms.chart .chart_area{ background:#f7f7f7; padding-bottom:10px;}

#inside main#terms.chart .hidden{ display:none;}

#inside main#terms.chart .chart_area .chart_filter_area{ padding:15px 30px;}
#inside main#terms.chart .chart_area .chart_filter_area hr{ box-sizing:border-box; width:100%; margin:10px 0 12px 0;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area{ display:flex; display:-ms-flexbox; justify-content:space-between; margin-bottom:20px;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs{ width:80%;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li{ min-width:86px; width:20%; background:#fff; text-align:center; padding:0 5px; margin-right:5px; color:#ff3333; border:1px solid #c3c3c3; line-height:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li a{ text-decoration:none;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li.current{ background:#ff3333; border:1px solid #ff3333; color:#fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li.current a, main .body .table_header .sub_tabs_area ul li.current:hover a{ color:#fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li:hover{ border:1px solid #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li:hover a{ color:#ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs{ width:20%;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul{ justify-content:flex-end;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li{ background:#fff; padding:0 5px; margin-right:5px; border:1px solid #c3c3c3; height:25px; text-indent:-99999px; min-width:45px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.line{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.candle{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #fff; margin-right:0;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.current.line, #inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.line:hover{ background:url(/home/images/icon_chart_line_chrat.png) no-repeat center #e5e5e5;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.current.candle, #inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li.candle:hover{ background:url(/home/images/icon_chart_candle_chrat.png) no-repeat center #e5e5e5;}
#inside main#terms.chart .chart_area #termsChartContainer .highcharts-container .highcharts-tooltip > span{ width:180px;} 
#inside main#terms.chart .chart_area #termsChartContainer .highcharts-container .highcharts-tooltip .name{ float:left;}
#inside main#terms.chart .chart_area #termsChartContainer .highcharts-container .highcharts-tooltip .value{ float:right;}
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip .highcharts-label > span{ width:180px;}
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip > span{ width:180px;} 
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip .name{ float:left;}
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip .value{ float:right;}

#inside main#terms.chart .chart_area .chart_filter_area .tool_area{ display:flex; display:-ms-flexbox; justify-content:space-between;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area:after{ display:none;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool{ display:flex; display:-ms-flexbox;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul{ border:1px solid #c3c3c3;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li{ width:26px; height:26px; padding:2px; border-right:1px solid #c3c3c3;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li:last-child{ border-right:none;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon1{ background:url(/home/images/icon_drawtool1.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon2{ background:url(/home/images/icon_drawtool2.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon3{ background:url(/home/images/icon_drawtool3.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon4{ background:url(/home/images/icon_drawtool4.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon5{ background:url(/home/images/icon_drawtool5.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon6{ background:url(/home/images/icon_drawtool6.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon7{ background:url(/home/images/icon_drawtool7.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon8{ background:url(/home/images/icon_drawtool8.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon9{ background:url(/home/images/icon_drawtool9.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon10{ background:url(/home/images/icon_drawtool10.jpg) no-repeat center #fff;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon1.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon1:hover{ background:url(/home/images/icon_drawtool1.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon2.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon2:hover{ background:url(/home/images/icon_drawtool2.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon3.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon3:hover{ background:url(/home/images/icon_drawtool3.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon4.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon4:hover{ background:url(/home/images/icon_drawtool4.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon5.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon5:hover{ background:url(/home/images/icon_drawtool5.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon6.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon6:hover{ background:url(/home/images/icon_drawtool6.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon7.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon7:hover{ background:url(/home/images/icon_drawtool7.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon8.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon8:hover{ background:url(/home/images/icon_drawtool8.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon9.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon9:hover{ background:url(/home/images/icon_drawtool9.jpg) no-repeat center #ff3333;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon10.current, #inside main#terms.chart .chart_area .chart_filter_area .tool_area .draw_tool ul li.icon10:hover{ background:url(/home/images/icon_drawtool10.jpg) no-repeat center #ff3333;}

#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area{ display:flex; display:-ms-flexbox; align-items:center;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area label{ margin-right:5px;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area input[type="text"]{ width:50px; line-height:28px; height:28px; padding:0 5px; margin-right:5px; position:unset;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area button{ line-height:28px; height:28px; padding:0 5px; min-width:0;}

#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter{ margin-bottom:10px; display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter:after{ display:none;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area{ display:flex; display:-ms-flexbox; align-items:center;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area .tl{ font-size:16px; padding-left:0; font-weight:500;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label{ display:flex; display:-ms-flexbox; align-items: center; margin-right:5px;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label span.line{ width:15px; height:6px; margin-right:5px;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.ten span.line{ background:#b5522b;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.twenty span.line{ background:#87cadb;} 
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.fifty span.line{ background:#f8ae59;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.hundred span.line{ background:#087a61;} 
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.two_hundred span.line{ background:#69ba77;} 
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label.two_hundred_fifty span.line{ background:#a281dc;} 

#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter{ margin-bottom:10px; display:flex; display:-ms-flexbox; justify-content:space-between; align-items:center;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter:after{ display:none;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .tl{ font-size:16px; padding-left:0; font-weight:500; margin-right:10px;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter input[type="text"]{ width:50px; line-height:28px; height:28px; padding:0 5px; margin-right:5px; position:unset;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter select{ min-width:260px; line-height:28px; height:28px; padding:0 5px; margin-right:10px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter button{ line-height:28px; height:28px; padding:0 5px; min-width:0;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .underlying_area, #inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .warrant_area{ display:flex; display:-ms-flexbox; align-items:center;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .warrant_area select{ margin-right:0;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .technical_option .technical_setting{ display:flex; display:-ms-flexbox;}

/**/
#inside main#terms .recommend{ display:flex; /*justify-content:space-between;*/ margin-top:10px;}
#inside main#terms .recommend .box{ width:260px; padding:5px 0; margin-right:35px;}
#inside main#terms .recommend .box:last-child{ margin-right:0;}
#inside main#terms .recommend .box a{ text-decoration:none;}
#inside main#terms .recommend .box .top_area{ display: flex; justify-content:space-between; align-items:center;}
#inside main#terms .recommend .box .top_area .product{ line-height: 28px; padding:5px 10px; color:#FFF; width:calc(100% - 80px); font-size:22px; font-weight: 900;}
#inside main#terms .recommend .box .top_area .position{ font-size:16px; font-weight:bold; padding:5px 10px; line-height:1;}
#inside main#terms .recommend .box .top_area.call .product{ background:#61ae25;}
#inside main#terms .recommend .box .top_area.put .product{ background:#f44746;}
#inside main#terms .recommend .box .top_area.bull .product{ background:#00b050;}
#inside main#terms .recommend .box .top_area.bear .product{ background:#c00000;}
#inside main#terms .recommend .box .top_area.call .position{ color:#61ae25;}
#inside main#terms .recommend .box .top_area.put .position{ color:#f44746;}
#inside main#terms .recommend .box .top_area.bull .position{ color:#00b050;}
#inside main#terms .recommend .box .top_area.bear .position{ color:#c00000;}
#inside main#terms .recommend .box .terms_part{ font-size:15px; padding:5px 10px;}
#inside main#terms .recommend:after{ display:none;}

#inside main#terms.warrant.oustanding .table_control .dataTables_scroll .dataTables_scrollBody{ max-height:unset!important;}
#inside main#terms.warrant.iv .table_control .dataTables_scroll .dataTables_scrollBody{ max-height:unset!important;}

#inside main#terms.calculator .calculator_area{ display:flex; display:-ms-flexbox; justify-content:space-between; border:1px solid #e5e5e5; padding:15px 20px 20px 20px;}
#inside main#terms.calculator .calculator_area:after{}
#inside main#terms.calculator .calculator_area .subtl{ padding-left:0; margin-top:10px; margin-bottom:15px;}
#inside main#terms.calculator .calculator_area .calculator{ width:40%;}
#inside main#terms.calculator .calculator_area .calculator ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#terms.calculator .calculator_area .calculator ul li{ margin-bottom:15px;}
#inside main#terms.calculator .calculator_area .calculator ul li label{ display:block; line-height:19px; margin-bottom:3px; width:calc(65% - 20px);}
#inside main#terms.calculator .calculator_area .calculator ul li label .unit{ float:right; font-size:12px; line-height:19px;}
#inside main#terms.calculator .calculator_area .calculator ul li .slider_area{ flex-direction:column; -ms-flex-direction:column; width:65%; padding-right:20px; box-sizing:border-box;}
#inside main#terms.calculator .calculator_area .calculator ul li .drag_slider{ }
#inside main#terms.calculator .calculator_area .calculator ul li .info{ display:flex; display:-ms-flexbox; justify-content:space-between; font-size:12px; margin-bottom:2px;}
#inside main#terms.calculator .calculator_area .calculator ul li .info:after{ display:none;}
#inside main#terms.calculator .calculator_area .calculator ul li .data_box{ width:35%;}
#inside main#terms.calculator .calculator_area .calculator ul li .data_box input[type="text"]{ width:100%;}
#inside main#terms.calculator .calculator_area .button_area{ margin:15px 0;}
#inside main#terms.calculator .calculator_area .result{ width:60%; padding-left:30px; margin-left:11px; box-sizing:border-box; background:url(/home/images/bg_line_calculator.jpg) repeat-y center left ;}
#inside main#terms.calculator .calculator_area .result .table{ margin-top:30px;}
#inside main#terms.calculator .calculator_area .result .table tbody td span{ float:right; font-weight:700;}
#inside main#terms.calculator .calculator_area .result .table tbody tr td:nth-child(odd){ padding-right:15px; padding-left:0;}
#inside main#terms.calculator .calculator_area .result .table tbody tr td:nth-child(even){ padding-left:15px; padding-right:0;}
#inside main#terms.calculator .calculator_area .result .table tbody tr:hover td{ background:#fff;}
#inside main#terms.calculator .description{ line-height:normal; margin-top:10px;}

#inside main#sitemap .sitemap_area ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#sitemap .sitemap_area ul li a{ text-decoration:underline;}
#inside main#sitemap .sitemap_area ul li.section{ font-weight:700; width:100%; border-bottom:1px dashed #e5e5e5; line-height:40px; padding:5px 30px; position:relative;}
#inside main#sitemap .sitemap_area ul li.section:after{ position:absolute; width:10px; height:10px; background:#ff3333; left:15px; top:19px;}
#inside main#sitemap .sitemap_area ul li.section > ul{ margin-top:10px;}
#inside main#sitemap .sitemap_area ul li.section .tl{ font-size:16px; width:100%; line-height:24px; margin-bottom:15px;}
#inside main#sitemap .sitemap_area ul li.section .tl ul li{ font-weight:500; margin-right:100px;} 

#inside main#contact .contact_area p{ padding:0 30px;}
#inside main#contact .contact_area .first{ padding:10px 30px; font-size:16px;  border-bottom:1px dashed #e5e5e5;}
#inside main#contact .contact_area .second{ line-height:30px; border-bottom:1px dashed #e5e5e5; }
#inside main#contact .contact_area .description{ text-align:right; color:#ff3333; line-height:24px;}
#inside main#contact .contact_area .full{ width:100%; clear:both; margin-bottom:20px;}
#inside main#contact .contact_area .half{ width:40%; float:left; margin-bottom:20px;}
#inside main#contact .contact_area label{ width:100%; padding:0 30px; display:block; line-height:24px;}
#inside main#contact .contact_area input[type="text"]{ margin-left:30px; width:400px;}
#inside main#contact .contact_area select{ margin-left:30px; width:400px;}
#inside main#contact .contact_area textarea{ margin-left:30px; width:400px; height:130px;}
#inside main#contact .contact_area .option{ display:flex; display:-ms-flexbox; justify-content:flex-end; padding:0 30px; width:400px;}
#inside main#contact .contact_area .option label{ margin:0;}
#inside main#contact .contact_area #captchaCode{ float:left; margin-bottom:0;}
#inside main#contact .contact_area .captcha_image{ float:left; margin-left:30px; padding:3px 0; clear:both;}
#inside main#contact .contact_area .captcha_reload{ float:left; padding:5px 0; margin-top:3px; margin-left:5px;}
#inside main#contact .contact_area .button_area{ margin-left:30px; margin-bottom:30px; clear:both; margin-top:30px;}

#inside main#contact .special_page{ width:800px; margin:0 auto; text-align:center; padding-bottom:60px;}
@media all and (max-width: 800px){
#inside main#contact .special_page{ width:100%;}
}
#inside main#contact .special_page h2{ font-size:36px;}
@media all and (max-width: 767px){
#inside main#contact .special_page h2{ font-size:30px;}
}
#inside main#contact .special_page h3{ font-size:30px;}
#inside main#contact .special_page.form h3{ font-size:28px;}
#inside main#contact .special_page p{ font-size:18px; line-height:26px;}
@media all and (max-width: 767px){
#inside main#contact .special_page p{ font-size:17px; line-height:25px;}
}
#inside main#contact .special_page strong:after, #inside main#contact .special_page span.red:after{ display:none;}
#inside main#contact .special_page p.description{ font-size:13px;}
#inside main#contact .special_page .red{ color:#ff3333!important;}
#inside main#contact .special_page h4{ font-size:20px; margin-top:0; margin-bottom:10px;}
@media all and (max-width: 767px){
#inside main#contact .special_page h4{ font-size:17px;}
}
#inside main#contact .special_page button{ border:none; background:#ff3333; color:#fff; margin:10px 0 30px 0;}
#inside main#contact .special_page .pic{ margin:20px 0;}
@media all and (max-width: 630px){
#inside main#contact .special_page .pic img{ width:100%; height:auto;}
}
#inside main#contact .special_page .left{ text-align:left;}
#inside main#contact .special_page .full{ margin-bottom:15px;}
#inside main#contact .special_page .full.center .option{ text-align:center; justify-content:center;}
#inside main#contact .special_page .full.center label{ text-align:center; justify-content:center; font-size:20px; font-weight:bold;}
#inside main#contact .special_page .full label{ width:100%; text-align:left; min-height:35px; display:flex; align-items:center;}
#inside main#contact .special_page .full input{ float:left;}
#inside main#contact .special_page .full input[type="text"]{ width:100%;}
#inside main#contact .special_page .full .option{ min-height:36px; display:flex; align-items:center; padding-left:0;}
#inside main#contact .special_page .full .option a{ color:#ff3333; text-decoration:underline; display:inline-block;}
@media all and (max-width: 800px){
#inside main#contact .special_page .full .option{ clear:both; display:block;}
#inside main#contact .special_page.step_one .full .option{ display:flex;}
/*#inside main#contact .special_page.step_one .full.center label{ flex-direction:row-reverse;}
#inside main#contact .special_page.step_one .full.center label.radio_button .checkmark{ position:relative; top:0; margin-right:5px;}
#inside main#contact .special_page.step_one .full.center label.radio_button .checkmark:after{}*/
}
#inside main#contact .special_page .full .option label{ min-width:0; margin:0 40px 0 0; font-size:15px;} 
#inside main#contact .special_page .full .option label:last-child{ margin-right:0;}

#inside main#contact .special_page .full .option label.radio_button{ width:auto;}
@media all and (max-width: 800px){
#inside main#contact .special_page .full .option label.radio_button br{ display:none;}
}
#inside main#contact .special_page .full .option label.radio_button input[type="text"]{ width:110px; opacity:1; float:right; position:unset; margin:0 5px;}

#inside main#contact .special_page .full .option.first{ margin-bottom:10px;}
@media all and (max-width: 800px){
#inside main#contact .special_page .full .option.first{ margin-bottom:0;}
}
#inside main#contact .special_page .full .option label.checkbox_area{ width:auto; min-width:120px;}
@media all and (max-width: 800px){
#inside main#contact .special_page .full .option label.checkbox_area{ min-width:0;}
}
#inside main#contact .special_page .full .option label.checkbox_area input[type="text"]{ width:110px; opacity:1; float:right; position:unset; margin:0 5px;}
#inside main#contact .special_page .full label.checkbox_area .checkmark{ top:6px;}

#inside main#contact .special_page .full.radio{ display:flex; align-items:center;}
#inside main#contact .special_page .full label.radio_button .checkmark{ top:6px;}
#inside main#contact .special_page .full.verification{ display:block; align-items:center; display:flex;}
#inside main#contact .special_page .full.verification label{ width:auto; margin-right:10px;}
#inside main#contact .special_page .full.verification input[type="text"]{ width:200px; margin-right:10px;}
#inside main#contact .special_page .full.verification .captcha_image{ float:left; margin-top:4px;}
#inside main#contact .special_page .full.verification .captcha_reload{ float:left; margin-top:8px;}
#inside main#contact .special_page.form .disclaimer{ margin:20px 0;}
#inside main#contact .special_page.form .disclaimer ul{ flex-wrap:wrap;}
#inside main#contact .special_page.form .disclaimer .full{ margin-bottom:0;}
#inside main#contact .special_page.form .disclaimer .txt{ font-size:13px; text-align:left; margin-top:20px;}

#inside main#contact .special_page .full.agreement .option label{ display:inline-block;}

#inside main#contact .special_page .full.contact_agreement{}
#inside main#contact .special_page .full.contact_agreement .option label{ min-height:0; display:inline-block;}
#inside main#contact .special_page .full.contact_agreement .option label.radio_button{ margin-right:0;}
#inside main#contact .special_page .full.contact_agreement label.radio_button .checkmark{ top:0;}

#inside main#terms_use .txt .subtl{ margin-top:15px;}
#inside main#terms_use .txt p{ padding-left:15px;}
#inside main#terms_use .txt p sup, #inside main#terms_use .txt p sub{ font-size:11px;}
#inside main#terms_use .txt strong:after{ display:none;}
#inside main#terms_use .txt ul.point{ padding-left:20px;}

#inside main#outstanding h1{ position:relative;}
#inside main#outstanding h1 .filter_area{ position:absolute; right:0; bottom:10px; font-size:16px; font-weight:normal; line-height:28px;}
#inside main#outstanding h1 .filter_area ul li{ display:flex; display:-ms-flexbox; align-items:center;}
#inside main#outstanding h1 .filter_area ul li:last-child{ padding-left:50px;}
#inside main#outstanding h1 .filter_area ul li label{ padding-right:10px;}
#inside main#outstanding h1 .filter_area ul li select{ line-height:28px; height:28px; padding:0 5px; min-width:250px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
#inside main#outstanding h1 .filter_area ul li:last-child select{ min-width:80px;}
#inside main#outstanding .chart.table.outstanding table td{ font-size:16px; border-right:1px solid #e5e5e5; text-align:center;}
#inside main#outstanding .chart.table.outstanding table td.focus{ background:#ffebeb; text-wrap:nowrap; border-right:1px solid #000; padding:0 5px;}
#inside main#outstanding .chart.table.outstanding table td.focus a{ margin-left:0;}
#inside main#outstanding .chart.table.outstanding table td:last-child{ border-right:none;}
#inside main#outstanding .chart.table.outstanding table td.bar{ border-right:1px solid #2e2e2e!important; min-width:350px;}
#inside main#outstanding .chart.table.outstanding table tbody td.bar{ font-size:14px; text-align:left; padding-left:0; position:relative;}
#inside main#outstanding .chart.table.outstanding table tbody td.bar .koed{ background:#dfdfdf; height:17px; float:right;}
#inside main#outstanding .chart.table.outstanding table tbody td.bar .number{ margin-left:3px; min-width:110px;}
#inside main#outstanding .chart.table.outstanding table td.border_right{ border-right:1px solid #2e2e2e!important;}
#inside main#outstanding .chart.table.outstanding table thead td{ padding:3px 5px; border-right:none;}
#inside main#outstanding .chart.table.outstanding table thead td:first-child{ padding-left:5px;}
#inside main#outstanding .chart.table.outstanding table tbody th{ background:#f7f7f7; font-size:16px;}
#inside main#outstanding .chart.table.outstanding table tbody th ul{ justify-content:space-between;}
#inside main#outstanding .chart.table.outstanding table tbody th ul:after{ display:none;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio{ display:flex; display:-ms-flexbox;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio label{ margin:0 5px;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .os_bar{ display:flex; justify-content:center;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box{ display:flex; display:-ms-flexbox;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box{ width:200px; margin:0 5px;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box .ratio_bar{ height:16px; display:inline-block;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box .bull_bar{ background:#61ae25;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box .bear_bar{ background:#f44746;}
#inside main#outstanding .chart.table.outstanding table tfoot td{}
#inside main#outstanding .chart.table.outstanding table tfoot td .label{ display:flex; display:-ms-flexbox; font-size:14px; line-height:26px;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label:first-child{ float:left;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label:last-child{ float:right;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label ul{ display:flex; display:-ms-flexbox;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label label{ margin-right:5px;}
#inside main#outstanding .color_lv1{ background:#efefef;}
#inside main#outstanding .color_lv2{ background:#dfdfdf;}
#inside main#outstanding .color_lv3{ background:#bfbfbf;}
#inside main#outstanding .color_lv4{ background:#7f7f7f;}
#inside main#outstanding .chart_tooltip{ border-radius:5px; background:#000; color:#fff; padding:10px; width:235px; position:absolute; z-index:100; font-size:13px; display:none; top:50%; right:20px; margin-top:-34px;}
#inside main#outstanding .bull:hover .chart_tooltip, #inside main#outstanding .bear:hover .chart_tooltip{ display:block;}

/*adr*/
#inside main#adr .remark{ text-align:center; font-weight:bold; font-size:16px; line-height:36px;}
#inside main#adr .remark span{ display:inline-block;}
#inside main#adr .table_header{ justify-content:space-between; border-bottom:1px solid #000; border-top:1px solid #000;}
#inside main#adr .table{ display:flex; display:-ms-flexbox;}
#inside main#adr .table .left{ width:calc(50% - 15px); margin-right:15px;}
#inside main#adr .table .right{ width:calc(50% - 15px); margin-left:15px;}
#inside main#adr .table .tl{ color:#ff3333;}

/*stock connect*/
#inside main#stock_connect .chart_area{ margin-bottom:25px;}
#inside main#stock_connect .chart_area > ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#stock_connect .chart_area > ul > li{ width:49%; float:left;}
#inside main#stock_connect .chart_area > ul > li:nth-child(odd){ margin-right:1%;}
#inside main#stock_connect .chart_area > ul > li:nth-child(even){ margin-left:1%;}
#inside main#stock_connect .chart_area > ul > li:nth-child(3), #inside main#stock_connect .chart_area > ul > li:nth-child(4){ margin-top:20px;}
#inside main#stock_connect .sub_tabs_area{ background:#f7f7f7; padding:5px;}
#inside main#stock_connect .sub_tabs_area ul.tabs{ width:fit-content; width:-moz-fit-content; margin:0 auto;}
#inside main#stock_connect .sub_tabs_area ul li{ margin-right:5px; border:1px solid #ffaa22; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; justify-content:flex-start;}
#inside main#stock_connect .sub_tabs_area ul li:last-child{ margin-right:0;}
#inside main#stock_connect .sub_tabs_area ul li.current, #inside main#stock_connect .sub_tabs_area ul li:hover{ background:#ffaa22;}
#inside main#stock_connect .sub_tabs_area ul li.current a, #inside main#stock_connect .sub_tabs_area ul li:hover a{ color:#FFF;}
#inside main#stock_connect .sub_tabs_area ul li a{ line-height:24px; padding:0 10px; font-size:14px; display:block; color:#ffaa22;}
#inside main#stock_connect .sub_tabs_area ul li a:after{ display:none;}
#inside main#stock_connect .chart_area .chart{ margin:10px 0;}
#inside main#stock_connect .chart_area .table tbody td:first-child{ width:200px; text-align:left;}
#inside main#stock_connect .chart_area .table tbody td .label{ display:inline-flex; justify-content:flex-start;}
#inside main#stock_connect .chart_area .table tbody td .label.shanghai .line{ background:#b5522b;}
#inside main#stock_connect .chart_area .table tbody td .label.shenzhen .line{ background:#87cadb;}
#inside main#stock_connect .chart_area .table tbody td .label.bound .line{ background:#f8ae59;}
#inside main#stock_connect .chart_area .table table tbody tr:hover th, #inside main#stock_connect .chart_area .table table tbody tr:hover td{ background:none;}
#inside main#stock_connect .body > .tl{ margin-top:15px;}
#inside main#stock_connect .subtl{ margin-top:10px; line-height:36px;}
#inside main#stock_connect .table_header{ justify-content:space-between; margin:10px 0;}
#inside main#stock_connect .table_header .tl span{ font-size:24px; display:inline-block;}
#inside main#stock_connect .table_header .select2-container{ min-width:280px;}
#inside main#stock_connect .table th:first-child ,#inside main#stock_connect .table td:first-child{ width:40px; text-align:center;} 

/*focus*/
#inside main#focus h1{ position:relative; text-wrap:nowrap;}
#inside main#focus h1 > div{ display:flex; width:100%;}
#inside main#focus h1 .filter_area{ position:absolute; right:0; bottom:10px; font-size:16px; font-weight:normal; line-height:28px;}
#inside main#focus h1 .filter_area ul li{ display:flex; display:-ms-flexbox;}
#inside main#focus h1 .filter_area ul li:last-child{ padding-left:50px;}
#inside main#focus h1 .filter_area ul li label{ padding-right:10px; line-height:36px;}
#inside main#focus h1 .filter_area ul li select{ line-height:28px; height:28px; padding:0 5px; min-width:250px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}

#inside main#focus h1 .switch_area{ display:flex;}
#inside main#focus h1 .switch_area label{ font-size:16px; font-weight:normal; margin-left:30px;}
#inside main#focus h1 .switch_area label > div{ margin-left:3px;}

#inside main#focus.market .table table tbody td{ line-height:22px;}
#inside main#focus.product .recomment_area ul.highlights li{ width:366px; margin-top:15px;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(2n+0){ margin-right:15px;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(3n+0){ margin-right:0;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(3){ clear:none;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(1), #inside main#focus.product .recomment_area ul.highlights li:nth-child(2), #inside main#focus.product .recomment_area ul.highlights li:nth-child(3){ margin-top:0;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(2), #inside main#focus.product .recomment_area ul.highlights li:nth-child(3n+5){ width:368px;}
 
#inside main#focus.product .recomment_area{}
#inside main#focus.product .recomment_area .filter_area{ font-size:16px; font-weight:normal; line-height:28px; margin-bottom:10px; float:right;}
#inside main#focus.product .recomment_area .filter_area ul li{ display:flex; display:-ms-flexbox;}
#inside main#focus.product .recomment_area .filter_area ul li:last-child{ padding-left:50px;}
#inside main#focus.product .recomment_area .filter_area ul li label{ padding-right:10px;}
#inside main#focus.product .recomment_area .filter_area ul li select{ line-height:28px; height:28px; padding:0 5px; min-width:250px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
#inside main#focus.product .recomment_area .filter_area ul li:last-child select{ min-width:80px;}

#inside main#focus.product .recomment_area .part{ display:flex; justify-content:space-between; padding-bottom:15px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
#inside main#focus.product .recomment_area .part:last-child{ border-bottom:none; margin-bottom:0;}
#inside main#focus.product .recomment_area .part .underlying_detail{ width:200px; padding:10px 0;}
#inside main#focus.product .recomment_area .part .underlying_detail .underlying{ font-size:22px; font-weight:bold; text-align:left; line-height:33px;}
#inside main#focus.product .recomment_area .part .underlying_detail .price_area{ display:flex;}

#inside main#focus.product .recomment_area .part ul.highlights{ width:calc(100% - 200px);}
#inside main#focus.product .recomment_area .part ul.highlights li{ width: 300px;}

/*recomment area*/
#inside main .recomment_area{ background:#fff; padding:10px; margin-bottom:10px; text-align:center;}
#inside main .recomment_area ul.highlights{ display:inline-block; margin:0 auto;}
#inside main .recomment_area ul.highlights li{ text-align:left; background:#fff; border:1px solid #e5e5e5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:flex; display:-ms-flexbox; padding:9px 14px 11px 14px; margin-right:15px; z-index:1; position:relative; box-sizing:border-box; float:left; width:362px;}
#inside main .recomment_area ul.highlights li.focus{ background:#fcf8e3; border:1px solid #ffaa22;}
#inside main .recomment_area ul.highlights li:nth-child(2n+0){ margin-right:0;}
#inside main .recomment_area ul.highlights li:nth-child(3){ clear:both;}
#inside main .recomment_area ul.highlights li:nth-child(3), #inside main .recomment_area ul.highlights li:nth-child(4){ margin-top:15px;}
#inside main .recomment_area ul.highlights li a{ display:flex; display:-ms-flexbox; width:100%; justify-content:space-between;}
#inside main .recomment_area ul.highlights li .left_part{ margin-right:10px; /*min-width:190px;*/}
#inside main .recomment_area ul.highlights li .code{ font-size:30px; line-height:33px; font-weight:900; font-family:Arial, Helvetica, sans-serif; color:#000;}
#inside main .recomment_area ul.highlights li a:hover .code{ text-decoration:underline;}
#inside main .recomment_area ul.highlights li.call a .type:after{ display:none;}
#inside main .recomment_area ul.highlights li.call a .type{ color:#61ae25;}
#inside main .recomment_area ul.highlights li.put a .type{ color:#ff3333;}
#inside main .recomment_area ul.highlights li.bull a .type{ color:#61ae25;}
#inside main .recomment_area ul.highlights li.bear a .type{ color:#ff3333;}
#inside main .recomment_area ul.highlights li .right_part{ margin-top:4px;}
#inside main .recomment_area ul.highlights li .terms{ line-height:16px; font-size:14px;}
#inside main .recomment_area ul.highlights li:after{ width:113px; height:3px; background:#ff3333; position:absolute; left:0; bottom:0;}
/*#inside main .recomment_area ul.highlights li.call:after{ background:#61ae25;}
#inside main .recomment_area ul.highlights li.put:after{ background:#ff3333;}*/
#inside main .recomment_area ul.highlights.three li{ width:360px;}
#inside main .recomment_area ul.highlights.three li:nth-child(2n+0){ margin-right:15px;}
#inside main .recomment_area ul.highlights.three li:nth-child(3){ clear:none; margin-top:0; margin-right:0;}
#inside main .recomment_area ul.highlights.three li .left_part{ /*min-width:190px;*/}

/*date picker*/ 
#ui-datepicker-div.ui-widget.ui-widget-content{ border:1px solid #e5e5e5; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{ border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#e5e5e5; border:1px solid #e5e5e5;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title{ line-height:1;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-month{ color:#d00000;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-year{ font-size:14px;}
#ui-datepicker-div.ui-datepicker td{ padding:0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{ padding:0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-next{ width:28px; height:28px;}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div.ui-widget-content .ui-state-default{ border:none; background:#f7f7f7; border:1px solid #f7f7f7;}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div.ui-widget-content .ui-state-highlight{  background:#fff2df; border:1px solid #fff2df; font-weight:700; color:#2e2e2e;}
#ui-datepicker-div .ui-state-default.ui-state-active, #ui-datepicker-div.ui-widget-content .ui-state-default.ui-state-active{ border:1px solid #d0004a; font-weight:700; color:#d0004a; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

body.dbpower{ padding:15px;}
body.dbpower h1{ margin:0; font-size:16px; padding-bottom:10px; color:#d00000;}
body.dbpower p, #inside main p, #inside main ul.point, #inside main ul.number{ font-size:14px; margin:0; padding-bottom:10px; line-height:20px;}
#inside main ul.point, #inside main ul.number{ margin-left:15px;}
body.dbpower img.db_logo{ margin-top:20px;}
#inside main h2{}
#inside main h3{}

main#popup{ padding:0 10px;}
main#popup h1{ font-size:36px; line-height:50px; margin:15px 0 0 0;}
main#popup .body{ width:100%; display:block; padding:0;}
main#popup .tl{ padding-left:0; font-size:16px;}
main#popup hr{ width:100%; margin:15px 0;}
main#popup .tabs_area .period_tabs{ width:80%;}
main#popup .tabs_area .period_tabs ul li{ min-width:86px; width:20%; background:#fff; text-align:center; padding:0 5px; margin-right:5px; color:#ff3333; border:1px solid #c3c3c3; line-height:26px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}
main#popup .tabs_area .period_tabs ul li a{ text-decoration:none;}
main#popup .tabs_area .period_tabs ul li.current{ background:#ff3333; border:1px solid #ff3333; color:#fff;}
main#popup .tabs_area .period_tabs ul li.current a, main .body .table_header .sub_tabs_area ul li.current:hover a{ color:#fff;}
main#popup .tabs_area .period_tabs ul li:hover{ border:1px solid #ff3333;}
main#popup .tabs_area .period_tabs ul li:hover a{ color:#ff3333;}
main#popup .underlying a.code{ color:#ff3333;}
main#popup.outstanding .filter{ float:right; display:flex; display:-ms-flexbox; margin-bottom:15px; margin-right:30px; margin-left:30px;}
main#popup.outstanding .filter .tl{ background:none; border:none; padding-left:0; font-weight:normal; line-height:28px; padding-right:10px;}
main#popup.outstanding .filter input[type="text"]{ line-height:28px; height:28px; padding:0 5px; width:120px;} 
main#popup.outstanding .filter select{ line-height:28px; height:28px; padding:0 5px; min-width:200px; background-image:linear-gradient(#e5e5e5, #e5e5e5), linear-gradient(-135deg, transparent 56%, #ffffff 56%), linear-gradient(-225deg, transparent 56%, #ffffff 56%), linear-gradient(#ffffff 40%, #D00000 40%);}
main#popup.outstanding .tl{ background:#f7f7f7; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-left:10px}
main#popup.outstanding .underlying{ float:left; line-height:28px; margin-bottom:15px;}
main#popup.outstanding .tabs_area{ float:right; margin-bottom:15px;}
main#popup .label li span.line{ width:11px; height:6px; margin-right:5px;}
main#popup .label li span.box{ width:11px; height:11px; margin-right:5px; padding:0; border:none;}
main#popup .label li.os_label span.box{ background:#ffaa22;}
main#popup .label li.price span.line{ background:#000;}

 
.tooltip-icon{ cursor:pointer;}
table td > .tooltip-icon{ /*float:right;*/ font-size:14px; font-weight:bold; margin:0 2px;}


.bottom_menu{ background:#2e2e2e; color:#fff; position:fixed; bottom:0; width:100%;}
.bottom_menu a{ color:#fff; font-size:13px;}
.bottom_menu ul li{ width:25%; text-align:center; padding:10px 0; position:relative;}
.bottom_menu ul li:first-child:after{ display:none;} 
.bottom_menu ul li:after{ content:""; position:absolute; height:10px; border-left:1px solid #c0c0c0; top:50%; margin-top:-5px;}

	
@media all and (max-width: 767px){
.container, .body, main hr{ width:100%;}
header, nav{ display:none;}
.tablet_only, .desktop_only, .home_slider.desktop_only{ display:none!important;}

table.dataTable th, table.dataTable td{ font-size:14px;}
.table table tbody th, .table table tbody td{ font-size:14px;}

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

#inside main .nav_bar{ display:none;}
#inside main .tabs_area ul.tabs{ flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
#inside main .tl span{ line-height:1;}
main.home .body, #inside main .body{ padding-top:49px;}

main.home .body.top_area{ display:flex; flex-direction:column-reverse;}

.mm-slideout .mm-sronly{ left:300px;}
div.dt-buttons{ top:-29px!important;}
div.dt-button-collection{ width:280px!important;}

.multiselect-wrapper .multiselect-list.active{ width:calc(100% - 30px); z-index:9;}
#inside main#search .search_area .filter_area .left_part .multiselect-wrapper ul li{ width:50%!important; float:left;}

button.dt-button, div.dt-button, a.dt-button, input.dt-button{ line-height:28px!important;}
button.dt-button span:before{ top:12px!important;}

.home_slider{ background: url(/home/images/bg_home_slider_img1.jpg) no-repeat center right 50%, #161616; background-size:cover; margin-top:49px; padding-top:6px; height:auto;}
.home_slider .body{ padding:0 15px; box-sizing:border-box;}
.home_slider .swiper-slide{ padding-right:0;}
.home_slider .swiper-slide .left_part{ width:100%;}
.home_slider .swiper-slide .left_part .highlights_area .box ul.highlights li{ width:100%;}

#home main hr{ display:none;}
main .body{ display:block;}
main .body .full_part{ display:block;}
main .body .box{ border-left:none; border-right:none; padding:15px 0;}

main .body.top_area .cbbc_outstanding .box colgroup{ display:none;}
main .body.top_area .home_video .top .product_box .title{ font-size:14px;}
main .body.top_area .home_video .top .product_box .title br{ display:none;}

main .body.recommend_bystock .highlights_area{ width:100%;}
main .body.recommend_bystock .highlights_area .chart_area{ background:#f7f7f7;}
main .body.recommend_bystock .highlights_area .chart_area .top_area{ display:block; padding:0 10px;} 
main .body.recommend_bystock .highlights_area .chart_area .top_area .price_area li{ margin-left:0;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .display{ display:unset; padding-right:0; margin-bottom:5px;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option.main_chart_selection{ display:unset;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option{ display:unset;}
main .body.recommend_bystock .highlights_area .chart_area .filter_area .option .radio_button{ float:left;}
main .body.recommend_bystock .highlights_area .chart_area .tabs_area .period_tabs li{ padding:0 5px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:first-child{ margin-top:0;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li{ width:100%; margin-right:0; margin-top:10px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(2){ margin-top:10px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li:nth-child(odd){ margin-left:0;}

main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs{ display:unset;}
main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs li{ float:left; width:auto; margin-right:0;}
main .body.recommend_bystock .highlights_area .box .tabs_area ul.tabs li a{ justify-content:center; padding:0 15px; min-height:28px;}

main .body.recommend_bystock .cbbc_outstanding{ width:100%;}
main .body.recommend_bystock .cbbc_outstanding .more{ position:unset; text-align:right; display:block; padding-right:10px;}
main .body.recommend_bystock .cbbc_outstanding .box .chart.table .scrolling{ height:auto;}

main .body.recommend_bystock .home_banner{ width:100%; padding:0 0 16px 0;}
main .body.recommend_bystock .home_banner img{ width:100%; height:auto;}

main .body.recommend .highlights_area .tl:after{ display:none;}
main .body.recommend .highlights_area .box{ padding:0 15px 15px 15px;}
main .body.recommend .highlights_area .box .tab-content.current{ display:flex; display:-ms-flexbox;}
main .body.recommend .highlights_area .box .tab-content{ overflow-x:auto;}
main .body.recommend .highlights_area .box .tabs_area ul.tabs li a{ padding:4px 20px 4px 0;}
main .body.recommend .highlights_area .box ul.highlights{ flex-wrap:nowrap; display:flex; display:-ms-flexbox;}
main .body.recommend .highlights_area .box ul.highlights li:first-child{ /*margin-top:0!important;*/}
main .body.recommend .highlights_area .box ul.highlights li{ /*margin-right:5px!important; width:100%;*/ margin-right:5px!important; justify-content:space-between; margin-top:0!important; padding:5px 15px 7px 15px; min-width:290px; width:350px;}
main .body.recommend .highlights_area .box ul.highlights li:last-child{ margin-right:0!important;}
main .body.recommend .highlights_area .box ul.highlights li .left_part{ min-width:0; float:left;}
main .body.recommend .highlights_area .box ul.highlights li .right_part{ float:right;}
#home main time{ padding:0 10px; display:block; box-sizing:border-box;}
#home .full_part .label{ padding:0 15px;}

#home main .body.market_detail{ display:flex; display:-ms-flexbox; flex-direction:column-reverse; padding-top:0;}
#home main .body.market_detail .left_part{ width:100%;}
#home main .body.market_detail .left_part .market_summary{ margin-top:25px;}
#home main .body.market_detail .right_part{ width:100%;}
main .body.market_detail .quote .box{ min-height:auto; padding:15px 15px 0 15px;}
main .body.market_detail .quote .box .result_area .full_part{ width:auto; float:left; box-sizing:border-box;}
main .body.market_detail .quote .box .result_area .full_part:nth-child(1){}
main .body.market_detail .quote .box .result_area .full_part:nth-child(2){ float:right;}
main .body.market_detail .quote .box .result_area .name{ font-size:20px;}
main .body.market_detail .quote .box .result_area .price{ text-align:right;}
main .body.market_detail .quote .box .result_area .change_area { justify-content:flex-end;}
main .body.market_detail .quote .box .result_area .terms ul li{ display:block;}
main .body.market_detail .quote .box .result_area .terms ul li span{ float:right; margin-top:0;}
main .body.market_detail .quote .box .result_area .terms ul li:nth-child(odd){ padding-right:10px;}
main .body.market_detail .quote .box .result_area .terms ul li:nth-child(even){ padding-left:10px;}
main .body.market_detail .quote .box .result_area .chart{ clear:both;}
main .body.market_detail .market_summary .content{ flex-direction:column; -ms-flex-direction:column; border-left:none; border-right:none;}
main .body.market_detail .market_summary .content .index_area ul li{ border-right:none;}
main .body.market_detail .market_summary .content .index_area ul li.current{ background:url(/home/images/icon_home_market_summary_arrow_mobile.png) no-repeat center right 5px #f7f7f7;}
main .body.market_detail .market_summary .content .chart_area{ width:100%;}
main .body.market_detail .market_summary .content .chart_area > div, main .body.market_detail .market_summary .content .dbs_focus_box > div{ width:100%;}
main .body.market_detail .market_summary .content .chart_area #HSIHomeintradayChartContainer, 
main .body.market_detail .market_summary .content .chart_area #HSTECHHomeintradayChartContainer, 
main .body.market_detail .market_summary .content .chart_area #HSCEHomeintradayChartContainer{ width:100%!important;}
main .body.market_detail .news{ border-left:none; border-right:none; padding:0; margin:25px 0;}
main .body.market_detail .news .tl{ margin-right:5px;}
main .body.market_detail .news .content{ width:auto; height:90px;}
main .body.market_detail .news .arrow .up{ right:0;}
main .body.market_detail .news .arrow .down{ right:0;}
.swiper-slide{ padding-right:18px; box-sizing:border-box;}

main .body.market_detail.mobile_only{ padding-bottom:0;}
main .body.market_detail .commentaries{ width:100%;}
main .body.market_detail .commentaries .box{ min-height:0;}
main .body.market_detail .webcast{ width:100%; margin-top:25px; /*margin-top:74px;*/}
main .body.market_detail .webcast .box{ min-height:0;}

main .body.top_area .cbbc_outstanding{ width:100%;}
main .body.top_area .cbbc_outstanding th.last .radio_box{ width:125px;}
main .body.top_area .cbbc_outstanding th.last .ratio_area label{ display:none;}
main .body.top_area .home_video{ width:100%;}
main .body.top_area .home_video .tabs_area{ padding:0 10px;}
main .body.top_area .home_video .product{ text-align:center;}
main .body.top_area .home_video .top{ /*display:block;*/}
main .body.top_area .home_video .top .video_area{ width:calc(100% - 140px);}
main .body.top_area .home_video .top .video_area .video{ position:unset; padding-bottom:0; height:100%;}
main .body.top_area .home_video .top .video_area .video iframe{ position:unset; width:100%; height:100%;}
main .body.top_area .home_video .top .product_box{ width:140px; box-sizing:border-box;}

main .body.money_flow{ padding-top:0;}
main .body.money_flow .money_flow_underlying{ width:100%;}
/*main .body.money_flow .money_flow_underlying .more{ position:unset; text-align:right; display:block; padding-right:10px;}*/
main .body.money_flow .money_flow_underlying .full_part{ display:flex; display:-ms-flexbox;}
main .body.money_flow .money_flow_underlying .full_part .unit{ padding:0 15px;}
main .body.money_flow .money_flow_underlying .box .filter_area{ display:block;}
main .body.money_flow .money_flow_underlying .box .filter_area .tl{ margin-left:10px;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter{ justify-content:flex-start; margin-top:10px; margin-left:10px;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter label:first-child{ margin-left:0;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box{ width:calc(100% - 26px); margin:0 auto;} 

main .body.money_flow .money_flow_southbound{ width:100%; margin-top:25px;}
main .body.money_flow .money_flow_southbound .box{ padding:0;}
main .body.money_flow .money_flow_southbound .box .filter_area .tl{ padding-left:15px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li{ display:flex; display:-ms-flexbox;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .tl{ width:auto;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .turnover{ width:auto; /*float:left;*/}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .moneyflow{ width:auto; /*float:left; text-align:left;*/}
main .body.money_flow .money_flow_southbound .full_part{ display:flex; display:-ms-flexbox;}
main .body.money_flow .money_flow_southbound .full_part .unit{ padding:0 15px;}

main .body.money_flow .money_flow_southbound .chart.table table tbody th.bar{ width: 200px;}

main .body.data_sector{ padding-top:0;}
main .body.data_sector .cbbc_outstanding{ width:100%;}
main .body.data_sector .cbbc_outstanding .box{ padding:11px 0 0 0;}
main .body.data_sector .cbbc_outstanding .box .filter_area{ flex-direction:column; -ms-flex-direction:column; padding:0 15px;}
main .body.data_sector .cbbc_outstanding .box .filter_area .filter{ margin-bottom:10px;}
main .body.data_sector .cbbc_outstanding .box .chart table thead th.scroll_space{ display:none;}
main .body.data_sector .cbbc_outstanding .full_part{ display:flex; display:-ms-flexbox;}

main .body.data_sector .topic_sectors{ width:100%; margin-top:25px;}
main .body.data_sector .topic_sectors .box{ padding:3px 0 0 0;}
main .body.data_sector .topic_sectors .box .tabs_area ul.tabs li a{ padding:4px 5px; font-size:14px;}
main .body.data_sector .topic_sectors .box .table{ width:100%; overflow-x:auto;}
main .body.data_sector .cbbc_outstanding .box .table .scrolling table tbody td.center.border_right{ text-align:left;}

main .body .table_header{ display:block; margin-bottom:28px; line-height:28px; margin-top:10px;}
main .body .table_header .filter .tl{ line-height:28px;}
main .body .table_header .page_show{ width:100%; padding-left:0; justify-content:flex-start;}

main .box .sub_tabs_area ul li a{ padding:0 5px;}

#inside main#terms.warrant.oustanding .body .table_header, #inside main#terms.warrant.iv .body .table_header{ margin:0; min-height:28px;}

main .body .table_footer{ display:block; width:100%; padding:0 15px; box-sizing:border-box;}
main .body .table_footer .pager{ float:left;}

#inside main h1{ font-size:24px; padding-left:15px; margin-top:0}
#inside main h1 .reload{ margin-right:15px; margin-top:0;}

#inside main .tabs_area ul.tabs li a{ font-size:14px; padding:0 10px;}
#inside main .body .table_header .sub_tabs_area ul li{ line-height:16px; padding:5px;}

#inside main#settlement .tabs_area ul.tabs{ overflow:scroll;}
#inside main#settlement .tabs_area ul.tabs li{ width:auto; min-width:unset; float:left;}
#inside main#settlement .tabs_area ul.tabs li a{ text-wrap:nowrap; white-space:nowrap;}

#inside main#new_listing .tabs_area ul.tabs{ overflow:scroll;}
#inside main#new_listing .tabs_area ul.tabs li{ width:auto; min-width:unset; float:left;}
#inside main#new_listing .tabs_area ul.tabs li a{ text-wrap:nowrap; white-space:nowrap;}

#inside main#expiring .tabs_area ul.tabs{ overflow:scroll;}
#inside main#expiring .tabs_area ul.tabs li{ width:auto; min-width:unset; float:left;}
#inside main#expiring .tabs_area ul.tabs li a{ text-wrap:nowrap; white-space:nowrap;}

#inside main#terms.underlying  h1{ border-bottom:3px solid #ff3d3d;}
#inside main#terms .quote_area{ padding-bottom:0;}
#inside main#terms.underlying .quote_area .top_area{ /*flex-direction:column-reverse;*/ padding:10px 0;}
#inside main#terms.underlying .quote_area .top_area .left_part{ width:100%; display:block; box-sizing:border-box; padding-left:15px;}
#inside main#terms.underlying .quote_area .top_area .left_part .code{ text-align:left;}
#inside main#terms .quote_area .top_area .left_part .code{ float:left; font-size:36px; width:50%; text-align:center;}
#inside main#terms.underlying .quote_area .top_area .left_part .code{ width:auto;}
#inside main#terms.underlying .quote_area .top_area .left_part .name{ float:left; font-size:22px; line-height:43px;}
#inside main#terms .quote_area .top_area .left_part .type{ float:left; line-height:25px; margin-bottom:0; width:50%; text-align:center;}
#inside main#terms .quote_area .top_area .left_part .range_chart{ float:none; margin:5px 0; text-align:left; clear:both}
#inside main#terms .quote_area .top_area .right_part{ width:100%; display:none;}
#inside main#terms .quote_area .top_area .right_part .saerch_area{ width:100%;}
#inside main#terms .quote_area .top_area .right_part .saerch_area input[type="text"]{ width:100%;}
#inside main#terms .quote_area .bottom_area{ display:block;}
#inside main#terms .quote_area .bottom_area .chart{ width:100%;}
#inside main#terms .quote_area .bottom_area .chart #intradayChartContainer{ width:100%!important;}
#inside main#terms .quote_area .bottom_area .quote_detail{ width:100%; margin-top:0;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area{ /*position:unset;*/ left:unset; right:0; display:inline-block; width:50%; top:-54px; transform:translate(0, -50%);}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul.price_area{ top:-34px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area li .price{ float:left; font-size:24px; line-height:normal;}
#inside main#terms .quote_area .bottom_area .quote_detail ul.price_area li .change_area{ /*float:right; line-height:51px;*/}
#inside main#terms .quote_area .bottom_area .quote_detail ul li{ width:50%; margin-right:0 !important; padding:0 15px; box-sizing:border-box;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.bid{order:3; }
#inside main#terms .quote_area .bottom_area .quote_detail ul li.ask{order:4;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.open{order:1; border-top:1px solid #e5e5e5;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.close{order:2;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.high{order:5;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.low{order:6;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.turnover{order:8;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.volume{order:9; padding-bottom:0;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.strike{order:7; padding-bottom:0; border-bottom:1px solid #e5e5e5;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.empty{ display:none;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer{ padding:0 15px 5px 15px;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description{ margin-top:0; text-align:left; padding:0;} 
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description .delay br, #inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description .delay:after{ display:none;}
#inside main#terms .quote_area .bottom_area .chart{ width:100%; display:none;}
#inside main#terms .inside_banner{ display:none;}
#inside main#terms .terms_area{ flex-direction:column; -ms-flex-direction:column;}
#inside main#terms .terms_area .terms_detail_area .major_terms{ flex-direction:column; -ms-flex-direction:column; margin-right:0; margin:0;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:first-child{ margin-right:5px;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:last-child{ margin-left:5px;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:first-child{ width:100%; margin-right:0;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:last-child{ width:100%; margin-left:0;}
#inside main#terms .terms_area .terms_detail_area .terms_detail{ width:100%;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li{ margin-right:0; padding:0 15px; width:100%;}
#inside main#terms .terms_area .underlying_area{}
#inside main#terms .terms_area .underlying_area .tl{ padding-left:15px;}
#inside main#terms .terms_area .underlying_area .box{ width:100%; min-height:0; border:none; padding:0;}
#inside main#terms .terms_area .underlying_area .quote_area .range_chart{ margin-top:5px;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li{ padding:7px 15px;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li:last-child{ border-bottom:1px solid #e5e5e5;}
#inside main#terms .terms_area .underlying_area .terms_detail ul li:last-child br{ display:none;}
#inside main#terms .terms_area .underlying_area time{ padding:0 15px;}

#inside main#terms .quote_area.new_style .top_area{ position:relative; padding-bottom:10px;}
#inside main#terms .quote_area.new_style .top_area .left_part{ display:block; width:100%; padding-left:0; box-sizing:border-box; position:relative;}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area{ width:50%; margin-left:0; justify-content:center; position:absolute; right:0; top:50%; transform:translate(0, -50%);}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area li{ display:flex; flex-direction:column; align-items:center;}
#inside main#terms .quote_area.new_style .top_area .left_part .price_area .price{ margin-right:0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail{ width:100%;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top li{ width:50%; padding:10px 0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top li:nth-child(2){ background:none;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .top li span{ font-size:16px;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li .mobile_only, #inside main#terms .quote_area.new_style .bottom_area .quote_detail ul li.mobile_only{ display:flex!important; display:-ms-flexbox;}

#inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom li{ width:50%; padding:10px 0;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom li:nth-child(2), #inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom li:nth-child(4){ background:none;}
/*#inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom li:last-child{ width:100%;}*/
#inside main#terms.cbbc .quote_area.new_style .bottom_area .quote_detail .bottom li{ width:50%;}
#inside main#terms.cbbc .quote_area.new_style .bottom_area .quote_detail .bottom li.maturity{ width:50%;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .bottom{ border-bottom:1px solid #e5e5e5;}
#inside main#terms .terms_area.new_style .warrant_area{ width:100%; padding-right:0; box-sizing:border-box; border-right:none;} 
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li{ width:94%; margin:0 3% 5px 3%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li label{ width:64%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .slider_area{ width:64%; padding-right:1%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .calculator ul li .full_part{ display:flex; display:-ms-flexbox;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .result .table tbody tr td{ width:100%; display:block; padding:0 5px!important; box-sizing:border-box; height:auto; line-height:30px;}

#inside main#terms .terms_area.new_style .warrant_area .calculator_area .recomment_area .highlights{ display:block;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .recomment_area ul.highlights li{ width:100%;}
#inside main#terms .terms_area.new_style .warrant_area .calculator_area .recomment_area .highlights li a{ display:flex; display:-ms-flexbox; width:100%; justify-content:space-between;}

#inside main#terms .terms_area.new_style .underlying_area{ width:100%; padding-left:0; box-sizing:border-box;} 
#inside main#terms .terms_area.new_style .underlying_area .table{ margin-right:0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .display{ display:unset; padding-right:0; margin-bottom:5px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option{ padding-left:0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option .radio_button{ float:left;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option.main_chart_selection{ display:unset;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area{ display:block; padding:0 10px;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .top_area .price_area li{ margin-left:0;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label{ padding-left:2%; display:block;}
#inside main#terms .terms_area.new_style .underlying_area .historical_area .label ul{ display:unset;}
#inside main#terms .terms_area.new_style .underlying_area .shortsell_area .label{ padding-left:2%; display:block;}

#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li{ font-size:12px;}

#inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tl{ padding-left:0;}
#inside main#terms .terms_area.new_style .underlying_area time{ padding-left:0;}

#inside main#terms .related.tl{ padding-left:15px;}
#inside main#terms.underlying .terms_area .terms_detail_area .terms_detail{ width:100%;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail{ width:100%;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail ul li{ margin-left:0; width:100%;}
#inside main#terms.calculator .calculator_area{ display:block; padding:0 15px; border:none;}
#inside main#terms.calculator .calculator_area .calculator{ width:100%;}
#inside main#terms.calculator .calculator_area .calculator ul li label{ width:100%;}
#inside main#terms.calculator .calculator_area .calculator ul li .slider_area{ float:left;}
#inside main#terms.calculator .calculator_area .calculator ul li .data_box{ float:left;}
#inside main#terms.calculator .calculator_area .subtl{ margin-bottom:10px;}
#inside main#terms.calculator .calculator_area .result{ width:100%; padding-left:0; margin-left:0; background:none;}
#inside main#terms.calculator .calculator_area .result .table{ margin-top:0;}
#inside main#terms.calculator .calculator_area .result .table tbody tr td{ padding:3px 0!important; display:block; line-height:32px; border-top:none;}
#inside main#terms.calculator .calculator_area .button_area{ display:flex; display:-ms-flexbox;}
#inside main#terms.calculator .calculator_area .button_area button{ width:50%;}
#inside main#terms.calculator .description{ padding:0 15px;}
#inside main#terms.chart .chart_area .chart_filter_area{ padding:15px;}
#inside main#terms.chart .chart_area .chart_filter_area hr{ margin:15px 0 10px 0;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area{ margin-bottom:10px;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs{ margin-right:5px; width:72%;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li{ min-width:0; font-size:13px;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .period_tabs ul li:last-child{ margin-right:0;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs{ width:28%;}
#inside main#terms.chart .chart_area .chart_filter_area .tabs_area .chart_tabs ul li{ min-width:0; width:50%;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area{ display:block; width:100%;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area .tl{ width:100%;}
#inside main#terms.chart .chart_area .chart_filter_area .main_chart_filter .ma_area label{ width:calc(50% - 5px); float:left; margin-left:0; box-sizing:border-box; margin-bottom:5px;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter{ display:block;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .underlying_area, #inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .warrant_area{ display:block;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .tl{ width:100%;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter select{ float:none; width:100%; margin-right:0;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .underlying_area select{ margin-bottom:10px;}
#inside main#terms.chart .chart_area .chart_filter_area .sub_chart_filter .warrant_area{ margin-top:10px;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area{ flex-direction:column-reverse;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area{ margin:10px 0 20px 0;}
#inside main#terms.chart .chart_area .chart_filter_area .tool_area .bol_area label{ margin-left:0;}
#inside main#terms.chart .chart_area #termsChartContainer .highcharts-container .highcharts-tooltip > span{ width:160px;} 
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip > span{ width:160px;}
#inside main#terms.chart .chart_area #underlyingChartContainer .highcharts-container .highcharts-tooltip .highcharts-label > span{ width:160px;}

#inside main#terms .quote_area.new_style .bottom_area .quote_detail .tabs_area{ display:block;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail .tabs_area li{ width:auto; padding:0 0 0 20px;}
#inside #mobile_detail_hide.hidden{ display:none;}
#inside #mobile_cbbc_detail_hide.hidden{ display:none;}

#inside main#terms.chart time{ /*padding:0 15px;*/}
#inside main#terms.oustanding .quote_area .bottom_area .quote_detail .table_footer time{ padding:0;}
#inside main#terms.oustanding time{ padding:0 15px;}
#inside main#terms.iv .quote_area .bottom_area .quote_detail .table_footer time{ padding:0;}
#inside main#terms.iv time{ padding:0 15px;}

#inside main#terms .body .table_header{ padding-left:0;}
#inside main#terms .body .table_header .option_wnt{ font-size: 12px;}
#inside main#terms .body .table_header .option{ margin-bottom:5px; margin-left:10px;}

#inside main#search .search_area.vertical > ul li.cbbc_panel, #inside main#search .search_area.vertical > ul li.wnt_panel{ display:none!important;}
#inside main#search .search_area.vertical > ul li.chart{ display:none!important;}

#inside main#search .search_area{ padding-top:86px;}
#inside main#search .search_area .underlying_area{ top:10px; width:100%; padding:0 15px; box-sizing:border-box; justify-content:space-between;}
#inside main#search .search_area .underlying_area:after{ display:none;}
#inside main#search .search_area .filter_area{ display:block;}
#inside main#search .search_area .filter_area .left_part{ width:100%; background:none;}
#inside main#search .search_area .filter_area .left_part ul li{ width:100%; padding-right:0;}
#inside main#search .search_area .filter_area ul li, #inside main#search .search_area .filter_area ul li:first-child, #inside main#search .search_area .filter_area ul li:nth-child(2), #inside main#search .search_area .filter_area .right_part ul li:nth-child(3){ margin-bottom:10px;}
#inside main#search .search_area .filter_area ul li .multiselect-wrapper{ width:100%;}
#inside main#search .search_area .filter_area .right_part{ width:100%;}
#inside main#search .search_area .filter_area .right_part ul li{ padding-left:0; width:50%;}
#inside main#search .search_area .filter_area .right_part ul li:nth-child(odd){ padding-right:10px;}
#inside main#search .search_area .filter_area .right_part ul li:nth-child(even){ padding-left:10px;}
#inside main#search .search_area .filter_area .right_part ul li:nth-child(5), #inside main#search .search_area .filter_area .right_part ul li:nth-child(6){ margin-bottom:0;}
#inside main .result_area .table_header .result{ width:100%;}
#inside main .result_area .table_header .display, #inside main .result_area .table_header .page_show{ width:100%;}

#inside main#search .search_area.vertical{ width:100%;}
#inside main#search .search_area.vertical .chart_area .price{ float:left; line-height:30px;}
#inside main#search .search_area.vertical .chart_area .change_area{ float:right; line-height:30px;}
#inside main#search .search_area.vertical .chart_area .tabs_area{ clear:both;}
#inside main#search .search_area.vertical .chart_area .chart img{ width:100%; height:100px;}
#inside main#search .search_area.vertical > ul li.type .type_area label{ width:25%;} 
#inside main#search .result_area.vertical{ width:100%;}

#inside main#search .search_area.vertical > ul li.underlying{ margin:10px 0;}
#inside main#search .search_area.vertical > ul li.underlying label{ float:left; margin-right:5px;}
#inside main#search .search_area.vertical > ul li.underlying .select2-container{ float:left; width:calc(100% - 65px)!important;}
#inside main#search .search_area.vertical > ul li.type{ margin-bottom:10px;}
#inside main#search .search_area.vertical > ul li.type label{ float:left; margin-right:5px;}
#inside main#search .search_area.vertical > ul li.type .type_area label{ line-height:39px;}
#inside main#search .search_area.vertical > ul li.type .type_area label.radio_button .checkmark{ top:8px;}
#inside main#search .search_area.vertical > ul li.issuer{ margin-bottom:0;}
#inside main#search .search_area.vertical > ul li.issuer label{ float:left; margin-right:5px;}
#inside main#search .search_area.vertical > ul li.issuer .multiselect-wrapper{ float:left; width:calc(100% - 50px)!important;}

#inside main#new_listing .search_area .filter_area{ display:block;}
#inside main#new_listing .search_area .filter_area .left_part{ margin-bottom:10px;}
#inside main#new_listing .search_area .filter_area .left_part, #inside main#new_listing .search_area .filter_area .right_part{ width:100%; padding:0;}
#inside main#new_listing .search_area .filter_area ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#new_listing .search_area .filter_area ul li{ width:50%;}
#inside main#new_listing .search_area .filter_area ul li .multiselect-wrapper{ width:100%;}
#inside main#new_listing .search_area .filter_area ul li:nth-child(even){ padding-left:5px;}
#inside main#new_listing .search_area .filter_area ul li:nth-child(odd){ padding-right:5px;}
#inside main#new_listing .button_area{ display:flex; display:-ms-flexbox;}
#inside main#new_listing .button_area button{ width:50%;}

#inside main#expiring .search_area .filter_area{ display:block;}
#inside main#expiring .search_area .filter_area .left_part, #inside main#expiring .search_area .filter_area .right_part{ width:100%; padding:0;}
#inside main#expiring .search_area .filter_area ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#expiring .search_area .filter_area ul li{ width:50%; margin-bottom:10px;}
#inside main#expiring .search_area .filter_area ul li .multiselect-wrapper{ width:100%;}
#inside main#expiring .search_area .filter_area ul li:nth-child(even){ padding:5px;}
#inside main#expiring .search_area .filter_area ul li:nth-child(odd){ padding:5px;}
#inside main#expiring .search_area .filter_area .full_part ul li:last-child{ width:100%;}
#inside main#expiring .button_area{ display:flex; display:-ms-flexbox;}
#inside main#expiring .button_area button{ width:50%;}

#inside main#southbound .body > .tl{ margin-top:15px; line-height:normal; margin-bottom:10px;}
#inside main#southbound .table_header{ margin-top:5px;}
#inside main#southbound .table_header .filter{ margin-top:10px;}
#inside main#southbound .table{ overflow-x:scroll;}
#inside main#southbound .table.chart table{ width:550px;}
#inside main#southbound .southbound_quote_box{ display:unset; border:none;} 
#inside main#southbound .southbound_quote_box .left_part{ width:100%; box-sizing:border-box;}
#inside main#southbound .southbound_quote_box .left_part > ul > li{ display:unset; border-left:none; border-right:none;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .turnover{ /*width:50%;*/ min-width:unset; float:left;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .moneyflow{ /*width:50%;*/ min-width:unset; float:right;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(1){ padding-top:15px; border-top:1px solid #e5e5e5;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(3){ margin-top:15px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(odd){ border-bottom:none;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(odd), #inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(even){ width:100%; padding-right:15px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(even) .tl{ font-weight:500;}
#inside main#southbound .southbound_quote_box .left_part .tenday_flow_chart{ width:fit-content; margin:5px auto 0 auto;}
#inside main#southbound .southbound_quote_box .right_part.total{ width:100%; box-sizing:border-box; display:block; min-height:0;}
#inside main#southbound .southbound_quote_box .right_part.total .tl{ font-size:16px; margin-bottom:0;}
#inside main#southbound .southbound_quote_box .right_part.total .turnover{ /*width:50%;*/ float:left; margin-bottom:0;}
#inside main#southbound .southbound_quote_box .right_part.total .moneyflow{ /*width:50%;*/ float:right;}
#inside main#southbound .label{ display:block;}
#inside main#southbound .label ul{ display:block;}
#inside main#southbound .label ul li{ padding-left:15px;}
#inside main#southbound .table tbody td{ white-space:nowrap;}
#inside main#southbound.topten .table_header{ margin-bottom:10px;}
#inside main#southbound.quote .table_header{ margin-top:15px; margin-bottom:10px;}
#inside main#southbound.ah .table_header .filter{ margin-top:5px;}
#inside main#southbound .body .table_footer time{ padding:0;}
#inside main#southbound time{ padding:0 15px;}

#inside main#documents .search_area .filter_area{ flex-direction:column; -ms-flex-direction:column;}
#inside main#documents .search_area .filter_area ul li{ width:100%; margin-bottom:10px;}
#inside main#documents .search_area .filter_area .left_part{ width:100%; padding-right:0;}
#inside main#documents .search_area .filter_area .left_part ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#documents .search_area .filter_area .left_part ul li:nth-child(even){ padding-left:0;}
#inside main#documents .search_area .filter_area .left_part ul li:nth-child(odd){ padding-right:0;}
#inside main#documents .search_area .filter_area .right_part{ width:100%; padding-left:0;}
#inside main#documents .search_area .filter_area .right_part ul li:nth-child(even){ padding-left:5px;}
#inside main#documents .search_area .filter_area .right_part ul li:nth-child(odd){ padding-right:5px;}
#inside main#documents .button_area{ display:flex; display:-ms-flexbox;}
#inside main#documents .button_area button{ width:50%;}
#inside main#documents .documents_area ul{ display:block;}
#inside main#documents .documents_area ul li{ margin-right:0; width:100%;}
#inside main#documents .documents_area ul li:first-child{ margin-bottom:10px;}
#inside main#documents .documents_area ul li:last-child{}
#inside main#documents .table{ overflow-x:auto;}
#inside main#documents .table tbody td{ white-space:nowrap;}
#inside main#documents .search_area .filter_area ul{ display:unset;}

#inside main#moneyflow .tabs_area ul.tabs li{ min-width:25%;}
#inside main#moneyflow .tabs_area ul.tabs li a{ padding:0 5px;}
#inside main#moneyflow .table_header .filter{ display:flex;}
#inside main#moneyflow .table_header .filter label{ margin-left:0; margin-top:10px; margin-right:5px;}
#inside main#moneyflow .table{ overflow-x:scroll}
#inside main#moneyflow .table table tbody td{ white-space:nowrap;}
#inside main#moneyflow .table.chart table{ width:550px;}
#inside main .chart.table.moneyflow table tbody th.name{ min-width:100px;}
#inside main#moneyflow .table thead th{ white-space:nowrap;}
#inside main#moneyflow time{ padding:0 15px;}
#inside main#moneyflow .table_header .filter .select2-container{ width:100%!important;}

#inside main#stock_connect .chart_area > ul > li{ width:100%;}
#inside main#stock_connect .chart_area > ul > li:nth-child(odd), #inside main#stock_connect .chart_area > ul > li:nth-child(even){ margin:0;}
#inside main#stock_connect .chart_area .chart img{ width:100%; height:auto;}
#inside main#stock_connect .chart_area .table thead th{ font-size:13px;}
#inside main#stock_connect .table{ overflow-x:scroll;}
#inside main#stock_connect .table table tbody td.focus a{ white-space:nowrap;}
#inside main#stock_connect .table table tbody td.focus a:last-child{ margin-left:0;}

#inside main#stock_connect .table_header .select2-container{ width:100%!important; min-width:0;}

#inside main#video .tabs_area ul.tabs li{ min-width:0;}
#inside main#video h1 .tl{ display:none;}
#inside main#video h1 .filter{ right:16px;}
#inside main#video h1 .filter input[type="text"]{ width:150px;}
#inside main#video .video_area > .tl{ line-height:1; margin:20px 0 10px 0; float:none; font-size:22px;}
#inside main#video .video_area > .date{ margin:0; padding-left:16px; float:none;}
#inside main#video .video_area .video_box .video{ width:100%; padding-bottom:56.25%; height:0;}
#inside main#video .video_area .video_box .content_area{ width:100%; height:auto;} 
#inside main#video .video_area .hot_item{ float:none; margin:16px;}
#inside main#video .video_area .next_item{ float:none; margin:16px; text-align:left;}
#inside main#video .video_area .next_item .tl{ background:none; padding:0;}
#inside main#video .result_area .video_box .img{ width:100%; margin-right:0;}
#inside main#video .result_area .video_box .img img{ width:100%; height:auto;}
#inside main#video .result_area .video_box .content_area{ width:100%;}
#inside main#video .tabs_area{ padding:0 18px; background:#f7f7f7;}

#inside main#earnings .calendar_area{ padding-bottom:10px;}
#inside main#earnings .calendar_area #wrap{ display:block;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar{ display:block;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-event{ visibility:hidden;}
#inside main#earnings .calendar_area #external-events{ width:100%;}
#inside main#earnings .calendar_area #external-events .event-box{ padding:10px 0 0 0;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div{ border-bottom:5px solid #f7f7f7; margin-bottom:0; padding:5px 10px;}
#inside main#earnings .calendar_area #external-events #external-events-list{ max-height:170px!important; min-height:30px; overflow-y:auto; background:#fff;}
#inside main#earnings .table_control{ width:100%; overflow-x:scroll;}
#inside main#earnings .table_title.tl{ clear:both; /*float:left;*/}
#inside main#earnings .setting_area{ padding:0 0 10px 0;}
#inside main#earnings .setting_area ul li{ margin-right:10px;}

#inside main#earnings .link_button{ float:right;}
#inside main#earnings .body .table_header .page_show{ width:auto; float:left;}

#inside main#earnings .calendar_area #wrap{ flex-wrap: wrap;}
#inside main#earnings .calendar_area #calendar-wrap{ width:100%;}
#inside main#earnings .calendar_area #external-events{ width:100%;}

#inside main#earnings .calendar-select li{ width:50%;}

#inside main#earnings .calendar_area .section .collapsible{ cursor:pointer; background:#999; padding:0 10px; margin:0; color:#fff;}
#inside main#earnings .calendar_area .section .collapsible:after{ content:'\002B'; color:white; font-weight:bold; float:right;}
#inside main#earnings .calendar_area .section .collapsible.active:after{ content:"\2212";}
#inside main#earnings .calendar_area .section .content{ max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; padding:10px 10px 0 10px;}
#inside main#earnings .calendar-select{ padding-left:0;}

#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon01{ background:url(/home/images/icon_cal_01.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon02{ background:url(/home/images/icon_cal_02.png) no-repeat #fff left 5px top 5px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon03{ background:url(/home/images/icon_cal_03.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon04{ background:url(/home/images/icon_cal_04.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon05{ background:url(/home/images/icon_cal_05.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon06{ background:url(/home/images/icon_cal_06.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon07{ background:url(/home/images/icon_cal_07.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon08{ background:url(/home/images/icon_cal_08.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon09{ background:url(/home/images/icon_cal_09.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon10{ background:url(/home/images/icon_cal_10.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon11{ background:url(/home/images/icon_cal_11.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon12{ background:url(/home/images/icon_cal_12.png) no-repeat #fff left 5px top 6px; background-size:15px 15px;}
#inside main#earnings .calendar_area #external-events .event-box #external-events-list > div.icon13{ background:url(/home/images/icon_cal_13.png?v1) no-repeat #fff left 5px top 6px; background-size:15px 15px;}

#inside main#earnings .icon01_bg .fc-content,
#inside main#earnings .icon02_bg .fc-content,
#inside main#earnings .icon03_bg .fc-content,
#inside main#earnings .icon04_bg .fc-content,
#inside main#earnings .icon05_bg .fc-content,
#inside main#earnings .icon06_bg .fc-content,
#inside main#earnings .icon07_bg .fc-content,
#inside main#earnings .icon08_bg .fc-content,
#inside main#earnings .icon09_bg .fc-content,
#inside main#earnings .icon10_bg .fc-content,
#inside main#earnings .icon11_bg .fc-content,
#inside main#earnings .icon12_bg .fc-content,
#inside main#earnings .icon13_bg .fc-content
{ width:20px; height:20px;}

#inside main#earnings #calendar tbody td .icon01_bg,
#inside main#earnings #calendar tbody td .icon02_bg, 
#inside main#earnings #calendar tbody td .icon03_bg, 
#inside main#earnings #calendar tbody td .icon04_bg, 
#inside main#earnings #calendar tbody td .icon05_bg, 
#inside main#earnings #calendar tbody td .icon06_bg, 
#inside main#earnings #calendar tbody td .icon07_bg, 
#inside main#earnings #calendar tbody td .icon08_bg, 
#inside main#earnings #calendar tbody td .icon09_bg,
#inside main#earnings #calendar tbody td .icon10_bg,
#inside main#earnings #calendar tbody td .icon11_bg,
#inside main#earnings #calendar tbody td .icon12_bg,
#inside main#earnings #calendar tbody td .icon13_bg
{ width:20px; height:20px; overflow:hidden; padding:0; margin:0 auto 5px auto;}

.fc-theme-standard .fc-scrollgrid{ border:none!important;}
.fc .fc-scroller-liquid-absolute{ overflow:hidden!important;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-listMonth-button, #inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-dayGridMonth-button{ display:none;}

#inside main#earnings .table_header{ margin-bottom:10px;}
#inside main#earnings .table_header .filter{ margin-bottom:10px;}
#inside main#earnings .table_header .filter input[type="text"].date{ width:40%}
#inside main#earnings .table_header .filter button.search{ position:unset;}
.fc .fc-toolbar-title{ font-size:24px!important;}

#inside main#earnings .table_header .filter input[type="text"]{ width:calc(100% - 70px);}

#inside main .remark{ line-height:1; padding:10px 0;}
#inside main .recomment_area ul.highlights li{ width:100%; margin-right:0; margin-top:10px;}
#inside main .recomment_area ul.highlights li:nth-child(1){ margin-top:0;}
#inside main .recomment_area ul.highlights li:nth-child(3), #inside main#adr .recomment_area ul.highlights li:nth-child(4){ margin-top:10px;}
#inside main .recomment_area ul.highlights li .left_part{ min-width:0;}
#inside main .recomment_area ul.highlights.three li{ width:100%; margin-right:0; margin-top:10px;}
#inside main .recomment_area ul.highlights.three li:nth-child(2n+0){ margin-right:0;}
#inside main .recomment_area ul.highlights.three li:nth-child(3){ margin-top:10px;}
#inside main .recomment_area ul.highlights.three li .left_part{ min-width:0;}

#inside main#adr .table_header{ padding-bottom:5px; margin-bottom:10px; margin-top:0;}
#inside main#adr .table{ display:unset;}
#inside main#adr .table .tl{ padding-left:10px;}
#inside main#adr .table .left{ width:100%; margin-right:0; float:none;}
#inside main#adr .table .right{ width:100%; margin-left:0; float:none;}
#inside main#adr .remark{ line-height:1.2;}

#inside main#sitemap .sitemap_area ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#sitemap .sitemap_area ul li.section{ box-sizing:border-box;}
#inside main#sitemap .sitemap_area ul li.section > ul{ margin-top:0;}
#inside main#sitemap .sitemap_area ul li.section .tl{ margin-bottom:10px; padding-left:0;}

#inside main#contact .contact_area .first{ padding:10px 15px 0px 15px;}
#inside main#contact .contact_area .second{ padding:0 15px;}
#inside main#contact .contact_area p{ padding:0 15px;}
#inside main#contact .contact_area .full, #inside main#contact .contact_area .half{ width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:10px;}
#inside main#contact .contact_area .option{ width:100%; padding:0; justify-content:flex-start;}
#inside main#contact .contact_area .option label{ padding-left:30px;}
#inside main#contact .contact_area label{ box-sizing:border-box; padding:0;}
#inside main#contact .contact_area input[type="text"]{ width:100%; margin-left:0;}
#inside main#contact .contact_area select{ width:100%; margin-left:0;}
#inside main#contact .contact_area textarea{ width:100%; margin-left:0;}
#inside main#contact .contact_area .captcha_image{ margin-left:0;}
#inside main#contact .contact_area .button_area{ margin:30px 15px; display:flex; display:-ms-flexbox; justify-content:space-between;}
#inside main#contact .contact_area .button_area button{ width:50%;}

#inside main#outstanding h1{ display:block; padding:0 15px;}
#inside main#outstanding h1 .filter_area{ position:unset; margin-bottom:10px;}
#inside main#outstanding h1 .filter_area ul{ display:flex;}
#inside main#outstanding h1 .filter_area ul li{ display:inline-block; width:50%;}
#inside main#outstanding h1 .filter_area ul li:first-child{ padding-right:5px;}
#inside main#outstanding h1 .filter_area ul li:last-child{ padding-left:5px;}
#inside main#outstanding h1 .filter_area ul li label{ width:100%; display:block; padding-right:0;}
#inside main#outstanding h1 .filter_area ul li:last-child{ padding-left:0;}
#inside main#outstanding h1 .filter_area ul li select{ width:100%; height:36px; line-height:36px;}
#inside main#outstanding h1 .filter_area ul li .select2-container{ width:100%!important;}
#inside main#outstanding .chart.table.outstanding table tbody th ul{ flex-direction:column; -ms-flex-direction:column;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio{ display:unset; margin:5px 0;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .name{ display:block;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio label{ float:left; margin:0 5px 0 0;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .percent{ float:left; margin:0 5px 0 0;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .radio_box{ float:left; width:calc(100% - 170px); margin:0 5px 0 0;}

#inside main#outstanding .chart.table.outstanding table tbody th ul li.last{ text-align:center;}
#inside main#outstanding .chart.table.outstanding table tbody th ul li.radio .name{ text-align:center;}

#inside main#outstanding .chart.table.outstanding table tbody th ul li.ko_ratio{ text-align:center;}

#inside main#outstanding .chart.table.outstanding table td{ font-size:14px;}
#inside main#outstanding .chart.table.outstanding table td:first-child{ text-align:left; width:100px; padding-left:5px;}
#inside main#outstanding .chart.table.outstanding table td:last-child{ width:80px;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label{ display:unset; line-height:1; display:block;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label:first-child{ float:none;}
#inside main#outstanding .chart.table.outstanding table tfoot td .label:last-child{ float:none; margin-top:5px;}
#inside main#outstanding .chart.table.outstanding table th, #inside main#outstanding .chart.table.outstanding table td{ padding:0;}
#inside main#outstanding .chart.table.outstanding table td.bar{ min-width:0;}
#inside main#outstanding .chart.table.outstanding table tbody td.bar .number{ min-width:85px; font-size:12px;}
#inside main#outstanding time span#ratio{}

#inside main#focus.product .recomment_area ul.highlights li{ width:100%!important; margin-top:10px!important;}
#inside main#focus.market time{ display:none;}
#inside main#focus.market .table_header{ margin-bottom:0;}
#inside main#focus h1{ display:block; padding:0 15px;}
#inside main#focus h1 > div{ flex-direction:column-reverse;}
#inside main#focus h1 .filter_area{ position:unset; margin-bottom:10px; width:100%;}
#inside main#focus h1 .filter_area ul{ display:unset;}
#inside main#focus h1 .filter_area ul li{ /*display:unset;*/}
#inside main#focus h1 .filter_area ul li:last-child{ padding-left:0;}
#inside main#focus h1 .filter_area ul li label{ display:inline-block; white-space:nowrap; text-wrap:nowrap;}
#inside main#focus h1 .filter_area ul li select{ width:100%;}

#inside main#focus h1 .switch_area{ flex-wrap: wrap;}
#inside main#focus h1 .switch_area > div{ width:100%;}
#inside main#focus h1 .switch_area label{ margin-left:0; margin-right:6px;}
#inside main#focus h1 .switch_area label:last-child{ margin-right:0;}

#inside main#focus.product .recomment_area .part{ flex-flow:column;}
#inside main#focus.product .recomment_area .part .underlying_detail{ width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom:0;}
#inside main#focus.product .recomment_area .part .underlying_detail:after{ display:none;}
#inside main#focus.product .recomment_area .part ul.highlights{ width:100%;}

#inside main#stock_connect .chart_area .table tbody td:first-child{ width:120px;}
.table.inflow_table th, .table.inflow_table td, .table.outflow_table th, .table.outflow_table td{ text-wrap:nowrap; white-space:nowrap;}

#inside main#terms .recommend{ flex-wrap: wrap;}
#inside main#terms .recommend .box{ width:49%; margin-right:0; border:1px solid #e5e5e5; box-sizing:border-box; margin:0.5%;}
#inside main#terms .recommend .box .top_area .product{ font-size:16px; width:calc(100% - 75px);}

footer{ margin-top:15px; padding-bottom:80px; padding-top:20px;}
footer .body{ padding:0 15px; box-sizing:border-box;}
footer .nav_top_menu .left_part, footer .nav_top_menu .right_part{ width:50%;}
footer .nav_top_menu .nav_menu ul{ flex-direction:column; -ms-flex-direction:column;}
footer .nav_top_menu .nav_menu ul li{ margin-right:0;}

footer .nav_full_menu .nav_menu{ margin:0 0 20px 0;}
footer .nav_full_menu .nav_menu ul{ flex-direction:column; -ms-flex-direction:column;}
footer .nav_full_menu .nav_menu ul li{ background:none; margin-right:0; padding-right:0; width:100%;}

footer .nav_bottom_menu{ display:block;}
footer .nav_bottom_menu .left_part, footer .nav_bottom_menu .right_part{ width:100%;}
footer .nav_bottom_menu .copyright_area{ display:block;}
footer .nav_bottom_menu .nav_menu{ margin-bottom:35px;}
footer .nav_bottom_menu .nav_menu ul{ display:unset;}
footer .nav_bottom_menu .nav_menu ul li{ width:auto; float:left;}
footer .nav_bottom_menu .copyright_area .copyright{ margin-bottom:5px;}
footer .nav_bottom_menu .copyright_area .db_description{ margin-bottom:5px;}
footer .nav_bottom_menu .soical_area{ margin:20px auto 0 auto;}

.bottom_mobile_menu{ background:#2e2e2e; position:fixed; bottom:0; width:100%; box-sizing:border-box; z-index:99999;}
.bottom_mobile_menu ul li{ width:25%; color:#fff; padding-bottom:5px; border-right: 1px solid #484848; border-left:1px solid #252525; box-sizing:border-box;}
.bottom_mobile_menu ul li a{ color:#fff; display:block; text-align:center; font-size:13px;}
.bottom_mobile_menu ul li a span{ width:30px; height:30px; display:block; margin:3px auto;}
.bottom_mobile_menu ul li.search a span{ background:url(/home/images/icon_bottom_menu_search.jpg) no-repeat center;}
.bottom_mobile_menu ul li.os a span{ background:url(/home/images/icon_bottom_menu_os.jpg) no-repeat center;}
.bottom_mobile_menu ul li.money a span{ background:url(/home/images/icon_bottom_menu_money.jpg) no-repeat center;}
.bottom_mobile_menu ul li.contact a span{ background:url(/home/images/icon_bottom_menu_contact.jpg) no-repeat center;}
.bottom_mobile_menu ul li.subscribe a span{ background:url(/home/images/icon_bottom_menu_subscribe.jpg) no-repeat center;}
.bottom_mobile_menu ul li.dbs_focus a span{ background:url(/home/images/icon_bottom_menu_dbs_focus.jpg) no-repeat center;}
.bottom_mobile_menu ul li.kol_focus a span{ background:url(/home/images/icon_bottom_menu_kol_focus.jpg) no-repeat center;}

main#popup.outstanding .tabs_area{ float:none;}
main#popup .tabs_area{ clear:both;}
main#popup .tabs_area .period_tabs{ width:100%;}
main#popup .tabs_area .period_tabs ul li{ width:50%;}
main#popup.outstanding .filter{ float:none;}

}

@media all and (max-width: 900px){
#inside main#outstanding h1{ display:block;}
#inside main#outstanding h1 .filter_area{ position:unset; margin-bottom:10px;}
}

@media all and (min-width: 768px) and (max-width: 1024px){ 
.body, main hr{ width:100%;}
header, nav{ display:none;}
.tablet_only{ display:block;}

time:after{ display:none;}


.home_slider{ background:url(/home/images/bg_home_slider_img1.jpg) no-repeat right, #161616; background-size:cover; padding-top:52px; padding-left:5px; padding-right:5px; margin-top:5px; height:405px;}

.home_slider .swiper-slide{ flex-direction:column;}
.home_slider .swiper-slide .left_part{ width:100%;}
.home_slider .swiper-slide .left_part .subscribe_area p{ line-height:1; margin-top:10px;}
.home_slider .swiper-slide .right_part{ width:calc(50% - 10px); margin-right:10px; display:none;}
.home_slider .swiper-slide .right_part .search_box .tl{ padding-left:0;}
.home_slider .swiper-slide .right_part .search_box .underlying_search{ margin:0;}
.home_slider .swiper-slide .right_part .drag_area{ margin:0;}
.home_slider .swiper-slide .right_part .filter_area .type_area{ justify-content:space-between;}
.home_slider .swiper-slide .right_part .filter_area .type_area .radio_button input{ width:0;}
.home_slider .swiper-slide .right_part .filter_area .type_area .radio_button{ margin-left:0;}
.home_slider .swiper-slide .right_part .filter_area .type_area:after{ display:none;}
.home_slider .swiper-slide .right_part .filter_area .issuer .radio_button{ margin-left:8px;}
.home_slider .swiper-slide .right_part .filter_area .issuer .multiselect-wrapper{ width:170px;} 

.mm-slideout .mm-sronly{ left:300px;}
div.dt-buttons{ left:10px!important;}
main .body .table_header{ padding:0 10px;}
main .body .table_header .page_show{ padding-left:0;}
main .body .table_header .sub_tabs_area ul li{ min-width:unset;}
main .body .table_header .filter .tl{ padding-right:5px;}
main .body .table_header .filter select{ min-width:170px;}
main .body .table_header .filter input[type="text"].date{ width:115px;}
main .body .table_header .filter input[type="text"]{ width:170px;}

main .body .table_footer{ padding:0 10px;}

main .body .tl{ padding-left:10px;}
main .body .box{ padding:10px;}

#home main .body.market_detail{ flex-direction:column-reverse;}
main .body.market_detail .market_summary .content .index_area ul li{ padding-right:22px;}
main .body.market_detail .market_summary .content .index_area ul li.current{ background:url(/home/images/icon_home_market_summary_arrow.gif) no-repeat center right 5px #f7f7f7;}
main .body.market_detail .market_summary .content .index_area ul li .tl{ min-width:65px;}
main .body.market_detail .market_summary .content .index_area ul li .point{ min-width:85px;}
main .body.market_detail .market_summary .content .index_area ul li .change_area{ min-width:135px;}

main .body.market_detail .news .content{ width:calc(100% - 115px);}

main .body.market_detail .commentaries > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.market_detail .commentaries .box{ border:none; padding-bottom:0; min-height:0;}

main .body.market_detail .webcast > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.market_detail .webcast .box{ border:none; padding-bottom:0; min-height:0;}
main .body.market_detail .news{ margin:25px 0;}

#home main .body.market_detail .left_part{ width:100%; margin-top:25px;}
#home main .body.market_detail .left_part .market_summary time{ padding:0 10px;}

#home main .body.market_detail .right_part{ width:100%;}
#home main .body.market_detail .right_part .quote time{ padding:0 10px;}

main .body.top_area .cbbc_outstanding .box colgroup{ display:none;}

main .body.market_detail .quote .box{ min-height:0;}
main .body.market_detail .quote .box .tablet_style{ float:left; width:49%; padding-right:10px; box-sizing:border-box;}
main .body.market_detail .quote .box .tablet_style .full_part{ line-height:22px;}
main .body.market_detail .quote .box .result_area .chart{ float:right; width:50%; box-sizing:content-box;}
main .body.market_detail .quote .box .result_area .terms{ float:left; width:49%; padding-right:10px; box-sizing:border-box;}
main .body.market_detail .quote .box .result_area .terms ul li{ flex-direction:row; -ms-flex-direction:row; justify-content:flex-start; line-height:16px; border-bottom:none!important;}
main .body.market_detail .quote .box .result_area .terms ul li:nth-child(2), main .body.market_detail .quote .box .result_area .terms ul li:nth-child(4){ justify-content:flex-end;}
main .body.market_detail .quote .box .result_area .terms ul li span{ margin-top:0;}
main .body.market_detail .quote .box .result_area .dbs_focus_box{ float:left; width:100%;}
main .body.market_detail .quote .box .result_area .dbs_focus_box ul{ flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
main .body.market_detail .quote .box .result_area .dbs_focus_box ul li{ border-bottom:none;}
main .body.market_detail .quote .box .result_area .dbs_focus_box ul li:nth-child(even){ border-right:1px solid #e5e5e5;}
main .body.market_detail .quote .box .result_area .dbs_focus_box ul li:last-child{ border-right:none;}

main .body.recommend .highlights_area .tl:after{ width: calc(100% - 179px);}
main .body.recommend .highlights_area .box{ padding:0 10px 10px 10px;}
main .body.recommend .highlights_area .box .tab-content.current{ display:flex; display:-ms-flexbox;}
main .body.recommend .highlights_area .box .tab-content{ overflow-x:auto;}
main .body.recommend .highlights_area .box .tabs_area ul.tabs li a{ padding:4px 20px 4px 0;}
main .body.recommend .highlights_area .box ul.highlights{ flex-wrap:nowrap; display:flex; display:-ms-flexbox;}
main .body.recommend .highlights_area .box ul.highlights li{ margin-right:10px;}
main .body.recommend .highlights_area .box ul.highlights li:last-child{ margin-right:0!important;}
main .body.recommend .highlights_area .box ul.highlights li:first-child{ /*margin-top:0!important;*/}
main .body.recommend .highlights_area .box ul.highlights li{ /*margin-right:10px!important; width:100%;*/ margin-right:10px!important; justify-content:space-between; margin-top:0!important; padding:5px 15px 7px 15px; min-width:290px; width:325px;}
main .body.recommend .highlights_area .box ul.highlights li .left_part{ min-width:0; float:left;}
main .body.recommend .highlights_area .box ul.highlights li .right_part{ float:right;}
main .body.recommend .highlights_area time{ padding:0 10px;}

main .body.money_flow .money_flow_underlying{ width:50%;}
main .body.money_flow .money_flow_underlying > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.money_flow .money_flow_underlying .box{ min-height:0; border:none;}
main .body.money_flow .money_flow_underlying .box .filter_area{ display:block;}
main .body.money_flow .money_flow_underlying .box .filter_area .tl{ display:block; width:100%;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter{ justify-content:flex-start; margin-top:10px;}
main .body.money_flow .money_flow_underlying .box .filter_area .filter label:first-child{ margin-left:0;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li{ width:50%;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li:nth-child(1),main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li:nth-child(2){ border-bottom:1px solid #e5e5e5;}
main .body.money_flow .money_flow_underlying .box .dbs_focus_box ul li:nth-child(2){ border-right:none;}
main .body.money_flow .money_flow_underlying .full_part{ padding:0 10px;}

main .body.money_flow .money_flow_southbound{ width:50%;}
main .body.money_flow .money_flow_southbound > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.money_flow .money_flow_southbound .box{ border:none;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li{ display:block;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .tl{ display:block; width:100%;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .turnover{ width:50%; float:left;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li .moneyflow{ width:50%; float:left;}
main .body.money_flow .money_flow_southbound .full_part{ padding:0 10px;}

main .body.data_sector .cbbc_outstanding{ width:50%;}
main .body.data_sector .cbbc_outstanding > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.data_sector .cbbc_outstanding .box{ border:none;}
main .body.data_sector .cbbc_outstanding .box .filter_area{ flex-direction:column; -ms-flex-direction:column;}
main .body.data_sector .cbbc_outstanding .box .filter_area .filter select{ width:100%;}
main .body.data_sector .cbbc_outstanding .box .filter_area .ratio_area{ justify-content:flex-start; margin-top:5px;}
main .body.data_sector .cbbc_outstanding .box .table .scrolling{ height:340px;}
main .body.data_sector .cbbc_outstanding .box .chart.table td.border_right{ text-align:left;}
main .body.data_sector .cbbc_outstanding .full_part{ padding:0 10px;}

main .body.data_sector .topic_sectors{ width:50%;}
main .body.data_sector .topic_sectors > .tl{ border-bottom:1px solid #e5e5e5; padding:0; margin:0 10px;}
main .body.data_sector .topic_sectors .box{ padding:3px 10px 10px 10px; font-size:15px; border:none;}
main .body.data_sector .topic_sectors .box .tabs_area ul.tabs li a{ padding:4px 5px;}
main .body.data_sector .topic_sectors .box .table{ overflow-x:auto;}
main .body.data_sector .topic_sectors time{ padding:0 10px;}

main .body.recommend_bystock .home_banner{ width:100%; padding:0 0 16px 0;}
main .body.recommend_bystock .home_banner img{ width:100%; height:auto;}

main .body.recommend_bystock{ display:block;}
main .body.recommend_bystock .highlights_area{ width:100%;}
main .body.recommend_bystock .highlights_area time{ margin-left:10px;}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights{ /*display:flex; display:-ms-flexbox;*/}
main .body.recommend_bystock .highlights_area .recomment_area ul.highlights li{ width:calc(50% - 23px);}

main .body.recommend_bystock .cbbc_outstanding{ width:100%; margin-top:25px;}
main .body.recommend_bystock .cbbc_outstanding .box{ border:none;}
main .body.recommend_bystock .cbbc_outstanding .box .chart.table colgroup{ display:none;}
main .body.recommend_bystock .cbbc_outstanding .box .chart.table .scrolling{ height:auto;} 
main .body.recommend_bystock .cbbc_outstanding .box .chart.table thead th:first-child{ width:120px;}
main .body.recommend_bystock .cbbc_outstanding .box .chart.table tbody td:first-child{ width:120px;}
main .body.recommend_bystock .cbbc_outstanding .full_part{ margin:0 10px;}

main .body.top_area{ display:block;}
main .body.top_area .cbbc_outstanding{ width:100%;}
main .body.top_area .home_video{ width:100%;}

main .body.money_flow{ display:block;}
main .body.money_flow .money_flow_underlying{ width:100%;}
main .body.money_flow .money_flow_southbound{ width:100%; margin-top:25px;}
main .body.money_flow .money_flow_southbound .box .moneyflow_area ul li{ display:flex; display:-ms-flexbox;}
main .body.money_flow .money_flow_southbound .box .chart.table colgroup{ display:none;}
main .body.money_flow .money_flow_southbound .box .chart.table table tbody th:first-child{ width:170px;}

#inside main#terms .quote_area.new_style .bottom_area{ display:block;}
#inside main#terms .quote_area.new_style .bottom_area .quote_detail{ width:100%;}
#inside main#terms .quote_area.new_style .bottom_area .chart{ width:100%;}

#inside main#terms .terms_area.new_style{ display:unset;}
#inside main#terms .terms_area.new_style .warrant_area{ width:100%; padding-right:0; border-right:none;}
#inside main#terms .terms_area.new_style .underlying_area{ width:100%; margin-top: 0; padding-left:0; background:#f7f7f7;}

#inside main .result_area .table_header .display, #inside main .result_area .table_header .page_show{ width:auto;}

#inside main h1{ font-size:30px; padding-left:10px; margin-top:10px;}
#inside main#search .search_area{ padding:10px;}
#inside main#search .search_area .underlying_area{ top:-43px; right:10px;}
#inside main#search .search_area .underlying_area .left_part{ display:flex; display:-ms-flexbox; align-items:center;}
#inside main#search .search_area .underlying_area .name, #inside main#search .search_area .underlying_area .price{ padding-right:10px;}
#inside main#search .search_area .underlying_area .range_chart{ margin-left:10px;}
#inside main#search .search_area .filter_area .left_part ul li{ padding-right:10px;}
#inside main#search .search_area .filter_area .right_part ul li{ padding-left:10px;}

#inside main#search .search_area.vertical{ width:100%; float:none;}
#inside main#search .result_area.vertical{ width:100%; float:none;}
#inside main#search .search_area.vertical > ul{}
#inside main#search .search_area.vertical > ul li{ width:32%;}
#inside main#search .search_area.vertical > ul li:nth-child(2n+2){ margin:0 2%;}
#inside main#search .search_area.vertical > ul li.chart{ width:100%; margin:0;}
#inside main#search .search_area.vertical .chart_area .tabs_area{ clear:both; border-top:1px solid #e2e2e2; padding-top:5px;}
#inside main#search .search_area.vertical .chart_area .name{ float:left; margin-right:5px; line-height:30px; margin-bottom:5px;}
#inside main#search .search_area.vertical .chart_area .price{ float:left; margin-right:5px; line-height:30px; margin-bottom:5px;}
#inside main#search .search_area.vertical .chart_area .change_area{ float:left; line-height:30px; margin-bottom:5px;} 

#inside main h1 .reload{ margin-right:10px;}
#inside main#terms .quote_area .top_area{ padding-right:10px;}
#inside main#terms .quote_area .top_area .left_part{ align-items:center;}
#inside main#terms .quote_area .top_area .left_part .code, #inside main#terms .quote_area .top_area .left_part .name{ font-size:24px;}
#inside main#terms .quote_area .top_area .left_part .range_chart{ margin-left:0;}
#inside main#terms .quote_area .bottom_area .quote_detail{ width:45%; margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li{ width:calc(50% - 5px);}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.one{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.two{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.three{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.bid{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.ask{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail ul li.strike{ margin-right:10px;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer{ flex-direction:column; -ms-flex-direction:column;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer time{ line-height:17px;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description{ margin-top:0; text-align:left; line-height:17px;}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description .delay{ float:left; margin-right:3px;}
#inside main#terms .quote_area .bottom_area .chart{ width:55%;} 
#inside main#terms .quote_area .bottom_area .chart #intradayChartContainer{ width:100%!important;}
#inside main#terms .terms_area .terms_detail_area .major_terms{ margin:15px 5px 15px 0; padding:5px 0 10px 0;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:first-child{ margin-right:3px;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div:last-child{ margin-left:3px;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:first-child{ margin-right:3px;}
#inside main#terms .terms_area .terms_detail_area .major_terms > div > ul li:last-child{ margin-left:3px;}
#inside main#terms .terms_area .terms_detail_area .terms_detail{ width:100%; padding-right:5px; box-sizing:border-box;}
#inside main#terms .terms_area .terms_detail_area .terms_detail ul li{ width:calc(50% - 3px); margin-right:0;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.type{ order:1; margin-right:3px;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_qty{ order:2; margin-left:3px;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.issuer{ order:3; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_percentage{ order:4; margin-left:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.lot{ order:5; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.os_change{ order:6; margin-left:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.warrant_type{ order:7; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.historical{ order:8; margin-left:3px;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.delta{ order:9; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.entitlement{ order:10; margin-left:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.vega{ order:11; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.theta{ order:12; margin-left:3px;}
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.gearing{ order:13; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.last_day{ order:14; margin-left:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.breakeven{ order:15; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.Maturity{ order:16; margin-left:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.premium{ order:17; margin-right:3px;} 
#inside main#terms.warrant .terms_area .terms_detail_area .terms_detail ul li.listing_day{ order:18; margin-left:3px;} 
#inside main#terms .terms_area .underlying_area time{ padding:0 5px;}
#inside main#terms .terms_area .underlying_area .box{ width:205px; padding:5px;}
#inside main#terms .terms_area .underlying_area .quote_area{ padding:5px;}
#inside main#terms .terms_area .underlying_area .quote_area .price_area{ margin-top:2px;}
#inside main#terms .terms_area .underlying_area .quote_area .price_area .price{ font-size:25px;}
#inside main#terms .terms_area .underlying_area .quote_area .intraday_chart{ margin-right:0; margin-top:5px;}
#inside main#terms .terms_area .underlying_area .quote_area .range_chart{ margin-top:1px;}
#inside main#terms .terms_area .underlying_area time br{ display:none;}
#inside main#terms .related.tl{ padding-left:10px;}

#inside main#terms.underlying .terms_area{ display:block;}
#inside main#terms.underlying .terms_area .terms_detail_area{ width:50%; float:left;}
#inside main#terms.underlying .terms_area .terms_detail_area .terms_detail, #inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail{ width:100%; padding:0;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail ul li{ width:100%; margin-left:3px; margin-right:0;}
#inside main#terms.underlying .terms_area .terms_detail_area .terms_detail ul li{ width:100%; margin-right:3px;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul.price_area li .price{ font-size:35px; line-height:41px;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.three{ display:none;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.bid{ order:5;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.ask{ order:7;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.high{}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.low{}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.turnover{ margin-right:10px;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.volume{ order:10; padding-bottom:0; border-bottom:1px solid #e5e5e5;}
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.pe, 
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.pb, 
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.yield, 
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.dividend,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.shortsell, 
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.beta{ display:none;}

#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.lotsize,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.cost,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.tick,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.eps,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.marketcap,
#inside main#terms.underlying .terms_area .terms_detail_area.secondary .terms_detail.tablet_style ul li.issuesize{ display:block;}

#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only{ clear:both; width:100%;}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li{ border-bottom:1px solid #e5e5e5; line-height:31px; font-size:14px; width:calc(50% - 3px);}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li div{ float:right; font-size:16px; font-weight:700;}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li:nth-child(odd){ margin-right:3px;}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li:nth-child(even){ margin-left:3px;}
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.pe, 
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.pb, 
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.yield, 
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.dividend,
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.shortsell, 
#inside main#terms.underlying .terms_area .terms_detail.tablet_style.tablet_only ul li.beta{}

#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.ref_price{ width:100%; margin-right:0; line-height:31px; padding:0 0 13px 0;}
#inside main#terms.underlying .quote_area .bottom_area .quote_detail ul li.ref_price br{ display:none;}

#inside main#terms.chart time{ /*padding:0 10px;*/}
#inside main#terms .quote_area .bottom_area .quote_detail .table_footer .description{ padding-left:0;}
#inside main#terms.calculator .description{ padding:0 10px;}
#inside main#terms.oustanding .quote_area .bottom_area .quote_detail .table_footer time{ padding:0;}
#inside main#terms.oustanding time{ padding:0 10px;}
#inside main#terms.iv .quote_area .bottom_area .quote_detail .table_footer time{ padding:0;}
#inside main#terms.iv time{ padding:0 10px;}

#inside main#terms .terms_area.new_style .underlying_area .chart_area .filter_area .option{ padding-left:0;}
#inside main#terms .terms_area.new_style .underlying_area .chart_area .tabs_area .period_tabs li span.desktop_only, #inside main#terms .terms_area.new_style .underlying_area .moneyflow_area .tabs_area .period_tabs li span.desktop_only{ display:none;}

#inside main#terms .body .table_header{ padding-left:0; margin-bottom:30px;}

#inside main#southbound .southbound_quote_box .left_part > ul > li .tl{ min-width:0;}
#inside main#southbound .southbound_quote_box .left_part > ul > li .turnover{ min-width:0;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(odd){ width:46%; padding:0 5px;}
#inside main#southbound .southbound_quote_box .left_part > ul > li:nth-child(even){ width:54%; padding:0 5px;}
#inside main#southbound .body .table_footer time{ padding:0;}

#inside main#video .tabs_area ul.tabs li{ min-width:0; padding:0 10px;}
#inside main#video .video_area .video_box .video{ width:100%; padding-bottom:56.25%; height:0;}
#inside main#video .video_area .video_box .content_area{ width:100%; height:auto;}
#inside main#video .video_area .hot_item{ margin-left:16px;}
#inside main#video .video_area .next_item{ margin-right:16px;}

#inside main#earnings .calendar_area #external-events .event-box{ padding-top:40px;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button{ min-width:0;}
#inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-prev-button, #inside main#earnings .calendar_area #calendar-wrap #calendar .fc-header-toolbar button.fc-next-button{ min-width:0;}
#inside main#earnings .calendar_area #external-events #external-events-list{ max-height:322px!important;}
.fc .fc-toolbar-title{ font-size:20px!important;}
#inside main#earnings .calendar_area #calendar-wrap #calendar tbody td .fc-daygrid-event{ visibility:hidden;}
#inside main#earnings .recomment_area ul.highlights{ display:flex; display:-ms-flexbox; overflow-x:scroll;}
#inside main#earnings .recomment_area ul.highlights.three li{ display:inline-table; width:320px;}
#inside main#earnings .recomment_area ul.highlights.three li .left_part{ /*width:145px; min-width:0;*/}

#inside main#earnings .calendar_area #wrap{ flex-wrap: wrap;}
#inside main#earnings .calendar_area #calendar-wrap{ width:100%;}
#inside main#earnings .calendar_area #external-events{ width:100%;}

#inside main#adr .table .left{ width:calc(50% - 5px); margin-right:5px;}
#inside main#adr .table .right{ width:calc(50% - 5px); margin-left:5px;}

#inside main#stock_connect .body .table_header .filter select{ min-width:200px;}

#inside main#documents .search_area{ padding:10px;}
#inside main#documents .search_area .filter_area ul li:nth-child(odd){ padding-right:6px;}
#inside main#documents .search_area .filter_area ul li:nth-child(even){ padding-left:6px;}
#inside main#documents .search_area .filter_area .left_part{ padding-right:6px;}
#inside main#documents .search_area .filter_area .right_part{ padding-left:6px;}
#inside main#documents .table table tbody td:first-child, #inside main#documents .table table thead th:first-child{ white-space:nowrap;}

#inside main#moneyflow .table_header{ display:block;}
#inside main#moneyflow .table_header .tl{ width:100%;}
#inside main#moneyflow .table_header .filter{ width:100%;}
#inside main#moneyflow .table_header .radio_button:first-child{ margin-left:0;}
#inside main#moneyflow time{ padding:0 10px;}
#inside main#moneyflow .table table tbody td{ white-space:nowrap;}

#inside main#outstanding h1 .filter_area ul{ justify-content:space-between;}
#inside main#outstanding h1 .filter_area ul:after{ display:none;}
#inside main#outstanding h1 .filter_area ul li:last-child{ padding-right:10px; align-self:center;}
#inside main#outstanding .chart.table.outstanding table td.bar{ min-width:270px;}

#inside main#contact .contact_area .first{ padding:10px 10px 0px 10px}
#inside main#contact .contact_area p{ padding:0 10px;}
#inside main#contact .contact_area label{ padding:0; box-sizing:border-box;}
#inside main#contact .contact_area .half{ width:50%; padding:0 10px; box-sizing:border-box;}
#inside main#contact .contact_area .full{ width:100%; padding:0 10px; box-sizing:border-box;}
#inside main#contact .contact_area input[type="text"], #inside main#contact .contact_area select, #inside main#contact .contact_area textarea, #inside main#contact .contact_area .option{ width:100%; margin-left:0; box-sizing:border-box;}
#inside main#contact .contact_area .option{ padding-left:0;}
#inside main#contact .contact_area .option label{ padding-left:30px;}
#inside main#contact .contact_area .captcha_image{ margin-left:0;}
#inside main#contact .contact_area .button_area{ margin-left:10px;}

#inside main#focus.product .recomment_area ul.highlights li{ width:calc(50% - 7px)!important; margin-top:10px;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(3){ margin-top:10px;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(odd){ margin-right:14px!important;}
#inside main#focus.product .recomment_area ul.highlights li:nth-child(even){ margin-right:0!important;}



footer{ padding:20px 10px;}
footer .nav_top_menu .nav_menu ul li{ margin-right:35px;}
footer .nav_bottom_menu .copyright_area{ flex-wrap:wrap; -webkit-flex-wrap:wrap; line-height:24px;}
}

@media all and (max-width: 320px){
main .body .tl{ font-size:16px;}
main .body.market_detail .market_summary .content .index_area ul li .tl{ min-width:60px;}
main .body.market_detail .market_summary .content .index_area ul li .point{ min-width:80px;}
main .body.market_detail .market_summary .content .index_area ul li .change_area{ min-width:130px;}
main .body.data_sector .topic_sectors .box .tabs_area ul.tabs li a{ font-size:13px;}
.mm-menu_offcanvas{ min-width:270px!important;}
.mm-slideout .mm-sronly{ width:45px!important; height:45px!important; line-height:45px; left:270px;}
main .box .tabs_area ul.tabs li a{ padding:4px;}
#inside main#adr .table_header{ padding:0 5px;}
}

/*menu*/
@media all and (min-width: 768px) and (max-width: 1024px){
.topnav{ display:block;}
.mobile-menu{ border-top:none; padding-left:0; position:fixed; top:0; width:100%; background:#ffffff;	z-index:100; border-bottom:1px solid #e5e5e5; -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 1px rgba(0,0,0,0.1); box-shadow:0 2px 1px rgba(0,0,0,0.1);}
.mobile-menu a.logo{ margin-left:20px;}
.mobile-menu img{ width:auto; margin:13px 0; height:22px;}
.mobile-menu .menu-btn{ float:left; margin:14px 0;}
.mobile-menu .nav_search{ float:right; margin:15px 0; margin-right:20px;}
#top_search_menu_mobile{ position:absolute; width:100%;}
.mobile-menu .search_box{ position:absolute; left:0; padding:10px; background:#ffffff; width:100%; z-index:100; border-top:1px solid #e5e5e5; display:flex; display:-ms-flexbox; align-items:center; box-sizing:border-box;}
.mobile-menu .search_box input[type="text"]{ width:100%;}
.mobile-menu .search_box button{ min-width:75px; position:absolute; right:13px; line-height:1; padding:6px 12px;}
.mobile-menu a#top_search_mobile{ background:url(/home/images/icon_nav_search.jpg) no-repeat; width:18px; height:18px; float:left;}
.mobile-menu .ac_results{ padding-top:47px; background:#fff; z-index:9999;}
.mobile-menu .ac_results{ padding-top:47px;}
.mobile-menu .ac_results ul{ display:block; padding:10px; border-top:1px solid #e5e5e5;}
.mobile-menu .ac_results ul li{ line-height:30px; border-bottom:1px solid #e5e5e5; width:50%; float:left;}
.mobile-menu .ac_results ul li .code{ float:left; margin-right:10px;}
.mobile-menu .logo{ float:left;}
.mobile-menu .description{ float:right; width:auto; line-height:48px; margin:0 20px; color:#ff3333;}
#my-menu .lang-mobile a{ font-size:14px;} 
#my-menu .tel-mobile{ font-size:14px; line-height:1;} 
#my-menu .email-mobile{ line-height:1;} 
#my-menu .email-mobile a{ font-size:14px;}
.hamburger-menu{ width:20px; height:20px; position:relative; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; margin-left:10px;}
.hamburger-menu span{ display:block; position:absolute; background:#909090; opacity:1; height:2px; width:100%; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.hamburger-menu span:nth-child(1){ top:6px;}
.hamburger-menu span:nth-child(2){ top:13px;}
.hamburger-menu.open span:nth-child(1){ top:9px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.hamburger-menu.open span:nth-child(2){ top:9px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}

.mm-sronly span{ display:block; position:absolute; background:#909090; opacity:1; height:2px; width:50%; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.mm-sronly span:nth-child(1){ top:23px;left:12px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.mm-sronly span:nth-child(2){ top:23px;left:12px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}
}
@media all and (max-width: 767px){ 
.topnav{ display:block;}
.mobile-menu{ border-top:none; padding-left:0; position:fixed; top:0; width:100%; background:#ffffff;	z-index:100; border-bottom:1px solid #e5e5e5; -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 1px rgba(0,0,0,0.1); box-shadow:0 2px 1px rgba(0,0,0,0.1);}
.mobile-menu a.logo{ margin-left:10px;}
.mobile-menu img{ width:auto; margin:15px 0; height:18px;}
.mobile-menu .menu-btn{ float:left; margin:14px 0;}
.mobile-menu .nav_search{ float:right; margin:15px 0; margin-right:20px;}
#top_search_menu_mobile{ position:absolute; width:100%;}
.mobile-menu .search_box{ position:absolute; left:0; padding:5px; background:#ffffff; width:100%; z-index:100; border-top:1px solid #e5e5e5; display:flex; display:-ms-flexbox; align-items:center; box-sizing:border-box;}
.mobile-menu .search_box input[type="text"]{ width:100%;}
.mobile-menu .search_box button{ min-width:75px; position:absolute; right:8px; line-height:1; padding:6px 12px;}
.mobile-menu a#top_search_mobile{ background:url(/home/images/icon_nav_search.jpg) no-repeat; width:18px; height:18px; float:left;}
.mobile-menu .ac_results{ padding-top:47px; background:#fff; z-index:9999;}
.mobile-menu .ac_results ul{ display:block; padding:5px; border-top:1px solid #e5e5e5;}
.mobile-menu .ac_results ul li{ line-height:30px; border-bottom:1px solid #e5e5e5; width:100%; float:none;}
.mobile-menu .ac_results ul li .code{ float:left; margin-right:10px;}
.mobile-menu .logo{ float:left;}
.mobile-menu .description{ float:right; width:120px; line-height:28px; margin:10px 0 10px 10px; color:#ff3333;}
#my-menu .lang-mobile a{ font-size:14px;}
#my-menu .tel-mobile{ font-size:14px; line-height:1;} 
#my-menu .email-mobile{ line-height:1;} 
#my-menu .email-mobile a{ font-size:14px;}
.hamburger-menu{ width:20px; height:20px; position:relative; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; margin-left:15px;}
.hamburger-menu span{ display:block; position:absolute; background:#909090; opacity:1; height:2px; width:100%; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.hamburger-menu span:nth-child(1){ top:6px;}
.hamburger-menu span:nth-child(2){ top:13px;}
.hamburger-menu.open span:nth-child(1){ top:9px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.hamburger-menu.open span:nth-child(2){ top:9px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}

.mm-sronly span{ display:block; position:absolute; background:#909090; opacity:1; height:2px; width:50%; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.mm-sronly span:nth-child(1){ top:23px;left:12px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.mm-sronly span:nth-child(2){ top:23px;left:12px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}

#inside main#settlement h1{ flex-direction:column; align-items:flex-start; line-height:1.2; padding:10px 0 10px 15px;}
#inside main#new_listing .search_area .filter_area label, #inside main#expiring .search_area .filter_area label{ padding-left:4px;}
}
@media all and (max-width: 355px){
.mobile-menu .description{ float:right; width:auto; line-height:14px; margin:17px 8px 17px 0; color:#ff3333; font-size:12px;}
}

/*popup*/
.popup_mask{ background:#000; opacity:0.7; position:fixed; width:100%; height:100%; z-index:9999; top:0; left:0; cursor:pointer;}
.popup{ position:fixed; top:calc(50% - 275px); left:0; right:0; margin:0 auto; z-index:999999;}
.popup_content{ position:relative; background-color:#fff; width:860px; padding:15px; margin:0 auto; border-radius:3px; /*-webkit-box-shadow:0px 5px 7px 1px rgba(0, 0, 0, 0.45); box-shadow:0px 5px 7px 1px rgba(0, 0, 0, 0.45);*/}
.popup_content .tl{ color:#000; text-align:center; font-size:24px; line-height:30px; margin-bottom:8px; display:flex; justify-content:space-between;}
.popup_content .tl:after{ display:none;}
.popup_scroll{ overflow-y:auto; border:1px solid #e5e5e5; height:275px; padding:15px;}
.popup_scroll .txt a{ text-decoration:underline;}
.popup_scroll .txt .tl{ font-size:18px; text-align:left; line-height:24px; margin-bottom:5px; color:#f33;}
.popup_scroll .txt p{ margin-top:0;}
.popup_scroll .txt p sub, .popup_scroll .txt p sup{ font-size:11px;}
.popup_scroll .txt strong:after{ display:none;}
.popup_content .button_area{ text-align:center;}
.popup_content .button_area button{ float:none; margin-top:12px;}
.popup_close{ font-weight:bold; position:absolute; right:-10px; top:-10px; border-radius:100%; background-color:#000; width:28px; height:28px; text-align:center; color:#fff; font-size:16px; line-height:28px; cursor:pointer;}
.popup_br{ display:none;}

@media all and (min-width: 768px) and (max-width: 1024px){
.popup_content{ width:90%; box-sizing:border-box; }
}

@media (max-width: 767px){
.popup_content{ width:90%; padding:15px; box-sizing:border-box; height:100%;}
.popup{ top:10%; height:80%;}
.popup .scroll_y{ height:100%; overflow-y:scroll;}
.popup_scroll{ font-size:20px;}
.popup_br{ display:block;}
.popup_scroll .txt .tl{ font-size:16px; line-height:18px;}
.popup_scroll .txt p{ font-size:15px;}
.popup_content .tl{ flex-direction:column;}
.popup .scroll_table{ overflow-x:auto;}
.popup .scroll_table th, .popup .scroll_table td{ text-wrap:nowrap; white-space:nowrap; min-width:20px;}
}


@media (max-width: 370px){
.popup_br{ display:none;}
}



.switch_area label {
	display: flex;
	align-items: center;
}
.switch_area input[type="checkbox"] { 
	position: absolute;
	opacity: 0;
	display: none;
}
.switch_area input[type="checkbox"].ios-switch + div {
	vertical-align: middle;
	width: 40px;	height: 20px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
}
.switch_area input[type="checkbox"].ios-switch:checked + div {
	width: 40px;
    background-position: 0 0;
    background-color: #ff3333;
    border: 1px solid #d90b0b;
    box-shadow: inset 0 0 0 10px rgb(255 51 51);
}
.switch_area input[type="checkbox"].ios-switch + div > div {
	float: left;
	width: 18px; height: 18px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	margin-top: 1px;
	margin-left: 1px;
}
.switch_area input[type="checkbox"].ios-switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgb(255 51 51);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0!important;
}