@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; position:relative; outline:0;}
ul, ol{ list-style:none;}
a{}
a:hover{ text-decoration:none;}
body{ font:100 12px/1 Arial, "細明體"; background:#f2f2f2;}
input[type=submit], input[type=button]{ cursor:pointer;}

*{ outline:0;}
body, ul, h1, p{ margin:0; padding:0;}
ol, ul { list-style: none;}
button{ border:0; cursor:pointer;}

/*=== Module ====================================*/
.horz li, .horz a{ display:inline-block;}
.clearfix:after{ content:''; display:block; clear:both;}
.empty:before{ content:'.'; display:inline-block; text-indent:-9999px;}
.cmHdr1 h2 a, .cmHdr2 h2 a, .cmHdr3 h2 a, .cmHdr4 h2 a, .cmHdr5 h2 a, .cmHdr6 h2 a, .cmHdr7 h2 a, .cmHdr8 h2 a, .cmHdr9 h2 a, .srhBar button, a.tabNow, .appNav a .icon, .writer a:before, .followLink a:before, .writer:before{ background:url(../images/barHeader.png?_11);}

@keyframes focusAni {
	from { color:#FFF; }
	50% { color:#DDD; }
	to { color:#FFF; }
}
@-moz-keyframes focusAni {
	from { color:#FFF; }
	50% { color:#DDD; }
	to { color:#FFF; }
}
@-webkit-keyframes focusAni {
	from { color:#FFF; }
	50% { color:#DDD; }
	to { color:#FFF; }
}
@-o-keyframes focusAni {
	from { color:#FFF; }
	50% { color:#DDD; }
	to { color:#FFF; }
}
@-ms-keyframes focusAni {
	from { color:#FFF; }
	50% { color:#DDD; }
	to { color:#FFF; }
}
.main{ margin-top:-10px; overflow:hidden;}
.loading{ position:fixed; top:50%; left:50%; background:#FFF; padding:20px 30px; border:solid 1px #ccc; border-radius:10px; text-align:center; margin-top:-49px; margin-left:-55px;}
.loading img{ margin-bottom:10px;}
.hdr, .box, .title2{ padding:10px; border-radius:3px;}
.hdr, .box{ background:#f9f9f9; border:solid 1px #e6e6e6; margin:10px 0;}
.hdr h1, .option, .date{ vertical-align:middle; display:inline-block;}
.srhStock h2, .hdr h1{ font-family:"微軟正黑體"; font-size:25px; font-weight:600;}
.wrap{ width:1250px; margin:0 auto;}
.wrap .left{ width:185px; float: left; padding-right: 10px;}
.wrap .right { margin-left: 195px; border:none}
.option,.srhStock{ display:inline-block;}
.option a{ font-size:15px; padding:0 1em; line-height:1.6; display:inline-block; color:#000; border-radius:3px; text-decoration:none; background: #eee; margin-left: 5px;}
a.optNow, a:hover.optNow {color: #fff;background: #2DB2EA;}
.option a:hover, .link a:hover {background: #2DB2EA;}
.warn { color: red; font-size: 12px; margin: 10px 0;}
.srhStock lable{ margin: 0 10px 0 10px;}
.srhStock lable > input{margin-left:5px;}
.srhText, .countText{ border-radius:3px; vertical-align:middle;}
.srhText,.countText{ color:#999; width:155px; padding:3px; box-shadow:0 0 5px #f2f2f2 inset; border:solid 1px #ccc;}
.countText{ width:55px;}
.dateShow{ width:23px; height:23px; background:url(../images/icon.png) no-repeat -10px 0; text-indent:-9999px; border:0;}
.chart{ background:#f6f6f6; height: 281px; margin-top: 10px;}
.wrap-count .ali-l{ text-align:left;}
.wrap-count .ali-r{ text-align:right;}
.one tr td:nth-child(2){ color:#29ABE2}
.one tr.trNow td:nth-child(2){ color:#fff;!important}

.box1 { padding: 10px;border: solid 1px #e6e6e6; background:#fff; border-radius:3px; margin-top: 10px; position:relative; overflow: hidden;}
.box2{ border:solid 1px #E6E6E6;}
.link li { display: inline;}
.link li a{ padding:0 .6em; background:#eee; text-decoration:none; line-height: 2.2; display: inline-block; color: #000; border-radius: 3px; margin: 0 10px 10px 0;}
.link li:nth-child(even) a{ margin-right:0;}
.link li a.linkNow,.srhStock .linkNow{ background:#2DB2EA; color:#fff;}
table { display: table;border-color: gray;}
.inner-con { border: solid 1px #e6e6e6; height: 595px;}

.s-d-btn{ font-size: 14px; color:#333; text-decoration:none; border: solid 1px #b3b3b3; margin-top:10px; padding:3px 0; width: 100%; display: inline-block; border-radius:3px; text-align: center; box-shadow: 0 1px #fff inset, 0 -1px #d6d6d6 inset; font-family: "微軟正黑體";
background: linear-gradient(#f2f2f2, #ddd);
background: -webkit-linear-gradient(#f2f2f2, #ddd);
background: -moz-linear-gradient(#f2f2f2, #ddd);
background: -ms-linear-gradient(#f2f2f2, #ddd);
background: -o-linear-gradient(#f2f2f2, #ddd);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 );}
.one { border-collapse: collapse;width: 100%;}
.one td { padding: 5px;font-size: 12px;position: static;}
.one tr:nth-child(even) { background: #f6f6f6;border: solid 1px #e6e6e6;border-width: 1px 0;}
.w-BnS-blue2 tr:nth-child(even) {background: #f6f6f6;border: solid 1px #e6e6e6;border-width: 1px 0;}
.one tr,.w-BnS-blue2 tr{ cursor:pointer;}
.one tr.trNow{ background:#2DB2EA; color:#fff;}
.w-BnS-blue2 tr.trNow{ background:#C7F2FF; }

.slimScrollDiv{ height:639px!important;}
.rank { width: 10px;}
.sNum { width: 45px;}
.onedayAll{ border: solid 1px #b3b3b3;text-align: center;text-decoration:none; line-height: 2;
	background:linear-gradient(#f2f2f2, #ddd);
	background:-webkit-linear-gradient(#f2f2f2, #ddd);
	background:-moz-linear-gradient(#f2f2f2, #ddd);
	background:-ms-linear-gradient(#f2f2f2, #ddd);
	background:-o-linear-gradient(#f2f2f2, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 );}
.box1 h2,.right2 h4{ font-size: 21px;margin: 0 .5em 0 0;display: inline-block;vertical-align: middle; font-family: "微軟正黑體";}
.box1 h3{ font-family:"微軟正黑體"; font-weight:600; color: #29ABE2; font-size: 21px; padding-left: .7em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.box1 h3:before { content: ''; width: 5px; height: 5px; background: #29ABE2; position: absolute;top: 5px;left: 0;}
.right:after,.right2:after{ content:''; display:block; clear:both;}
.left2{ width:240px; float: left; margin-bottom: 10px;}
.right2{ margin-left: 250px;}
.BnS{ padding:0 .6em; background:#eee; text-decoration:none; line-height: 2; display: inline-block;color: #000; border:none;font-size: 15px;margin-left: 10px;}
.title2 h2{  font-family:Arial, "微軟正黑體";font-size:15px; color:#fff; line-height:1.5}

.tColor1 .title2{ background: #C15B5F;color: #FFABB0; padding: 5px 10px;}
.tColor2 .title2{ background: #749C87;color: #FFABB0; padding: 5px 10px;}
.tColor2 .w-BnS td a{ color:#749C87;}
.tColor1 td {border-top: solid 1px #FADADD;}
.tColor2 td {border-top: solid 1px #CCD6BA;}
.tColor1 tr:nth-child(odd) {background: #FFF5F6;}
.tColor2 tr:nth-child(odd) {background: #EDF9D9;}

.w-BnS,.w-BnS-blue{ border: solid 5px #e6e6e6; width: 100%; border-radius: 3px; margin-top:10px;}
.w-BnS td,.w-BnS-blue td{ padding: 3px 3px; line-height: 1.5;}
.w-BnS th,.w-BnS-blue th{ padding:5px 5px;}
.w-BnS td a,a.s-d-btn:hover{color:#C1272D;}
.w-BnS .pa-l{ padding-left:5px}
.w-BnS th:first-child{ width:38px;}
.w-BnS td:nth-child(2){ width:88px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.boxstyle1 { width:270px; float:left; margin-top: 0;}
.boxstyle2{ margin-left:300px;}
.boxstyle1 > div,.boxstyle2 > div{ font-size:13px; color:#666}
.dataday{ position:absolute;right:10px; top:10px;}
.w-BnS-blue tr > td:first-child,.w-BnS-blue tr > th:first-child{ text-align: left;} 
.w-BnS-blue tr:nth-child(odd) { background: #C7F2FF;}
.w-BnS-blue td{border-top: solid 1px #B3DAE6;}
.w-BnS-blue td a{ color:#29ABE2;}
.option,.option2{ margin:10px;}
.wrap-count label input{ margin:0 10px;}
.ftr{color:#999; line-height:1.5; margin-bottom:10px;}

@media screen and (max-width: 1024px){
	.wrap{width: 100%; box-sizing: border-box;}
	.wrap{ padding: 0 5px;}
}
@media screen and (max-width: 820px){
	.wrap{ padding:0 10px;}
	.right,.left2,.boxstyle1,.boxstyle2{ width:auto;}
	.w-player{ width:auto; padding:0 5px; margin: auto;}
	.left2 .box1{ width: 45%; float: left;}
	.tColor1{ margin-right: 10px;}
	.right2 { margin-top: 370px; margin-left:0;}
	.boxstyle1{ margin-left:0; float:none; margin-top:10px;}
	.boxstyle2{ margin-left:0;}
	.left2{ width: 100%;}
	.w-BnS td:nth-child(2){ width:147px;}
}

@media screen and (max-width: 768px){
	.wrap{ padding:0 5px;}
	.tColor1{ margin-right: 10px;}
	.w-BnS td:nth-child(2){ width:127px;}
}
@media screen and (max-width: 640px){
	.tColor1,.tColor2{ box-sizing:border-box; width:100%;}
	lable{ display:block;}
	.srhStock lable {margin: 10px 0 0;}
	.box1 h2{ display:block; margin-bottom:10px}
	.s-d-btn{ padding:10px 0;}
}
@media screen and (max-width:540px){
	.right2 { margin-top: 765px; margin-left: -194px;}
	.tColor1, .tColor2 { box-sizing: border-box;width: 100%;}
	.tColor2,.boxgroup{ margin-left:0}
	.srhStock{margin-top:10px;}
	.srhText{ margin-bottom:10px; width:145px;}
	.option{ margin-left:0; margin-bottom: 10px;}
}

@media screen and (max-width: 360px){
	.left box1,.inner-con{ overflow:hidden;}
	.inner-con{ height:350px;}
	.link li:nth-child(even) a,.tColor1{margin-right: 0;}
	.wrap .left,.wrap .right{ width: auto; float:none;}
	.tColor1, .tColor2{ float:none;}
	.wrap .right,.right2,.option a{ margin-left:0}
	.wrap .left{ padding-right:0}
	.tColor1, .tColor2,.box1 {width: auto;}
	.dataday{ top: 35px; left:10px;}
	.right2 h4{vertical-align: top;}
	.link li a { padding: 0 3.5em;font-size: 13px;}
	.s-d-btn{ box-sizing: border-box;}
	.box1 h2{ margin-bottom:0}
	.srhStock lable {margin: 0;}
}

@media screen and (max-width: 320px){
	.hdr h1{ font-size:18px; margin-bottom:.5em;}
	.srhStock {margin-top: 15px;}
	.link li a { padding: 0 2.8em;font-size: 13px;}
}

.wrap-count{ width:610px; margin:0 auto;}
.wrap-count .hdr{ color:#000; margin-top:0}
.hdr a{ color:#29ABE2; position: absolute; right: 10px; bottom: 10px; font-size: 15px; font-family:"微軟正黑體";}
.w-BnS-blue2 a{ color:#29ABE2;}
.option2 span{ position:absolute; right:10px; bottom:0; color:#000}
.wrap-count label{	display:inline-block}
.wrap-count label,.wrap-count .option span{ font-size:15px;}

.w-BnS-blue2 th { background:#29ABE2; color:#fff;}
.w-BnS-blue2 td {line-height: 1.5; }
.red{ color:#F00;}
.green{ color:#390}
.box2 .inner-con{border:0;}

.w-BnS-blue2 th, .w-BnS-blue2 td{ text-align: left; padding:10px;}
.w-BnS-blue2 th:nth-child(1), .w-BnS-blue2 td:nth-child(1){ width:60px;}
.w-BnS-blue2 th:nth-child(2), .w-BnS-blue2 td:nth-child(2){ width:60px;}
.w-BnS-blue2 th:nth-child(3), .w-BnS-blue2 td:nth-child(3){ width:60px;}
.w-BnS-blue2 th:nth-child(4), .w-BnS-blue2 td:nth-child(4){ width:135px;}
.w-BnS-blue2 th:nth-child(5), .w-BnS-blue2 td:nth-child(5){ width:50px; text-align: center;}
.w-BnS-blue2 th:nth-child(6), .w-BnS-blue2 td:nth-child(6){ text-align: right;}