/*V1.8, Alvin, PDEV-707(B)*/
/*V1.9, Tevez, PDEV-748*/
/*V2.0, Jacky, PDEV-780*/
/*V2.1, Alvin, PDEV-833*/
/*V2.2, Alvin, PDEV-902*/
/*
V2.3, Janice, PDEV-1135
V2.4, Sam Hui, PDEV-1142
V2.5, Sam Hui, PDEV-1243
*/
body{font: normal 12px arial; background-color: #fff;}
a {text-decoration: none;}

#mainForm .container_16 {width:980px}
#mainForm .container_16.resize { width:980px; }
#mainForm .container_16.resize .grid_16 { width:980px; }
#mainForm .container_16.resize .grid_11 { width:651px; margin-left:0px; margin-right:0px; overflow:visible; }
#mainForm .container_16.resize .grid_5 { margin-left:9px; margin-top:0px; width:320px; overflow:hidden; }
#mainForm .container_16.resize.defPage .grid_11 { width: 620px; margin-right: 0px; }
#mainForm .container_16.resize.defPage .grid_5 { width: 350px; margin-left: 10px; }

#mainForm .grid_16 {margin:0px}
#mainForm .grid_11 {margin-left:0px; width:671px; overflow:hidden}
#mainForm .grid_5{margin-right:0px}

@media screen and (min-width: 1100px) {
    #mainForm .container_16.resize {width:1200px}
    #mainForm .container_16.resize .grid_16 { width:1200px; }
    #mainForm .container_16.resize .grid_11 { width:860px; }
    #mainForm .container_16.resize .grid_5 { margin-left:20px; overflow:hidden; }
    #mainForm .container_16.resize.defPage .grid_11 { width: 830px; margin-right: 0px; }
    #mainForm .container_16.resize.defPage .grid_5 { width: 350px; margin-left: 20px; }
    .div980 { display:none; }
}

#btn-playpause { z-index:10; cursor:pointer; width:12px; height:12px; }
#btn-playpause.pause { background:url('../images/tophead/pause.png'); }
#btn-playpause.play { background:url('../images/tophead/play.png'); }
.bold{font-weight: 700;}
.font-normal { font-weight: normal; }
.grey_text{color: #666;}
.grey_text2{color: #888888;}
.grey_text3{color: #676767;}
.grey85{color: #858585;}
.block{display: block;}
.none { display:none; }
.pad0{padding: 0px;}
.pad0LRimp{padding-left: 0px !important; padding-right: 0px !important;}
.pad0imp{ padding:0px !important; }
.pad1imp{padding: 1px !important;}
.pad3{padding: 3px;}
.pad3L { padding-left:3px }
.pad3Limp { padding-left:3px !important; }
.pad3R { padding-right:3px }
.pad3Rimp { padding-right:3px !important; }
.pad4{padding: 4px;}
.pad9{padding-top: 9px;}
.pad20 { padding:20px !important; }
.margin9{margin-top: 9px;}
.mar3L {margin-left:3px;}
.mar5L {margin-left:5px;}
.mar29L {margin-left:29px !important;}
.mar30L {margin-left:30px !important;}
.mar3R {margin-right:3px;}
.mar3T {margin-top:3px !important;}
.mar4T {margin-top:4px !important;}
.mar8T {margin-top:8px !important;}
.mar10T {margin-top:10px !important;}
.mar15T {margin-top:15px !important;}
.mar18T {margin-top:18px !important;}
.mar20T {margin-top:20px !important;}
.mar25T {margin-top:25px !important;}
.mar35T {margin-top:35px !important;}
.mar40T {margin-top:40px !important;}
.mar2B {margin-bottom:2px !important;}
.mar4B {margin-bottom:4px !important;}
.mar5B {margin-bottom:5px !important;}
.mar6B {margin-bottom:6px !important;}
.mar8B {margin-bottom:8px !important;}
.mar10B {margin-bottom:10px !important;}
.mar15B {margin-bottom:15px !important;}
.mar20B {margin-bottom:20px !important;}
.mar25B {margin-bottom:25px !important;}
.mar30B {margin-bottom:30px !important;}
.mar35B {margin-bottom:35px !important;}
.mar40B {margin-bottom:40px !important;}
.mar60B {margin-bottom:60px !important;}
.pad2{padding: 2px;}
.pad6{padding: 6px;}
.pad10{padding: 10px;}
.pad16{padding-top: 16px;}
.PadTop{padding-top:4px;}
.pad5L { padding-left:5px; }
.pad10L { padding-left:10px; }
.pad5R { padding-right:5px; }
.pad10R { padding-right:10px; }
.float_r{float: right;}
.float_l{float: left;}
.txt_l{text-align:left}
.txt_r{text-align:right}
.txt_c{text-align:center}
.inline_block{display: inline-block; *display: inline; zoom:1; }
.navy{color: #007aaa;}
.navy2{color: #00578e;}
.navy3{color: #006099;}
.navy4{color: #006AAA;}
.navy5{color: #00394E;}
.navy6{color: #199bcd;}
.orange{color: #ffaa00;}
.orange2{color: #ff6600;}
.orange3{color: #ff4800}
.orange4{color: #FF7700}
.blue1{color:#1C4D84}
.grey03{color:#030303}
.grey9{color: #999;}
.greya{color: #aaa;}
.greyc{color: #ccc;}
.greyd{color: #ddd;}
.grey4{color: #444;}
.grey5{color: #555;}
.grey6{color: #666;}
.grey6e{color: #6e6e6e;}
.grey7{color: #777;}
.grey8{color: #888;}
.grey6d { color:#6D6D6D;}
.grey10{color: #E5E5E5;}
.grey54{color: #545454; }
.greyA4{color: #A4A4A4;}
.greyA9{color: #A9A9A9;}
.greyB6{color: #b6b6b6;}
.f-color008EBE { color:#008EBE; }
.f-color3D89BB { color:#3D89BB; }
.f-colorFF7700 { color:#FF7700; }
.black{color: black;}
.red {color: Red;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}
.font11{font-size: 110%;}
.font12{font-size: 12px;}
.font13imp{font-size: 13px !important;}
.font14imp{font-size: 14px !important;}
.font14{font-size: 125%;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font16imp{font-size: 16px !important;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font26{font-size: 26px;}
.font31{font-size: 31px;}
.font33{font-size: 33px;}
.font40{font-size: 40px;}
.lh16imp {line-height:16px !important}
.font-b {font-weight:bold !important}
.font-n {font-weight:normal !important}
.no-border { border:0px  !important; }
.lettersp2{ letter-spacing:2px }
.CursorPointer{cursor:pointer;}
.abs { position:absolute; }
.rel { position:relative; }
.text-r { text-align:right; }
.text-c { text-align:center; }
.uppercase {text-transform: uppercase;}
.vTop { vertical-align:top; }
.trans40 { zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.tblM div{padding-left:3px;padding-right:5px;}    
.tblM caption{height:30px;}
.tblM caption div{padding-top:10px;float:left;font-weight:bold;}   
.tblM caption .r{float:right;}    
.tblM th{height:22px;border-bottom:1px solid #eaeaea;}
.tblM td{height:23px;padding-top:1px;border-bottom:1px solid #eaeaea;}
.tblM td div a{padding-left:0px;}

.s1 caption{background:url("../images/common/img1px.png") repeat-x 0 -40px;}
.s1 caption div{color:#444;} 
.s1 th {border:0px;}
.s1 th div{font-weight:normal;color:#777777;}
.s1 td {padding-left:3px; padding-right:3px; border-bottom:0; background-color:#f8f8f8;}
.s1 td div{font-weight:bold;overflow:hidden}
.s1 .bg td{background:url("../images/common/img1px.png") repeat-x 0 -2px #F8F8F8;height:16px;}
.s1 .bg a{color:#ff6600;font-weight:normal;}
.s2 caption{background:url("../images/common/img1px.png") repeat-x 0 -80px;}
.s2 caption div{color:#000;}
.s2 th div{font-weight:normal;color:#777777;}
.s2 th div.grey9{font-weight:normal;color:#999;}
.s2 td div a{font-weight:bold;}
.s2 .sChart td {border:none;}
.s2 .sChart div {padding:0;}
.s2 .sChart caption{background:none;text-align:center;text-decoration: underline;line-height:20px;height:20px;}
.s2 .sChart .cap2 {text-align:left;padding-left:10px;}
.s2 .h21 td{height:20px}
.s3 caption{background:url("../images/common/img1px.png") repeat-x 0 -120px;}
.s4 {width:671px;}
.s4 caption {border-bottom: 1px solid #BEBEBE;padding-left:3px;}
.s4 caption div{color:#007aaa;}                 
.s4 th div{font-weight:normal;color:#aaa;}        		        
.s5 caption, .s5 caption div {padding:0; border:0;background:url("../images/common/s5_Caption.gif") no-repeat; line-height:30px }      
.s5 caption div { padding:0; border:0; line-height:30px }
.s6 caption, .s6 caption div{font:bold 16px Arial;margin-bottom:3px;margin-top:3px;padding:0;}
.s6 caption.greyc div { font:bold 12px Arial; color:#CCC; } 
.s6 .cap2, .s6 .cap2 div {color:#000;font:bold 12px Arial;margin-bottom:3px;margin-top:5px;padding:0; height:15px}
.s6 th{padding-bottom:22px;}
.s6 .title a{font:bold 14px Arial;color:#005588}
.s6 .title a:hover{color:#007aaa}
.s6 .content{color:#888;}
.s6 .news a{color:#003666;font:bold 12px Arial;line-height:14px;}
.s6 .news a:hover{color:#1b5d97}
.s6 td {border-bottom:none;border-top:1px solid #eaeaea;}
.s7 caption{background:url("../images/common/img1px.png") repeat-x 0 -160px;}
.s7 caption div{color:#007aaa;}                 
.s7 .imgH th {background:url("../images/common/img1px.png") repeat-x 0 -200px;}     
.s7 th div{font-weight:normal;color:#aaa;}     
.s8 {width:671px;border-spacing:1px;border-collapse: separate;}
.s8 td{border:1px solid #eee; margin:1px;height:12px;padding:4px;}
.s8 .min {width:103px;border:1px solid #ccc; background:url('../images/common/img1px.png') 0 -229px repeat-x;}
.s8 .min2 {width:103px;border:1px solid #ccc; background:url('../images/common/img1px.png') 0 -1940px repeat-x;}
.s9 caption{background:url("../images/common/img1px.png") repeat-x 0 -294px;}
.s9 td{margin:1px;height:12px;padding:4px; border:none;}
.s10 caption{background:url("../images/common/img1px.png") repeat-x 0 -330px; height:40px; }
.s10 caption div {font:normal 130% Arial; color:#5F6062;}
.s10 caption div a{padding-left:0px; padding-top:5px; color:#06B; font: normal 12px Arial;}
.s10 caption div a:hover{padding-left:0px;color:#047; font: normal 12px Arial;}
.s10 td{margin:1px;height:12px;padding:4px; border:none;}
.s11 th { padding:0px; color:#AAA; border:none}
.s11 td { padding:0px 9px; }
.s11 td.bRight { border-right:solid 1px #E5E5E5;}
.s11 td.bTop { border-top:solid 1px #E5E5E5;}
.s12 caption{background:url("../images/common/img1px.png") repeat-x 0 -380px; height:30px }
.s12 .imgH th {background:url("../images/common/img1px.png") repeat-x 0 -200px;}     
.s12 th { padding:0px 4px; color:#AAA; border-bottom:solid 1px #ECECEC}
.s12 th.region {background:url("../images/common/img1px.png") repeat-x 0 -420px; }
.s12 td.region-row {background:#F9F9F9; }
.s12 td{margin:1px;height:12px;padding:4px; border-bottom:solid 1px #ECECEC; color:#000;}
.s12 th.r, .s12 td.r{ text-align:right; }
.s12 .udi {height:22px;background:url("../images/common/img1px.png") 0 -1735px repeat-x;}
.s12 .udi td {padding-top:0;padding-bottom:0}
.s12 .lastus{background:url("../images/common/img1px.png") repeat-x 0 -1905px;}
.s13 {width:167px; height:140px; border:none;margin:1px 1px 1px 0; background:url('../images/fund/quickfundcontent.gif') no-repeat}
.s13 td {color:#aaa;padding:0 5px 0 10px;vertical-align:top;}
.s13 .d1 {width:90%;color:#009900;font: bold 16px Arial;height: 60px;padding:8px 5px 0 0 ;position: relative;}
.s13 .d2 {height: 40px;position: relative;float:left; width:100%;top:-15px;}
.s13 .d3 {font-weight: bold;padding: 0px 2px;margin:auto;float:right;position: relative;top:38px;}
.s13 .d3 a{color: #006600;}
.s14 th {vertical-align:middle}
.s14 td div{font-weight:normal;color:#aaa;}     
.s14 td {border:none;border-top:1px solid #e6e6e6; padding-top:4px;}
.s14 tr {vertical-align:top; text-align:right}
.s14 .foot {vertical-align:middle}
.s14 .foot td {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url('../images/common/img1px.png') repeat-x 0 -420px;}
.s14 .foot div {color:#000;font-weight:bold}
.s15 td{padding:0 5px;border:none;height:1px;}
.s15 .h td{height:9px;width:100%;font-size:1px;background:url('../images/common/img1px.png') repeat-x 0 -465px;border-top:1px solid #ddd;}
.s15 .f td{height:9px;width:100%;font-size:1px;background:url('../images/common/img1px.png') repeat-x 0 -450px;border-bottom:1px solid #ddd;}
.s15 th{font-weight:bold;text-align:left;border:none;padding:0 5px 5px 5px;}

.s16 {background:url("../images/common/img1px.png") repeat-x 0 -485px; height:29px}
.s16 th { height:29px; line-height:29px; border:0px; color:#000; font-weight:bold; }
.s16 td { font:normal 12px Arial; height:29px; line-height:29px; border:0px }

.s19 {width:100%;}
.s19 caption{background:url("../images/common/img1px.png") repeat-x 0 -1495px; height:29px; padding:4px 3px 0px 3px; line-height:20px }

.s20 {width:100%;}
.s20 caption{background:url("../images/common/img1px.png") repeat-x 0 -1530px; height:29px; padding-left:3px; line-height:29px}
.s20 caption div { padding:0; border:0; line-height:29px; font-weight:normal; }
.s20 th {background:url("../images/common/img1px.png") repeat-x 0 -1565px; height:31px; padding-left:3px; padding-right:3px; line-height:31px; border:0px}
.s20 th div { padding:0; border:0; line-height:31px; }
.s20 th div a { line-height:31px; color:#002777; }
.s20 th div a:hover { line-height:31px; color:#009FFF; }
.s20 td { line-height:20px; padding-left:3px; }
.s20 td.s1 { color:#AAA; width:100px }
.s20 td.s2 { color:#AAA; }

.s21 { width:100%}
.s21 caption {background:url("../images/common/img1px.png") repeat-x 0 -1530px; height:29px; padding-left:3px; line-height:29px}
.s21 caption div { padding:0; border:0; line-height:29px; font-weight:normal; }
.s21 th {background:url("../images/common/img1px.png") repeat-x 0 -1600px; height:24px; padding-left:3px; padding-right:3px; line-height:24px; border:0px}
.s21 th div { padding:0; border:0; line-height:24px; }
.s21 tr td { line-height:20px; vertical-align:top; padding:3px; height:auto }
.s21 tr td.mark { width:20px; padding-top:8px;  }
.s21 td.s1 { color:#AAA; width:50px }
.s21 td.s2 { color:#AAA; padding-right:5px; }

.s22 .col{background:url("../images/common/img1px.png") repeat-x 0 -1380px;}
.s22 td {border:1px solid #eaeaea}

.s23 .col{background:url("../images/common/img1px.png") repeat-x 0 -1440px;}
.s23 td {border:1px solid #eaeaea}

.s24 {width: 100%;}
.s24 th .caption{color: #aaa;}
.s24 th{color: #888;border: 1px solid #eee; padding: 3px 3px !important;vertical-align: bottom; border-top:none}
.s24 td{padding: 5px 3px; border: 1px solid #eee;}
.s24 .first{border-left: none;}
.s24 .last{border-right: none;}
.s24 a{color: #006AAA;}
.s24 a:hover{color: #009fff;}
.s24 sup{vertical-align: super;}

.s25 caption{height:40px;background:url("../images/common/img1px.png") 0 -1655px repeat-x;}
.s25 caption div{line-height:25px}

.s26 td {line-height:26px; padding-left:5px;}
.s26 .edSubHead{background:url('../images/stock/bg_lightblue_linear.png') repeat-x;}
.s26 .edSubHead td{border-bottom:solid 1px #EFF9FF;}

.lig {border:1px solid #ddd;}
.lig td {padding:0;height:19px; background:url('../images/common/img1px.png') repeat-x 0 -1045px;vertical-align:bottom;}
.lig span{color:#ccc}
.lig div{padding:0;}
.lig .imgChart{border-bottom:1px solid #ddd;height:180px}
.lig a {color:#006aaa;}
.lig a:hover {color:#009fff;}
.lig .selchart {color:#000 !important; font-weight: bold;}

.dar{border:1px solid #000;}
.dar td {padding:0;height:19px;background:url('../images/common/img1px.png') repeat-x 0 -1015px;vertical-align:bottom;}
.dar span{color:#777}
.dar div{padding:0;}
.dar .imgChart{border-bottom:1px solid #000;height:180px}
.dar a {color:#8dd4ff;}
.dar a:hover {color:#ccecff;}
.dar .selchart {color:#fff !important; font-weight: bold;}

.qftitle{font-size:36px;color:#4284cb}
.more, .more:visited, .more:link{font: normal 12px Arial;color:#004666;float:right;}
.more:hover{color:#0077aa;}
        
.lnk, .lnk:visited, .lnk:link{font: normal 12px Arial;color:#006aaa;}
.lnk:hover{color:#009fff;}

.btn_curve {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_curve .btn_curve_L {background: url('../images/common/btn_curve_left.gif') no-repeat; height: 20px; width: 10px; float: left;padding:0;}
.btn_curve .btn_curve_C {background: url('../images/common/btn_curve_middle.gif') repeat-x; height: 20px;line-height: 18px; float: left; padding: 2px 5px 1px 5px; color: #000000;}
.btn_curve .btn_curve_R {background: url('../images/common/btn_curve_right.gif') no-repeat; height: 20px; width: 10px; float: left;padding:0;}

.btn_arrow {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_arrow .btn_arrow_L {background: url('../images/common/b5.png') no-repeat 0px 0px; height: 20px; width: 7px; float: left;}
.btn_arrow .btn_arrow_C {background: url('../images/common/b5.png') repeat-x 0px -20px; height: 20px; line-height: 20px; float: left; padding: 0px 5px 0px 5px; color: #000000;}
.btn_arrow .btn_arrow_A {background: url('../images/common/b5.png') no-repeat 0px -40px; height: 20px; width: 7px; float: left;}
.btn_arrow .btn_arrow_R {background: url('../images/common/b5.png') no-repeat 0px -60px; height: 20px; width: 7px; float: left;}

.btn_curve2 {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_curve2 .btn_curve2_L {background: url('../images/common/b6.png') no-repeat 0px 0px; height: 18px; width: 4px; float: left;}
.btn_curve2 .btn_curve2_C {background: url('../images/common/b6.png') repeat-x 0px -18px; height: 18px;line-height: 18px; float: left; padding: 0px 5px 0px 5px; color: #007AAA;}
.btn_curve2 .btn_curve2_R {background: url('../images/common/b6.png') no-repeat 0px -36px; height: 18px; width: 4px; float: left;}

.tabbox {border-bottom:1px solid #E1E1E1;float:left;width:100%;height:21px;font-size:12px;}
.tabbox2 {border-left:1px solid #ddd; border-right:1px solid #ddd; background: url('../images/common/tab5_bg.gif') repeat-x; float:left;width:100%; height:30px;font-size:12px; line-height:30px}

.tab1 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab1 .tab_L {background: url('../images/common/tab1_L.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab1 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -670px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab1 .tab_R {background: url('../images/common/tab1_R.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab2 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab2 .tab_L {background: url('../images/common/tab2_L.png') no-repeat; height: 20px; width: 1px; float: left;}
.tab2 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -700px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab2 .tab_R {background: url('../images/common/tab2_R.png') no-repeat; height: 20px; width: 1px; float: left;}
.tab3 {float: left; height: 22px; line-height: 22px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab3 .tab_L {background: url('../images/common/tab3_l.gif') no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab3 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -730px; height: 22px; float: left; padding:0;color:#888888;}
.tab3 .tab_R {background: url('../images/common/tab3_r.gif') top right no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab4 {float: left; height: 22px; line-height: 22px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab4 .tab_L {background: url('../images/common/tab4_l.gif') no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab4 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -760px; height: 22px; float: left;padding:0;color:#888888;}
.tab4 .tab_R {background: url('../images/common/tab4_r.gif') top right no-repeat; height: 22px; width: 8px; float: left;padding:0}

.tab5 {float: left; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#003666}
.tab5 .tab_L {background: url('../images/common/tab5_bg.gif') no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab5 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -790px; height: 30px; float: left; padding:0; color:#003666; font-weight:normal}
.tab5 .tab_R {background: url('../images/common/tab5_bg.gif') top right no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab6 {float: left; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#000000}
.tab6 .tab_L {background: url('../images/common/tab6_l.gif') no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab6 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -830px; height: 30px; float: left;padding:0px 10px; font-weight:bold}
.tab6 .tab_R {background: url('../images/common/tab6_r.gif') top right no-repeat; height: 30px; width: 8px; float: left;padding:0}


.tab7 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab7 .tab_L {background: url('../images/common/tab7_L.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab7 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -870px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab7 .tab_R {background: url('../images/common/tab7_R.png') no-repeat ; height: 20px; width: 2px; float: left;}
.tab8 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab8 .tab_L {background: url('../images/common/tab8_L.gif') no-repeat; height: 20px; width: 2px; float: left;}
.tab8 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -900px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab8 .tab_R {background: url('../images/common/tab8_R.gif') no-repeat -8px 0px; height: 20px; width: 2px; float: left;}
.tab9 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab9 .tab_L {background: url('../images/common/tab9_L.gif') no-repeat; height: 20px; width: 2px; float: left;}
.tab9 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -930px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab9 .tab_R {background: url('../images/common/tab9_R.gif') no-repeat -8px 0; height: 20px; width: 3px; float: left;}

.tab10 {float: left; height: 20px; line-height: 20px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab10 .tab_L {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.tab10 .tab_C {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; float: left; padding:0;color:#888888; border-top:solid 1px #ccc;}
.tab10 .tab_R {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #ccc; border-right:solid 1px #ccc;}

.tab11 {float: left; height: 20px; line-height: 20px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab11 .tab_L {height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #fff;}
.tab11 .tab_C {height: 20px; float: left;padding:0;color:#888888; border-top:solid 1px #fff;}
.tab11 .tab_R {height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #fff;}

.fb {float: left; height: 22px; cursor: pointer; padding: 0px 5px 0px 0px;}
.fb_left {background: url('../images/common/fbbtn.gif') no-repeat; float: left; width: 10px; height: 22px;}
.fb_center {background: url('../images/common/feed_bg_middle.gif') repeat-x; float: left; height: 22px; font-weight: bold; line-height: 24px;}
.fb_right {background: url('../images/common/fbbtn.gif') no-repeat -1px; float: left; width: 10px; height: 22px;}
#sitemap{background: #f9f9f9; line-height: 20px;}
#sitemap tr td {vertical-align: top; font-weight: 700; color: #444;}
#sitemap tr td a{font-weight: 500; color: #003666;}
#sitemap tr td a.s1{color: #2F527D;}
#sitemap tr td ul {font-size: 12px; margin-top: 2px;}
#sitemap tr td ul li a{font-weight: 500; color: #003666;}
#sitemap tr td ul li a.s1{color: #2F527D;}
#sitemap tr td ul li a.s2{color: #848A9C;}
#sitemap tr td ul li{white-space: nowrap; margin: 2PX 0PX 2PX 0PX; font-weight: normal;}
#sitemap .indent{padding-left: 15px; color: #5779aa;}
#sitemap .indent a{color: #5779aa;}
#sitemap .pad{margin: 0px 6px;}
#sitemap .whitebg{background: #fff;}
#sitemap .sitemap_title{color: #a3b3bb; font-size: 150%; border-bottom: 1px solid #ddd; padding: 10px;}
#sitemap .sitemap_table{margin: 10px 6px;}
#sitemap .sitemap_info{margin: auto; width: 87%; margin-bottom: 6px;}
#sitemap .sitemap_info tr td{font-weight: 500; color: #555;}
.nowrap {white-space: nowrap;}
#sitemap .sitemap_info .space{padding-right: 16px;}
#sitemap .sitemap_info a{color: #00578e;}
#sitemap .sitemap_info .split{color: #ddd;}
#sitemap .line1{background: #c6d8e3; overflow: hidden; height: 1px;}
#sitemap .line2{background: #00578e; overflow: hidden; height: 5px;}

#foot{background: #fff; line-height: 18px;}
#foot #logo_bar .logo{padding: 6px 12px 6px 57px; border-right: 1px solid #ddd;}
#foot #logo_bar .detail{padding: 0px 0px 0px 12px;}
#foot #logo_bar .detail {color: #ccc;}
#foot #logo_bar .detail a{color: #06B;}
#foot #logo_bar .detail a.s1{color: #2F527D;}
#foot #logo_bar .margin8 {margin: 8px 0px;}
#foot #logo_bar .contact {color: #000;}
#foot #logo_bar .contact a{color: #06B;}
#foot #logo_bar .contact .label{color: #aaa;}
#foot #note {border-top: 1px solid #e1e1e1; color: #BBB; line-height: 16px;}
.newshead1 {color: #000000; font-size: 15px; font-weight: bold;}
.newstime1{color: #666; font-size: 12px;}
.newscontent1 {color: #000;}
.newshead2 {color: #064599; font-size: 15px; font-weight: bold;}
.newshead2 a{color: #003666; font-weight: 700;}
.newstime2{color: #999; font-size: 12px;}
.newscontent2 {color: #666; line-height: 18px;}
.newshead3 {color: #003666; font-weight: bold;}
.newshead3 a {color: #003666; font-weight: bold;}
.relNews{position: relative; width: 250px; margin-left: 5px; background: url('../images/news/relatednews_bg.gif') repeat-x;}
.text_normal {font-weight: 500;}
.copyright {color: #999999; font-weight: normal; padding: 15px 0px 15px 0px; border-bottom: 1px #dadada solid;}
.common_box{margin-top: 9px;}
.common_box .content_box{margin: 5px 0px 0px 0px; padding: 0px 5px;}
.common_box .content_pad_l{padding-left: 5px;}
.common_box .content_pad_b{padding-bottom: 5px;}
.common_box .right_title{padding: 5px 5px; font-weight: 700; background: url('../images/bg_right_title.png') repeat-x; height: 16px;}
.common_box .right_title_grey1{background: url('../images/common/img1px.png') repeat-x 0 -1235px;}
.common_box .right_title_grey6{background: url('../images/common/img1px.png') repeat-x 0 -1310px; height: 25px; line-height: 25px;}
.common_box .right_title_grey9{background: url('../images/common/img1px.png') repeat-x 0 -1700px; border-top: 1px solid #eee;border-bottom: 1px solid #ccc;}
.common_box .right_title_grey10{background: none; border-top: 5px solid #eee;padding: 12px 0px;}
.common_box .right_title_s1{background: url('../images/usq/icon_page_title.gif') no-repeat left center;padding-left: 25px;}
.common_box .right_title_s2{background: url('../images/usq/tri.gif') no-repeat left center;padding-left: 15px;color: #8099aa;font-weight: normal;}
.common_box .title{height: 30px; color: #5f6062; float: left; padding: 5px; font-size: 130%;}
.common_box .tab_bottom_border3{border-bottom: 1px solid #ccc;}
.common_box .line_grey5{background: #ccc;}
.news .summary {color: #888888;padding: 2px 0;}
.news .section_title{padding:0}
.news .section_title a{font-size: 130%;font-weight: 700;line-height:20px;}
.news .links {margin-top:10px;padding:0 0 9px 0;}
.right_option a{color: #0082d5; font-weight: 500; }

.btn {cursor: pointer;}
.back_left {background: url('../images/common/btn_left.gif') no-repeat right top; width: 9px; height: 17px;}
.back_center {background: url('../images/common/btn_middle.gif') repeat-x right top; color: #064599;}
.back_right {background: url('../images/common/btn_right.gif') no-repeat left top; width: 9px; height: 17px;}

.btn_box {float: left; height: 19px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_box .btn_box_L {background: url('../images/common/btn_box.png') no-repeat 0px 0px; height: 19px; width: 2px; float: left;}
.btn_box .btn_box_C {background: url('../images/common/btn_box.png') repeat-x 0px -19px; height: 19px; line-height: 18px; float: left; padding: 0px 10px 0px 10px; color: #666;}
.btn_box .btn_box_R {background: url('../images/common/btn_box.png') no-repeat 0px -38px; height: 19px; width: 2px; float: left;}

.qoutebar {padding:0;background: url('../images/common/img1px.png') repeat-x 0 -1000px;height:10px;}
#cdar{background:url('../images/common/icon_deep.gif') no-repeat;height:15px;width:14px;float:right;cursor:pointer;}
#clig{background:url('../images/common/icon_light.gif') no-repeat;height:15px;width:14px;float:right;cursor:pointer;}

.seltheme {color:#FF8800 !important; font-weight: bold;}
.paging {padding: 10px 0px 10px 0px; font-size: 12px; color: black; vertical-align: middle; text-align: right; float: right;}
.paging .plin {color: #007AAA; text-decoration: none; font-size: 14px;}
.paging .plin:hover {color: blue; text-decoration: none; font-size: 14px;}
.paging .current {font-weight: bold; font-size: 14px;}
.paging .imglin {text-decoration: none; color: #064599; cursor: pointer;}
.paging .imglin img {vertical-align: middle;}
.paging .imglin .p_left {background: url('../images/common/btn_left.gif') no-repeat right top; width: 9px; height: 17px;}
.paging .imglin .p_center {background: url('../images/common/btn_middle.gif') repeat-x right top;}
.paging .imglin .p_right {background: url('../images/common/btn_right.gif') no-repeat left top; width: 9px; height: 17px;}
.border_bottom{border-bottom: 1px solid #ddd;}

#footer, .footer{width: 995px;color:#999;margin:0px;position:fixed;bottom: 0px;line-height:27px;height:36px;opacity:0.90;z-index:99999;overflow: hidden;}
#btm_bar{width: 959px;}

#footer .btm_bar_shtcut a.text_link{color:#007aaa;padding:0px 16px;font-weight:700}
#footer img {vertical-align: text-bottom;}
#btm_bar_social{float:right;color:#000}
#footer img{padding-right:6px;}
#bottom_bar_comment{border: 0px;width:58px;height:20px;background: url('../images/bottombar/bottom_bar_comment.png') no-repeat;color:#666}
#btm_bar input.ui-button{padding:0px;}
#footer_left, #footer_right{width:18px;height:36px;}
#footer_left{background:url('../images/bottombar/floatbg_left.png') no-repeat}
#footer_right{background:url('../images/bottombar/floatbg_right.png') no-repeat}
.footer_middle{background:url('../images/bottombar/floatbg_middle.png') repeat-x;height: 36px;padding-top: 6px;float: left;}
.bottom_banner{position:relative;top:4px;}
.bottom_banner_span{position: relative;left: 25px;}

.qHead {background:url('../images/common/img1px.png') repeat-x 0 -1120px; height:40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-left:5px;}

.nr10 { float:left; background:url('../images/newsrange.png') no-repeat 0px 0px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr9 { float:left; background:url('../images/newsrange.png') no-repeat 0px -11px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr8 { float:left; background:url('../images/newsrange.png') no-repeat 0px -22px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr7 { float:left; background:url('../images/newsrange.png') no-repeat 0px -33px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr6 { float:left; background:url('../images/newsrange.png') no-repeat 0px -44px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr5 { float:left; background:url('../images/newsrange.png') no-repeat 0px -55px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr4 { float:left; background:url('../images/newsrange.png') no-repeat 0px -66px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr3 { float:left; background:url('../images/newsrange.png') no-repeat 0px -77px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr2 { float:left; background:url('../images/newsrange.png') no-repeat 0px -88px; line-height: 11px; height:11px; width:163px; padding:0px !important; }
.nr1 { float:left; background:url('../images/newsrange.png') no-repeat 0px -99px; line-height: 11px; height:11px; width:163px; padding:0px !important; }

.btn1 {float: left; cursor: pointer; padding: 0px 5px 0px 0px;}
.btn1_left {background: url('../images/common/btn1_left.gif') no-repeat; float: left; width: 3px; height: 20px;}
.btn1_center {background: url('../images/common/btn1_middle.gif') repeat-x; float: left; height: 20px; padding: 2px 3px 1px 3px !important; font-weight: bold;}
.btn1_right {background: url('../images/common/btn1_right.gif') no-repeat right top; float: left; width: 3px; height: 20px;}


.remark_s1 {color: #ccc;line-height: 150%;font-size: 11px;padding: 10px 0px;}

#menu_analysis{background: url('../images/stock/bg_subheader_tab.png') repeat-x 0 0;height:35px;list-style: none outside none; margin: 0 auto;padding: 0; width: 980px;overflow:hidden;}
#menu_analysis li{height:35px;float:left;background: url("../images/stock/separator_subheader_tab.png") no-repeat scroll top right transparent;cursor:pointer!important; width:auto;}
#menu_analysis li a{display:block;color:#075488;}
#menu_analysis li td{height:35px;padding: 0 9px;vertical-align:middle;text-align:center;cursor:pointer!important;}
#menu_analysis li.active, #menu_analysis li.over{background: url("../images/stock/bg_subheader_tab_over.png") repeat-x!important;}
#menu_analysis li.active a, #menu_analysis li.over a{background: url("../images/stock/border_subheader_tab_over.png") no-repeat right top;}
#menu_analysis_subsection{background:none;border-bottom:1px solid #ccc;height:28px;list-style: none outside none;margin: 0 auto;padding: 0;width: 980px;}
#menu_analysis_subsection li{height:28px;line-height:28px;float:left;}
#menu_analysis_subsection li.separator{color:#ccc}
#menu_analysis_subsection a{color:#007AAA;padding: 0 9px;}
#menu_analysis_subsection li.active{background: url("../images/stock/bg_subsection_active.png") no-repeat center bottom;}
#menu_analysis_subsection li.active a{color:#000;font-weight:bold;}

.fs {width:100%;color:#777;line-height:23px}
.fs caption div{background:url('../images/usq/tri.gif') left center no-repeat;padding:0 0 0 20px;font:Arial 20px Normal;color:#8099AA;line-height:30px}
.fs caption div.right{background:none;padding:0 0 0 20px;font:Arial 20px Normal;color:#8099AA;line-height:30px}
.fs tr{vertical-align:top;}
.fs th{color:#777;padding:2px 5px;position: relative;}
.fs td{text-align:right;border-top:1px solid #ececec;border-bottom:none;position: relative;}
.fs .l{text-align:left; padding-left:3px;}
.fs .borC td {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.fs .borC th {border-top:1px solid #ccc;border-bottom:1px solid #ccc;} 
.fs .sub {font-weight:bold;color:#000} 
.fs .subHead{background:url('../images/common/img1px.png') repeat-x scroll 0 -420px transparent;}
.fs .subtitle{text-align:left;color:#006AAA;}
.fs .sumtitle{padding-left:15px;}
.fs .trend {float:right;padding-right:3px;}
.fs .vc{vertical-align:middle;}
.fs .tren {cursor:pointer;}
.fs .hltrend td{border-bottom:none; background:url('../images/stock/fs_sel_head.png') repeat-x scroll}
.blueBar { background:url('../images/chart/bgMiniBlue.png') 0px 0px repeat-y;font-size:1px;border-bottom: solid 1px #999999}
.redBar { background:url('../images/chart/bgMiniRed.png') 0px -1px repeat-y;font-size:1px;border-top: solid 1px #999999}

.ratio_pointer_bg { float:left; height:18px; position:relative; width:115px; background:url(../images/stock/bg_ratio.png) }
.ratio_pointer_black { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) }
.ratio_pointer_green { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) 7px 0px; }
.ratio_pointer_blue { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) 14px 0px; }

.ratios{position:relative}
.ratios .section{margin-bottom:10px;clear:both;overflow:hidden;width:100%}
.ratios .section .section_header{background:url('../images/stock/bg_lightblue_linear.png') repeat-x;border-bottom:solid 1px #E6E6E6;color:#006AAA;height:29px;line-height:29px;padding-left:4px}
.ratios .section .section_item{float:left;width:49%;overflow:hidden;clear:left}
.ratios .section .even{float:right;clear:right}
.ratios .section .section_row{width:100%;overflow:hidden}
.ratios .section .section_item .section_item_header,.ratios .section .section_item .section_item_data{border-bottom:solid 1px #E6E6E6;font-weight:bold;color:#000;clear:both;padding:5px 4px 5px 4px;overflow:hidden;width:100%}
.ratios .section .section_item .section_item_data{font-weight:normal;color:#777}
.ratios .section .section_item .caption{float:left;width:70%}
.ratios .section .section_item .data{float:right;padding-right:7px}
.ratios .section .section_item .chart{padding-right:7px}
.right_title_grey11{background:url('../images/stock/bg_grey_linear.png') repeat-x;border-top:1px solid #EEE;border-bottom:1px solid #BEBEBE;line-height:28px;height:28px;width:100%;overflow:hidden}
.ratio_pointer_overlay{position:absolute;width:170px;min-height:85px;display:none;z-index:99999999;background:#fff;border:1px solid #AAA}
.ratio_pointer_overlay .ratio_pointer_overlay_header{color:#007AAA;font-weight:bold;padding:9px 5px;background:url(../images/stock/header_ratio_layer.png) repeat-x bottom #fff}
.ratio_pointer_overlay td{padding:7px 5px;color:#000}
.ratio_pointer_overlay .ratio_pointer_overlay_avg,.ratio_pointer_overlay .ratio_pointer_overlay_stockval{font-weight:bold;text-align:right;width:30%}
.ratio_icon_box{width:100%;overflow:hidden;border-top:1px solid #eee;padding-top:9px}
.ratio_icon_stock,.ratio_icon_industry_avg,.ratio_icon_competitor_avg{background:url(../images/stock/ratio_icon_black.gif) no-repeat left center;padding-left:10px;float:left;margin-right:18px}
.ratio_icon_competitor_avg{background:url(../images/stock/ratio_icon_green.gif) no-repeat left center}
.ratio_icon_industry_avg{background:url(../images/stock/ratio_icon_blue.gif) no-repeat left center}



.ind_bar { float:left; height:12px; position:relative; width:650px; }
.ind_bar_1 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px 0px }
.ind_bar_2 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -12px }
.ind_bar_3 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -24px }
.ind_bar_4 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -36px }
.ind_bar_5 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -48px }

.mainUSIndex{padding:3px;background:url("../images/common/img1px.png") 0 -1630px repeat-x;}

.totalres { background:url(../images/common/img1px.png) 0 -1825px repeat-x}
.totalresdouble { background:url(../images/common/img1px.png) 0 -1855px repeat-x}

.monITM1 { background:url(../images/common/bg_moneyness.png) 0px 0px repeat-x; height:25px }
.monITM2 { background:url(../images/common/bg_moneyness.png) 0px -25px repeat-x; height:25px }
.monITM3 { background:url(../images/common/bg_moneyness.png) 0px -50px repeat-x; height:25px }
.monITM4 { background:url(../images/common/bg_moneyness.png) 0px -75px repeat-x; height:25px }
.monATM { background:url(../images/common/bg_moneyness.png) 0px -100px repeat-x; height:25px }
.monOTM1 { background:url(../images/common/bg_moneyness.png) 0px -125px repeat-x; height:25px }
.monOTM2 { background:url(../images/common/bg_moneyness.png) 0px -150px repeat-x; height:25px }
.monOTM3 { background:url(../images/common/bg_moneyness.png) 0px -175px repeat-x; height:25px }
.monOTM4 { background:url(../images/common/bg_moneyness.png) 0px -200px repeat-x; height:25px }
.checkboxBig input{width:15px;height:15px;}
.toggleCheck {cursor:pointer;}

.btnGrey {
    background-color: #49C0DE;
    display: inline-block;
    width: 115px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.btnGrey span {
    color: #FFFFFF;
    display: inline-block;
    line-height: 35px;
    font-size: 15px;
    font-family: ·L³n¥¿¶ÂÅé, 'Microsoft JhengHei',Arial;
}

/* Status Bar */
#divStatusBar { height:40px; padding:10px; }
#divStatusBar .tdLeft { height:40px; width:10px; background:url('../images/products/statusbar/bg_left.png') no-repeat }
#divStatusBar .tdRight {  height:40px;  width:10px; background:url('../images/products/statusbar/bg_right.png') no-repeat }
#divStatusBar .tdMiddle {   height:40px; background:url('../images/products/statusbar/bg_middle.png') repeat-x }
#divStatusBar .item{ width:145px; line-height:40px; height:40px; padding-right:34px;  padding-left:15px;background:url('../images/products/statusbar/bg_arrow_nonselect.png')  center right no-repeat; float:left;color:#999999; font-size:17px; }
#divStatusBar .active{ background:url('../images/products/statusbar/bg_arrow_select.png') right no-repeat;color:#00578E  }
#divStatusBar .lastItem{ background:none!important;  padding-right:0px; }

.bubble{ width:300px; display:none; position:absolute; z-index:999}
.bubble .topLeft, .bubble .topRight, .bubble .bottomLeft, .bubble .bottomRight {width:20px; height:20px; background:url(../images/products/overlaybubble/corner.png) no-repeat;}
.bubble .topMiddle, .bubble .bottomMiddle { height:20px;background:url(../images/products/overlaybubble/bg_v.png) repeat-x;}
.bubble td.left, .bubble td.right { float:none; width:20px;background:url(../images/products/overlaybubble/bg_h.png) repeat-y;}
.bubble .topRight{ background-position:0px -40px; }
.bubble .bottomLeft{ background-position:0px -20px;}
.bubble .bottomRight{background-position:0px -60px;}
.bubble .topMiddle{background-position:0px 0px;  position:relative}
.bubble .bottomMiddle{ background-position:0px -20px; }
.bubble td.left{ background-position:0px 0px; }
.bubble td.right{background-position:-20px 0px; }
.bubble .arrow{  background:url(../images/products/overlaybubble/bg_arrow.png) no-repeat; width:16px; height:20px; margin-top: -10px;position: absolute; left: 48%; z-index: 1000}
.bubble .btnClose{ background:url(../images/products/overlaybubble/btn_cross.png) no-repeat; width:18px; height:18px; float:right; cursor: pointer;}
.bubble h3.title {color:#000; font-size:12px; padding:0px; margin:0px; padding-bottom:12px; padding-top:2px}
.bubble .content{ background:#fff}

#Subscription .sectionFooter{ width:960px; padding:30px 0px 10px 5px; margin:0 auto; border-top:1px solid #ddd; color:#6F6F6F; text-align:left; font-size:15px; }
#Subscription .sectionFooter div{ margin-bottom:15px;}
#Subscription .sectionFooter h3{ color:#000; font-size:15px; padding:0px; margin:0px; margin-bottom:5px;}
#Subscription .reminder{list-style-type:disc;list-style-position: outside;padding: 0px 0px 0px 15px;margin: 0px;}
#Subscription .reminder li {list-style-type:disc; padding-top:5px; font-weight:bold; }
#Subscription .subscriptionStep {height:44px; width:399px; overflow:hidden; background:url(../images/products/subscription/bg_step.png) no-repeat; margin:10px auto}
#Subscription .subscriptionStep .step{float: left; padding-left:11px; padding-right:25px; width:80px; height:44px; line-height:44px; font-size:16px;color:White; text-align:center; text-transform:uppercase; font-weight:bold}
#Subscription .subscriptionStep .message{float: left; height:44px; color:Black; }
#Subscription .subscriptionStep .message1{color:#999; line-height:22px; font-size:15px; font-weight:bold; padding:2px 0px 1px 0px;}
#Subscription .subscriptionStep .message2{line-height:16px; margin-left:5px; font-size:15px; font-weight:bold; height:16px; overflow:hidden; width:260px }
#Subscription .subscriptionSeparator{ background:#DDDDDD}
#Subscription .subscriptionHeader{ text-align:center}
#Subscription .subscriptionContent{ height:300px; position:relative; }
#Subscription .subscriptionFooter{margin:0px auto;width:304px;margin-bottom:10px; font-size:15px }
#Subscription .subscriptionFooter h3{ font-size:15px}
#Subscription .subscriptionBtnWrapper{position:relative; width:100%;}
#Subscription .subscriptionBtn { width:264px; height:38px;margin:30px auto; display:block; overflow:hidden; cursor: pointer   }
#Subscription .subscriptionBtn .l, .subscriptionBtn .r{float: left; width:10px; height:38px;}
#Subscription .subscriptionBtn .l{background:url(../images/products/subscription/btn_left.png) no-repeat;}
#Subscription .subscriptionBtn .c{background:url(../images/products/subscription/btn_middle.png) repeat-x;float: left; height:38px; color:#fff; font-weight:bold;line-height:38px;width:244px; text-align: center;font-size:23px;}
#Subscription .subscriptionBtn .r{background:url(../images/products/subscription/btn_right.png) no-repeat;}
#Subscription .onlineOrder .subscriptionBtn { background-color:#285997; height:58px; border:solid 1px #285997; border-radius:10px; line-height:58px; font-size:20px; text-align:center; color:white }
#Subscription .mailOrder .subscriptionBtn { background-color:#2F8499; height:58px; border:solid 1px #2F8499; border-radius:10px; line-height:58px; font-size:20px; text-align:center; color:white }
#Subscription .onlineOrder .subscriptionStep {background-position:0px 0px}
#Subscription .mailOrder .subscriptionStep {background-position:0px -44px}
#Subscription .telOrder .subscriptionStep{background-position:0px 0px}
a.a1 { text-decoration:none; color:#009CC3; }
a.a1:hover { text-decoration:none; color:#00D8FF; }

strong { font-weight:bold !important; }
#YC .sectionFooter { padding:10px 5px; margin:0 auto; border-top:1px solid #ddd; color:#6F6F6F; text-align:left}
#YC .remarkWrapper { border-top:1px solid #DDD; padding:15px 0px; }
#YC .btnWrapper { }
#YC.sectionWrapper{ padding:0px 10px;}
#YC input[type=radio] { margin:3px 0px 0px 2px; vertical-align:text-bottom }
#YC input[type=checkbox] { margin:3px 0px 0px 2px; vertical-align:text-bottom }
#YC td { height: 20px; line-height:20px; }
#YC .headerULine{ height:20px; line-height:20px; border-bottom:1px solid #DDD; font-weight:bold}
#YC .productOptionsWrapper{ padding-right:10px; border-right:1px solid #ddd}
#YC .productInfo td{ padding-bottom:7px; }
#YC .productInfo .productInfoName{ width:58%;  }
#YC .productInfo .productInfoCost{  vertical-align:bottom}
#YC .divCalcSubPeriod .productInfo .productInfoName{  vertical-align:middle; padding-top:2px;}
#YC .divCalcSubPeriod .productInfo .productInfoCost{  vertical-align:middle}
#YC .optionsCol{   padding-top:3px;padding-bottom:3px}
#YC .optionsCostCol{    padding:3px 0px 0px 30px; width:166px}
#YC .currencyOptions label{ margin-left: 5px; color:#555; width:94%; display:block; float:left;  }
#YC .currencyOptions input{ float:left}
#YC .currencyOptions .activeOption label{ margin-left: 5px; color:#006aad}
#YC .currencyOptions .currencyOptionName { float:left; line-height:20px; line-height:20px; width:75%; }
#YC .productOptions {width:100%; border-collapse:collapse}
#YC .productOptions td { vertical-align:top; line-height:21px; }
#YC .productOptions input{ float:left}
#YC .productOptions label{ margin-left: 5px; color:#555; width:94%; display:block; float:left;  }
#YC .productOptions .activeOption label{ margin-left: 5px; color:#006aad; }
#YC .productOptions .productOptionName{ float:left; line-height:20px; width:75%; }
#YC .productOptions .productOptionCost{ float:right; line-height:20px; width:25%; text-align:right }
#YC .subTotalWrapper{border-top:1px solid #999;width:100%;overflow:hidden;}
#YC .subTotal{border-bottom:1px solid #999; display:block; padding:4px 0px; width:166px; margin-left:15px;float:right;}
#YC .netTotal{border-bottom:3px double #999; display:block; padding:4px 0px; width:166px; margin-left:15px;clear:both;float:right;line-height:18px;height:18px;}
#YC .AddOnRemark{ font-weight:normal; color:red}
#YC .discountAmount {margin-top:7px;}
#YC .discountAmount, .discountAmount * {color:#FE0000}
#YC .totalAmount, #YC .discountAmount{overflow:hidden; width:100%;}
#YC .discountAmount .left, #YC .totalAmount .left{ text-align:right; width:55%;padding-top:1px;line-height:20px}
#YC .discountAmount .right, #YC .totalAmount .right{ padding-top:1px;line-height:20px}
#YC .totalPrice{color:#FF4800; font-weight:bold;font-size:16px; line-height:19px}
#YC ol{ padding:0px; margin:0px; padding-left:20px; }
#YC .divCalcSubPeriod .productInfoName{ padding-right:5px }
#YC .vBottom { vertical-align:bottom }
#YC sup { line-height:8px; }
#YC .fontRed { color:red; }

#reg { color:#333; }
#reg.sectionWrapper{ padding:0px 10px;}
#reg .headerULine{ height:20px; line-height:20px; border-bottom:1px solid #DDD; font-weight:bold}
#reg td { height:28px; line-height:20px; }
#reg tr.validator td { height: auto; line-height:20px;}
#reg input[type='text'] { height:18px }
#reg input[type='password'] { height:18px }
#reg .note { color: #008bdd; font-size: 10px; line-height: 22px; vertical-align: middle; }
#reg .sectionFooter { padding:10px 5px; margin:0 auto; border-top:1px solid #ddd;color:#6F6F6F; text-align:left}
#reg .remarkWrapper { border-top:1px solid #DDD; padding:15px 0px; }
#reg .argeement {	width:99%;	margin: 10px 0px;	margin-bottom:20px;	background:#F5F5F5;	border:1px solid #DDDDDD}
#reg .tbLen { width: 200px; } /* general textbox length */
#reg .tbLen2 { width: 161px; }
#reg .none { display:none; }
#reg .msgCongratulation{ color:#FF6600; font-size:16px; padding:0px; margin:15px 0px 10px 0px; }
#reg p{ padding:0px; margin:5px 0px 15px 0px; }
#reg .msgDL{ font-size:14px;}
#reg .linkFAQ{  }