/*  2013-10-10 by dandan */
*{-webkit-text-size-adjust:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;

}
ol, ul {
	list-style: none;
}
p{font:100 9pt/140%  Arial,"細明體"; }
h1{
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
}
h2{
	font-size:12px;
	font-weight:bold;
}
h3{
	font-size:12px;
	color:#00809b;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}
h3{
	font-size:15px;
	font-weight:bold;
	color:#c77b0d;
	line-height:120%;
	margin-top:5px;
}
h5{
	font-size:23px;
	font-weight:400;
	margin-top:5px;
	color:#ae5700;
	font-weight:600;
}
body{ width:100%; background:#e6e6e6; font:400 13px/180%  "細明體",Arial; color:#191919; text-align:left;}
a{ color:#ae5700; text-decoration:none;}
a:hover{ color:#d36900;}
/*
font
*/
.red{color:#f00000;}
.green{color:#078406;}
.dYellow{ color:#6c5631;}
.font13{ font-size:10pt;}
.gray01{ color:#4c4c4a;}
.orange{  color:#ae5700;}
.orange2{ color:#653300;}
.blue{ color:#0000ee;}

.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font15{
	font-size:15px;
	font-weight:400;
	margin-top:5px;
}
.normalfont{ font-weight:400;}
/*
Height
*/
.Height10{ font-family:Arial; line-height:0; height:10px;}
.Height20{ font-family:Arial; line-height:0; height:20px;}

/*
line
*/
.underline{ border-bottom:dotted 1px #bfbfbf;}
.underline2{ border-bottom:solid 1px #ccc;}

/*
border
*/
.grayborder{ border:solid 1px #ddd;}

/*
btn
*/
.btn01{ background:url(../images/btn01.gif) no-repeat 0 0; width:39px; height:20px; border:none; color:#ffffff; vertical-align:middle; margin-top:2px;}
.btn02{ background:url(../images/btn02.gif) no-repeat 0 0; width:80px; height:26px; color:#fff; font-weight:700; border:none; font-size:11pt;}

.more{ background:url(../images/more.gif) no-repeat 0 0; width:49px; height:19px; line-height:19px; vertical-align:middle; display:block; font-weight:700; float:right; text-align:right; clear:both; overflow:hidden; padding-right:6px; color:#808080;}

/*
input
*/
.input02{ border:solid 1px #b7b5b6;}

/*
table
*/
.tbStyle01{ width:100%; border-collapse:collapse; border:none; border-spacing:0; }
.tbStyle01 td{ padding:0; margin:0;}

.tbStyle02{ width:100%; border-collapse:collapse; border:none; border-spacing:0; }
.tbStyle02 td{ margin:0; padding:3px;}


.tb_candle{ width:100%; border-collapse:collapse; border:none; border-spacing:0; background:#efefef; }
.tb_candle td{ margin:0; padding:0px 3px; border:solid 1px #fff; font-family:Arial;}

.tb_data{width:100%; border-collapse:collapse; border:none; border-spacing:0; font-family:Arial; font-size:12px; }
.tb_data td{ padding:2px 2px 1px 3px; margin:0;}
.tb_data th{ background:#5b5b5a; color:#fff;padding:2px 2px 1px 3px;}
.tb_data a{ color:#653300;}

.tb_data2{width:100%; border-collapse:collapse; border:none; border-spacing:0; font-family:Arial; font-size:12px; }
.tb_data2 td{ padding:2px 2px 1px 3px; margin:0; border:solid 1px #cecece;}
.tb_data2 th{ background:#5b5b5a; color:#fff;padding:2px 2px 1px 3px;border:solid 1px #cecece;}
.tb_data2 a{ color:#653300;}



.tb_note{width:100%; border-collapse:collapse; border:none; border-spacing:0; line-height:120%; font-size:11px;}
.tb_note,
.tb_note td{padding:2px 2px 1px 3px; margin:0; color:#6a6a6a; font-family:Arial !important;}

.tb_charge{width:100%; border-collapse:collapse; border:none; border-spacing:0;  }
.tb_charge,
.tb_charge td{padding:5px 10px; margin:0; border:solid 1px #ccc; line-height:150%;   }



.rowstyleTitle{ background:#5b5b5a; color:#fff;padding:2px 2px 1px 3px;}
.rowstyle01{ background:#efefef;}
.rowstyle02{ background:#f4f1c6;}
.rowstyle03{ background:#2f2f2f;}
.rowstyle03 td{ color:#fff;}
.rowstyle05{ background:#666666;}
.rowstyle06{ background:#e6e6e6 ; }
.rowstyle05 td,
.rowstyle05 td a{ color:#fff;}
.rowsTitle th,
.rowsTitle td{ background:#cc9933 !important;}
.rowsTitle td{padding:2px 2px 1px 3px; color:#fff;}

.lefradius{ border-top-left-radius:4px;}
.rghradius{border-top-right-radius:4px;}

/*
div
*/
.divStyle01{ margin-top:10px; }

/*
tabs
*/
.tabs{ margin-top:5px; font-size:10pt; font-weight:700; clear:both; }
.tabs li{ background:url(../images/tabrg.gif) no-repeat right top; float:left; margin-right:1px;}
.tabs li a{ display:block; background:url(../images/tablf.gif) no-repeat left top; padding:2px 15px 1px 15px; cursor:pointer;color:#191919;  text-align:center;} 
.tabs li.tabs-nobg{ background:none;  }
.tabs li.tabs-nobg a{ background:none; padding:0; }

.tabs li.tabs-on{ background:url(../images/tabOnrg.gif) no-repeat right top; float:left;}
.tabs li.tabs-on a{ display:block; background:url(../images/tabOnlf.gif) no-repeat left top; padding:2px 15px 1px 15px; color:#b25f03;} 

.tabs2 li{ width:120px;}

/********************body_wrap***************************/
.body_wrap{ width:1040px; margin:0 auto;}
/********************cont_wrap***************************/
.cont_wrap{ width:1000px; background:#fff; overflow:hidden; }
/********************footer***************************/
.footer,
.footer a{ color:#fff;}
.ft{ background:url(../images/ftbg.gif) repeat-x 0 0; height:43px;vertical-align:middle;}
.ft img{ vertical-align:middle; _padding-bottom:1px;}
/********************lang***************************/
.lang{ background:url(../images/langbg.jpg) repeat-x left top; height:24px; }
.lang a{ float:right; margin-right:5px; margin-top:3px; }
/********************top***************************/
.top{ background:url(../images/tp.jpg) no-repeat 0 0; height:99px; text-align:right; }
.top a{ display:inline-block; margin-right:10px; margin-top:30px;color:#191919; }
.top a img{ vertical-align:middle; }
/********************ticker***************************/
.ticker{ width:100%; background:url(../images/tickbg.gif) repeat-x 0 0; padding-top:3px;}
/********************left***************************/
.lefBlock1 .grayborder,
.lefBlock2 .grayborder,
.lefBlock3 .grayborder,
.lefBlock4 .grayborder{ border-top:none; width:198px;}
.shadow{ background:url(../images/shadow.gif) repeat-x left top; height:15px;}
/********************right***************************/
.rgtBlock2 .grayborder{ border-top:none; background:#fefaf7;}
/********************center***************************/
.news{}
.news li{ border-bottom:dotted 1px #c0c0c2; padding:5px 2px 1px 5px;}
.news li a{ margin-left:10px;}
.news li.news-last{height:10px; border-bottom:none;}
/********************maintd***************************/
.maintd{ border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px;}
.breadcrumb{ color:#666; font-size:11px; padding:10px 10px 5px 10px;}
.breadcrumb a{color:#888;}
.breadcrumb a:hover{ color:#191919;}
.mainBlock{ padding-left:10px; padding-right:10px;}
.secnav{ }
.secnav  a{ font-size:15px; font-weight:600;margin-left:20px; margin-right:20px;color:#c77b0d;}
.title2{ background:#fff; padding-right:10px;}


.block{ color:#30a45f !important;  }

.main{ clear:both; }
.stockdaes{ background:url(../images/stockades.gif) no-repeat center right;}

.searchtbe{}

.rightborder{ border-right:solid 1px #ccc;}


/* Anthony New Implementation Below */

.popup_ticker {
    margin-top:-1px;
    height: 26px;
    background: #f8e795; /* Old browsers */
    background: -moz-linear-gradient(top, #f8e795 0%, #ffffff 50%, #f8e795 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8e795 0%,#ffffff 50%,#f8e795 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8e795 0%,#ffffff 50%,#f8e795 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e795', endColorstr='#f8e795',GradientType=0 ); /* IE6-9 */
}

.marquee {
  overflow: hidden;
  text-align: left;
}
.marquee.marquee-speed-drowsy:before {
  animation-duration: 46s;
}
.marquee.marquee-speed-slow:before {
  animation-duration: 20s;
}
.marquee.marquee-speed-custom:before {
  animation-duration: inherit;
}
.marquee.marquee-speed-normal:before {
  animation-duration: 10s;
}
.marquee.marquee-speed-fast:before {
  animation-duration: 7s;
}
.marquee.marquee-speed-swift:before {
  animation-duration: 5s;
}
.marquee.marquee-speed-hyper:before {
  animation-duration: 2s;
}
@keyframes movement-smooth {
  from {
    transform: translateX(0%);
    left: 100%;
  }
  to {
    transform: translateX(-100%);
    left: 0%;
  }
}
@keyframes movement-steps20 {
  0% {
    transform: translateX(0%);
    left: 100%;
  }
  5%,
  9.99% {
    transform: translateX(-5%);
    left: 95%;
  }
  10%,
  14.99% {
    transform: translateX(-10%);
    left: 90%;
  }
  15%,
  19.99% {
    transform: translateX(-15%);
    left: 85%;
  }
  20%,
  24.99% {
    transform: translateX(-20%);
    left: 80%;
  }
  25%,
  29.99% {
    transform: translateX(-25%);
    left: 75%;
  }
  30%,
  34.99% {
    transform: translateX(-30%);
    left: 70%;
  }
  35%,
  39.99% {
    transform: translateX(-35%);
    left: 65%;
  }
  40%,
  44.99% {
    transform: translateX(-40%);
    left: 60%;
  }
  45%,
  49.99% {
    transform: translateX(-45%);
    left: 55%;
  }
  50%,
  54.99% {
    transform: translateX(-50%);
    left: 50%;
  }
  55%,
  59.99% {
    transform: translateX(-55%);
    left: 45%;
  }
  60%,
  64.99% {
    transform: translateX(-60%);
    left: 40%;
  }
  65%,
  69.99% {
    transform: translateX(-65%);
    left: 35%;
  }
  70%,
  74.99% {
    transform: translateX(-70%);
    left: 30%;
  }
  75%,
  79.99% {
    transform: translateX(-75%);
    left: 25%;
  }
  80%,
  84.99% {
    transform: translateX(-80%);
    left: 20%;
  }
  85%,
  89.99% {
    transform: translateX(-85%);
    left: 15%;
  }
  90%,
  94.99% {
    transform: translateX(-90%);
    left: 10%;
  }
  95%,
  99.99% {
    transform: translateX(-95%);
    left: 5%;
  }
  100% {
    transform: translateX(-100%);
    left: 0%;
  }
}
@keyframes movement-steps10 {
  0% {
    transform: translateX(0%);
    left: 100%;
  }
  10%,
  19.99% {
    transform: translateX(-10%);
    left: 90%;
  }
  20%,
  29.99% {
    transform: translateX(-20%);
    left: 80%;
  }
  30%,
  39.99% {
    transform: translateX(-30%);
    left: 70%;
  }
  40%,
  49.99% {
    transform: translateX(-40%);
    left: 60%;
  }
  50%,
  59.99% {
    transform: translateX(-50%);
    left: 50%;
  }
  60%,
  69.99% {
    transform: translateX(-60%);
    left: 40%;
  }
  70%,
  79.99% {
    transform: translateX(-70%);
    left: 30%;
  }
  80%,
  89.99% {
    transform: translateX(-80%);
    left: 20%;
  }
  90%,
  99.99% {
    transform: translateX(-90%);
    left: 10%;
  }
  100% {
    transform: translateX(-100%);
    left: 0%;
  }
}
@keyframes movement-steps5 {
  0%,
  19.99% {
    transform: translateX(0%);
    left: 100%;
  }
  20%,
  39.99% {
    transform: translateX(-20%);
    left: 80%;
  }
  40%,
  59.99% {
    transform: translateX(-40%);
    left: 60%;
  }
  60%,
  79.99% {
    transform: translateX(-60%);
    left: 40%;
  }
  80%,
  99.99% {
    transform: translateX(-80%);
    left: 20%;
  }
  100% {
    transform: translateX(-100%);
    left: 0%;
  }
}
.marquee.marquee-movement-smooth:before {
  animation-name: movement-smooth;
}
.marquee.marquee-movement-steps20:before {
  animation-name: movement-steps20;
}
.marquee.marquee-movement-steps10:before {
  animation-name: movement-steps10;
}
.marquee.marquee-movement-steps5:before {
  animation-name: movement-steps5;
}
.marquee.marquee-direction-left:before,
.marquee.marquee-direction-normal:before {
  animation-direction: normal;
}
.marquee.marquee-direction-alternate:before {
  animation-direction: alternate;
}
.marquee.marquee-direction-right:before,
.marquee.marquee-direction-reverse:before {
  animation-direction: reverse;
}
.marquee:before {
  content: attr(data-marquee);
  white-space: nowrap;
  position: relative;
  transform: translateX(-50%);
  display: inline-block;
  left: 50%;
  animation: linear infinite;
}
.marquee:hover::before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.marquee:before {
  animation-duration: 10s;
}
.marquee:before {
  animation-name: movement-smooth;
}
.marquee:before {
  animation-direction: normal;
}