@charset "utf-8"; 
/* CSS Document */
/*{

/*-------------------條列部份*/
ul.indicaters { width: 71%; list-style: none; margin: 0 10px 0 0; padding: 0; background: #f3fbfd; line-height: 16px; letter-spacing: 0; float: left; position: relative; }
 @media (min-width: 992px) and (max-width: 1199px) {
ul.indicaters { width: 65%; }
}
@media (min-width: 768px) and (max-width: 991px) {
ul.indicaters { width: 50%; }
}
ul.indicaters li { margin: 0; padding: 10px 0px 10px 10px; clear: both; display: block; }
ul.indicaters li:nth-child(even) { background: #e3f1f8; }
ul.indicaters li.nowSelect { background: url(../images/chartLoop_li_now.png) no-repeat 100% center; color: #fff; }
ul.indicaters li a { display: inline-block; width: 50%; text-decoration: none; color: #444; line-height: 140%; margin: 0 20px 0 0; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }	
@media (max-width:991px){
	ul.indicaters li a { text-overflow: initial;white-space:normal; overflow:auto;}
	}
/* 2018/06/27 ul.indicaters li span.btn2 a { display: inline-block; margin: 0px 5px 0 0; width: 25px; height: 25px; background: url(../images/indicaters_btn.png) no-repeat 0 0; } */
ul.indicaters li span.btn2 a { display: inline-block; margin: 0px 5px 0px 0px; width: 25px; height: 25px;}
ul.indicaters li .numb { display: none; }
ul.indicaters li em { display: inline-block; color: #0b83d0; font-style: normal; font-weight: bold; font-size: 15px; width: 17%; text-align: right; }
 @media (min-width: 992px) and (max-width: 1199px) {
ul.indicaters li em{ width: 15%; }
}
ul.indicaters li .date { display: inline-block; color: #666; width: 20%; text-align: right;white-space: nowrap; }
@media (max-width: 767px) {
ul.indicaters li .date { width: 20%; }
}
/* ul.indicaters li:hover em,  ul.indicaters li:hover a,  ul.indicaters li:hover .date ,*/
/*-*/
ul.indicaters li.nowSelect em, ul.indicaters li.nowSelect a, ul.indicaters li.nowSelect .date { color: #fff; }
ul.indicaters li.nowSelect a:hover { color: #ff6; }
.chartLoop { position: relative; }
/*------右圖*/
ul.indicaters li >.stLoop { position: absolute; right: -205px; top: 5px; width: 200px; box-shadow: rgba(255,255,255,1) 0 0 8px inset; background: #f3fbfd; overflow: hidden; z-index: 99; border-radius: 5px; border: 1px solid #D2E8F0; display: none; }
ul.indicaters li.nowSelect > .stLoop { display: block }
.Loop { height: 260px; overflow: hidden; position: relative; }
.stLoopList { padding: 0; margin: 0  0 0 -95px; list-style: none; position: absolute; width: 190px; font-size: 0; left:50%; letter-spacing: 0; background: none;  }
.stLoopList li { padding: 0; margin: 0; height: 450px; }
.stLoopList img { border: 1px solid #bbb; width: 184px; }
.stLoopList li>div { border-radius: 5px; box-shadow: rgba(56,106,131,.5) 0 0 2px inset; }
.stLoopList h3 { font-size: 13px; text-align:center; line-height: 120%; color: #0B83D0; margin: 0 10px 6px; padding: 10px 0 0; background-image: none; width:170px; }
.chartLoop.inner .stLoop .Loop .stLoopList h3 { width: 290px; text-align: center; }
.stLoopList p { width: 186px; font-size: 13px; line-height: 130%; margin: 8px 0 0; padding: 0; }
.stLoop .LoopControl { display: none; }

@media (max-width: 991px) {
ul.indicaters { float: none; width: 100%; margin: 0px 0 10px 0 }
ul.indicaters li.nowSelect { background-image: url(../images/chartLoop_li_now.png); background-repeat: no-repeat; background-position: left top !important;}
ul.indicaters li>.stLoop { clear:both; position: inherit; width:auto; margin:20px 20px 10px 10px; padding: 0; box-shadow: rgba(255,255,255,1) 0 0 8px inset; background: #f3fbfd; z-index: 99; border-radius: 5px; border: 1px solid #D2E8F0; display: none;}
}

@media (max-width: 500px) {
 ul.indicaters li a {width:100%;margin:0 0 10px }
 ul.indicaters li span.btn2 a { }
 ul.indicaters li em {}
 ul.indicaters li .date { width:50%}
 .stLoopList{ width:250px}
}
@media (max-width: 440px) {
	.stLoopList { margin: 0 0 0 10%;overflow:auto; left:0 }
	.stLoopList h3{ text-align:left; margin:0 0 6px 10px}
}
@media (max-width: 420px) {.stLoopList {margin: 0 0 0 5%; overflow:auto; left:0}}
@media (max-width: 390px) {.stLoopList {margin: 0 0 0 2%; overflow:auto; left:0}}