@charset "utf-8";
@import url('/style/cmoneystrap.css');
@import url('/style/discuss.css');

/* Remove " X " from search input field on Chrome and IE */
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;}
input[type="search"]::-ms-clear{ display: none; width:0; height: 0;}

/**{ transition:all .3s ease;}*/
body{ background: #f6f6f6;}
input[type="datetime"], input[type="search"]{ padding:5px; border: solid 1px #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
a{ cursor: pointer;}

/* Add Class for jQuery*/
.up{ color: #f00;}
.down{ color: #39B54A;}
ul.one-level li{ margin-top:auto;}

.table-fold {
    height: 569px;
    overflow: hidden;
}

/* Common Style*/
.card, .page-list > li, .page-list-tab{ border: 1px solid; border-color: #e9eaed #dfe0e4 #d0d1d5; background: #fff; margin-bottom: 1em;}
.card, .page-list-content { padding: 1em;}
.text-clr1{ color:#000;}
.text-clr2{ color:#f00;}
.text-clr3{ color:#f00;}
.align-left{ text-align: left;}
.align-center{ text-align: center;}
.align-right{ text-align: right;}
.text-strong{ font-weight: 900;}
.selection dd div, .card, .page-list-tab, .page-list > li, .selection dt a, .chart-tab-list a, .bk-clr, .primary-navi a{ border-radius: 3px;}
.page-list > li, .page-list-tab{ /*overflow: hidden;*/}
.primary-navi *,
.chart-tab-list *,
.tb *,
.page-list-tab *,
.keyin-list *,
.financeNav *{ transition: all .3s ease;}
.page-list-content *, .page-list-content *:after, .page-list-content *:before{ box-sizing: border-box;}

/* Tab */
.tab-con{ display: none;}
.tab-con:first-child{ display: block;}
.tab-con:after{ content: ''; display: block; clear: both;}

.range-tab{ display: inline-block; vertical-align: text-bottom; line-height: 1;}
.range-tab a{ background: #ccc; color: #fff; line-height: 1.5; font-size: 14px; width: 21px; display: inline-block; text-align: center; border-radius: 50%;}
a.range-tab-a-now, .range-tab-a:hover{ background: #70bacc;}
a.range-tab-b-now, .range-tab-b:hover{ background: #e6ac50;}

/* Chart */
.chart{ min-height: 200px; overflow: hidden;}
.chart:hover > a, .chart:hover > a, .tb-out:hover > a{ display: block;}
.chart > a, .tb-out > a{ display: none; position: absolute; right: .667em; top: .667em; background: #f6f6f6; padding: .5em .7em; border-radius: 3px; color:#59BBD9; border: 1px solid; border-color: #e9eaed #dfe0e4 #d0d1d5; z-index: 10;}
.chart > a:hover, .tb-out > a:hover{ background: rgba(255,255,255,1); color: #4D9FB8;}
.chart-tips{padding-left:10px;}

/* Layout */
.primary{ width: 130px; float: left;}
.secondary{ margin-left: 140px; min-height: 1000px;} 
.path-out, .wrap{ width: 1200px; margin: auto;}
.wrap:after{ content: ''; display: block; clear: both;}
.cmHdr3 .hdrOut {height: 70px;}
/* Breadcrumbs */
.path-out{ margin: 0 auto 15px;}
.path{ font-size: 13px;}
.path a{ color: #3A82CC;}
.path a:hover{ text-decoration: underline;}
.path li{ padding-left: 1em;}
.path li:first-child{ padding: 0;}
.path li:first-child:before{ display: none;}
.path li:before{ content: '»'; position: absolute; left: 0; top: -1px; color: #999;}
.horz li{ display: inline-block;}

/* Navigation */
/*.primary-navi{ margin-bottom: 1em;}*/
.primary-navi a{ display: block; line-height: 2.3; color: #666; padding-left: .8em; font-size: 15px;}
.primary-navi a:hover{ background: #ddd;}
.primary-navi-now a, .primary-navi-now a:hover { background: #ddd;}
/*.primary-navi ul { margin: .5em 0 1em;}*/
.primary-navi ul{ margin-top: .5em;}
.primary-navi h2, .primary-navi h3 {
    font-weight: normal;
    font-size: 1em;
}
.primary-navi > li{ font-size: 18px; margin-top: 1em;}
.primary-navi > li:first-child{ margin-top: auto;}
.primary-navi > li:first-child{ margin-top: auto;}
/**/
.page-list-tab{ display: inline-block; margin-right: 1em;}
.page-list-tab a{ padding: .6em .8em; font-size: 14px; color:#666; display: inline-block;}
.page-list-tab a:hover{ color: #59BBD9;}
a.page-list-tab-now, a.page-list-tab-now:hover { background: #59BBD9; color: #fff;}

/* */
.page-hdr-stock {
    min-height: 140px;
}
.page-title {
    font-size: 30px;
    font-weight: 100;
    display: inline-block;
}
.page-title:before{ content: url(../images/page_title.png); display: inline-block; width: 35px; margin-right: .2em; position: relative; top: 2px;}
.page-title > span{ color: #999; margin-left: .2em; font-size: 25px;}

.page-list-hdr{
	padding: 0 1em;
	background: linear-gradient(#f6f6f6, #ddd);
	background: -webkit-linear-gradient(#f6f6f6, #ddd);
	background: -moz-linear-gradient(#f6f6f6, #ddd);
	background: -ms-linear-gradient(#f6f6f6, #ddd);
	background: -o-linear-gradient(#f6f6f6, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd',GradientType=0 );}
.page-list-title{ font-size: 20px; line-height: 2;}
.page-list-title:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50px; background:#59BBD9; margin:0 3px 5px 0;}
.page-list-title li{ border-left: solid 1px #b3b3b3; padding:0 .5em;}
.page-list-title li:first-child{ border:0; padding:0;}
.page-list-title .up span{ font-size: 13px;}
.page-list-title .page-tips{ top: 5px;}
.page-tips{ position: absolute; right: 1em; font-size: 14px; text-align: right;}
.page-tips span{ color: #999;}
.page-hdr .page-tips{ top: 1.15em; line-height: 1.2;}
.page-hdr .page-tips span:first-child{ display: block; top: -3px;}
.page-tips-time, .page-tips-day{ margin-left: 5px;}
.page-list-hdr .page-tips{ top: .9em;}
.page-list-hdr .page-list-btn{ top: .4em;}
.page-list-btn-s input[type="button"]{ padding: .1em .5em; margin: 0 0 10px 5px; font-size: 12px; border: none; color: #fff; border-radius: 3px;}
.page-list-btn input[type="button"]{ border: none; color: #fff; padding: .3em .5em; border-radius: 3px;}
.page-ipt{ width:100px;}
.search-ipt:focus, .page-ipt:focus{ border-color: #73B8EE; box-shadow: 0 0 5px #73B8EE;}
.cal-btn, .search-btn{ border:0; background: none; position: absolute; right: 6px; top: 6px; font-size: 16px; color: #aaa;}
.cal-btn:hover, .search-btn:hover{ color: #666;}
.keyin-list{ display: none; position: absolute; z-index: 1; background: #fff; width:100%; border:solid 1px #ccc; box-sizing:border-box; top:26px; font-size: 14px; box-shadow: 0 4px 6px rgba(0,0,0,.4);}
.keyin-list li{ display: block; padding: 0 .5em; color: #000; line-height: 2.3;}
.keyin-list li.ac_over, .keyin-list li:hover{ background: #59BBD9; color: #fff; cursor:pointer;}
.ui-helper-hidden-accessible{ display: none;}
.page-hdr .search{ display: inline-block; top:-5px; left: 1em;}
.page-hdr .search-ipt{ background: #FFFBE1; width:250px; padding-right:2em; font-size: 14px;cursor:auto;}
.page-hdr .btn-area{}
.search-step{ list-style: decimal; display: inline-block; left: 8em; top:3px;}

.search-step > li { float: left; margin-left: 5em; z-index: 1; color: #fff;}
.search-step > li:first-child{ margin-left: 0;}
.search-step > li:before, .search-step > li:after{ content: ''; position: absolute;}
.search-step > li:before{ width: 35px; height: 27px; background: #C2D257; left: -29px; z-index: -1;}
.search-step > li:after{ border:solid 8px transparent; border-right-color: #C2D257; left:-25px; top: 18px;}

.search-step .chart-tab-list{ margin-bottom: auto; margin-left: 1em;}
.search-step .search{ left:auto; top:auto; margin-left: 1em;}

/* Single-Stock */
.more{ font-size: 13px; color: #3a82cc;}
.more:hover,.stock-news-list a:hover,.b-font:hover{ text-decoration:underline;}
.s-infor-list{ margin-top: 1em;}
.s-infor-list li{ display: inline-block; height: 50px; text-align: center; vertical-align: top; border-left: solid 1px #e6e6e6; padding: 0 1.7em;}
.s-infor-list li:first-child{ padding-left:2em; border-left:none;}
.s-infor-list span{ font-size:13px; color:#333}
.s-infor-sub{ font-size: 15px; color: #777; margin-bottom: .8em;}
.b-font{ color:#3A82CC;}
.f-twenty{ font-size:20px; margin-right: .2em;}

.w3-2,.alp .col-3-2{ width: 64.6%; }
.w3-1,.alp .col-3-1{ width: 33.6%;}

.alp .col-3-1,.width3-2 .w3-1{ height: 465px; overflow: hidden;}
.width3-2 > li,.width2-3 > li{ float: left; margin-left: 1em;}
.width3-2 > li:first-child,.width2-3 > li:first-child { margin-left: 0;}
.width3-2:after { content: ''; display: block; clear: both;}
.stock-r-list > li{  line-height:1.3em;  padding: 8px 0;}
.stock-r-list tr:first-child,.stock-news-list li:first-child{ border-top:none; padding-top: 0;}
.stock-r-list { width:100%;}
.stock-r-list tr{ border-top:solid 1px #EEE;}
.stock-r-list tr:hover { cursor:pointer; background:#FEFAE4}
.stock-r-list th, .stock-r-list td{ padding: .667em 0;}
.stock-r-list td{ text-align: right; padding-right: .667em;}
.stock-r-list th{ padding-left: .667em; text-align:left;}
.stock-r-list .fa{ margin-right: .2em;}

.stock-r-list span{ margin-left:3em}
.stock-news-list li{ border-top:solid 1px #EEE; line-height:1.5; font-size:15px;  padding: .5em 0;}
.stock-news-list a,.stock-r-list a{ color: #3a82cc;display: inline-block; width: 90%;}
.stock-r-list a:hover{ text-decoration:underline;}
.stock-news-list span{ position:absolute; right:5px; color:#333;}




/* Warrants-Advanced-Select */
.basic-set{ display:block; background:#f6f6f6; padding: 15px;}
.basic-set select,.basic-set-other select{ padding: 3px 0; border-color:#ccc; margin: 0 5px 0 0;}
.basic-set,.basic-set-other li:first-child{ margin-bottom:1.3em;}
.basic-set-other{ margin-left:1.3em;}
.basic-set-other i,.warrants-select i{ margin-right:10px; color:#50a8c3;}
.basic-set input[type="radio"]{ margin-right:10px}
.stock-select .search{ display:inline-block; margin-bottom:2em;}
.basic-set .search input[type="search"]{ width:150px; margin:.5em 0 1em 2em; background:#FFFBE1}
.basic-set-other label{ width: 75px; display: inline-block;}

.width2-3:after { content: ''; display: block; clear: both;}

.warrants-select { width:100%; outline:none;}
.warrants-select th{ width: 19%; text-align:left;}
.warrants-select th,.warrants-select td{ padding-bottom: 1.7em;}
.warrants-select select{ padding: 3px 0; border-color:#ccc}
.warrants-select select:first-child{ margin-right:5px;}

.s-s-tip{ position: absolute; left: 15.5em; top: 1.1em; font-size:12px; color:#666;}
.no-conform{ margin-top:1em}

/* Tab */
.chart-tab-list{ margin-bottom: 1em;}
.chart-tab-list li { display: inline-block; border-left: solid 1px #ccc; padding-right: .5em; padding-left: .8em;}
.chart-tab-list li:first-child{ padding-left: 0; border:0;}
.selection dt a, .chart-tab-list a{ color: #666; padding: .4em .7em .5em; display: inline-block; font-size: 14px;}
.chart-tab-list a:hover{ color: #59BBD9;}
.selection dt a, .selection dt a:hover, a.chart-tab-list-now, a.chart-tab-list-now:hover { background: #59BBD9; color: #fff;}

/**/
.alp > li{ width:49.1%; float: left; margin-right: 0;}
.alp:after{ content: ''; display: block; clear:both;}
.alp > li:nth-child(odd){ margin-right: 1em;}
.alp > li:last-child{}
.alp .col-1{ width:100%; margin-right: 0; display:block}
.col-3-2 .page-tips{ top: 0; right: 0;}
.col-3-2, .width3-2 .w3-2{ /*height: 460px;*/}
.video-right-ad {
    height: 320px !important;
}

/*.page-list > li.col-3-2{ z-index: 2;}*/

.pd-list, .pd-src-list{ display: inline-block; vertical-align: top;}
.pd-list{ text-align: center;}
.pd-list li{ display: inline-block; height: 57px; text-align: center; vertical-align: top; border-right: solid 1px #e6e6e6; padding:0 1em;}
.pd-list li:first-child{ padding-left: 0;}
.pd-list-stress1{ font-size: 30px; font-weight: 100; margin-bottom: .2em;}
.pd-list-stress2{ font-size: 20px;}
.pd-list-detail{ height: 21px;}
.pd-list-detail-status{ line-height: 20px;}
.pd-list-sn, .pd-list-status1, .pd-list-status2{ position: absolute;}
.pd-list-sn{ top: 4px; left: 0; font-size: 16px; color:#666;}
.pd-list-status1, .pd-list-status2{ color:#fff; font-size: 13px; padding:.3em .5em; right:0; bottom: 0;}
.pd-list-status1{ background: #C15B5F;}
.pd-list-status2{ background: #749C87;}
.pd-list-detail .fa{ margin-right: .2em;}
.pd-list-item{ color: #777; margin-bottom: 1.2em;}

.pd-src-list{ color: #777; margin-left: 1em;}
.pd-src-list li{ line-height: 1.7;}
.pd-src-list .up, .pd-src-list .down{}
.pd-src-list .up .fa, .pd-src-list .down .fa{ margin-right: .3em;}
.pd-src-list .text-clr1{ margin-right: 1em;}
.pd-src-list .text-clr1 + span{ font-size: 15px;}

/* Table Style*/
.tb {
    word-break: break-word;
}
.chart ~ .tb-wrap{ margin-top: 1em;}
.tb-wrap1:after{ content: ''; display: block; clear:both;}
.tb-wrap .tb-out{ margin-top: 1em;}
.tb-wrap .tb-out:first-child{ margin-top: 0;}
.tb-wrap1 .tb-out{ float: left; width:49.27%; margin-right: 1em;}
.tb-wrap1 .tb-out:first-child{ margin-top: 1em;}
.tb-wrap1 .tb-out:nth-child(even){ margin-right: 0;}

.tb-out{ overflow: hidden;}
.tb{ width: 100%; /*border: solid 5px #e6e6e6;*/}
.tb tr:nth-child(odd){ background: #f6f6f6;}
.tb tr:hover{ background: #FEFAE4;}
.tb th, .tb td{ padding:.3em .5em; line-height: 1.7;}
.tb th{ background: #AEE2F2; border: solid 1px #90BCC9;}
.tb td{ border: solid 1px #e6e6e6;}
.tb .align-left, .tb .align-left{ text-align: left;}
.tb td.align-center{ text-align: center;}
.tb td.align-right{ text-align: right;}
.tb th.sort { cursor:pointer;}
.tb th .fa-caret-up, .tb th .fa-caret-down{ color:#448FA5;}
.tb1 th .fa-caret-up, .tb1 th .fa-caret-down{ display: block;}
.sort .fa-caret-up, .sort .fa-caret-down{ position: absolute; bottom: 5px; left: 50%; margin-left: -4px;}
.tb th .fa-caret-up.now, .tb th .fa-caret-down.now{ color:#FFF;}

.tb .bk-clr{}
.bk-clr{ background: #FBB03B; display: inline-block; width:23px; color: #fff; font-size: 13px;}
.td-bg-clr1{ background: #FFEFEB;}
.td-bg-clr2{ background: #EAFFE3;}
.td-bg-clr3{ background: #E1FDFF;}
.sort.td-bg-clr4{ background:#59BBD9; color:#fff}
.tb a{ color: #3A82CC;}
.tb a:hover{ text-decoration: underline;}

.tb1 th, .sort{ text-align: center;}
.tb1 td, .tb4 td{ text-align: right;}

/*.tb4 th{ text-align: left;}*/
.tb5{ font-size: 12px; text-align: center; width: 48.7%; margin-right: 1em; float: left;}
.tb5:last-child{ margin-right:0;}
.tb5 caption{ background: #FFF9D9; border: solid 1px #EDE6CC; line-height: 2; font-size: 15px; margin-bottom: .5em;}
.tb5 .fa{ margin-right: .2em;}

th.sort{ font-size:14px; vertical-align: top; padding-bottom: 1em;}
/* Selection */
.selection{ display: inline-block;}
.selection:hover dd{ display: block;}
.selection dt a{ display: inline-block;}
.selection dt a:hover .fa{ color: #fff;}.selection dt .fa{ margin-left: .5em; font-size: 12px; top:-1px; color: #92DCF2;}
.selection dd{ display: none; padding-top: 5px; z-index: 1; position: absolute;}
.selection dd div{ background: #fff; border:solid 1px #ccc; width:579px; box-shadow: 0 4px 6px rgba(0,0,0,.4); padding:5px; -webkit-overflow-scrolling: touch;}
.selection dd:before, .selection dd:after{ content:''; border:solid 10px transparent; left:30px; position: absolute; z-index: 1;}
.selection dd:before{ border-bottom:solid 9px #ccc; top:-14px;}
.selection dd:after{ border-bottom:solid 9px #fff; top:-12px;}

.selection dd > div{ overflow-y: auto; height: 196px;}
.selection dd a{ display: inline-block; width: 165px; line-height: 1.6;}
.selection dd a:hover{ background: #EEF3F7; color: #337ab7;}

.selection-date{ width: auto;}
.selection-date dd a{ display: block; width:auto;}
.selection-date dd div{ width: auto; height: auto;}

/* 三大法人浮框 */
.three-inves-tip{ width:420px; border-radius: 4px; background: rgba(255,255,255,.9); border: solid 1px #666; padding:10px;  box-shadow:3px 3px 8px #999;}
.t-i-infor > span{ color:#333;}
.t-i-figure{margin: 5px 0;}
.t-i-figure-up{ color:#f00; margin: .5em 0;}
.t-i-figure-down{ color:#39B54A; margin: .5em 0;}
.t-i-f-m{ font-size: 28px;}
.t-i-updown{ display: inline-block;}
.t-i-updown span{ margin-left: 5px;}
.t-i-box{ width: 100%;}
.t-i-updown i{ font-size:16px; margin-right: 3px;}
.t-i-box .t-i-fi{ background: #aec1f2;}
.t-i-box .t-i-dealer{ background:#f2aec4;}
.t-i-box .t-i-ivt{ background:#f2d6ae;}
.t-i-box td{ font-size: 14px; text-align: right;}
.t-i-box th{ background: #aee2f2; font-size: 13px;}
.t-i-box tr th{ text-align: right;}
.t-i-box tr th:first-child{text-align: left;}
.t-i-box th,.t-i-box td ,.t-i-box tr{ padding: .3em .5em; line-height: 1.5em;}
.taiex-infor > td:first-child,.obos-infor > td:first-child,.op-int-infor > td:first-child{ text-align: left; background:#f2f2f2; color: #333}
.highcharts-tooltip span {z-index:9999 !important;font-family:'微軟正黑體'!important}

/* Buttons */
.pd-src-list + .btns-area{ text-align: center; padding: 10px 0 5px 0;  position: absolute; right: 10px; top: 1.1em;}
.search + .btns-area{ position: absolute; right: 12.5em; top: 1em;}
.search + .btns-area a{}
.search + .btns-area .red-b,.search + .btns-area .gray-b,.search + .btns-area .navyblue-b{ margin-right: 5px;}
.page-list-btn input[type="button"]:last-child{ margin-left: 5px;}

.btns-area{}
.btns-area a{ display:inline-block; color:#fff; border-radius:3px; padding:7px 20px; font-size:15px;}
.btn-more {
    display: block;
    margin: .6rem auto 0;
}
.red-b {
    box-shadow: 0 3px 0 0 #B63F3F;
    background: linear-gradient(#e58282, #d95959);
    background: -webkit-linear-gradient(#e58282, #d95959);
    background: -moz-linear-gradient(#e58282, #d95959);
    background: -ms-linear-gradient(#e58282, #d95959);
    background: -o-linear-gradient(#e58282, #d95959);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e58282', endColorstr='#d95959',GradientType=0);
}

.green-b{ 
  box-shadow:0 3px 0 0 #128F5B;
  background: linear-gradient(#39DA81, #0BA57A);
  background: -webkit-linear-gradient(#39DA81, #0BA57A);
  background: -moz-linear-gradient(#39DA81, #0BA57A);
  background: -ms-linear-gradient(#39DA81, #0BA57A);
  background: -o-linear-gradient(#39DA81, #0BA57A);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39DA81', endColorstr='#0BA57A',GradientType=0);}

.green-b:hover{ 
  box-shadow:0 3px 0 0 #128F5B;
  background: linear-gradient(#0BA57A, #39DA81);
  background: -webkit-linear-gradient(#0BA57A, #39DA81);
  background: -moz-linear-gradient(#0BA57A, #39DA81);
  background: -ms-linear-gradient(#0BA57A, #39DA81);
  background: -o-linear-gradient(#0BA57A, #39DA81);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0BA57A', endColorstr='#39DA81',GradientType=0);}

.orange-b{
  box-shadow:0 3px 0 0 #DF9834;
  background: linear-gradient(#f8c37a, #f0ad4e);
  background: -webkit-linear-gradient(#f8c37a, #f0ad4e);
  background: -moz-linear-gradient(#f8c37a, #f0ad4e);
  background: -ms-linear-gradient(#f8c37a, #f0ad4e);
  background: -o-linear-gradient(#f8c37a, #f0ad4e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c37a', endColorstr='#f0ad4e',GradientType=0);}

.orange2-b{
  box-shadow:0 3px 0 0 #DF5200;
  background: linear-gradient(#FFA355, #FF6226);
  background: -webkit-linear-gradient(#FFA355, #FF6226);
  background: -moz-linear-gradient(#FFA355, #FF6226);
  background: -ms-linear-gradient(#FFA355, #FF6226);
  background: -o-linear-gradient(#FFA355, #FF6226);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA355', endColorstr='#FF6226',GradientType=0);}

.orange2-b:hover{
  box-shadow:0 3px 0 0 #DF5200;
  background: linear-gradient(#FF6226, #FFA355);
  background: -webkit-linear-gradient(#FF6226, #FFA355);
  background: -moz-linear-gradient(#FF6226, #FFA355);
  background: -ms-linear-gradient(#FF6226, #FFA355);
  background: -o-linear-gradient(#FF6226, #FFA355);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6226', endColorstr='#FFA355',GradientType=0);}

.navyblue-b{ 
  box-shadow:0 3px 0 0 #3F6FB6;
  background: linear-gradient(#82B3E5, #5980D9);
  background: -webkit-linear-gradient(#82B3E5, #5980D9);
  background: -moz-linear-gradient(#82B3E5, #5980D9);
  background: -ms-linear-gradient(#82B3E5, #5980D9);
  background: -o-linear-gradient(#82B3E5, #5980D9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82B3E5', endColorstr='#5980D9',GradientType=0);}

.red-b:hover{ 
  background: linear-gradient(#d95959, #e58282);
  background: -webkit-linear-gradient(#d95959, #e58282);
  background: -moz-linear-gradient(#d95959, #e58282);
  background: -ms-linear-gradient(#d95959, #e58282);
  background: -o-linear-gradient(#d95959, #e58282);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d95959', endColorstr='#e58282',GradientType=0);}

.orange-b:hover{   
  background: linear-gradient(#f0ad4e, #f8c37a);
  background: -webkit-linear-gradient(#f0ad4e, #f8c37a);
  background: -moz-linear-gradient(#f0ad4e, #f8c37a);
  background: -ms-linear-gradient(#f0ad4e, #f8c37a);
  background: -o-linear-gradient(#f0ad4e, #f8c37a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#f8c37a',GradientType=0);}

.navyblue-b:hover{ 
  box-shadow:0 3px 0 0 #3F6FB6;
  background: linear-gradient(#5980D9, #82B3E5);
  background: -webkit-linear-gradient(#5980D9, #82B3E5);
  background: -moz-linear-gradient(#5980D9, #82B3E5);
  background: -ms-linear-gradient(#5980D9, #82B3E5);
  background: -o-linear-gradient(#5980D9, #82B3E5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5980D9', endColorstr='#82B3E5',GradientType=0);}
.gray-b:hover{
  box-shadow:0 3px 0 0 #666;
  background: linear-gradient(#777, #ccc);
  background: -webkit-linear-gradient(#777, #ccc);
  background: -moz-linear-gradient(#777, #ccc);
  background: -ms-linear-gradient(#777, #ccc);
  background: -o-linear-gradient(#777, #ccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#666',GradientType=0);}

.gray-b{
  box-shadow:0 3px 0 0 #666;
  background: linear-gradient(#ccc, #777);
  background: -webkit-linear-gradient(#ccc, #777);
  background: -moz-linear-gradient(#ccc, #777);
  background: -ms-linear-gradient(#ccc, #777);
  background: -o-linear-gradient(#ccc, #777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#666',GradientType=0);}

.w-s-btns { text-align: center;}
.w-s-btns a{ display: inline-block; color: #fff; border-radius: 3px; padding: 7px 20px;}
.w-s-btns .basic-red-btn{ margin-right:15px}
.w-s-btns .red-b{ margin-bottom: 1em;}
.basic-red-btn{ background:#d9534f;}
.basic-gray-btn{ background:#666;}
.basic-red-btn:hover{ background:#e7625e}
.basic-gray-btn:hover{ background:#888;}

/* */
.chart-icon-list li:before{ content: ''; display: inline-block; width:20px; height: 4px; background: red; top:-3px; position: relative; margin-right: .3em;}
.chart-icon-list li{ margin-right: 1em; }


/* Search Results List */
.ac_results{ z-index: 1000;}

/* Browser Fix */
.ff table *, .ie11 table *{ position: static;}
.ff .tb3{ width: 49.2%;}
.ff .tb2 th, .ff .tb4 th{ text-align: left;}
.ff .search-step > li:before{ left: -30px;}

.ie .cal-btn{ top:0;}
.ie .tb3{ width:49.2%;}
.ie .search-step .chart-tab-list{ vertical-align: top; display: inline-block;}
.ie .selection dd div{ width: 580px;}
.ie .search-step > li{ width:277px; top:3px;}
.ie .search-step > li .search{ display: block; position: absolute; top:-5px;}
.ie .search-step > li:before{ top:-5px;}
.ie .search-step > li:after{ top:13px;}
.ie .search-step .chart-tab-list{ top:-5px;}
.ie .selection.selection-date dd div{ width:80px;}
.ie .basic-set .search input[type="search"]{ width:140px;}
.ie .s-infor-list li{ padding: 0 2em;}
.ie .page-list-content select { padding: 5px;}

.ie10 .tb th, .ie9 .tb th, .ie8 .tb th{ position: static;}
.ie .search-ipt,.ie .search-s{  padding: 5px 2em 5px 5px; border: solid 1px #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.ie .search-s{ margin:10px 0;  background: #FFFBE1;}

.ie11 .tb5{ width:48.6%;}
.ie8 .tb-wrap1 .tb-out{ width: 48.5%;}
.ie8 .alp > li{ margin-right:auto; margin-left: 1em;}
.ie8 .alp > li:first-child,.ie8 .alp > li:first-child + li + li ,.ie8 .alp > li:first-child + li +li + li+ li{ margin-left: 0;}

/* Adjust Thirdparty - Datepicker */
div#ui-datepicker-div{ padding:.5em; border: 1px solid rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2);}
div.ui-widget-header, .ui-widget-content a.ui-state-default{ background: none; border:0;}
.ui-widget-content a.ui-state-default{ display: inline-block; width: 24px; text-align: center; color: #393939; font-size: 13px;padding: 7px 2px;}
.ui-widget-content a.ui-state-default:hover{ background: #eee;}
.ui-datepicker div.ui-datepicker-title{ font-weight: 100;}
.ui-datepicker th{ color:#393939;}
div.ui-datepicker{ padding:0;}
div.ui-datepicker table{ margin:0;}
div.ui-corner-all{ border-radius:0;}
td.ui-datepicker-current-day a{ background: #2283c5!important; color: #fff!important;}
.ui-datepicker-today a{ background: #D5E5EF!important;}
a.ui-datepicker-prev, a.ui-datepicker-next{ text-align: center; width:2.5em!important; border-radius: 0; line-height: 1.8; height: auto!important; font-weight: 100;}
a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover{ background: #eee; border:0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover{ left:0!important; top:0!important;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover{ right:0!important; top:0!important;}
.ui-widget-header .ui-icon, .ui-widget-content .ui-icon{ background: none!important;}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
	display: inline;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f060";
	color: #393939;
}
.ui-datepicker .ui-datepicker-next:before{ content: "\f061";}

/* Fancybox */
.re-push-inputbox,.ent-url {
    width: 553px;
    font-size: 13px;
    color: rgb(51, 51, 51);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    overflow: auto;
    resize: none;
    line-height: 19px;
    padding: 2px 6px;
}
.push-write-meddin {
    width: 567px;
    padding: 10px;
    background-color: rgb(239, 239, 239);
    border-radius: 6px 6px 6px 6px;
    position: relative;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    margin: 10px;
}
.re-push-title {
    width: auto;
    font-size: 13px;
    color: rgb(102, 102, 102);
    margin-bottom: 12px;
    margin-right: 5px;
    font-weight: bold;
    float: left;
}

.half{width: 49.1%; float: left; margin-right: 1em;}
.tagit-label,.tagit-autocomplete.ui-menu .ui-menu-item a{ font-size:14px;}
.page-list-tab-wrap .tagit li.tagit-choice .tagit-label:not(a),.page-list-tab-wrap .tagit li.tagit-choice .tagit-close .text-icon,.page-list-tab-wrap .tagit li.tagit-choice .tagit-close .text-icon:hover{ color:#fff; }
.page-list-tab-wrap .tagit{ margin: 10px 0; padding: 10px; border:none; background: #fff;}
.page-list-tab-wrap .tagit li.tagit-new,.search-s { background: #fff; padding: 4px 0 8px 5px; border: solid 1px #ccc; margin-top: 10px; width: 100%; box-sizing: border-box;}
.search-s{margin-bottom:10px;}
.page-list-tab-wrap .tagit li.tagit-choice{ background:#59BBD9; border: none; border-radius:3px;}
.gc .tagit-autocomplete .ui-state-hover,.gc .tagit-autocomplete .ui-state-focus { border: none; background: #59BBD9; font-weight: normal; color:#fff; }
.page-list-tab-wrap .tagit li.tagit-choice:hover{ background:#4AACCA}
.tagit-autocomplete.ui-widget-content{ border: none; box-shadow: 0 0 8px #999;  max-height: 265px; overflow-x: hidden;}
.basic-set .s-t-m{ margin: 10px 0 0 25px;}
.adv-search{ position: absolute; right: 15px; top: 12px; color: #3A82CC;}
.adv-search:hover{ text-decoration: underline;}
.adv-search i{ margin-right: 5px}
.icon-hot{ position: absolute; right: -4px; top: 7px; font-size: 12px; font-weight: bold; background-color: #FF005B; color: #FFFFFF; border-radius: 3px; padding: 3px; box-shadow: 0px 1px 0 #999;}
.icon-new{ position: absolute; right: -4px; top: 7px; font-size: 12px; font-weight: bold; background-color: #50a8c3; color: #FFFFFF; border-radius: 3px; padding: 3px; box-shadow: 0px 1px 0 #999;}

.text-out { margin: .5em 0 .5em; font-size: 13px;}
.text-out .remark{ background-color: #C00; color:#FFF; position:absolute; bottom: -6px; right: 0; border-radius: 100%; line-height: 50px; width: 54px; height: 50px; text-align: center; font-size: 18px; }
.text-out .text3{ margin-bottom: .5em; color: #666; font-size: 15px;}
.text-out .text3 span{ font-size: 18px; font-weight: bold;}
.text-out .text3 + div{ color:#666;}
.color-chart{ text-align: center;  /*padding-top: 35px;*/ margin-bottom: 5.3em; line-height: 1; font-size: 0; overflow: hidden;}
/*.chart:before{ content: ''; position: absolute; border-bottom: solid 1px #d5d5d5; top:145px; left:0; width:100%;}*/
.color-chart li{ font-size: 13px; display: inline-block; width: 19.6%; padding-bottom:28px; }
/*.bar-mask{ overflow: hidden; padding-top: 20px;}
.bar-height{ height: 125px;}
.bar-out{ height: 20px; bottom:0%; position: absolute;}
.bar-num{ text-align: center; height: 20px; display: block; z-index: 2; color:#000; font-weight: 900;}*/
.color-chart  a{ position: absolute; bottom: 0; left: 0; line-height: 1.2;
  max-width: 100%; width: 100%; padding: 5px 0; margin-right: -1px; 
  border: 1px #ccc solid; border-bottom: 2px #999 solid; 
  font-size: 13px; color:#000; font-family: Arial, "細明體"; display: inline-block;
  background: linear-gradient(#fff, #e6e6e6);
  background: -webkit-linear-gradient(#fff, #e6e6e6);
  background: -moz-linear-gradient(#fff, #e6e6e6);
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: -ms-linear-gradient(#fff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}
.color-chart  a:hover { background: #eee; }
.color-chart li:first-child a{ border-radius: 3px 0 0 3px;}
.color-chart li:last-child a{ border-radius: 0 5px 5px 0;}
.value .btnOut{ border:1px #ccc solid; border-top-width:0; color: #666; text-align:left;}
.value .btnOut ul{ display:none;}
.value .btnOut li { font-size: 13px; padding: 10px; cursor: default;}
.value .btnOut li:hover{ background: #FFFCF0;}
.value .btnOut span { position: absolute; right: 10px; top: 8px; font-size: 17px; width: 17px;}
.value .btnOut .fa{ font-size: 17px; }
.value .btnOut .fa-question-circle{ top:2px;}
.value .btnOut span { position: absolute; right: 10px; top:8px; font-size: 17px; width: 17px;}
.value .btnOut .fa-check{ color:#b40000;}
.value .btnOut .fa-times{ color:#090;}
.value .btnOut .financial-rating { text-align:center; }
.value .btnOut .financial-rating div{ font-size:22px; margin-top:8px;}
.stock-r-list{ display: none}
.bar-mask2{ background: #E27A3E;} /*#E1EEFB*/
.bar-mask2{ overflow: hidden; background:#E27A3E linear-gradient(#ff1800, #bcff93); margin: 0 20px; height: 120px; padding: 0; margin-top: 30px;}
.bar-num2{ width: 100%; color: #000; font-weight: 900; line-height: 30px; display:block; position: absolute; z-index: 2; background-color: #fff; }
li.stock-tab-now a{ background: #ddd; box-shadow: 0 0 10px #aaa inset;}
/* Options */

.ops{ display: inline-block;}
.ops-date,.ops-price,.ops-type{ margin-right: 8px;}
.ops > div{ border: solid 1px #ddd; padding: 5px 10px; font-size: 18px; border-radius: 3px; text-align: left;}
.ops i{ color: #50A8C3; font-size: 22px; top: -4px; margin-left: 15px;}
.ops i:hover{ color: #63C4E2;}
.ops ul{ display: none; border: solid 1px #fff; box-shadow: 0 3px 10px #999;  position: absolute; background: #fff; z-index: 2; width: 98%; max-height: 170px; overflow:auto; overflow-x:hidden;}
.ops-type:hover ul,.ops-date:hover ul,.ops-price:hover ul,.ops-bargin:hover ul{display: block;}
.ops li{ color:#666; font-size:13px; padding: 10px; cursor: pointer;}
.ops li:hover{ background: #f8f8f8; color: #50a8c3;}
.ops-bar { display: inline;}
.chart-tab-wrap h4{font-size: 20px; font-weight: normal; margin-bottom: 1em;}
.seq{ border-bottom: solid 1px #eee; margin-bottom: 15px;}

.chartbox .chartmainarea { width: 100%; height: 900px; }
.chartbox .maintt { position: absolute; width: auto; height: auto; font-size: 12px; top: 20px; left: 20px; }
.chartbox .maintt > * { vertical-align: middle; }
.chartbox .maintt .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .subtt { position: absolute; width: auto; height: auto; font-size: 12px; top: 400px; left: 20px; }
.chartbox .subtt > * { vertical-align: middle; }
.chartbox .subtt .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .subtt2 { position: absolute; width: auto; height: auto; font-size: 12px; top: 620px; left: 20px; }
.chartbox .subtt2 > * { vertical-align: middle; }
.chartbox .subtt2 .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .tt1{ position: absolute; width: auto; height: auto; font-size: 12px; top: 0px; left: 20px; }
.chartbox .tt1 > * { vertical-align: middle; }
.chartbox .tt1 .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .tt2{ position: absolute; width: auto; height: auto; font-size: 12px; top: 380px; left: 20px; }
.chartbox .tt2 > * { vertical-align: middle; }
.chartbox .tt2 .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .tt3{ position: absolute; width: auto; height: auto; font-size: 12px; top: 590px; left: 20px; }
.chartbox .tt3 > * { vertical-align: middle; display:inline-block;}
.chartbox .tt3 .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .tt4{ position: absolute; width: auto; height: auto; font-size: 12px; top: 800px; left: 20px; }
.chartbox .tt4 > * { vertical-align: middle; display:inline-block;}
.chartbox .tt4 .linelegend { font-size: 18px; margin-left: 2px; }
.chartbox .tt5{ position: absolute; width: auto; height: auto; font-size: 12px; top: 1010px; left: 20px; }
.chartbox .tt5 > * { vertical-align: middle; display:inline-block;}
.chartbox .tt5 .linelegend { font-size: 18px; margin-left: 2px; }

/* Tool tip */
.tool-tip{ z-index: 6; position: absolute; padding: 5px 10px; background: #000; background: rgba(0,0,0,.7); color: #fff; font-size: 12px; line-height: 1.6; border-radius: 3px; max-width:150px}
.tool-tip1:before, .tool-tip2:before{ content: ''; position: absolute; border: solid 8px transparent;}
.tool-tip1:before{ bottom: -18px; left: 10px; border-top: solid 10px #000; border-top: solid 10px rgba(0,0,0,.7);}
.tool-tip2:before{ top: 10px; left: -18px; border-right: solid 10px #000; border-right: solid 10px rgba(0,0,0,.7);}
.tool-tip span{ color: yellow;}



/* fancybox */
.msg-out{ width: 400px; border: solid 3px #CCC; background: #FFF;}
.msg-title{ font-size: 17px; background: #50A8C3; color: #FFF; border-bottom: solid 3px #CCC; padding: 10px; line-height: 1.8;}
.msg-content{ padding: 1em; min-height: 90px; line-height: 1.5; color: #333;}
.msg-out a { color: #50A8C3;}
.msg-out a:hover{ text-decoration: underline;}
.w-cloud{ position: absolute; right: 10px; bottom: 10px; font-size: 12px}
.red-text{ color: #FF1540;}

.finance-ad-all{ margin: 0 auto 15px; width: 970px; height: 90px; background: #eee;}

.mobi-adv, .mobi-adv-ftr{ display: none; background: #eee; margin: 10px auto;}
.mobi-adv{ height: 100px; width: 320px;}
.mobi-adv-ftr{ width: 300px; height: 250px;}

/*.page-list > li{ z-index: 1;}*/

.comment-header,
.comment-write,
.comment-textarea-say-out,
.og-content,
.comment-media{ margin: 15px 0;}
.reply-panel .comment-header,
.reply-panel .comment-media,
.reply-panel .comment-write,
.reply-panel .comment-textarea-say-out{ margin: 15px;}

.comment-list-name a{ color: #436975;}
.comment-list-name a:hover{ color: #75bad0;}
.comment-read-more{}
.comment-read-more a{ color: #59bbd9;}
.comment-close:hover{ color: #5cc3e3;}
a.btn-disable, a.btn-disable:hover{ background: #ddd; color: #aaa; box-shadow: 0 3px 0 0 #bbb; cursor: default;}
.reply-rm{ color: #436975;}
.reply-rm:hover{ color: #75bad0;}
.btn-primary{ background: #59BBD9; border-color: #59BBD9;}
.btn-primary:hover{ background: #5fc7e6; border-color: #5fc7e6;}

.praise a{ color: #436975;}
.praise a:hover{ color: #75bad0;}

.anal{ margin-bottom: 15px; text-align: right;}
.anal .img-resp{ width: 300px;}

/* 共用的廣告設定 */
.ad {
    display: flex;
    align-items: center;
    justify-content: center;
}

.adBlock, li.adForumTopFix {
    background-repeat: no-repeat;
    background-position: center;
}

/* 廣告設定 */
.basicAd {
    height: 1px;
}

.topAd {
    height: 250px;    
}

.bottomAd {
    height: 250px;
}

li.adForumTopFix {
    margin-top: 0;
}

.ppn_player_wrap {
    overflow: hidden;
    max-width: 570px;
    max-height: 320px;
    margin-left: auto;
    margin-right: auto;
}

/* 空廣告背景 */
.topAdBg {
    background-image: url('http://fsv.cmoney.tw/cmstatic/image/ad/bg-airplane.svg');
}

.forumTopBg, ul li.forumTopBg {
    background-color: #EAEAEA;
    background-image: url('http://fsv.cmoney.tw/cmstatic/image/ad/bg-hot-air-balloon.svg');
}

/* Comment */
.comment-p-out a {
    color: #50A8C3;
}
.comment-p-out div img{ width:350px; height:auto;}

/* 大盤走勢頁右側的投資快訊 begin */

.list1 .page-tips {
    top: 5px;
    right: 0;
}

.list1 .page-headline {
    font-weight: normal;
    font-size: 1em;
}

.list-content li:first-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.list-content li {
    height: 60px;
    box-sizing: content-box;
    border-top: solid 1px #ccc;
    padding-top: 10px;
    margin-top: 10px;
}

.list1-con {
    height: 44px;
    overflow: hidden;
    font-size: 14px;
}

.list-content {
    padding: 30px 16px;
}

.list-content a {
    line-height: 1.5;
    color: #000;
}

.list-content a:hover {
    color: #3A82CC;
}

.list-content span {
    font-size: 13px;
    color: #aaa;
    position: absolute;
    right: 3px;
    bottom: -3px;
    padding-right: 22px;
}

.list-content span:after {
    position: absolute;
    top: -8px;
    right: 0;
    opacity: .5;
    content: '';
    width: 19px;
    height: 20px;
    background: url(../images/icon.png) -39px 5px;
}

.reference {height:305px;}
ul.reference-inf { overflow:hidden;}
.reference-inf li:nth-child(3n) { margin-right: 0;}
.reference-media .reference-inf li:nth-child(3n) { margin-right: 15px;}
.reference-media .reference-inf li:nth-child(4n) {margin-right: 0;}
.reference-inf li {box-sizing:border-box; float: left; margin-right: 15px; width: 341px; margin-bottom: 15px; border:1px #CCC solid;}
.reference-media .reference-inf li { width: 253px; }
.reference-inf a { color:#005599;}
.reference-inf a:hover{ color:#3792FF; }
.reference-inf li > a, .reference-inf li > iframe { display: block; height: 142px; overflow: hidden;}
.reference-media li > a, .reference-media li > iframe { display: block; height: 127px; overflow: hidden;}
.reference-inf li > a img { transition: all .5s ease-in-out; width: 100%;}
.reference-inf li > iframe { transition: all .5s ease-in-out; width: 100%;}
.reference-inf h3 {
    font-size: 15px;
    line-height: 1.4;
    overflow: hidden;
    margin: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.reference-inf p { font-size: 15px; display:block; position: relative; text-align:right; margin: 10px;}

/* 手機版頁籤 */
.mobi-finance-navi {
    display: none;
}

/* 大盤走勢頁右側的投資快訊 end */
/* 延伸閱讀 */
.box-title:before,.box-title:after{ position:absolute; content:"";}
.box-title{ line-height: 40px; padding-left: 25px; font-size:20px; border-bottom: 6px solid #007FCA; margin-bottom: 15px;}
.box-title:before{width:16px; height:16px; border: 2px solid #007FCA; left:0; border-radius:13px; top: 9px;}
.box-title:after{width:0; height:0; border:5px solid transparent; border-left: 5px solid #007FCA; left:8px; top: 14px;}
.box-title-hide{visibility:hidden;}
/* 延伸閱讀 */

/* RWD */
@media screen and (max-width: 1024px){
    .comment-header,
    .comment-write,
    .comment-textarea-say-out,
    .og-content,
    .comment-media{ margin: 10px 0;}
	.reply-panel .comment-header,
	.reply-panel .comment-media,
	.reply-panel .comment-write,
	.reply-panel .comment-textarea-say-out{ margin: 10px;}
	.path-out, .wrap, .ftrOut7 .ftr, .cmHdr3 .hdrOut{ width: auto;}
	.path-out{ margin: 0 10px 10px;}
	.wrap{margin: 0 .667em;}
	.card, .page-list-content{ padding:.667em;}
	.page-list-hdr{ padding:0 .667em;}
	.secondary{ margin-left: 135px;}
	.page-hdr .search-ipt{ width: 215px;}
	.page-hdr .page-tips{ top:.8em;}
	.page-tips{ right:.668em;}
	.search-step{ left:3.5em;}
	.search-step > li{ margin-left: 3em;}
	.pd-list-stress1{ font-size: 35px;}
	.pd-list-stress2{ font-size: 20px;}
	.pd-list li{ padding:0 .667em;}
	.pd-src-list{ font-size: 1em; margin-left: .667em;}
	.pd-src-list li{ line-height: 2;}
	.tb{ font-size: 13px;}
	.tb-wrap .tb-out, .chart ~ .tb-wrap, .tb-wrap1 .tb-out:first-child{ margin-top: .667em;}
	.tb-wrap1 .tb-out, .alp > li, .tb5, .page-list-tab,.alp > li:nth-child(odd){ margin-right: .667em;}
	.tb-wrap1 .tb-out{ width:49.3%;}
	.card, .page-list > li, .page-list-tab, .chart-tab-list{ margin-bottom: .667em;}
	.tb5{ width: 48.9%;}
	.tb5 th, .tb5 td{ padding:.3em .2em;}
	.w3-2,.alp .col-3-2 { width: 64.17%;}
	.alp > li { width: 49.15%;}
	.w3-1, .alp .col-3-1 { width: 34.2%;}
	.alp > li:nth-child(even){ margin-right:0}
	.width3-2 > li,.width2-3 > li{ margin-left:.667em;}
	.width2-3 .w3-2{ height:auto;}
  .pd-src-list + .btns-area{ position: static;}
  .width3-2 .w3-2,.alp .col-3-1,.width3-2 .w3-1{ height: 455px;}
  .stock-r-list{ font-size: 14px;}
  .search + .btns-area{ top: .667em;}
  .s-infor-list, .s-infor-list li{ margin-top: .667em;}
  .s-infor-list li{ padding: 0 1em;}
  .finance-ad-all{ display: none;}
  .main .ad-970x90{ display: none;}
  .search + .btns-area{ right: 12em;}
  .stock-share-num-msg{ margin-bottom: 10px;}
  .mobile-hidden {
    display: none;
  }
  .reference-media .reference-inf li, .reference-inf li > iframe, .reference-inf li, .reference-inf li > a img {width: 230px;}
  .reference-inf li{ margin-bottom: 10px;}
}

@media screen and (max-width: 768px){
    .page-hdr-stock {
        min-height: 350px;
    }
    .wrap {
        height: auto;
    }
	.page-title{ font-size: 26px;}
	.search-step{ display: block; height: 29px; left:auto; margin-top: .2em; margin-left: 2.2em;}
	.search-step .search-ipt{ width:220px; top:auto;}
	.search-step > li{ margin-left: 4em;}
	.pd-list-stress1{ font-size: 26px;}
	.pd-list-sn, .pd-list-status1, .pd-list-status2{ display: inline-block; position: static; vertical-align: middle; top:auto}
	.pd-list-sn{ top:4px; font-size: 1em;}
	.pd-list-status1, .pd-list-status2{ font-size: 12px;}
	.pd-list-item{ font-size: 14px;}
	.pd-list{ margin-bottom: .667em;}
	.pd-list li{ padding:0 .95em;}
	.pd-list li:last-child{ border:0;}
	.pd-list, .pd-src-list{ display: block;}
	.pd-src-list{ margin-left:0; text-align: center; background: #FFF9D9; border: solid 1px #EDE6CC;}
	.pd-src-list li{ display: inline-block; margin: 0 1em;}
	.tb-wrap1 .tb-out{ width: 49.1%;}
	.tb{ font-size: 12px;}
	.tb th, .tb td{ padding:.3em;}
	.bk-clr{ font-size: 12px; width:18px; line-height: 1.5;}
	.tb5{ width:100%; margin:.667em auto auto; float: none;}
	.tb-wrap .tb-out{ overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.tb1 th:first-child, .tb1 td:nth-child(2){ white-space: nowrap;}
	.chart-tab-list li{ margin-bottom: .667em;}
	#CategorySelectBlock{}
	.alp > li,.width3-2 > li,.width3-2 > li:last-child,.w3-1,.w3-2,.alp .col-3-1,.alp .col-3-2,.alp,.alp > li:nth-child(odd){ width: 100%;}
	.s-infor-list { margin-top: 2.8em;}
	.s-infor-list li{ margin: .7em 0; padding: 0 3.27em;}
	.s-infor-list li:nth-child(5){ border-left:none;}
	.width3-2 > li,.width2-3 > li{ margin-left:0}
	.warrants-select th{ font-size:14px}
  .search + .btns-area{ top: 50px; right: 13.9em;}
  .alp .col-3-1, .width3-2 .w3-1{ height: auto;}
  .bar-mask2{ margin: 0 45px;}
  .ops-bargin { margin-top: 10px;}
  .stock-share-num-msg{ margin-bottom: 0;}
  .mobi-page{ z-index: inherit;}
    .topAd {
        height: 0px;
        width: 0px;
    }
    .ppn_player_wrap {
        height: 0px;
        width: 0px;
    }
  .reference{height:1060px;}
  .reference-media{height:1406px;}
  .reference-inf li:nth-child(3n) { margin-right: 2em;}
  .reference-inf li:nth-child(2n) { margin-right: 0;}
  .reference-media .reference-inf li, .reference-inf li > iframe, .reference-inf li, .reference-inf li > a img {width: 100%;}
  .reference-inf li > iframe, .reference-inf li > a { height:278px;}
}

@media screen and (max-width: 480px){

    /*RWD Youtube 以及 Vimeo*/
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

	.primary{ width:auto; float: none; margin-bottom: .667em;border: 1px solid; border-color: #e9eaed #dfe0e4 #d0d1d5; background: rgba(255,255,255,.5); padding:.667em; border-radius: 3px;}
	.primary-navi > li{ color:#444;}
	.primary-navi ul{ margin-top: .5em;}
	.primary-navi ul li{ display: inline;}
	.primary-navi a{ display: inline-block; padding: 0 .8em; font-size: 14px;}
	.primary-navi a:hover{ background: none; color: #59BBD9;}
	.primary-navi-now a:hover{ background: #59BBD9; color:#fff;}
	.one-level li{ display: inline;}
	.secondary{ margin: auto;}
	.page-title{ font-size: 24px;}
	.page-hdr .search{ left:auto; top:auto; display: block; margin-top: .667em;}
	.search-step .search{ margin-top: auto;}
	.page-hdr .search-ipt{ width:100%;}
	.search-step .search, .search-step .search-ipt{ width: 190px;}

	.pd-list li{ padding: 0 3.5em;}
	.pd-list li:first-child{ padding-left: 2.5em;}
	.pd-list li:nth-child(2){ border:0;}
	.pd-list li:nth-child(2) ~ li{ padding: 0 1.8em; margin-top: 1em;}
	.pd-src-list li{ margin:0;}
	.page-list-title{ font-size: 18px;}
	.chart-tab-list li{ margin-bottom:.667em; display: block; padding-left: 0; border:0;}
	.tb-wrap1 .tb-out{ width: 48.6%;}
	.alp > li{ width: 48.2%;}
	.tab-con .tb-out{ overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.selection dd div{ width:375px;}
	.selection.selection-date dd div{ width: auto;}
	.alp > li{ width:auto; float: none; margin-right: auto;}
	.tb th, .tb td{ font-size: 13px; padding:.3em .5em;}
	.bk-clr{ width:20px;}
	.tb4 th{ width:20%;}
	.tb4 td{ width:30%;}
	.s-infor-list li{ padding: 0 1.58em;}
	.warrants-select select{ margin:5px 0;}
	.pd-list li{ vertical-align:baseline}
	.warrants-select td { width: 31%;}
	.s-infor-list li:nth-child(6){ border:none; }		
	.s-infor-list li:nth-child(7){ border-left:none;}	
	.col-3-2 .page-tips { top: .3em;}
  .search + .btns-area { top: 87px; right: 8.5em;}
  .icon-hot{ top: -13px; right: -10px;}
  .icon-new{ top: -13px; right: -10px;}
  .bar-mask2 { margin: 0 30px;}
  .ops-bargin{ margin-right: 0;}
  .ops-date{ margin-right: 0;}  
  .ops i{ position: absolute; top: 0; right: 15px;}
  .ops{ min-width: 192px;}
  .mobi-adv, .mobi-adv-ftr{ display: flex; justify-content: center;}
  .mobi-page{ padding-bottom: 125px;}
  .anal{ text-align: center;}
    .topMobileAd {
        height: 100px;
    }

    /** 廣告固定高度用 **/
    .ad_h_100 {
        height: 200px;
    }

    .ad_h_280 {
        height: 280px;
    }
    /** 廣告固定高度用 **/

    /* 手機版頁籤 */
    .primary {
        border: none;
        border-color: unset;
        background: none;
        padding: 0;
        border-radius: unset;
    }

    .primary-navi {
        display: none;
    }

    .mobi-finance-navi {
        display: block;
        min-height: 133px;
    }

    .mobi-finance-navi-list {
        margin-bottom: 24px;
    }

    .mobi-finance-navi-item {
        display: inline-block;
        margin: 0 8px;
        font-weight: 600;
    }

    .mobi-finance-navi-item--active {
        color: #3A82CC;
    }

    .mobi-finance-subnavi-list {
        display: none;
        min-height: 90px;
    }

    .mobi-finance-subnavi-list--active {
        display: block;
    }

    .mobi-finance-subnavi-item {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 8px;
        background: #fff;
        font-weight: 600;
    }

    .mobi-finance-subnavi-item--active {
        background: #999;
    }

    .mobi-finance-subnavi-link {
        color: #999;
    }

    .mobi-finance-subnavi-item--active .mobi-finance-subnavi-link {
        color: #fff;
    }
    /* 手機版頁籤 */
    .reference {height:820px;}
    .reference-media {height:1172px;}
    .reference-media .reference-inf li, .reference-inf li > iframe, .reference-inf li, .reference-inf li > a img { width: 100%; box-sizing: border-box;}
    .reference-inf li{ float: none;}
    .reference-inf li > a { height: 200px;}
}

@media screen and (max-width: 414px){
	body{ font-size: 14px;}
	.search-step .search, .search-step .search-ipt{ width: 140px;}
	.pd-list li{ padding: 0 2.3em;}
	.pd-list li:first-child{ padding-left: 1.3em;}
	.pd-list li:nth-child(2) ~ li{ padding: 0 1.3em; margin-top: .667em;}
	.page-list-title{ font-size: 16px;}
	.chart-icon-list li{ display: block; line-height: 1.8;}
	.tb2 th{ width:20%;}
	.tb2 td:nth-child(2){ width:auto;}
	.tb2 td:nth-child(4){ width:50%;}
	.stock-r-list a,.stock-news-list span,.page-tips,.page-tips span{ font-size:13px;}
	.s-infor-list li { padding: 0 .9em;}
	.warrants-select td { width: 36%;}	
	.warrants-select th { width: 22%;}
	.search-step > li { margin-left: 3em;}
  .s-infor-list li { padding: 0 .95em;}
  .page-hdr .page-tips span:first-child{ display: none;}
  .search + .btns-area { right: 5.9em;}
  .bar-mask2 { margin: 0 25px;}
  .ops{ min-width: 158px;}
  .adv-search { position: static; display: block; padding: .667em 0;}
  .three-inves-tip{ width: auto;}

  .t-i-box td{ font-size: 13px;}
  .s-infor-list li:first-child { padding-left: 2em;}
  .stock-news-list span { position: absolute; color: #333;}
  .range-tab a{ font-size: 12px; line-height: 20px; width: 20px;}
  .page-tips-time, .page-tips-day{ margin-left: 0; display: block; margin-top: 2px;}
  .reference-inf li:nth-child(2n) { margin-right: 2em;}
}

@media screen and (max-width: 375px){
	.search-step .search{ width: auto;}
	.search-step .search-ipt{ width: 100%;}
	.pd-list li{ padding: 0 1.8em;}
	.pd-list li:first-child{ padding-left: .8em;}
	.pd-list li:nth-child(2) ~ li{ padding: 0 1em;}
	.tb-wrap1 .tb-out{ width:100%; margin-right: auto;}
	.selection dd div{ width:190px;}
	.selection dd a{ display: block; width:auto;}
	.search-step{ height: auto; top:auto; margin-top: .667em;}
	.search-step > li{ float: none; margin-left: auto; margin-top: .667em;}
	.search-step > li:first-child{ margin-top: auto; z-index: 2;}
	.search-step .chart-tab-list li{ margin-bottom: auto;}
	.page-list-title li:first-child{ font-size: 20px;}
	.page-list-title li a{ color:#59BBD9;}
	.page-list-title li:nth-child(2){ border:0; padding-left: 0;}
	.stock-news-list a{ width: 85%;}
	.s-s-tip{ top: .6em; line-height: 1.2em;}
	.warrants-select tr { display: inline-block; text-align: left;}
	.warrants-select select{ margin-bottom:.5em}
	.warrants-select th { display: inline-block; width: 42%; padding-bottom: 0;}
	.warrants-select td { display: inline;}
    .search + .btns-area{ right: 4.6em;}
    .bar-mask2 { margin: 0 20px;}
    .ops { min-width: 140px;}
    div.range-tab a{ color: #fff;}

    .mobi-finance-navi-item {
        margin: 0 7px;
    }
    .reference-inf li > a{ height: 150px;}
}

@media screen and (max-width: 360px){
	.page-title{ font-size: 22px;}
	.pd-list li{ padding: 0 1.5em;}
	.pd-list li:first-child{ padding-left: 1.05em;}
	.pd-list li:nth-child(2) ~ li{ padding: 0 .8em;}
	.page-list-title{ font-size: 18px;}
	.pd-src-list{ font-size: 14px;}
	.tb2 td:nth-child(4){ width:30%;}
	.s-s-tip { left:17em}
	.page-list-title li:first-child { font-size: 17px;}
	.basic-set .search input[type="search"] { width: 165px;}
    .search + .btns-area { right: 4.15em;}
    .ops { min-width: 132px;}
    .s-infor-list li:first-child { padding-left: .5em;}

    .mobi-finance-navi-item {
        margin: 0 6px;
    }
}

@media screen and (max-width: 320px){
	.page-title:before{ display: none;}
	.selection dt a, .chart-tab-list a{ font-size: 13px;}
	.pd-list li{ padding: 0 .7em;}
	.pd-list li:first-child{ padding-left: .8em;}
	.pd-list li:nth-child(2) ~ li{ padding: 0 .5em;}
	.chart-tab-list li:nth-child(3){ border:0; padding:0;}
	.page-list-title{ font-size: 14px;}
	.page-hdr .page-tips{ top:.6em;}
	.tb2 th{ white-space: nowrap;}
	.s-s-tip{ display: block; position: static; margin: 0 0 12px 27px;}
	.s-infor-list li { padding: 0 .95em;}
	.s-infor-list li:nth-child(4),.s-infor-list li:nth-child(6){ border-left:none;}
	.s-infor-list li:nth-child(5){ border-left:solid 1px #ddd;}
	.warrants-select tr { display: inline;}
	.warrants-select th { display: block; width: 100%; margin-bottom:.5em;}
	.warrants-select select { margin-bottom: 1.5em;}
    .search + .btns-area { right: 3em;top: 83px;}
    .bar-mask2 { margin: 0 18px;}
    .page-title{ display: inline;} 
    .stock-share-num-msg{ margin-bottom: 10px;}

    .mobi-finance-navi-item {
        font-size: 13px;
        margin: 0 4px;
    }
}