@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0}
html { font-size:100%;/*16px*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body { font-size:100%; line-height:1.65em; font-family:"Microsoft JhengHei","微軟正黑體",\5FAE\x8F6F\6B63\9ED1\4F53,sans-serif; background-color:#fff;}
@charset "utf-8";




/*=====images=====*/
img { max-width:100%;}

/*=====link=====*/
a {color:#2a3d96; text-decoration:none;}/*#004bd0*/
a:hover,a:active,a:focus {color:#111; text-decoration:none;}

/*=====clearfix=====*/
.clearfix:before,.clearfix:after { display:table; content:'';}
.clearfix:after { clear:both;}

/*====list====*/
ul, ol {display:block; list-style:none; margin-top:0; margin-bottom:0; padding-left:0;}
ul ul, ol ul, ul ol, ol ol {margin-bottom:0; padding-left:1.5em;}
ol {list-style-type:decimal;}
ol ul {list-style-type:disc;}
.list-disc {list-style-type:disc; padding-left:1.5em;}
.list-disc ul {list-style-type:circle;}
.list-unstyled {list-style:none;}


/*內容配版*/
.IndexMain {
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	display: block;
	z-index: auto;
	height: auto;
	padding-right: 13px;
	padding-left: 13px;
}

.IndexLeft {
	width: 660px;
	background-color: #FFF;
}

.IndexRight {
	width: 300px;
	background-color: #FFF;
}

.IndexLeft div, 
.IndexRight div{
  width:100%;
}


/*漲跌屬性*/
.UPDN TD .UP {color: #eb0000;}
.UPDN TD .DN {color: #0f7f0f;}
.UPDN .B {font-weight: bold;}

/*字體屬性*/
.FF1{font-family: "微軟正黑體";}
.FF2{font-family: Arial, Helvetica, sans-serif;}

/*字體大小屬性*/
.FS11{font-size:11px;}
.FS12{font-size:12px;}
.FS13{font-size:13px;}


/*=====nav-tab=====*/
.tabs {width: 800px; max-width: 100%; margin: 30px auto; float: none;padding: 5px 5px 10px 5px;background-color:#fff;}

.tabs .idTabs { border-bottom:1px solid #6a90e6; font-size:12px;}
.tabs .idTabs li { float:left;} 
.tabs .idTabs li a { display:block; text-decoration:none; border-right:1px solid #ddd; border-left:1px solid #fff; padding:0 10px; background-color:#eee; line-height:2.16em; font-family:"Microsoft JhengHei","微軟正黑體",\5FAE\x8F6F\6B63\9ED1\4F53,sans-serif; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -ms-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
.tabs .idTabs li a:hover { background-color:#ccc;}
.tabs .idTabs li a.selected { color:#fff; border-right:1px solid #5b82dc; border-left:1px solid #8aaaf0; background-color:#6a90e6;}
.tabs .idTabs li a i { margin:0 5px; opacity:0.3; filter:alpha(opacity=30);/*for IE*/}
.tabs .idTabs li a:hover i,.tabs .idTabs li a.selected i { opacity:1; filter:alpha(opacity=100);/*for IE*/}

/*=====table=====*/
table { width:100%; border-collapse:collapse;}
table a:hover { text-decoration:none;}
th,td { padding:2px;}
th { white-space: nowrap;background-color:#f3f3f3; color:#000000; font-weight:bold; border-bottom:2px solid #e5e5e5;}
tr { border-bottom:1px solid #e5e5e5;}

.table-1 { font-size:12px; line-height:1.667em; color:#2f2f2f;}
.table-1 tr td { text-align:right;}
.table-1 tr td:first-child { text-align:left;}
/*=====Text=====*/
a {color:#666; text-decoration:none;}/*#004bd0*/
a:hover,a:active,a:focus {color:#2a3d96; text-decoration:underline;}
.R {text-align: right;}
.L {text-align: left;}
.C {text-align: center;}
.UP {color: #ff0000;}
.DN {color: #00861f;}
.FL {float: left;}
.FR {float: right;}

.ClearBoth { width: 100%; clear: both;overflow: auto;}
.title_style_1 {font-size: 15px; padding: 3px 7px;color: #2a3d96;text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #a6a6a6; margin-bottom: 5px; font-weight: bold;background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );}
.title_style_2 {padding: 2px 10px; background: -moz-linear-gradient(top, rgba(254,255,255,0) 0%, rgba(255,255,0,0.2) 100%); background: -webkit-linear-gradient(top, rgba(254,255,255,0) 0%,rgba(255,255,0,0.2) 100%); background: linear-gradient(to bottom, rgba(254,255,255,0) 0%,rgba(255,255,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#33ffff00',GradientType=0 );}
.title_style_2:after{content:"";display:table;clear:both;}
.title_style_2 h4 {float: left;font-size: 15px; line-height: 30px;font-weight: bold;color: #eb0000;}
.time {float: right;}
.list_nowrap ul li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.column_style_1 {border: 1px solid #a6a6a6;/*margin: 10px*/}
.pages {text-align: center;margin-top: 15px;}
.pages a {font-size:13px;border:1px solid #a6a6a6;padding: 0 5px;}
.pages a:hover, .pages a.current {background: #a6a6a6; color: #fff;text-decoration:none;}
.note {font-size: 13px;color: #585858}
table .nowrap_hidden { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute\9; *position: static; *word-break: keep-all;}
table tbody tr:nth-child(2n + 0){background-color:/*#f8f8f8*/rgba(220, 220, 220, 0.2);}
.table>tbody>tr>td { border: none; }
/*=====color=====*/
.text-red-1,.r { color:#f00;}
.text-green-1,.g { color:#00861f;}
.chart {
	width: 330px;
	margin: 0 auto;
}
h2.titleFL { margin-top: 13px;}
/*==== 看懂 icon / 名次 前3名 icon====*/
.KnowIcon, .No_Heighlight { text-align:center; width: 15%;}
.KnowIcon div, .No_Heighlight div { color:#fff; margin: 0 auto; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}
.No_Heighlight div { width:18px; height:18px;font-size: 0.813em;line-height: 1.375em;}
.KnowIcon div { width:20px; height:20px; font-size:11px; /*line-height: 20px; */-webkit-animation-name: Know; -webkit-animation-duration: 3s; animation-name: Know; animation-duration: 3s; animation-iteration-count: infinite;}
.KnowIcon div {padding: 1.5px;}
.No_Heighlight .UP { background-color: #FF0000;}
.No_Heighlight .DN { background-color: #00861f;}
.MainWrapper {/*overflow: auto; */width: 800px;margin: 0 auto;/*padding-bottom:50px;*/}
.MLindex  {width: 800px; max-width: 100%; margin: 0px auto; float: none;padding: 5px 5px 10px 5px;background-color:#fff;}
.MLindex .col-md-4, .MLindex .col-md-5, .MLindex .col-md-6, .MLindex .col-md-7, .MLindex .col-md-8, .MLindex .col-md-9, .MLindex .col-md-10, .MLindex .col-md-11, .MLindex .col-md-12, #FundMainPage .col-md-6 { padding:0px;}
.MLindex .FL { padding-right:10px;}
.MLindex .FR { padding-left:10px;}
.MLindex .col-md-12 { padding:5px 0;}
.MLindex .titleFL, #FundMainPage .titleFL { float:left; margin-right:0.3em;margin-top: 13px;}
.MLindex h2 {font-size: 1em; line-height: 1em;margin-bottom: 0.5em;color: #000000;font-weight: bold;}
.MLindex table tbody tr:nth-child(2n + 0){background-color:/*#f8f8f8*/rgba(220, 220, 220, 0.2);}

/*====全球指數====*/
.MLindex .ChannelContent .BoxTabsContents, .MLindex .ChannelContent .BoxContents { border-top: 3px solid #e4e4e4;}
.MLindex .ChannelContent .col-md-12 { padding:0;}
.MLindex .ChannelContent .col-md-4, .MLindex .ChannelContent .col-md-8 {margin:0;padding:0 10px;}
.MLindex .ChannelContent .articles_list .col-md-4 { width:100px; margin-right: 10px;}
.MLindex .ChannelContent .col-md-4[place="a"], .MLindex .ChannelContent .col-md-4[place="b"], .MLindex .ChannelContent .col-md-4[place="d"], .MLindex .ChannelContent .col-md-4[place="e"], .MLindex #Exchange .col-md-6[place="b"], .MLindex #Fund div[place="1"], .MLindex #House div[place="1"], .MLindex #carousel-professional .col-md-6:first-child { border-right: 1px solid #e0e0e0; }
.MLindex .ChannelContent .BoxTabsContents, .MLindex .ChannelContent .BoxContents { background:none; padding:0.3em 0;}
.MLindex .ChannelContent .titleFL, #FundMainPage .titleFL { float:left; margin-right:0.3em;margin-top: 13px;}

.MLindex .News span, .MLindex .ChannelContent .News span, .NewsList li span, #RealtimeNews_footer li span, .ETF_MainPage .News span, .RealtimeNews_MainPage .NewsContent span { margin-right:0.55em;color: #a8a8a8;}
.MLindex #IStockQ .WordMap {background-image:url(/images/wordmap-IStockQ.svg);min-height: 580px;}
.MLindex #IStockQ div[place="a"] div[place="1"] .BoxTabsContents, .MLindex #IStockQ .WordMap { min-height:347px;}
.MLindex #IStockQ div[place="a"] div[place="2"] .BoxTabsContents, .MLindex #IStockQ .trend .BoxTabsContents { min-height:250px;}
.MLindex #IStockQ .trend .BoxTabsContents { padding-top:25px;}
.MLindex #IStockQ .trend .BoxTabsContents .FL {width:33.33%; min-height: 188px; padding:0; margin:0; font-family:Microsoft JhengHei, Arial !important;}
.MLindex #IStockQ .trend .BoxTabsContents .FL div {text-align:center !important;width:100% !important;}
.MLindex #IStockQ .WordMap, .MLindex #House .WordMap {background-position: center 10px !important;  background-repeat: no-repeat !important;  background-size: 96% auto !important;}
.MLindex .WordMap .Index { width: 175px; position: absolute; background:rgba(255, 255, 255, 0.65); /*border:1px solid #7F7F7F; width:200px; */font-size:0.688em; line-height:1.5em; padding:0 5px;/*-moz-box-shadow: 0px 2px 15px #b4b4b4;-webkit-box-shadow: 0px 2px 15px #b4b4b4;box-shadow: 0px 2px 15px #b4b4b4;*/}
.MLindex .WordMap .Index:hover {background:rgba(255, 255, 255, 0.9); -moz-box-shadow: 0px 2px 15px #b4b4b4;-webkit-box-shadow: 0px 2px 15px #b4b4b4;box-shadow: 0px 2px 15px #b4b4b4;}
.MLindex .WordMap .Index a:hover  {text-decoration: none;}
.MLindex .WordMap .Index .FL, .MLindex .WordMap .Index .FR { padding:0;}
.MLindex .WordMap .Index .flag { width:40px; height:25px; margin:5px 0 0 0;border:1px solid #c6c6c6;background-position:center top; background-repeat:no-repeat; background-size: 100%;}
.MLindex .WordMap .Index .Time {font-size:0.625em; color:#575757;}
.MLindex .WordMap .Index .Unit {font-size:1.063em; color:#000000;}
.MLindex .WordMap .Index .Data span[place="b"] { margin-left: 0.4em;}
.MLindex #House .WordMap .Index { width:75px;padding:3px 5px;}
.MLindex #House .WordMap .Index .flag {margin:5px auto;}
.MLindex .WordMap .KOSPI { right: 3%; top: 12%;}/*南韓綜合*/
.MLindex .WordMap .KOSPI .flag {background:url(/images/flags/flag-kr.svg);}
.MLindex .WordMap .NKY { right: 0%; top: 30.5%;}/*日經225*/
.MLindex .WordMap .NKY .flag, .MLindex .WordMap .Tokyo .flag {background:url(/images/flags/flag-jp.svg);}
.MLindex .WordMap .TWSE { right: 0%; top: 49.5%;}/*台灣加權*/
.MLindex .WordMap .TWSE .flag, .MLindex .WordMap .Taipei .flag {background:url(/images/flags/flag-tw.svg);}
.MLindex .WordMap .SHA { right: 24.5%; top: 21%;}/*上海Ａ股*/
.MLindex .WordMap .SZAI { right: 22.5%; top: 40.3%;}/*深圳Ａ股*/
.MLindex .WordMap .CHN .flag {background:url(/images/flags/flag-cn.svg);}
.MLindex .WordMap .HSI { right: 23%; top: 59.5%;}/*香港恆生*/
.MLindex .WordMap .HSI .flag {background:url(/images/flags/flag-hk.svg);}
.MLindex .WordMap .DAX { right: 46%; top: 35.5%;}/*德國法蘭克福*/
.MLindex .WordMap .DAX .flag {background:url(/images/flags/flag-gr.svg);}
.MLindex .WordMap .UKX { right: 47.5%; top: 16%;}/*英國金融時報*/
.MLindex .WordMap .UKX .flag, .MLindex .WordMap .London .flag {background:url(/images/flags/flag-uk.svg);}
.MLindex .WordMap .IRT { right: 47.5%; top: 16%;}/*俄羅斯*/
.MLindex .WordMap .IRT .flag, .MLindex .WordMap .Russia .flag {background:url(/images/flags/flag-ru.svg);}
.MLindex .WordMap .DJI { right: 73%; top: 45%;}/*道瓊工業*/
.MLindex .WordMap .NASDAQ { right: 77%; top: 34.5%;}/*那斯達克*/
.MLindex .WordMap .SPX { right: 70%; top:54%;}/*S&P500工業指數*/
.MLindex .WordMap .USA .flag {background:url(/images/flags/flag-usa.svg);}
.MLindex .WordMap .Taipei { right: 6%; top: 44.5%;}/*台北*/
.MLindex .WordMap .Tokyo { right: 5%; top: 22%;}/*東京*/
.MLindex .WordMap .Shanghai { right: 18%; top: 14.5%;}/*上海*/
.MLindex .WordMap .Shenzhen { right: 18%; top: 35%;}/*深圳*/
.MLindex .WordMap .Bangkok { right: 29%; top: 47%;}/*曼谷*/
.MLindex .WordMap .Bangkok .flag {background:url(/images/flags/flag-thailand.svg);}
.MLindex .WordMap .KualaLumpur { right: 23%; top: 67%;}/*吉隆坡*/
.MLindex .WordMap .KualaLumpur .flag {background:url(/images/flags/flag-malaysia.svg);}
.MLindex .WordMap .PhnomPenh { right: 35%; top: 66%;}/*金邊*/
.MLindex .WordMap .PhnomPenh .flag {background:url(/images/flags/flag-cambodia.svg);}
.MLindex .WordMap .LosAngeles { right: 73%; top: 50%;}/*洛杉磯*/
.MLindex .WordMap .SanFrancisco { right: 85%; top: 45%;}/*舊金山*/
.MLindex .WordMap .Vancouver { right: 76%; top: 18%;}/*溫哥華*/
.MLindex .WordMap .Vancouver .flag {background:url(/images/flags/flag-canada.svg);}
.MLindex .WordMap .Melbourne { right: 11%; top: 80%;}/*墨爾本*/
.MLindex .WordMap .Brisbane { right: 0%; top: 75%;}/*布里斯本*/
.MLindex .WordMap .AUS .flag {background:url(/images/flags/flag-au.svg);}
.MLindex .WordMap .London { right: 47.5%; top: 16%;}/*倫敦*/
.MLindex .WordMap .France { right: 46%; top: 56%;}/*巴黎CAC40*/
.MLindex .WordMap .France .flag {background:url(/images/flags/flag-fr.svg);}
.MLindex .WordMap .Details {display:none; position:absolute; top: 0px;left: -15px; right:-15px; z-index: 100; background-color:#D9D9D9;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); padding: 0.3em;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:1px solid #a7a7a7; color:#000;-moz-box-shadow: 0px 3px 10px #000;-webkit-box-shadow: 0px 3px 10px #000;box-shadow: 0px 3px 10px #727272;}
.MLindex .WordMap .Details .Unit { text-align:center; color:#000000;}
.MLindex .WordMap .Details li { font-size:0.875em; /*float:left; margin-right: 0.5em; border-right:1px solid #a7a7a7;padding: 0 0.5em 0 0;*/ }
.MLindex .WordMap .Details ul { padding-left: 0.2em;}
.MLindex .WordMap/* .Details*/ li .FR { font-size:1.125em; color:#ff0000; margin:0 0.5em;}
.MLindex #House .WordMap .Index:hover .Details {display:block;}

/*==== Box Tabs ====*/
.BoxTabs {margin: 10px;}
.BoxTabs ul {padding-left: 0px;}
.BoxTabs .nav-tabs {margin: 0.25em 0 0 0;}
.BoxTabs .nav-tabs>li {float: left;padding: 0;margin: 0 1px 0 0;white-space: nowrap;}
.BoxTabs .nav-tabs>li.active>a, .BoxTabs .nav-tabs>li>a {color: #000; font-size: 15px; line-height:2em;line-height:2em;padding: 0.34em 0.5em ; margin:0; /*border-left:1px solid #fff;*/background: #d3d3d3;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.BoxTabs .nav-tabs>li.active>a:first-child, .BoxTabs .nav-tabs>li>a:first-child {margin-left: 0;}
.BoxTabs .nav-tabs>li>a:hover {background: #698fe6;color:#fff !important;/*background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 7%, #ffffff 60%);background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 7%, #ffffff 60%);background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 7%, #ffffff 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );*/}
.BoxTabs .nav-tabs>li.active>a, .BoxTabs .nav-tabs>li.active>a:focus, .BoxTabs .nav-tabs>li.active>a:hover {/*position: relative;z-index: 33;*/color: #fff;cursor: default;font-weight: bold;/*border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;border-bottom: none;*/background: #e50027;}
.BoxTabs .UP_DN>li:first-child.active>a, .BoxTabs .UP_DN>li:first-child a:hover , .BoxTabs .UP_DN>li:first-child.active>a:focus, .BoxTabs .UP_DN>li:first-child.active>a:hover {color: #fff;background: #ff0000;} /*漲tab style*/
.BoxTabs .UP_DN>li:last-child.active>a, .BoxTabs .UP_DN>li:last-child a:hover, .BoxTabs .UP_DN>li:last-child.active>a:focus, .BoxTabs .UP_DN>li:last-child.active>a:hover {color: #fff;background: #00861f;} /*跌tab style*/
.BoxTabs .nav-tabs.nav-justified {width: 100%;border-bottom: 0;}
.BoxTabs .nav-tabs.nav-justified>li {float: none;}
.BoxTabs .nav-tabs.nav-justified>li>a {margin-bottom: 5px;text-align: center;}
.BoxTabs .nav-tabs.nav-justified>.dropdown .dropdown-menu {top: auto;left: auto;}
.BoxTabs .PaddingLeft {padding-left: 10%;}


@media only screen and (max-width: 840px) {
	.BoxTabsContents .newsimg img {max-height: 195px;}
	.MLindex .LeftBox_3-2, .MLindex .RightBox_3-1, .MLindex .LeftBox_3-2 .col-md-6, .MLindex .ChannelContent .col-md-4, .MLindex #Exchange div[place="a"] .col-md-12, .MLindex #IStockQ div[place="a"] .NewsListA, .MLindex #Fund div[place="a"], .MLindex #Fund div[place="b"], .MLindex #Exchange .col-md-6[place="b"], .MLindex #Exchange div[place="b"], .MLindex #Exchange div[place="c"], .MLindex #House div[place="1"], .MLindex #House div[place="2"] {width: 100%;padding: 0 0 1em 0;}
	.MLindex .col-md-12, .MLindex #Exchange .col-md-6[place="c"], .MLindex #Fund div[place="1"] div[place="b"], .MLindex #Fund div[place="2"] div[place="b"], .MLindex #House div[place="1"], .MLindex #Fund div[place="1"], .MLindex .ChannelContent .col-md-4, .MLindex .ChannelContent .col-md-8, .MLindex #Exchange .col-md-12[place="1"] .BoxTabsContents, .MLindex #Exchange .articles_list, .MLindex #Warrant .col-md-4[place="c"], .MLindex #IStockQ div[place="b"] {padding: 0; margin:0;}
	.MLindex #TWStock .col-md-4[place="a"], .MLindex #TWStock .col-md-4[place="c"], .MLindex #TWStock .col-md-4[place="e"], .MLindex #Warrant .col-md-4[place="a"], .MLindex #IStockQ div[place="1"], .MLindex #Exchange div[place="b"], .MLindex #Fund div[place="1"] div[place="a"], .MLindex #Fund div[place="2"] div[place="a"], .MLindex #shstock div[place="a"], .MLindex #shstock div[place="c"], .MLindex #shstock div[place="e"], .MLindex .ChannelContent .col-md-4[place="a"], .MLindex .ChannelContent .col-md-4[place="b"], .MLindex .ChannelContent .col-md-4[place="d"], .MLindex .ChannelContent .col-md-4[place="e"], .MLindex #Exchange .col-md-6[place="b"], .MLindex #Fund div[place="1"], .MLindex #House div[place="1"] {border-right:none;}
	.MLindex .LeftBox_3-2 .col-md-8, .MLindex #Exchange .articles_list .col-md-8 {width: 84%;}
	.articles_list hr {width: 100%;}
	.MLindex .BoxTabs .nav-tabs {margin: 0.7em 0 0 1px;}
	.MLindex h2, .MLindex #Exchange .result h5 {margin-top: 0.77em;}
	.KnowIcon div {padding: 2px;}
	/*====Header按鈕====*/
	.toggleAll i {display: block;float:left;color:#fff;width:37px;height:37px;margin: 5px 5px 0 0;background-color:#c1c1c1;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;font-size:1.5em;padding:0.35em 0;}
	#navButton {display:none;}
}

@media screen and (max-width: 782px) {
	.MLindex .WordMap .Index { width: 21.6%;}
	/*Responsive Table */
	table.responsive {	margin-bottom: 0;}
	.pinned {position: absolute;left: 0;top: 0;background: #fff;width: 180px;overflow: hidden;overflow-x: scroll;border-right: 1px solid #ccc;/*border-left: 1px solid #ccc;*/}
	.pinned table {border-right: none;border-left: none;width: 100%;}
	.pinned table th, .pinned table td {white-space: nowrap;}
	.pinned td:last-child {border-bottom: 0;}
	div.table-wrapper {position: relative;margin-bottom: 20px;overflow: hidden;/*border-right: 1px solid #ccc;*/}
	div.table-wrapper div.scrollable table{margin-left:180px;background:-moz-linear-gradient(left,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 3%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 3%);background:linear-gradient(to right,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 3%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c000000',endColorstr='#00000000',GradientType=1)}
	.scrollable{background:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#1c000000',GradientType=1)}
	div.table-wrapper div.scrollable {overflow: scroll;overflow-y: hidden;}
	table.responsive td, table.responsive th {/*position: relative;*/white-space: nowrap;overflow: hidden;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {display: none;}
	table.responsive .thtdHeightA {height: 6em !important;}
}
@media (min-width:768px) {
	.SubMenu .nav-tabs.nav-justified>li {display: table-cell;width: 1%;}
	.SubMenu .nav-tabs.nav-justified>li>a {margin-bottom: 0;}
	.SubMenu .nav-tabs.nav-justified>li>a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;}
	.SubMenu .nav-tabs.nav-justified>.active>a, .SubMenu .nav-tabs.nav-justified>.active>a:focus, .SubMenu .nav-tabs.nav-justified>.active>a:hover {border-bottom-color: #fff}
	.BoxTabs .nav-tabs.nav-justified>li {display: table-cell;width: 1%}
	.BoxTabs .nav-tabs.nav-justified>li>a {margin-bottom: 0}
	.BoxTabs .nav-tabs.nav-justified>li>a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0}
	.BoxTabs .nav-tabs.nav-justified>.active>a, .BoxTabs .nav-tabs.nav-justified>.active>a:focus, .BoxTabs .nav-tabs.nav-justified>.active>a:hover {border-bottom-color: #fff;}
}
@media only screen and (max-width: 768px) {
	.BoxTabsContents .newsimg img {max-height: 200px;}
	/*全球指數*/
	.MLindex .WordMap .Index {-moz-box-shadow: 0px 2px 15px #b4b4b4;-webkit-box-shadow: 0px 2px 15px #b4b4b4;box-shadow: 0px 2px 15px #b4b4b4;}
	.MLindex .heading h1 {font-size: 1.188em;}
	.MLindex #Fund div[place="2"] div[place="a"] {min-height: 313px;}
	.MLindex .WordMap .Index .Unit {font-size: 1.250em;}
	.wrapper_responsive { width:100%; padding:0;overflow:hidden;overflow-y:auto; -webkit-overflow-scrolling: touch;}
	.BoxTabs .nav-tabs>li.active>a, .BoxTabs .nav-tabs>li>a {padding: 0.34em 0.55em;}
	.Post .BoxTabsContents p { font-size: 15px;line-height: 27px;}
	.articles_list .BoxTabsContents { min-height: inherit;}
}



@media only screen and (max-width: 670px) {
	.MLindex .LeftBox_3-2 .col-md-8, .MLindex #Exchange .articles_list .col-md-8 {width: 80%;}
	.cd-top {bottom:183px;}
	}
@media only screen and (max-width: 630px) {.page, #runtime {width: 70%;}}


@media only screen and (max-width: 615px) {
	.SubjectSearch .col-md-3 {width: 35%;}
	/*====全球指數====*/
	.MLindex .WordMap .Index { padding: 3px;}
	.MLindex .WordMap .Index .Time/*, .MLindex .WordMap .Index .Data span[place="a"]*/ { display:none;}
	.MLindex .WordMap .Index .Data span[place="a"], .MLindex .WordMap .Index .Data span[place="b"] {display: block;}
	.MLindex .WordMap .Index .Data span[place="b"] {margin-left: 0}
	.MLindex .WordMap .Index .flag { width: 30px; height: 19px; margin: 0 3px 0 0;}
	.MLindex .WordMap .KOSPI, .MLindex .WordMap .NKY, .MLindex .WordMap .TWSE, .MLindex .WordMap .SHA, .MLindex .WordMap .SZAI, .MLindex .WordMap .HSI, .MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX { width: 17%;}
	.MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX, .MLindex .WordMap .UKX, .MLindex .WordMap .IRT, .MLindex .WordMap .DAX, .MLindex .WordMap .SHA, .MLindex .WordMap .SZAI, .MLindex .WordMap .HSI, .MLindex .WordMap .LosAngeles, .MLindex .WordMap .SanFrancisco, .MLindex .WordMap .London, .MLindex .WordMap .Vancouver { right:inherit;}
	.MLindex .WordMap .KOSPI, .MLindex .WordMap .NKY, .MLindex .WordMap .TWSE, .MLindex .WordMap .Taipei, .MLindex .WordMap .Tokyo { right: 2%;}
	.MLindex .WordMap .SHA, .MLindex .WordMap .SZAI, .MLindex .WordMap .HSI {left: 55%;}
	.MLindex .WordMap .DAX, .MLindex .WordMap .UKX, .MLindex .WordMap .IRT, .MLindex .WordMap .France {left: 26%; width: 23.5%;}
	.MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX, .MLindex .WordMap .LosAngeles, .MLindex .WordMap .SanFrancisco, .MLindex .WordMap .Vancouver {left: 2%}
	.MLindex .WordMap .KOSPI,.MLindex .WordMap .SHA, .MLindex .WordMap .UKX, .MLindex .WordMap .IRT, .MLindex .WordMap .DJI {top: 38px;}
	.MLindex .WordMap .NKY, .MLindex .WordMap .SZAI, .MLindex .WordMap .DAX, .MLindex .WordMap .NASDAQ {top: 105px;}
	.MLindex .WordMap .TWSE, .MLindex .WordMap .HSI, .MLindex .WordMap .SPX, .MLindex .WordMap .France {top:173px;}
	.MLindex .WordMap .Shanghai, .MLindex .WordMap .Shenzhen, .MLindex .WordMap .Melbourne, .MLindex .WordMap .Brisbane {right: 17.5%;}
	.MLindex .WordMap .Bangkok, .MLindex .WordMap .KualaLumpur, .MLindex .WordMap .PhnomPenh {right: 33%;}
	.MLindex .WordMap .London {left: 35%;}
	.MLindex .WordMap .Vancouver, .MLindex .WordMap .London, .MLindex .WordMap .Tokyo, .MLindex .WordMap .Bangkok, .MLindex .WordMap .Shanghai {top: 40px;}
	.MLindex .WordMap .LosAngeles, .MLindex .WordMap .Taipei, .MLindex .WordMap .KualaLumpur, .MLindex .WordMap .Shenzhen {top: 120px;}
	.MLindex .WordMap .SanFrancisco, .MLindex .WordMap .PhnomPenh, .MLindex .WordMap .Melbourne {top:200px;}
	.MLindex .WordMap .Brisbane {top:280px;}
}
@media only screen and (max-width: 600px) {
#div_dom table .nowrap_hidden ,#div_over table .nowrap_hidden,#div_group table .nowrap_hidden{width: 14em;}

}
@media only screen and (max-width: 499px) {
	/*====全球指數====*/
	.MLindex .WordMap .Shanghai, .MLindex .WordMap .Vancouver, .MLindex .WordMap .London, .MLindex .WordMap .Tokyo, .MLindex .WordMap .Bangkok { top: 80px;}
	.MLindex .WordMap .Shenzhen, .MLindex .WordMap .LosAngeles, .MLindex .WordMap .Taipei, .MLindex .WordMap .KualaLumpur { top: 160px;}
	.MLindex .WordMap .SanFrancisco, .MLindex .WordMap .PhnomPenh, .MLindex .WordMap .Melbourne { top: 240px;}
	.MLindex .WordMap .Brisbane { top: 325px;}
	.MLindex .WordMap .London { left: 25%;}
}

@media only screen and (max-width: 470px) {
	.wrapper_responsive { background: -moz-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 97%, rgba(221,221,221,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,221,221,1)), color-stop(3%,rgba(255,255,255,0)), color-stop(97%,rgba(255,255,255,0)), color-stop(100%,rgba(221,221,221,1))); background: -webkit-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,0) 97%,rgba(221,221,221,1) 100%); background: -o-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,0) 97%,rgba(221,221,221,1) 100%); background: -ms-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,0) 97%,rgba(221,221,221,1) 100%); background: linear-gradient(to right, rgba(221,221,221,1) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,0) 97%,rgba(221,221,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=1 );}
	/*.MLindex .News .BoxTabsContents .FL, */.MLindex .News .pic_300x225, .MLindex .News .BoxTabsContents .col-md-7, .RealtimeNews_MainPage .pic_300x225 {margin: 0; width: 300px; height:225px; display: inline-block;}
	/*====全球指數====*/
	.MLindex .WordMap .Index .FL, .MLindex .WordMap .Index .FR { float:none;}
	.MLindex .WordMap .Index .flag {margin: 0 auto;}
	.MLindex .WordMap .Index .flag {width: 25px;height: 16px;}
	.MLindex .WordMap .NKY, .MLindex .WordMap .SZAI, .MLindex .WordMap .DAX, .MLindex .WordMap .NASDAQ {top: 120px;}
	.MLindex .WordMap .TWSE, .MLindex .WordMap .HSI, .MLindex .WordMap .SPX, .MLindex .WordMap .France {top:203px;}
}

@media only screen and (max-width: 410px) {
	/*====全球指數====*/
	.MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX, .MLindex .WordMap .LosAngeles, .MLindex .WordMap .SanFrancisco, .MLindex .WordMap .Vancouver { left: 0;}
	.MLindex .WordMap .London { left: 19%;}
	.MLindex .WordMap .Bangkok, .MLindex .WordMap .KualaLumpur, .MLindex .WordMap .PhnomPenh { right: 39%;}
	.MLindex .WordMap .Shanghai, .MLindex .WordMap .Shenzhen, .MLindex .WordMap .Melbourne, .MLindex .WordMap .Brisbane { right: 19.5%;}
	.MLindex .WordMap .KOSPI, .MLindex .WordMap .NKY, .MLindex .WordMap .TWSE, .MLindex .WordMap .Taipei, .MLindex .WordMap .Tokyo { right: 0;}
	.MLindex .WordMap .Brisbane { top: 318px;}
}


@media only screen and (max-width: 375px) {
	/*====全球指數====*/
	.MLindex .WordMap .KOSPI, .MLindex .WordMap .NKY, .MLindex .WordMap .TWSE, .MLindex .WordMap .SHA, .MLindex .WordMap .SZAI, .MLindex .WordMap .HSI, .MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX { width: 33%;}
	.MLindex .WordMap .DAX, .MLindex .WordMap .UKX, .MLindex .WordMap .IRT, .MLindex .WordMap .France { left: 0%; width: 33%;}
	.MLindex .WordMap .DJI, .MLindex .WordMap .NASDAQ, .MLindex .WordMap .SPX {left: 0%; width: 33%;/*left: 0;*/}
	.MLindex .WordMap .SHA, .MLindex .WordMap .SZAI, .MLindex .WordMap .HSI {left: 33.5%;}
	.MLindex .WordMap .KOSPI, .MLindex .WordMap .NKY, .MLindex .WordMap .TWSE {right: 0;}
}