@charset "utf-8";
@import "reset.css";
@import "template_new.css";
@import "post-it.css";
@import "jquery.fancybox.css";
@import "theme_chi.css";

/* CSS Document */
body { line-height:1.4em; font-family: Arial,PMingLiu,Helvetica,sans-serif; font-size:12px; color:#5e5e5e;}
body.sc { font-family:Arial, PMingLiu, Helvetica, sans-serif;}
a { color:#a0111f; text-decoration:none;}
a:hover { color:#ED171F; text-decoration:none;}
h1 { font-size:200%; line-height:28px; font-weight:bold; margin:20px 0;}
h2 { font-size:160%; line-height:110%; font-weight:normal; color:#A6192E; margin:20px 0;}
h3 { font-size:130%; line-height:110%; font-weight:bold; color:#A6192E; margin:15px 0;}
h4 { font-size:116%; line-height:110%; font-weight:bold; color:#A6192E; margin:10px 0;}
h5 { font-size:100%; line-height:110%; font-weight:normal; color:#A6192E; margin:10px 0;}
td{font-size:12px;}
p { margin:10px 0;}
table { /*min-width:600px; width:100%;*/}
table.fullwidth { width: 100%;}
table td,table th { vertical-align:top; padding:7px 3px; line-height: 110%;}
table td.highlight { background-color:#ff9e1b; color:#fff;}
b { font-weight: bold; }
.hiddenTxt{position:absolute;left:-200%;top:auto;width:1px;height:1px;overflow:hidden;}
.green{ color:#118f00;}
.red{ color:#ee171f;}
.orange{ color:#ff9e1b;}
.darkred{ color:#922a2c;}
.redB{ color:#ee171f; font-weight:bold;}
.oraB{ color:#ff9e1c; font-weight:bold;}
.greenbk{ float: left; padding-top: 2px;}
.greenbk .left{background:url(../images/greenbk_left.jpg) no-repeat left top; float:left; width:5px; height:22px;}
.greenbk .middle{background:#118f00; color:#ffffff !important; font-size:15px !important; font-weight:bold; float:left; padding: 2px 0; height:18px; line-height:19px;}
.greenbk .right{background:url(../images/greenbk_right.jpg) no-repeat right top; float:left; width:5px; height:22px;}
.redbk{ float: left; padding-top: 2px;}
.redbk .left{background:url(../images/redbk_left.jpg) no-repeat left top; float:left; width:5px; height:22px;}
.redbk .middle{background:#ee171f; color:#ffffff !important; font-size:15px !important; font-weight:bold; float:left; padding: 2px 0; height:18px; line-height:19px;}
.redbk .right{background:url(../images/redbk_right.jpg) no-repeat right top; float:left; width:5px; height:22px;}

.mainContentleft{width:679px;}
.left{float:left;}
.mr10{margin-right:10px;}

.oraTa table{width:100%;}
.oraTa table thead tr td{background:#ff9e1c; color:#ffffff; font-weight: bold;}
.oraTa table tbody tr td{background:#ffffff;border-bottom:1px solid #cfcfcf;}
.oraTa table tbody tr th.align_r{ text-align:right; padding-right: 25px;}
.oraTa table tbody tr td.align_r{ text-align:right; padding-right: 25px;}
.oraTa table tbody tr td.align_c{ text-align:center; }
.oraTa table tbody tr:hover td{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}

.oraReTa table{width:100%;}
.oraReTa table thead tr td{background:#ff9e1c; color:#ffffff; font-weight: bold; text-align:left; white-space: nowrap;}
.oraReTa table thead tr th{text-align:left; min-width:25px;}
.oraReTa table thead tr th img{padding-right:3px;}
.oraReTa table tbody tr td{background:#ffffff;border-bottom:1px solid #cfcfcf; text-align:left; white-space: nowrap}
.oraReTa table tbody tr:hover td{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}

.redgreyTa table{width:100%;}
.redgreyTa table thead tr td{background:#ee171f; color:#ffffff; font-weight: bold; padding:7px 0 7px 10px; border-bottom:1px solid #ffffff;}
.redgreyTa table tbody tr th{background:#e2e2e2;border-bottom:1px solid #ffffff; padding:7px 0 7px 10px; color:#5e5e5e; font-weight:bold; font-size:12px;}
.redgreyTa table tbody tr td{background:#ffffff;border-bottom:1px solid #ffffff; padding:7px 0 7px 15px;}
.redgreyTa table tbody tr td:hover{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}

.redwhiteTa table{width:100%;}
.redwhiteTa table thead tr td{background:#ee171f; color:#ffffff; font-weight: bold; padding:7px 0 7px 10px; border-bottom:1px solid #ffffff;}
.redwhiteTa table tbody tr th{background:#e2e2e2;border-bottom:1px solid #ffffff; padding:7px 0 7px 10px; color:#5e5e5e; font-weight:normal; font-size:12px;}
.redwhiteTa table tbody tr td{background:#ffffff;border-bottom:1px solid #ffffff; padding:7px 0 7px 15px;}
.redwhiteTa table tbody tr td:hover{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}
.redwhiteTa table tbody tr th.greyBk-cp{background:url(../images/greyBk-cp.jpg) repeat-x top left #efefef; padding:0;}

.redwhitegTa table{width:100%;}
.redwhitegTa table thead tr td{background:#ee171f; color:#ffffff; font-weight: bold; padding:7px 0 7px 10px; border-bottom:1px solid #ffffff;}
.redwhitegTa table tbody tr th{background:#e2e2e2;border-bottom:1px solid #ffffff; padding:7px 0 7px 10px; color:#5e5e5e; font-weight:normal; font-size:12px;}
.redwhitegTa table tbody tr td{background:#ffffff;border-bottom:1px solid #ffffff; padding:7px 0 7px 15px; border-bottom:1px solid #e2e2e2;}
.redwhitegTa table tbody tr:hover td{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}
.redwhitegTa table tbody tr th.greyBk-cp{background:url(../images/greyBk-cp.jpg) repeat-x top left; padding:0;}

.greygraTa tr td{ background:none !important; border-bottom:1px solid #d8d8d8 !important; border-top:1px solid #ffffff !important; text-align:center; padding:7px 0 !important;}
.greygraTa tr td.first{border-top:none !important;}
.greygraTa tr td:hover{border-bottom:1px solid #ffd300; background:url(../images/listBk.jpg) repeat-x;}

.BtmTx{padding-top:15px;}
.BtmTxChart{padding-top:3px;}
.innerContentBtm{border-top:1px dotted #000000; margin-top:15px;}

.tabwrap{padding-left:15px;}
.tab-on{background: url(../images/ico_arrow.png) center bottom no-repeat; padding-bottom: 8px; float:left;}
.tab-on span{color: #ffffff; background: #ee171f; width: inherit; text-align: center; font-size: 13px; line-height: 16px; display: block; padding: 10px;}
a.tab-off{width: inherit; text-align: center; font-size: 13px; line-height: 16px; display: block; padding: 10px; float:left;}

/* START: z-index */
.rainbowBg { z-index:0;}
.headerBtm .menu, .index .mainContent { z-index:1;}
.banner .cornerL { z-index:5; *z-index:-1;}
.banner { z-index:6;}
.loginBox .loginfield, .loginBox .txt li, .loginBox .quicksearch, .index .mainContent { z-index:22;}
.loginBox .bannerBtm { z-index:23;} 
.inner .loginBox .txt{ z-index:24;}
.banner .nav { z-index:25;}
.scrollTips { z-index:30;}
.banner .cornerL, .banner .cornerR, .banner .bannerBtm, .mainContent dt, .mainContent dd, .loginBox .cornerL, .loginBox .cornerR { z-index:20;} 
.loginBox #selection-box .selection, .loginBox #selection-box, .loginBox { z-index:101;} 
.overlayMask { z-index:299;}
.header { z-index:300;}
.headerBtm { z-index:301;}
/* END: z-index */

.outer, .header, .footer { width:100%; position:relative;}
.outer { background:url(../images/bg-repeat.jpg) repeat-x left top #fefefe;}
.rainbowBg { background:url(../images/rainbow-bg.jpg) repeat-x left top; height:41px; width:0; position:absolute; left:0; top:333px;}
.inner .rainbowBg { width:100%; top:170px;}
.overlayMask { width:100%; background-color:#606060; position:absolute; left:0; top:0; opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70);}
.lastitme{float:left; font-size:12px; line-height: 16px; padding-top:9px;}
.rightBtn{float:right;}

/* START: TOP MENU */
.header { position:fixed; left:0; top:0; height:107px; background-color: #ED171F; min-width:980px;}
.header * li { list-style:none;}
.header .headerTop { width:980px; position:relative; margin:0 auto}
.header .headerTop { height:68px; width:980px; background:url(../images/header-top.jpg) no-repeat left top;}
.header .headerTop .containerLeft { width:193px; height:35px; padding:16px 0 0 20px; float:left;}
.header .headerTop .containerRight { width:410px; padding-top:32px; float:right;}
.header .headerTop .containerRight li { float:left; margin:0 4px; padding-left:8px; border-left:1px solid #dddddd;}
.header .headerTop .containerRight li.headerSearch, .header .headerTop .containerRight li.contactUs { border:none;}
.header .headerTop .containerRight li a { font-size:13px; color:#838383;}
.header .headerTop .containerRight li a:hover { color:#ED171F; text-decoration:none;} 
.header .headerTop .containerRight .fontSize a { margin:0 2px;}
.header .headerTop .containerRight .headerSearch input { background: url("../images/header-search-txt-container.jpg") no-repeat scroll left top transparent; float: left; height: 18px; line-height: 18px; padding: 1px 4px; width: 142px; border:none; color:#999999;}
.header .headerTop .containerRight .headerSearch .cutomizedVaule { color:#5E5E5E;}
.header .headerTop .containerRight .headerSearch a { background: url("../images/header-search-btn.gif") no-repeat scroll left top transparent; float: left; height: 20px; width: 26px;}

.header .headerBtm { width:100%; position:relative; padding-top:4px; height:35px; background:url(../images/menu-btm-shadow.png) repeat-x left bottom; padding-bottom:19px;}
.header .headerBtm .menu { width:980px; margin:0 auto; position:relative;}
.header .headerBtm .menu>li { display:inline-block;margin-right: 0px; background:url(../images/menu-btn-line.jpg) no-repeat left 8px; height:35px; position:relative; float:left; *margin-right:0 !important;}
.header .headerBtm .menu>li:first-child { background:none;}
.header .headerBtm .menu>li:hover, .header .headerBtm .menu li.selected , .header .headerBtm .menu li.hover { background:url(../images/menu-btn-bg-l.jpg) no-repeat left top;}
.header .headerBtm .menu>li span { background:url(../images/menu-arrow.png) no-repeat left top; width:19px; height:10px; display:block; position:absolute;}
.header .headerBtm .menu>li a { color:#fff; display:block; padding:8px 0px 0 0px; height:27px; min-width:26px; font-weight: bold; text-align:center;}
.header .headerBtm .menu>li.selected>a, .header .headerBtm .menu>li.hover>a, .header .headerBtm .menu>li>a:hover { text-decoration:none; color:#fbdd00; background:url(../images/menu-btn-bg-r.jpg) no-repeat right top;} 
.header .headerBtm .menu>li.selected a { cursor:default;}
.mac .header .headerBtm .menu>li>a { padding:8px 6px 0 6px; }
.header .headerBtm .menu li ul{position:absolute; left:0; top:25px; display:block; width:950px; height:280px; background:url(../images/submenu-bg.jpg) repeat-x left top #f8f8f8 !important; display:none;}
.header .headerBtm .menu li ul li{display:inline-block;}
.header .headerBtm .menu li ul ul{width:250px;}

.header .headerHotline { position:absolute; z-index:10; top:8px; right:0; color:#ffffff; font-weight:bold; font-size:14px;}

.mobile .header .headerBtm { height:34px;}
.mobile .header .headerBtm .menu>li { height:34px;}
.mobile .header .headerBtm .menu>li a { height:26px;}

.header .headerBtm .submenu { height:0; overflow:hidden; background:url(../images/submenu-bg.jpg) repeat-x left top #f8f8f8; position:absolute; left:0; top:0; width:100%;}
.header .headerBtm .submenu > ul{ margin:0 auto; width:950px;}
.header .headerBtm .submenu > ul > li{ display:none; padding:20px 0;}
.header .headerBtm .submenu > ul > li a { display:block;}
.header .headerBtm .submenu > ul > li div, .header .headerBtm .menu li ul div{ float:left; width:260px; min-height:230px; padding:0 20px; vertical-align:top; background:url(../images/submenu-sep-line.jpg) no-repeat left top; position:relative;}
.header .headerBtm .submenu > ul > li div.links, .header .headerBtm .menu li ul { background:none;}
.header .headerBtm .submenu > ul > li div.ansLinks h1,  .header .headerBtm .menu li ul div.ansLinks h1{ font-weight:normal; margin-bottom:10px; padding-top:30px;}
.header .headerBtm .submenu > ul > li div.ansLinks a{ font-size:15px;}
.header .headerBtm .submenu > ul > li div.ansLinks.contact_us h1{ font-weight:normal; margin-bottom:10px; padding-top:30px; font-size: 26px;}
.header .headerBtm .submenu > ul > li div.contact_us a{ display:inline;}
.header .headerBtm .submenu > ul > li div.contact_us{ font-size:116%;}

.header .headerBtm .submenu > ul > li div.promo,  .header .headerBtm .menu li ul div.promo{ padding-right:0; width:296px;}
.header .headerBtm .submenu > ul > li div.promo .defaultBtn,  .header .headerBtm .menu li ul div.promo .defaultBtn{ float:right; margin-top:5px;}
.header .headerBtm .submenu > ul > li div li,  .header .headerBtm .menu li ul div li{ border-top:1px solid #cecece; padding:5px 0;}
.header .headerBtm .submenu > ul > li div li:first-child,  .header .headerBtm .menu li ul div li:first-child{ border:none;}
.header .headerBtm .submenu > ul > li div a,  .header .headerBtm .menu li ul  div a{ font-size:13px; line-height:18px; color:#5e5e5e;}
.header .headerBtm .submenu > ul > li div a:hover,  .header .headerBtm .menu li ul div a:hover{ color:#ED171F;}
/* END: TOP MENU */

.bannerContainer, .mainContainer, .footer .footerContainer, .disclaimerContainer { width:1004px; margin:0 auto; }
.mainContainer { padding-top:120px;}
.breadcrumb { padding-top:8px; width:450px;}
.breadcrumb a { color:#838383;}
.breadcrumb a:hover { color:#a0111f;}
.breadcrumb .current { color:#a0111f; font-weight:bold;}

h2.pageTitle { width:433px;}

.banner { position:absolute; width:1024px; left:50%; margin-left:-512px; overflow:hidden; padding-bottom:22px;}
.banner .cornerL, .banner .cornerR, .banner .bannerBtm { position:absolute; top:90px;}  
.banner .cornerL { left:0; width:22px; height:50px;} 
.banner .cornerR { right:0; height:50px;} 
.banner .bannerBtm { top:120px; left:0; height:41px;}  
.banner ul { width:980px; height:323px; background-color:#fff; margin:0 auto;}
.banner ul li { width:980px; height:323px; list-style:none; position:relative;}
.banner .nav { position:absolute; left:50%; top:250px; width:auto; height:23px; background:url(../images/banner-bubble-bg.png) no-repeat right top; padding-right:4px; display:none;}
.banner .nav span { background:url(../images/banner-bubble-bg.png) no-repeat left top; display:block; height:23px; margin-left:-5px; padding-left:4px;}
.banner .nav a { background:url(../images/banner-bullet.jpg) no-repeat left top; width:31px; height:7px; float:left; text-indent:-9999px; margin:8px 2px 0 2px;}
.banner .nav a:hover, .banner .nav a.activeSlide { background-position:left bottom;}
.bannerBubble { background:url(../images/banner-bubble.png) no-repeat left bottom; position:absolute; left:612px; bottom:90px; width:390px; height:208px; overflow:hidden; }
.bannerBubble .bubbleMsg { padding:20px 30px 50px 30px;}
.bannerBubble h1 {  position:absolute; z-index:10; font-size:14px; line-height:24px; margin:0; color:#ff761b;}
.bannerBubble .background {  position: absolute; z-index: 1; background: url(../images/bg_bannerBubble.png) repeat-x; height: 120px;
top: 3px; left: 8px; width: 382px;}
.bannerBubble p { line-height: 14px; font-size:12px; font-weight:bold; color:#3b3b3b; margin:0;}
.bannerBubble .bannerBtn { position:absolute; left:265px; bottom:52px; z-index:1; font-size:13px;}

.footer {width:100%;position:relative;}
.footer {background:url(../images/btm-footer-repeat.jpg) repeat-x left 18px;height:135px;overflow:hidden;}
.footer * li {list-style:none;}
.footer .footerContainer {width:1004px;margin:0 auto;text-align:center;position:relative;}
.footer .footerContainer .leftContainer {width:305px;}
.footer .footerContainer .leftContainer img {float: left;}
.footer .footerContainer .leftContainer img.logoCaring {padding:16px 0 0 8px;}

.footer{ margin-top:30px;}
.footer .footerContainer .footer_logo{ float:left; margin-top:10px;}
.footer .footerContainer .footer_logo_txt{ float:left; margin-right:0; margin-top:10px;}
.footer .footerContainer .footer_logo_gov{ float:left; margin-right:23px; margin-top:18px;}
.footer .footerContainer .leftContainer{}

/*.footer .footerContainer .rightContainer {width:693px;padding-top:30px;}
.footer .footerContainer .rightContainer li {float:left;border-left:1px solid #cfcfcf;padding:0 7px;}
.footer .footerContainer .rightContainer li:first-child {border-left:none;}
.footer .footerContainer .rightContainer a {color:#747474;}
.footer .footerContainer .rightContainer a:hover {color:#a0111f;text-decoration:none;}*/
.footer .footerContainer .leftContainer { width:auto; /*width:693px;*/ padding-top:30px;}
.footer .footerContainer .leftContainer li {float:left;border-left:1px solid #cfcfcf;padding:0 7px;}
.footer .footerContainer .leftContainer li:first-child {border-left:none;}
.footer .footerContainer .leftContainer a {color:#747474;}
.footer .footerContainer .leftContainer a:hover {color:#a0111f;text-decoration:none;}
.footer .copyrightContainer {position:absolute;left:5px;top:94px;}
.disclaimerContainer {padding-left:5px; text-align: left; position:relative;}
.disclaimerContainer div{position:absolute; z-index:25;  /*border:1px solid #e9e9e9;*/ padding:6px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px;*/ background:url(../images/bg_disclaimerContainer.jpg);}
.disclaimerContainer div.home{margin-left: 15px; width: 668px; height: 87px; top:-90px; left:10px;}
.disclaimerContainer div.insidePage {
    top: -160px;
    right: 16px;
    width: 763px;
    height: auto;
    left: initial;
    background: none;
    border-radius: 4px;
    box-shadow: 0 0 4px #c1c1c1;
    position: absolute;
}
.disclaimerContainer p {padding-top:5px; margin:5px 0 0 4px;}
.disclaimerContainer h2{color: #ed171f; margin: 0; font-weight: bold; font-size: 120%; line-height: 110%; padding-bottom:10px; text-align: left;}
.disclaimerContainer a {color: #5e5e5e;}
.disclaimerContainer a:hover {color:#a0111f;}
.footer .DBdisclaimerContainer {position:absolute;right:5px;top:84px;/*background: url(../images/db-logo.gif) no-repeat 293px 0px;*/height:29px;}
.footer .DBdisclaimerContainer a {color: #5e5e5e;display:inline-block;padding-top:10px;margin-left:10px;}
.footer .DBdisclaimerContainer a:hover {color: #a0111f;}
.footer .footer15 {padding-top:30px;padding-right: 5px;}

.scrollTips { position:fixed; left:50%; bottom:0; margin-left:-73px; height:71px; width:146px;}
.scrollTips a { display:block; position:relative; background-image:url(../images/ch/scroll-tips.png); height:71px; width:146px;}
.scrollTips.gb a { display:block; position:relative; background-image:url(../images/gb/scroll-tips.png); height:71px; width:146px;}
.scrollTips .scrollBg {}
.scrollTips .scrollArrow { position:absolute; left:62px; top:15px;}
.scrollTop { position:absolute; right:14px; bottom:10px; display:none;  background:url(../images/btn-back-top.gif) no-repeat left top; padding-left:25px; color:#a3a3a3; font-size:130%; line-height:20px; }
.scrollTop:hover { opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70); text-decoration:none; color:#a3a3a3;}

/* START: Highlights */
.mHighlights_tx {width:649px; overflow:hidden;}
.mHighlights_tx ul {width:750px;}
.mHighlights_tx ul li{list-style:none; float:left;width: 180px; padding-right:63px; font-size:12px; line-height:normal;}
.mHighlights_tx ul li h1{color: #000;margin: 0;font-size: 30px; float:left; padding-right:12px;}
.mHighlights_tx .codechg{line-height:18px;}
.mHighlights_tx ul li b{}

.hmCal .code{float:left; padding: 4px 5px 0 0;}
.hmCal .bullCal{ background:url(../images/bullCal-bk.jpg) no-repeat left top; padding: 16px 0 0 15px; text-align: center; width:550px; height:110px; line-height: 25px;}
.hmCal .bearCal{ background:url(../images/bearCal-bk.jpg) no-repeat left top; padding: 16px 0 0 15px; text-align: center; width:550px; height:110px; line-height: 25px;}
.hmCal .cal{float:left;}
.hmCal .calbtm{padding:18px 0 0 0;}
.hmCal .calbtm span{padding:0 3px 0 0}
.hmCal .ans{float:left; padding:20px 0 0 70px;}
.hmCal .left{float:left;}
.hmCal .right{float:left; padding-left: 64px;}
.hmCal .beartitle{padding:15px 0 0 0;}

/* START: advisor */
.content-grid-2-1 .floatL.advisorContainer { position:relative; width: 744px;}

.advisorContainer li { list-style: none !important;float:right;}
.advisorContainer .questions { background:url(../images/advisor-question-bg.jpg) no-repeat left top; width:742px; height:210px; position:relative; margin-top:5px; margin-bottom:20px; overflow:hidden;}
.advisorContainer .questions li { float:left; width:742px; height:210px; position:relative; margin-left: 0;}
.advisorContainer .questions .questionBox { background:url(../images/advisor-question-box.png) no-repeat left top; width:342px; height:144px; padding:0 50px 10px 40px; position:absolute; left:30px; top:30px; overflow:hidden; z-index:1}
.advisorContainer .questions .questionBox h2{color:#fff;padding-top:5px;}
.advisorContainer .questions .questionBox td { vertical-align:top; height:124px; background-color:transparent;}
.advisorContainer .questions .visual { position:absolute; right:2px; top:-10px;}

.advisorContainer .btmContainer { position:relative;}
.advisorContainer .stepNav { position:absolute; right:15px; top:0px;}
.advisorContainer .stepNav li { float:left; margin-left:5px;}
.advisorContainer .stepNav a { border-bottom:6px solid #e1e1e1; color:#e1e1e1; display:inline-block; *display:inline; zoom:1; padding-top:6px; text-align:center; width:42px; cursor:default; line-height:1.5em; font-size:12px;}
.advisorContainer .stepNav a span { width:10px; display:inline-block; *display:inline; zoom:1; font-weight:bold;}
.advisorContainer .stepNav a:hover { text-decoration:none; cursor:pointer;}
.advisorContainer .stepNav .selected a { text-decoration:none; color:#ED171F; border-color:#ED171F; padding-top:0;}
.advisorContainer .stepNav .selected a span { font-size:20px; line-height:24px;}

.advisorContainer .choiceHistoty { margin-bottom:20px; padding-top:10px; min-height:18px; width:560px;}
.advisorContainer .choiceHistoty li { background:url(../images/small-tick.gif) no-repeat left top; padding-left:25px; float:left; margin-right:20px; list-style:none;}
.advisorContainer .answers { position:relative;}
.advisorContainer .answers .answerSet {display:none;}
.advisorContainer .answers .answerSet.selected {display:block;}
.advisorContainer .answers a.btnTick {margin-left:8px;cursor:pointer;}
.advisorContainer .answers a.btnTick:first-child { margin:0;}
.advisorContainer .answers .grid-1-1 { background:url(../images/advisor-ans-bg-top-grid-1-1.jpg) no-repeat left top; width:365px; }
.advisorContainer .answers .grid-1-1 .content { width:335px; min-height:120px; padding:15px 15px 45px 15px; position:relative;}
.advisorContainer .answers a:hover .grid-1-1 { background-image:url(../images/advisor-ans-bg-top-grid-1-1-hover.jpg);}
.advisorContainer .answers h2 { color:#ED171F;}
.advisorContainer .answers h2 span { color:#ed171f;}
.advisorContainer .answers p { font-size:14px; line-height:16px; color:#5E5E5E; line-height:1.3em;}
.advisorContainer .answers .btnApplyFloat { display:none; position:absolute; right:-7px; top:110px;}
.advisorContainer .answers.result .btnApplyFloat { display:block;}

.advisorContainer .enquiryBox { background:url(../images/advisor-btm-area-bg.jpg) no-repeat left top; width:745px; height:203px; margin-left:-13px;}
.advisorContainer .enquiryBox dt { width:502px; height:198px; margin:0; overflow:hidden; padding:2px 4px 0 3px; float:right;}
.advisorContainer .enquiryBox dt img{margin-left:3px; margin-top:3px;}
.advisorContainer .enquiryBox ul { overflow:hidden; width:1010px;}
.advisorContainer .enquiryBox ul li { float:left; position:relative; width:502px; height:196px; margin-left:3px; }
.advisorContainer .enquiryBox ul li .spacer1 { position:absolute; left:285px; top:70px;}
.advisorContainer .enquiryBox ul li .spacer1 img { width:140px; height:25px;}
.advisorContainer .enquiryBox ul li .spacer2 { position:absolute; left:240px; top:105px;}
.advisorContainer .enquiryBox ul li .spacer2 img { width:110px; height:20px;}
.advisorContainer .enquiryBox dd { position:relative;}
.advisorContainer .enquiryBox dd .btnApply { position:absolute; left:45px; top:30px;}
.advisorContainer .enquiryBox dd .backStep1 { position:absolute; left:40px; top:130px;}

.resultBlock{width:725px;background:url(../images/advisor-top-area-bg.jpg) no-repeat;padding:10px 10px 0; display:none; margin-left:-4px;}
.resultBlock .resultVisual{margin-bottom:25px;}
.resultBlock .clearfix{width:742px;height:6px;background:#ED171F;margin-left:-8px;}
.resultBlock .resultTop h1{float:left;line-height:1.2em;margin-top:.5em;}
.resultBlock .resultTop h1 span{color:#ED171F;}
.resultBlock .resultTop a{float:right;margin-top:10px;}
.resultBlock .resultMdl p{font-weight:bold;font-size:13px;padding-top:10px;}
.resultBlock .resultBtnApply{display:inline-block;width:88px;height:56px;float:right;margin:-45px -16px 0 0;}
.en .resultBtnApply{background:url(../images/en/btn-floating-apply.png) no-repeat 0 0;}
.tc .resultBtnApply{background:url(../images/tc/btn-floating-apply.png) no-repeat 0 0;}
.sc .resultBtnApply{background:url(../images/sc/btn-floating-apply.png) no-repeat 0 0;}
.resultBlock .resultBtnApply:hover{background-position:0 -56px;}
#result3 .resultBtnApply{margin-top:-25px;margin-bottom:-30px;position:relative;z-index:0;}
.resultBlock .resultBtm{padding:3px 0 0 3px;}
/* END: advisor */

/* START:home page */
.index .bannerContainer { height:323px;}
.index .banner { padding-bottom:15px;}
.index .banner .cornerL, .index .banner .cornerR, .index .banner .bannerBtm { top:263px; width:0;} 
.index .banner .cornerL { display:none;left:22px; width:22px;}  
.index .banner .bannerBtm { top:293px; left:0; height:41px;} 

.index .loginBox { position:relative; width:271px; height:131px; right:16px; margin-bottom:30px;}
.index .loginBox .loginfield { position:relative; left:20px; top:0;}
.index .loginBox .cornerL, .loginBox .cornerR, .loginBox .bannerBtm { position:absolute; top:71px;}  
.index .loginBox .cornerL { left:22px; width:10px; height:15px;} 
.index .loginBox .cornerR { right:11px; height:15px; width:0;} 
.index .loginBox .bannerBtm { top:86px; left:11px; height:41px; width:0;} 
.inner .loginBox { position:absolute; right:15px; top:28px;}
.inner .loginBox .loginfield { position:relative;}
.inner .loginBox #selection-box { left: 45px; top: 14px;}
.inner .loginBox .txt { color:#fff; font-size:14px; line-height: 18px; float: left; padding: 20px 0 0 12px;}
.inner .loginBox li { list-style: none;}

.loginBox .txt li { color:#fff; font-size:12px; line-height: 18px; position:absolute; width:185px; top:7px; left:21px;}
.loginBox #selection-box { position:absolute; width:195px; top:38px; left:30px; font-size:116%; line-height: 105%;}
.loginBox .selection-title { background: url(../images/select_left.png) no-repeat scroll left top transparent; display: block; height: 31px; position: relative;}
.loginBox .selection-title span {cursor: pointer; float: none; font-size: 12px; font-weight: normal; height: 23px; line-height:15px; overflow: hidden; padding: 8px 5px 0 8px; position: absolute; width:150px; text-align:left; right:31px; white-space: nowrap;}

.loginBox #selection-box a.openBtn { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background-image:url(../images/select_right.jpg);}
.loginBox #selection-box a.openBtn.fieldFocus, .loginBox #selection-box:hover a.openBtn, .loginBox #selection-box.selected a.openBtn  { background-position:left bottom;}

.loginBox #selection-box .selection { display:none; position:absolute; border:1px solid #dddddd; background-color:#f1f1f1; left:0; width:193px; padding-bottom: 5px;}

.loginBox #selection-box.selected .selection { display:block; top: 30px;}
.loginBox #selection-box.selected .selectLocation { background-color: #7d7d7d; color: #fff; font-weight: bold; padding: 8px 7px; margin-bottom: 4px;}

.loginBox #selection-box.selected .selection .locationHK li { background-repeat: no-repeat; background-position: 3px 9px; padding:8px 0 8px 25px; margin-left: 2px; border:0;}
.loginBox #selection-box.selected .selection .locationHK .hkimg01 { background-image: url(../images/login-hk-img01.png); background-position: 3px 5px;}
.loginBox #selection-box.selected .selection .locationHK .hkimg02 { background-image: url(../images/login-hk-img02.png); background-position: 0px 9px;}
.loginBox #selection-box.selected .selection .locationHK .hkimg03 { background-image: url(../images/login-hk-img03.png);}
.loginBox #selection-box.selected .selection .locationHK .hkimg04 { background-image: url(../images/login-hk-img04.png);}
.loginBox #selection-box.selected .selection li a { color: #565656;}

.loginBox #selection-box.selected .selection li a:hover,
.loginBox #selection-box.selected .selection li a:focus, 
.loginBox #selection-box.selected .selection ul li:hover a, 
.loginBox #selection-box.selected .selection ul li:focus a {color: #EE171F;}


.listBox #selection-box { position:absolute; width:200px; font-size:100%; line-height: 140%;}
.listBox .selection-title { background: url(../images/select_left.png) no-repeat scroll left top transparent; display: block; height: 31px; position: relative;}
.listBox .selection-title span {cursor: pointer; float: none; font-size: 12px; font-weight: normal; height: 23px; line-height:15px; overflow: hidden; padding: 8px 5px 0 8px; position: absolute; width:150px; text-align:left; right:31px; white-space: nowrap;}
.listBox #selection-box a.openBtn { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background-image:url(../images/select_list_right.jpg);}
.listBox #selection-box a.openBtn.fieldFocus, .loginBox #selection-box:hover a.openBtn, .loginBox #selection-box.selected a.openBtn, .listBox #selection-box a.openBtn:hover  { background-position:left bottom;}
.listBox #selection-box .selection { display:none; position:absolute; border:1px solid #dddddd; background-color:#f1f1f1; left:0; width:198px; padding-bottom: 0;}
.listBox #selection-box .selection ul{margin: 7px 0;} 
.listBox #selection-box.selected .selection { display:block; top: 30px; height:235px; overflow-x:hidden;  overflow-y:auto;}
.listBox #selection-box.selected .selectLocation { background-color: #7d7d7d; color: #fff; font-weight: bold; padding: 8px 7px; margin-bottom: 4px;}
.listBox #selection-box.selected .selection .locationHK li { background-repeat: no-repeat; background-position: 3px 9px; padding:8px 0 8px 25px; margin-left: 2px; border:0;}
.listBox #selection-box.selected .selection .locationHK .hkimg01 { background-image: url(../images/login-hk-img01.png); background-position: 3px 5px;}
.listBox #selection-box.selected .selection .locationHK .hkimg02 { background-image: url(../images/login-hk-img02.png); background-position: 0px 9px;}
.listBox #selection-box.selected .selection .locationHK .hkimg03 { background-image: url(../images/login-hk-img03.png);}
.listBox #selection-box.selected .selection .locationHK .hkimg04 { background-image: url(../images/login-hk-img04.png);}
.listBox #selection-box.selected .selection li{list-style:none; margin-left:5px;}
.listBox #selection-box.selected .selection li a { color: #565656; font-size:12px;}
.listBox #selection-box.selected .selection li a:hover,
.listBox #selection-box.selected .selection li a:focus, 
.listBox #selection-box.selected .selection ul li:hover a, 
.listBox #selection-box.selected .selection ul li:focus a {color: #EE171F;}

.listBoxSho #selection-box { position:absolute; width:140px; font-size:100%; line-height: 140%;}
.listBoxSho .selection-title { background: url(../images/select_left.png) no-repeat scroll left top transparent; display: block; height: 31px; position: relative;}
.listBoxSho .selection-title span {cursor: pointer; float: none; font-size: 12px; font-weight: normal; height: 23px; line-height:15px; overflow: hidden; padding: 8px 5px 0 8px; position: absolute; width:150px; text-align:left; right:31px; white-space: nowrap;}
.listBoxSho #selection-box a.openBtn { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background-image:url(../images/select_list_right.jpg);}
.listBoxSho #selection-box a.openBtn.fieldFocus, .loginBox #selection-box:hover a.openBtn, .loginBox #selection-box.selected a.openBtn, .listBoxSho #selection-box a.openBtn:hover  { background-position:left bottom;}
.listBoxSho #selection-box .selection { display:none; position:absolute; border:1px solid #dddddd; background-color:#f1f1f1; left:0; width:198px; padding-bottom: 0;}
.listBoxSho #selection-box .selection ul{margin: 7px 0;} 
.listBoxSho #selection-box.selected .selection { display:block; top: 30px;}
.listBoxSho #selection-box.selected .selectLocation { background-color: #7d7d7d; color: #fff; font-weight: bold; padding: 8px 7px; margin-bottom: 4px;}
.listBoxSho #selection-box.selected .selection .locationHK li { background-repeat: no-repeat; background-position: 3px 9px; padding:8px 0 8px 25px; margin-left: 2px; border:0;}
.listBoxSho #selection-box.selected .selection .locationHK .hkimg01 { background-image: url(../images/login-hk-img01.png); background-position: 3px 5px;}
.listBoxSho #selection-box.selected .selection .locationHK .hkimg02 { background-image: url(../images/login-hk-img02.png); background-position: 0px 9px;}
.listBoxSho #selection-box.selected .selection .locationHK .hkimg03 { background-image: url(../images/login-hk-img03.png);}
.listBoxSho #selection-box.selected .selection .locationHK .hkimg04 { background-image: url(../images/login-hk-img04.png);}
.listBoxSho #selection-box.selected .selection li{list-style:none; margin-left:5px;}
.listBoxSho #selection-box.selected .selection li a { color: #565656;}
.listBoxSho #selection-box.selected .selection li a:hover,
.listBoxSho #selection-box.selected .selection li a:focus, 
.listBoxSho #selection-box.selected .selection ul li:hover a, 
.listBoxSho #selection-box.selected .selection ul li:focus a {color: #EE171F;}


.loginBox .quicksearch { position:absolute; width:207px; top:38px; left:30px; font-size:116%; line-height: 105%;}
.loginBox .quicksearch .codebox { background: url(../images/select_left.png) no-repeat scroll left top transparent; color: #5e5e5e; height: 31px; padding: 0 0 0 10px; position: relative; font-size: 12px; font-weight: normal; border:none; width: 166px; padding-left:10px; text-align:left; white-space: nowrap; float:left; padding-top:10px\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.loginBox .quicksearch .codebox {padding-top:0;}}
.loginBox .quicksearch .codebtn { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background-image:url(../images/select_right.jpg); cursor:pointer; border:none;}

.loginBox .quicksearch .codebtn.down{ background-image: url(../images/select_list_right.jpg);}

.loginBox .quicksearch .codebtn:hover { background-position:left bottom;}
.innerQuicksearch{background:url(../images/inner-loginbox.jpg) no-repeat left; width:326px; height:58px; position:relative;}
.innerQuicksearch .quicksearch{top: 14px;left: 106px;}
.ac_results{ position:absolute; top:45px !important; left:0px !important; display:block; background:#fff; border:1px solid #ccc; width:324px !important; z-index:1000; font-size: 14px;}
.ac_results li.ac_even, .ac_results li.ac_odd { padding:5px;}
.ac_results li.ac_even div, .ac_results li.ac_odd div{ float:left;}
.ac_results li div.code{ width:50px; padding-right: 15px;}
.ac_results li{ clear:both; float: left; width: 100%;}
.ac_results li.ac_even{ background:#e2e2e2;}
.ac_results .ac_over{color: #ee171f;}

.locationOther li { background: url(../images/bullet-red-square.jpg) no-repeat 8px 7px; padding:4px 0 4px 25px; margin-left: 2px; border:0; float: left; min-width: 68px}

.grid-1-1 { width:50%; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.grid-2-1 dt, .grid-2-1 dd { float:left; position:relative;}

.index .floatL { width:709px; margin-top:21px;}
.index .floatR { width:241px; margin-top:-90px; margin-right:10px;}

.hsiTop {width: 240px; overflow: hidden;}
.hsitab {padding: 0; clear: both; }
.hsitab li {background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; height: 37px; width:120px; float:left; border: none; margin:0; text-align: center;}
.hsitab li a {display: block; padding: 10px; float:left; color: #5e5e5e; text-align: center; width: 100px; font-size:13px; line-height: 16px;}
.hsitab li.active {background: url(../images/ico_arrow.png) center bottom no-repeat; padding-bottom: 8px;}
.hsitab li.active a {color:#ffffff; background: #ee171f; width: 100px; text-align: center; font-size:13px; line-height: 16px;}
.hsicontent {float: left; clear: both; background: url(../images/content-grid-2-1-bg-hsi.jpg) no-repeat; padding: 15px 8px; width: 224px; height:325px; margin-top: 18px;}
.hsicontent .index {padding:0 20px}
.hsicontent .index h1 {margin:0; color:#000000; line-height: 18px; padding-bottom: 5px; font-size: 24px;}
.hsicontent .index .chg_green{ color:#108d01; font-weight:bold; display:block; background: url(../images/arrow_up.png) no-repeat left; height:16px; padding-left: 16px; padding-bottom: 1px; padding-top:2px; font-size:12px; line-height: 16px;}
.hsicontent .index .chg_red{ color:#ee171f; font-weight:bold; display:block; background: url(../images/arrow_down.png) no-repeat left; height:16px; padding-left: 19px; padding-bottom: 1px; padding-top:2px; font-size:12px; line-height: 16px;}
.hsicontent .index .turn{ color:#5e5e5e; display:block; font-size:12px; line-height: 20px;}
.hsicontent .btm {border-top:2px solid #ee171f;}
.hsicontent .btm ul li{margin:0; padding: 6px 16px 3px 16px; border-bottom: 1px solid #E8E8E8; border-top:none; line-height: 16px;}
.hsicontent .btm ul li div{float:left; width:88px; /*padding-right: 20px;*/ font-size:12px; line-height: 16px;}
.hsicontent .btm ul li span{overflow:hidden; display: inline-block; text-align:center; font-size:12px; line-height: 16px;}
.hsicontent .btm ul li p{ margin:0;}
.hsicontent a{float:right; margin-top:15px;}
.hsicontent .lastitme{float:left; font-size:12px; line-height: 16px; padding:0;}

.hsiBtm {min-height:90px; padding:10px;}
.hsiBtm h4 {color:#ed171f; margin-top:0; font-size:15px; font-weight:normal; line-height:18px;}
.hsiBtm .price { display:inline-block; display:inline; zoom:1; color:#565656; font-weight:bold; font-size:20px; vertical-align:middle; margin:0 5px 0 0; line-height:22px;}
.hsiBtm .changes, .hsiBtm .changes h4, .hsiBtm .changes img { display:inline-block; *display:inline; zoom:1; font-weight:bold; color:#118f00; font-size:15px; vertical-align:middle; line-height:18px; margin-bottom:0;}
.hsiBtm img { margin-right:4px;}
.hsiBtm .update { font-size:11px; margin-top:6px; line-height:14px; -webkit-transform : scale(0.9); [;width: 110%; ;margin-left:-11px;]  -o-transform : scale(1); *margin-left:0;}
.hsiBtm .provider { font-size:11px; color:#939393; margin-top:3px; line-height:14px; -webkit-transform : scale(0.85);  [;width: 110%; ;margin-left:-17px;]  -o-transform : scale(1); *margin-left:0;}
.hsiBtm ul { font-size:11px; line-height:14px; margin-left:110px; -webkit-transform : scale(0.85);  [;width: 110%; ;margin-left:100px;]  -o-transform : scale(1); *margin-left:110px;}
.hsiBtm li { float:left; border:none; margin:0; padding:0; margin-left:4px; border-left:1px solid #ddd; padding-left:4px; margin-top:5px; width:auto;}
.hsiBtm li:first-child { margin-left:0; border:0; padding:0;}
.hsiBtm li a { color:#b96d06;}
.hsiBtm li a:hover { color:#EE171F;}
.hsiBtm .hsiRefresh { background:url(../../images/hsi-refresh.gif) no-repeat left top; padding-left:18px;}
.hsiBtm .hsiRefresh:hover { background-position:left -24px;}

.marketTop {width: 240px; overflow: hidden;}
.markettab {padding: 0; clear: both; background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; height: 37px;}
.markettab li {background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; height: 37px; float:left; border: none; margin:0; text-align: center; list-style:none !important; margin-left:0 !important;}
.markettab li a {display: block; padding: 10px; float:left; color: #5e5e5e; text-align: center; width: inherit; font-size:13px; line-height: 16px;}
.markettab li.active {background: url(../images/ico_arrow.png) center bottom no-repeat; padding-bottom: 8px;}
.markettab li.active a {color:#ffffff; background: #ee171f; width: inherit; text-align: center; font-size:13px; line-height: 16px;}

.market .subtitle{float:left; color: #A6192E; padding: 8px 8px 0 0;}

.index .subHeader h2 { margin-top:10px;}
.index .subHeader .defaultBtn { float:right;}
.index .rightPromoCol .freeTextArea td h5 { margin:0; margin-bottom:3px; color:#ED171F;}
/* END:home page */

/* inner page */
.inner .grid-2-1 dt { width:744px;}
.inner .grid-2-1 dd { width:236px; text-align:center; margin-top:10px;}
.inner .bannerContainer { height:161px;}
.inner .banner  { text-align:center;}

/* faq */
.outer-grid-1-2 .faq .greyContainerBtm { padding-bottom:15px !important;}
.faq .greyContainerBody ol > li { font-size:116%; margin-left:35px; padding:15px 10px 0 0;}
.faq .greyContainerBody ol > li > h4 { margin:0; background:url(../images/faq-icon01.gif) no-repeat right 3px; padding-right:25px;}
.faq .greyContainerBody ol > li > h4:hover{ background-image:url(../images/faq-icon01-hover.gif); cursor:pointer;}
.faq .greyContainerBody ol > .selected > h4, .faq .greyContainerBody ol > .selected > h4:hover { background-image:url(../images/faq-icon01-collapse.gif); cursor:pointer;}
.faq .greyContainerBody ol > li > h4 > a { display:block; padding-bottom:15px; }
.faq .greyContainerBody ol > li, .faq .greyContainerBody ol > li > h4 > a { color:#5e5e5e; line-height:130%; font-weight:bold;}
.faq .greyContainerBody ol > .selected, .faq .greyContainerBody ol > li:hover, .faq .greyContainerBody ol > .selected > h4 > a, .faq .greyContainerBody ol > li:hover > h4 > a { color:#ED171F;}
.faq .greyContainerBody ol > li .subQues { background:#f0f0f0; margin-right:-9px; margin-left:-34px; border-bottom:1px solid #e1dfdf; background:url(../images/faq-bg-btm.jpg) repeat-x left bottom #f0f0f0;}
.faq .greyContainerBody ol > li:last-child .subQues { border:none;}
.faq .greyContainerBody ol > li .subQues > ul { display:none; font-size:85%; line-height:140%; padding:25px 12px 25px 0; background:url(../images/faq-bg-top.jpg) repeat-x left top; border-top:1px solid #e1dfdf; margin:0;}
.faq .greyContainerBody ol > li .subQues > ul > li:hover, .faq .greyContainerBody ol > li .subQues > ul > li.selected, .faq .greyContainerBody ol > li .subQues > ul > li:hover > h5 > a, .faq .greyContainerBody ol > li .subQues > ul > li.selected > h5 > a { color:#ED171F; cursor:pointer;}
.faq .greyContainerBody ol > li .subQues > ul > li { font-size:116%; margin-left:30px;color:#5e5e5e; padding-bottom:10px;}
.faq .greyContainerBody ol > li .subQues > ul > li > h5 { margin:0; font-weight:bold; background:url(../images/faq-icon02.png) no-repeat right 3px; padding-right:20px;}
.faq .greyContainerBody ol > li .subQues > ul > li > h5 a { color:#5e5e5e;}
.faq .greyContainerBody ol > li .subQues > ul > li a { color:#a0111f;}
.faq .greyContainerBody ol > li .subQues > ul > li a:hover { color:#ED171F;}
.faq .greyContainerBody ol > li .subQues >  ul >  li > h5:hover, .faq .greyContainerBody ol > li .subQues > ul >  li.selected > h5 { background-image:url(../images/faq-icon02-hover.png); background-position:right 4px; cursor:pointer;}
.faq .greyContainerBody ol > li .subQues > ul > li > div { display:none; color:#5e5e5e; font-weight:normal; font-size:85%; padding-right:20px; cursor:default;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li { list-style-type:square;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li ul li { list-style-type:disc;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li ul li ul li{margin-left:17px;}

/* site map */
.sitemap .greyContainerBtm > ul > li { margin:25px 10px 0 20px; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:290px; list-style:none;}
.sitemap li li { list-style-type:square !important; margin-top:10px;}
.sitemap li h4 { margin-top:0;}
.sitemap li h4 a { color:#9a000f;}
.sitemap li h4 a:hover { color:#ED171F;}
.sitemap li li a { color: #5E5E5E;}
.sitemap li li a:hover { color:#a0111f;}

#yearScroll li a { text-align:center; display:block; background:url(../images/year-scroll-sep-line.jpg) no-repeat right center; width:78px; height:20px; padding:12px 10px; color: #5E5E5E; line-height: 20px;}
#yearScroll li:hover a, #yearScroll li.selected a { background:#ED171F; color:#fff;}
#yearScroll li:hover, #yearScroll li.selected { background:url(../images/menu-arrow.png) no-repeat center bottom;}

/* google map */
#map-canvas { height: 366px; width: 738px; margin:10px 0 20px 0;}
#map-canvas h4 { color:#fff; margin:0; margin-bottom:5px;}
#map-canvas .infoBox { padding-bottom:12px;}
.locationSelect td { background:none; padding-left:7px;}
.locationSelect td h4 { margin-top:0;}
.googleMap td, .googleMap th { background:none;}
.googleMap .jqTransformSelectWrapper li { list-style:none; margin-left:0; margin-bottom:0;}
.googleMap .jqTransformSelectWrapper ul { padding-bottom:5px; width:169px !important;}
.googleMap .jqTransformSelectWrapper div span { width:126px !important; overflow:hidden; padding-right:7px;}
.googleMap .jqTransformSelectWrapper { width:171px !important;} /* + 45 */

.branchDetails th, .branchDetails td { padding-left:0;}
.branchDetails table { border-collapse:collapse; margin-top:5px; width:100%;}
.branchDetails table th { width:140px;}
.branchDetails table th, .branchDetails table h4 { color:#5e5e5e;}
.branchDetails table th, .branchDetails table td { font-weight:normal; padding:0 3px 3px 0; font-size:100%;}
.branchDetails table tr:first-child th, .branchDetails table tr:first-child td { border-top:1px solid #e1e1e1;}

/* fancyBox page */
.popBox{width:700px;height:400px;*width:auto; overflow:auto; -webkit-overflow-scrolling: touch; display:none;}
.popBox h1{font-size:16px;color:#ed171f; border-bottom:5px solid #ed171f;padding:15px 15px 9px 15px;}
.popBox .holder{padding:20px 28px 0 20px;}
.leftCol{float:left;margin-left:0px;}
.rightCol{width:520px;*width:450px;float:right;}
.rightCol p{font-weight:bold;line-height:1.6em; color:#565656;}
.rightCol .redTxt{color:#ed171f;}
.fancybox-inner { float:left !important;}

/* General Form */
/*Step Holder*/
.stepholder{dispaly:block; text-align:center;font-size:130%;color:#565656;margin:5px 0 10px 0; text-transform:uppercase;}
.stepholder span{padding:4px 9px;background-color:#fbdd00;color:#ed171f;}

/*Global*/
.generalForm table { width:auto; border-collapse: collapse; border-spacing: 0;}
.generalForm .redTxt, .applicationTb .redTxt{color:#9f0d1b;margin-left:0 !important;}
.generalForm .subHeader{border-bottom:5px solid #ed171f;padding:5px 15px 9px 15px;margin-left:1px;width:746px;}
.generalForm .subHeader h2{color:#ed171f;float:left;width:625px;font-wieght:bold;margin:0;}
.generalForm .subHeader span{display:block;font-size:12px;text-align:right;}

.generalForm .widthA { width:240px;}
.generalForm .widthB { width:200px;}
.generalForm .widthD { width:300px;}
.generalForm .widthE { width:333px;}
.generalForm .widthC .jqTransformInputWrapper { width:330px !important;}
.generalForm .widthC .jqTransformInputWrapper input { width:320px;}

/*General Section*/
.generalForm .generalTb {*width:680px !important;}
.generalForm td, .generalForm th { background-color:transparent; color:#5E5E5E;}
.generalForm .generalTb, .generalForm .applicationTb{margin:20px;}
.generalForm .generalTb td, .generalForm .applicationTb td {vertical-align:middle; padding:6px 13px 6px 0;}
.generalForm .generalTb > tbody > tr > td, .generalForm .applicationTb > tbody > tr > td {font-size:110%; font-weight:bold;}
.generalForm .generalTb .remarks { font-weight:normal !important; color:#939393;}
.generalForm .greyContainerBtm{margin-bottom:20px;}
.generalForm td h5, .generalForm th h5 { margin:0;}


.generalForm .generalTb th {padding:6px 13px 6px 0;line-height:35px;}
.generalForm .generalTb > tbody > tr > th {font-size:110%; font-weight:bold;}
.generalForm .generalTb > tbody > tr > th > #cfglabel13.creditcalc02{line-height: 27px;*line-height:33px;}
.generalForm .generalTb > tbody > tr > th > .btnQuestion.imgBtn{margin-bottom:3px;}
.creditcalc01 #cfglabel8{margin-right:0px;}.en .creditcalc01 #cfglabel8{margin-right:0;}.en .creditcalc01 .lineH33.cfgdollar + label + div{margin-left:21px !important;}

.calRet th{line-height:1.6em !important;}
#cfglabel7{vertical-align:top;}
#cfglabel7 > div{margin-top:-7px;}
.en #cfglabel7 > div{margin-top:-3px;}

/* credit card balance repayment 01 & 02 */
/** en **/
.en .Small .creditcalc01 .currencyTD {width: 80px;}
.en .Medium .creditcalc01 .currencyTD {width: 100px;}
.en .Large .creditcalc01 .currencyTD {width: 120px;}
.en .Small .generalForm .creditcalc01 .widthB {width: 180px;}
.en .Medium .generalForm .creditcalc01 .widthB {width: 220px;}
.en .Large .generalForm .creditcalc01 .widthB {width: 240px;}

.en .Small .creditcalc02 .currencyTD {width: 80px;}
.en .Medium .creditcalc02 .currencyTD {width: 100px;}
.en .Large .creditcalc02 .currencyTD {width: 120px;}
.en .Small .generalForm .creditcalc02 .widthB {width: 180px;}
.en .Medium .generalForm .creditcalc02 .widthB {width: 200px;}
.en .Large .generalForm .creditcalc02 .widthB {width: 220px;}
/** tc **/
.tc .Small .creditcalc01 .currencyTD {width: 90px;}
.tc .Medium .creditcalc01 .currencyTD {width: 115px;}
.tc .Large .creditcalc01 .currencyTD {width: 135px;}
.tc .Small .generalForm .creditcalc01 .widthB {width: 170px;}
.tc .Medium .generalForm .creditcalc01 .widthB {width: 180px;}
.tc .Large .generalForm .creditcalc01 .widthB {width: 190px;}

.tc .Small .generalForm .creditcalc01 .innerMinPayTD {width: 200px;}
.tc .Medium .generalForm .creditcalc01 .innerMinPayTD {width: 240px;}
.tc .Large .generalForm .creditcalc01 .innerMinPayTD {width: 260px;}

.tc .Small .creditcalc02 .currencyTD {width: 90px;}
.tc .Medium .creditcalc02 .currencyTD {width: 115px;}
.tc .Large .creditcalc02 .currencyTD {width: 135px;}
.tc .Small .generalForm .creditcalc02 .widthB {width: 170px;}
.tc .Medium .generalForm .creditcalc02 .widthB {width: 175px;}
.tc .Large .generalForm .creditcalc02 .widthB {width: 180px;}
/** sc **/
.sc .Small .creditcalc01 .currencyTD {width: 90px;}
.sc .Medium .creditcalc01 .currencyTD {width: 115px;}
.sc .Large .creditcalc01 .currencyTD {width: 135px;}
.sc .Small .generalForm .creditcalc01 .widthB {width: 170px;}
.sc .Medium .generalForm .creditcalc01 .widthB {width: 180px;}
.sc .Large .generalForm .creditcalc01 .widthB {width: 190px;}

.sc .Small .generalForm .creditcalc01 .innerMinPayTD {width: 200px;}
.sc .Medium .generalForm .creditcalc01 .innerMinPayTD {width: 240px;}
.sc .Large .generalForm .creditcalc01 .innerMinPayTD {width: 260px;}

.sc .Small .creditcalc02 .currencyTD {width: 90px;}
.sc .Medium .creditcalc02 .currencyTD {width: 115px;}
.sc .Large .creditcalc02 .currencyTD {width: 135px;}
.sc .Small .generalForm .creditcalc02 .widthB {width: 170px;}
.sc .Medium .generalForm .creditcalc02 .widthB {width: 175px;}
.sc .Large .generalForm .creditcalc02 .widthB {width: 180px;}

.tc .generalForm .creditcalc01 #cfgparagraph3 {margin-bottom: 8px;}

.generalForm .creditcalc02 .btnQuestionTD {vertical-align: top; padding-top: 13px;}
.generalForm .creditcalc02 .btnQuestion.imgBtn {display: block;}
.generalForm .generalTb.creditcalc02 > tbody > tr > th > #cfglabel13{line-height: 27px;*line-height:33px;}

/*Input, Select & textarea style*/
.hmCal input{width:100px;}
input{padding:3px; border:1px solid #a9a9a9;}
input.hkidBox{width:176px !important;}
input.shortBox{width:25px !important;text-align:center;}
.generalForm .generalTb td textarea{resize:none;overflow:hidden;height:70px;width:400px; font-weight:normal;}
.generalForm .generalTb td input{padding:2px; font-weight:normal;}
.generalForm .generalTb td input.width400 {width:400px;}
.generalForm .generalTb td input.midBox{width:240px}
.generalForm .generalTb td select{min-width:80px; margin-right:5px;}
.generalForm .jqTransformInputInner input { line-height:28px;}

.applicationTb input.radioBtn{margin-top:1px;}
.applicationTb td input{padding:2px;}


/*TextArea*/
.generalForm table.jqTransformTextarea{width:413px;}
.generalForm table.jqTransformTextarea td{padding:0;}
.generalForm table.jqTransformTextarea td#jqTransformTextarea-tr{width:2px;}

/*Radio*/
.generalForm .jqTransformRadioWrapper{margin:0 !important;}
.generalForm .radioMarginT .jqTransformRadioWrapper{margin-top:6px !important;}
.generalForm .jqTransformSelectWrapper{margin-right:2px; max-width: 400px;}
.generalForm .jqTransformSelectWrapper span {max-width: 366px;}
.generalForm .jqTransformSelectWrapper ul {max-width: 398px;}
.generalForm td > span{ /*vertical-align:text-bottom;*/}

.radioTb{padding-top:6px !important;padding-bottom:0 !important; font-size:100% !important;}
.radioTb td{line-height:140% !important;}
.en .radioTb td{line-height:160% !important;}

/*Select*/
.generalForm .jqTransformSelectWrapper ul { padding-bottom:3px;}
.generalForm .jqTransformSelectWrapper li{margin-left:0;list-style:none; font-weight:normal; margin-bottom:0;}

/*Case for Other Style of CheckBox Button */
td.checkBoxStyleA{ padding-right:3px !important;}
td a.jqTransformCheckbox{ background:url(../js/jqtransform/img/checkbox_style2.gif) no-repeat 0 0; height: 17px; width: 17px; display:block;}
td a.jqTransformCheckbox:focus{ background-position:left -34px;}
td a.jqTransformCheckbox.jqTransformChecked{ background-position:left -17px;}
td a.jqTransformCheckbox.jqTransformChecked:focus{ background-position:left -51px;}

/*Remarks*/
.remarksHolder{color:#939393;}
.remarksHolder table{margin-top:47px;}
.remarksHolder table td.first{font-weight:bold;}

/* calculator */
.calResult { display:none;}
.generalForm.calcRetire .generalTb { width:700px;}
.generalForm.calcRetire .generalTb  th { padding-top:13px; padding-bottom:0;}
.calcRetire .freeTextArea h3 { padding-top:20px; border-top:1px solid #dddddd;}
.calcRetire .freeTextArea h3:first-child { padding:0; border:none; margin-top:5px;}
.calcRetire .bulletTick > li h4 { margin:0 0 3px 0; font-size:100%; color:#5E5E5E;}
.calcRetire .bulletTick > li ol li { list-style-type:lower-roman;}
.calcRetire .calResult table { width:100%;}
.calcRetire .calResult li .redTxt { font-weight:bold;}
.calcRetire .calResult .staffImg { width:200px; vertical-align:bottom; text-align:center; line-height:0; padding:0;}
.calcRetire .calResult .redBox { background-color:#b10014; color:#fff; padding:10px 8px;}
.calcRetire .calResult .redBox h4 { color:#fff; font-size:100%; margin:0;}
.calcRetire .calResult .redBox span { font-weight:bold;}
.calcRetire .calResult .redBox p { margin:5px 0;}
.calmortgage .lowerMenuContent { padding-bottom: 20px;}
.inner .calmortgage #menuFilters a, .inner .calmortgage .postArrowUp { width: 220px;}

/* news */
.news.recordListing .greyContainerBody > ul { margin: 0;}
.news.recordListing li { list-style: none; margin-left: 0;}
.news.recordListing li > div { float: left;}
.news.recordListing li .newsPic { width: 140px;}
.news.recordListing li .newsTxt { width: 598px; position: relative;}
.news.recordListing li .link { color:#a0a0a0; margin:15px 0 0 0;}
.news.recordListing li .date { font-weight:bold; color:#838383; position:absolute; right:5px; top:0; margin:0;}
.news.recordListing li h3 { margin-top:0;}
.news.recordListing li h3 a { font-weight:normal; display:inline; -moz-text-size-adjust:100%;}
.news.recordListing li { border-top:1px dashed #ff9e1b; background:none; padding: 15px 0;}
.news.recordListing li:first-child { border:none;}
.news.recordListing .noImage .newsPic { display: none;}
.news.recordListing .noImage .newsTxt { width: 738px;}

.hiddenQuestion { display: none;}
.hiddenQuestion td { padding-top: 15px !important; padding-bottom: 15px !important;}
.hiddenQuestion h5, .generalForm .hiddenQuestion td h5 { color: #ff9e1b; font-weight:bold;}

/* For Mastercard */
.beaMasterCard{width:525px;background:url(../images/en/credit-card/world-mastercard/mastercard-bg.jpg) repeat;color:#fff;font:14px/16px normal Arial,Helvetica,sans-serif;text-align:justify;padding-bottom:10px;}
.beaMasterCard td, .beaMasterCard th{background-color:transparent;vertical-align:auto;}
.beaMasterCard .blueBtns{margin:6px 0;padding-left:1px;}
.beaMasterCard .blueBtns a{float:left;margin:0 1px 2px 1px;}
/*sup line height reset*/
.beaMasterCard sup{font-size:.8em;position:relative;top:-0.5em;vertical-align:baseline;}
/*fix sup in IE7/8/9/10*/
.beaMasterCard .supFix{*display:inline;*position:relative;*border-bottom:1px solid #fff;*padding-bottom:.2em;*text-decoration:none!important;text-decoration:underline;}
/*fix sup in Firefox*/
@-moz-document url-prefix(){.beaMasterCard .supFix{display:inline;position:relative;border-bottom:1px solid #fff;padding-bottom:.2em;text-decoration:none;}}
/*fix sup in Chrome and Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){.beaMasterCard .supFix{display:inline;position:relative;border-bottom:1px solid #fff;padding-bottom:.3em;text-decoration:none;}}
.beaMasterCard .block{padding:0 20px;margin-bottom:20px}
.beaMasterCard .block p{font-size:14px;letter-spacing:1px;margin:0;}
.beaMasterCard .block a{color:#fff;}
.beaMasterCard .block a:hover{color:#fff;} 
.beaMasterCard .block span{font-size:13px;}
.beaMasterCard .block table{color:#fff;font-size:13px;}
.beaMasterCard .block > table{margin:10px 0;}
.beaMasterCard .block table th{padding:2px 0;width:15px;text-align:left;vertical-align:top;font-size:13px;}
.beaMasterCard .block table td{padding:2px 0;line-height:1.3em}
.beaMasterCard .tbBox{position:relative;}
.beaMasterCard .tbBox img{display:block;}
.beaMasterCard .tbBox table{background-color:#545454;margin:0;border-spacing:1px;}
.beaMasterCard .tbBox td{background-color:#000;vertical-align:middle;*border:1px solid #545454;}
.beaMasterCard .tbBox .tbBoxTop{position:absolute;top:0;height:10px;}
.beaMasterCard .tbBox .tbBoxBtm{position:absolute;bottom:0;height:10px;}
.btnApplyFloat{z-index:1000;} 

.indicator .price{float: left;font-size: 120%;padding:7px 10px 0 0;line-height: 14px;}
.indicator .price span{float: left; padding:0 5px 0 0;}
.indicator .price b{float:left; font-size: 180%; color:#000;}
.indicator .top{padding:10px 0 0 0;}
.indicator .top .lineBk ul{background:url(../images/lineBk.jpg) repeat-x bottom;width: 100%;height: 30px;margin: 2px 0;}
.indicator .top .lineBk ul li{list-style:none; float:left;margin: 0; font-size:12px; padding:0 34px 0 0}
.indicator .top .lineBk ul li span{ color:#922a2c; padding:0 15px 0 0}
.indicator .top .lineBk ul li span.fou.fontlarge{ color:#922a2c !important;}
.indicator .top .lineBk ul li span.fir{ display:inline-block; width:83px;}
.indicator .top .lineBk ul li span.sec{ display:inline-block; width:71px; overflow:visible;}
.indicator .top .lineBk ul li span.thi{ display:inline-block; width:85px;}
.indicator .top .lineBk ul li span.fou{ display:inline-block; width:112px;}
.indicator .top .lineBk ul li.rowun{width:155px}
.indicator .top .lineBk ul li span.for{ display:inline-block; width:130px;}
.indicator .top .lineBk ul li span.fiv{ display:inline-block; width:85px;}
.indicator .underlying{background:url(../images/greyBk.jpg) repeat-x;width: 729px; padding:10px;}
.indicator .underlying .wrap{ background:#fbfbfb; border:1px solid #cecece; padding:15px;}
.indicator .underlying .wrap .left{float:left;}
.indicator .underlying .wrap b{ color:#922a2c;}
.indicator .underlying .wrap .txt{color:#000; width:600px;}
.indicator .underlying .wrap .txt h1{float:left; font-size:140%;  margin:0; padding-right:10px;}
.indicator .underlying .wrap .txt span{ font-weight:bold; font-size:150%; line-height: 25px;}
.indicator .underlying .wrap .defaultBtn{margin-top: 6px; font-size:13px;}
.indicator .chart{padding:10px 0 0 47px;}
.indicator.iv .chart{padding:10px 0 0 0;}
.compare .lineBk{background:url(../images/lineBk.jpg) repeat-x bottom;width: 100%;height: 45px;margin: 0px 0 10px 0;}
.compare .lineBk .tx{position:relative;}
.compare .lineBk .or{position: absolute;z-index: 50;padding-left: 360px;top: 29px;}
.compare .lineBk .or span{ background:#ffffff; display:inline-block; padding:4px; }
.compare .txbox{margin-right:10px; padding:5px; border:1px solid #cecece; width:70px;}

.calculator_inside .top{padding:0 0 5px 0;}
.calculator_inside .top .lineBk ul{background:url(../images/lineBk.jpg) repeat-x bottom;width: 100%;height: 30px;margin: 2px 0;}
.calculator_inside .top .lineBk ul li{list-style:none; float:left;margin: 0; font-size:12px; padding:0 40px 0 0}
.calculator_inside .top .lineBk ul li.firw{width:200px;}
.calculator_inside .top .lineBk ul li.secw{width:200px;}
.calculator_inside .top .lineBk ul li span{ color:#922a2c; padding:0 15px 0 0}
.calculator_inside .top .lineBk ul li span.fir{ display:inline-block; width:122px;}
.calculator_inside .top .lineBk ul li span.sec{ display:inline-block; width:120px;}
.calculator_inside .top .lineBk ul li span.thi{ display:inline-block; width:130px;}

.calculator_inside_cbbc .top{padding:0 0 5px 0;}
.calculator_inside_cbbc .top .lineBk ul{background:url(../images/lineBk.jpg) repeat-x bottom;width: 100%;height: 30px;margin: 2px 0;}
.calculator_inside_cbbc .top .lineBk ul li{list-style:none; float:left;margin: 0; font-size:12px; padding:0 40px 0 0}
.calculator_inside_cbbc .top .lineBk ul li.firw{width:192px;}
.calculator_inside_cbbc .top .lineBk ul li.secw{width:200px;}
.calculator_inside_cbbc .top .lineBk ul li span{ color:#922a2c; padding:0 15px 0 0}
.calculator_inside_cbbc .top .lineBk ul li span.fir{ display:inline-block; width:122px;}
.calculator_inside_cbbc .top .lineBk ul li span.sec{ display:inline-block; width:120px;}
.calculator_inside_cbbc .top .lineBk ul li span.thi{ display:inline-block; width:130px;}

.search .lineBk{background:url(../images/lineBk.jpg) repeat-x bottom;width: 100%;height: 45px;margin: 0px 0 10px 0;}
.search .lineBk .tx{position:relative; font-size:13px; line-height:normal;}
.search .lineBk .or{position: absolute;z-index: 50;padding-left: 360px;top: 29px;}
.search .lineBk .or span{ background:#ffffff; display:inline-block; padding:4px; }
.search .subtitle{ float:left; padding:8px 5px 0 0; color:#922a2c;}
.search .subtitle.underlying{ padding-left:10px;}
.search .subtitle.sector_search{ padding-left:10px;}
.search .subtitle.underlyingann{ padding-left:10px;}
.search .txbox{padding:5px; border:1px solid #cecece; width:120px; float:left;margin-top: 3px;}
.search .txboxshort{padding:5px; border:1px solid #cecece; width:70px; float:left;margin-top: 3px;}
.search .right{float:right; padding-top: 5px; font-size:12px;}
.search .result{margin-top:15px; width: 749px; overflow-y: hidden; overflow-x: scroll;}
.search .btm{}
.search .middle{font-size:13px; line-height:normal;}
.search .cell{width: 120px;height: 53px;padding-bottom: 15px;}
.search .cell span{display:block; padding-bottom:6px; color:#922a2c;}
.search .cellBig {width:275px; height:48px}
.search .cellBig.short {width:225px; height:48px}
.search .cellBig span{float:left; display:inline-block; padding-top:5px; padding-right:5px;}
.search .cellBig span.lines{padding-top:0; }
.search .cellBig span.darkred{ width:95px; padding-left:10px;}
.search .cellBig span.darkred.short{ width:50px; padding-left:10px;}
.search .cellBig input{float:left; padding:5px; border:1px solid #cecece; width:50px; margin-right:5px;}
.search .cellLong{width: 300px;height: 53px;padding-bottom: 15px;}
.search .cellLong span{display:block; padding-bottom:6px; color:#922a2c;}

.sec {position: relative; width: 649px; overflow: hidden;}
.sector {position: relative; width: 649px !important; overflow: auto;}
.sector ul {list-style: none; width: 1947px !important;}
.sector ul li {display: block; float: left; width: 649px !important; padding-right:0;}
.sector .inner {padding: 160px 0 110px;}
.sector .dots {position: absolute; left: 290px; right: 0; bottom: 20px; width: 100%; /*top:480px;*/}
.sector .dots li {padding-right: 10px;display: inline-block;line-height: 10px;margin: 0 4px;text-indent: -9999px; cursor: pointer;width:11px;height:11px;background: url(../images/dotoff.gif) no-repeat;}
.sector .dots li.active {background: url(../images/doton.gif) no-repeat;width:11px;height:11px;}

.secBlue{background: url(../images/sec_blue.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secEtf{background: url(../images/sec_etf.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secIndices{background: url(../images/sec_indice.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secOil{background: url(../images/sec_oil.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secTele{background: url(../images/sec_tele.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secHotel{background: url(../images/sec_hotel.jpg) no-repeat;width:202px !important;padding-top:110px;}

.secTech{background: url(../images/sec_tech.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secReal{background: url(../images/sec_real.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secEnergy{background: url(../images/sec_energy.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secInsurance{background: url(../images/sec_insurance.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secBank{background: url(../images/sec_bank.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secShip{background: url(../images/sec_ship.jpg) no-repeat;width:202px !important;padding-top:110px;}

.secFood{background: url(../images/sec_food.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secChinese{background: url(../images/sec_chin.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secConsumer{background: url(../images/sec_consu.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secResource{background: url(../images/sec_res.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secConstruction{background: url(../images/sec_construct.jpg) no-repeat;width:202px !important;padding-top:110px;}
.secIndustrial{background: url(../images/sec_indust.jpg) no-repeat;width:202px !important;padding-top:110px;}

.sectorTx ul{width:670px !important; height:500px;}
.sectorTx ul li{float:left;width:202px !important;padding-right:21px;}
.sectorTx .codechg{padding-bottom:10px;}
.sectorTx .codechg h1{font-size:130%;line-height: 27px;}
.sectorTx .codechg h1 a{color:#000000;}
.sectorTx .codechg p{margin:0;}

div#calendar_month{ font-size:13px;}
div#calendar_month h5{float:left;width:auto; font-weight:bold;}
div#calendar_month ul{clear:none;float:none;}
div#calendar_month ul.scrolltab_panel_fake {margin:0;}
div#calendar_month ul.scrolltab_panel_fake li {float: left;display: block;padding: 3px 8px 0px 8px; height: 18px; line-height:16px; position: relative;margin-bottom: 5px;margin-left:5px; margin-top: 5px;text-decoration:none;cursor:pointer;}
div#calendar_month ul.scrolltab_panel_fake li:hover {text-decoration:underline;}
div#calendar_month ul.scrolltab_panel_fake a.general {margin-top: 10px;float: left;text-decoration:none;}
div#calendar_month ul.scrolltab_panel_fake li:first-child {margin-left:10px;}
div#calendar_month ul.scrolltab_panel_fake li.current {padding: 3px 12px 0px 12px; background:#ee171f;font-weight: bold;color: #ffffff;text-decoration:none;}
div#calendar_month ul.scrolltab_panel_fake li.current:hover {text-decoration:none;}

#pager{padding-top:15px;}
.group a{width:21px; height:21px; color:#000; display:inline-block; font-size: 12px; text-align: center; line-height: 21px; text-decoration: none; margin-right:5px;}
.group a.current{background: #ed171f;color: #fff;}
.group a.pbtn{text-indent: -9999px;}
.group a.pbtn.first{background: url(../images/icon_firstlink.gif) no-repeat ;}
.group a.pbtn.prev{background: url(../images/icon_previous.gif) no-repeat;}
.group a.pbtn.first.pgEmpty{background: url(../images/icon_firstlink_disable.gif) no-repeat;}
.group a.pbtn.prev.pgEmpty{background: url(../images/icon_previous_disable.gif) no-repeat;}
.group a.pbtn.next{background: url(../images/icon_next.gif) no-repeat;}
.group a.pbtn.last{background: url(../images/icon_lastlink.gif) no-repeat;}
.group a.pbtn.next.pgEmpty{background: url(../images/icon_next_disable.gif) no-repeat;}
.group a.pbtn.last.pgEmpty{background: url(../images/icon_lastlink_disable.gif) no-repeat;}

.bubbleMsg select{width: 240px; height: 20px; margin-bottom: 5px; position:absolute; z-index: 10; margin-top:24px; font-size:13px;}
.img_sector{width: 381px; height: 161px; overflow: hidden; position: absolute; top: 3px; z-index: 0; left: 8px;}
.img_sector img{width:100%;}
.default_text{position:absolute; z-index:1; top: 72px; color: #f00; font-size: 16px; font-weight: bold; line-height:normal; font-family: Arial, Helvetica, \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", Verdana, sans-serif;}

/*Chart*/
.greyContainerBody .freeTextArea .indicator .chart{ padding: 10px 0 0 0;}
.greyContainerBody .freeTextArea .indicator .chart h2{ text-align: center;}
.greyContainerBody .freeTextArea .indicator .showdate{text-align: right; /*padding-right:134px;*/}
.greyContainerBody .freeTextArea .indicator .showdate a{padding:0 5px;}
.greyContainerBody .freeTextArea .indicator .showdate a.current{text-decoration:underline; color:#000;}

/*related table*/
.related_table h2{ margin: 20px 0 0 0;}
.related_table {padding: 0; clear: both; background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; }
.related_table li {background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; height: 37px; float:left; border: none; margin:0; text-align: center; list-style:none !important; margin-left:0 !important;}
.related_table li a {display: block; padding: 10px; float:left; color: #5e5e5e; text-align: center; width: inherit; font-size:13px; line-height: 16px;}
.related_table li.active {background: url(../images/ico_arrow.png) center bottom no-repeat; padding-bottom: 8px;}
.related_table li.active a {color:#ffffff; background: #ee171f; width: inherit; text-align: center; font-size:13px; line-height: 16px;}
.related_table table{width:100%;}
.related_table table thead tr td {background: #ff9e1c; color: #ffffff; font-weight: bold; text-align: left; }
.related_table table tbody tr td {background: #ffffff; border-bottom: 1px solid #cfcfcf; text-align: left; }
.related_table table tbody tr:hover td {border-bottom: 1px solid #ffd300; background: url(../images/listBk.jpg) repeat-x;}
.relatedTabletab{padding: 0; clear: both; background: url(../images/inner-post-menu-shadow.jpg) repeat-x left bottom; height: 37px;}
.related_table #related_table_content table td.align_r{ text-align:right;}
.related_table #related_table_content table th.align_r{ text-align:center;}
.related_table #related_table_content table td.align_c{ text-align:center;}

#searchResult table td.align_r{ text-align:right;}
#searchResult table th.align_r{ text-align:center;}

/*chart_outstanding*/
.chart_outstanding{ text-align:center;}
.chart_iv, .moneyflow_chart{ text-align:center;}
tr.bea td { font-weight:bold;}

.calsetBtn{cursor:pointer;}

/* market Top 10 */
.marketTop_tab h2{ margin: 20px 0 10px 0;}

/*pop_disclaimer*/
#confirmBox_new{
	background: #ffffff;
	width:70%;
	height:55%;
	min-height:360px;
	position: absolute;
	left:15%;
	top:15%;
	margin:0;
	border: 1px solid #ececec;
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index:99;
	position:relative;
}
@media screen and (max-width:800px){
	#confirmBox_new{width:90%; top:8%; left:5%;}
	}
#confirmBox_new .terms{
	width:100%;
	height:48%;
}
#confirmBox_new .terms .inside{
	margin-right:15px; margin-left:15px;
	height:100%;
	overflow-y:scroll;
	border:1px solid #ccc;
}
#confirmBox_new .terms p, #confirmBox_new .terms ol{
	padding:0 15px 0 15px;
	font-size: 12px;
	line-height:19px;
}
#confirmBox_new .terms li{
	line-height:19px;
	padding:0 15px 0 6px;
	color:#666;
}
#confirmBox h1,
#confirmBox p,
#confirmBox_new h1,
#confirmBox_new p{
}
#confirmBox_new h1{
	position:relative;
	border-bottom: 5px solid #ed171f;
	color: #ed171f;
}
#confirmBox_new .close{
	position:absolute;
	right:11px;
	top:11px;
	background-image:url('../images/icon_close.jpg');
	background-repeat:no-repeat;
	width:28px;
	height:28px;
}
#confirmBox h1,
#confirmBox_new h1{
	/*letter-spacing:10px;*/
	font-size:22px;
	font-weight:bold;
	text-align:center;
	height:50px;
}
#confirmBox_new h3{
	padding-left:15px !important;
}
#confirmBox p{
	background:#f5f5f5;
	font-size:17px;
	font-weight:bold;
	line-height:1.4;
	padding: 15px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	text-align:center;
}
#confirmBox_new p{
	font-size:15px;
	font-weight:normal;
	line-height:1.4;
	padding:0 15px 5px 15px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	text-align:left;
}
#confirmBox_new .right_icon{
	position:absolute;
	right:0;
	top:0;
}
#confirmBox_new .right_icon .lang_button{
	background:url(/home/images/bg_popup_lang_icon.jpg) no-repeat;
	width:55px;
	line-height:32px;
	font-size:15px;
	color:#ef1722;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 17px 10px 0 0;
}
#confirmBox_new .right_icon .lang_button.en{
	font-size:13px;
}
#confirmBox_new .right_icon .lang_button a{
	color:#EF1722;
}
#confirmBox_new .right_icon .lang_button a:hover{
	text-decoration:underline;
}
#confirmButtons a{
	margin-right:15px;
}
#confirmBox p a, #confirmBox_new p a{}
#confirmBox_new #confirmButtons{
	text-align:center;
	padding: 12px 25px;	
	margin-bottom:10px;
	margin-top: 10px;
	}
#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
	padding: 12px 25px;	
	margin-bottom:20px;
	margin-top: 2px;
}
#confirmBox .button, #confirmBox_new .button{
	display: inline;
	bottom:3%;
	background:url('/home/images/buttons.png') no-repeat;
	color:white;
	font-size:15px;
	position:relative;
	height: 33px;	
	margin-right: 15px;
	padding: 7px 27px 8px 27px;
	text-decoration:none;
	border:none;
}
.ie8 #confirmBox .orange, .ie8 #newsletterBox .orange,{	background-position:left 1px;}
.ie7 #confirmBox_new .button{position:relative; bottom:-1px;}
#confirmBox .orange, #confirmBox_new .orange{	background-position:left top;}
#confirmBox .orange:hover, #confirmBox_new .orange:hover{	background-position:left bottom;}
#confirmBox .gray, #confirmBox_new .gray{	background-position:-70px top;}
#confirmBox .gray:hover, #confirmBox_new .gray:hover{	background-position:-70px bottom;;}
.fontlarge, .fontlarge td{ font-size:14px; color: #000!important;}
.home_sector{ width:195px; color:#a0111f; font-weight:bold; position:absolute; top:6px; left:8px; z-index:2;}
.sectorTx ul li {position:relative;}


#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: url('../images/ie/ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.2)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:100000;
}
input.share_owned{
	width:40px;
}
p.flow_description {
	font-size:12px;
}
p.flow_description span{
	font-size:16px;
}

.homeLoginBox li{
	margin-left: 0;
	border-top:none;
	margin-bottom: 0;
}
.homeLoginBox .ac_results{
	width: 230px!important;
	margin-left: 20px;
	margin-top: 24px;
}

/*inline warrants========================================================================*/
.inline-search .item{
	overflow: hidden;
	margin-bottom: 10px;
}

.inline-search .item .subtitle{
	width: 60px;	
}

.inline-search .item .cellBig{
    width: 249px;
}

.inline-search .cellBig span.darkred{
	width: 60px;
	padding-left: 0;
}

.col-three{
	float: left;
    width: 33.333333%;
}

#inline_warrant_table{
	margin-top: 10px;
}

#inline_warrant_table .result{
    overflow-y: hidden;
    overflow-x: scroll;
}

.cas-table .level{
	background: #efefef;
}

#inline_tab .calculator_inside .top li.firw span.fir{
	width: 95px;
}

.calculator_controller {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    overflow: hidden;
}

.calculator_controller .calculator_box{
    display: block;
    width: 100%;
}

.ranger{
  float: left;
  width: 75%;
}

.calculator_controller_bottom_line {
    float: left;
    margin-bottom: 8px;
    width: 25%;
}

.date_link{
	display: block;
    margin-top: 21px;
    color: #fff;
    background: #ee171f;
    width: 50px;
    height: 15px;
    padding: 5px;
    text-align: center;
}

.table-info table{
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-right:  1px solid #cfcfcf;
}

.table-info table td{
	background-color: #fff;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
}

.table-info table tr td:first-child{
	text-align: right;
}

.disclaimer-text{
	padding-left: 4px;
	display: block;
}

.edu-up{
	background: url(/home/images/en/inline-up.png) no-repeat;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -99999px;
	margin: 0 auto;
}

.edu-down{
	background: url(/home/images/en/inline-down.png) no-repeat;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -99999px;
	margin: 0 auto;
}
/*===================================================================*/
/*.highcharts-tooltip-box > span {
    background: #FFF;
    border: 2px solid #ed171f;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0px 0px 3px #ed171f;
}*/

.highcharts-tooltip-box > span{ left:0!important; top:0!important;}
.highcharts-tooltip-box .chart_tooltip .stime{ background:#ed171f; color:#fff;}
.highcharts-tooltip-box .chart_tooltip > div{ padding:3px 8px; width: 100%;}
.chart_panel{ background:none!important; border:1px solid #cecece; border-radius:4px; font-size:14px; color:#000; margin-top:10px;}
.chart_panel .top{ display:flex; justify-content:space-between; padding:10px;}
.chart_panel .top label{ margin-right:5px;}
.chart_panel .top label.one { color:#73934a;}
.chart_panel .top label.two { color:#5c7e9a;}
.chart_panel .top label.three { color:#c7bd76;}
.chart_panel .top label.four { color:#564b39;}
.chart_panel .top label.five { color:#08025c;}

.chart_panel .part, .chart_panel .line{ display:flex; align-items:center;}
.chart_panel .bottom{ background:#f7f7f7; padding:10px;}
.chart_panel .tl{ padding-right: 15px;}
.chart_panel input[type="text"]{ width:70px;}
.chart_panel .showtype button{ padding: 3px 5px; border: 1px solid #ff9e1c; box-shadow: 0 0 5px #ddd; background: #fff; border-radius: 4px; margin: 0 2px; cursor:pointer;}
.chart_panel .showtype button.current{ background:#ff9e1c; color:#fff;}
button.showtype{ padding: 0 5px; border: 1px solid #ee171f; box-shadow: 0 0 5px #ddd; background: #fff; border-radius: 4px; margin: 0 2px; cursor:pointer;}
button.showtype.current{ background:#ee171f; color:#fff;}
.chart_panel .bottom .line{ padding: 3px 0;}
.chart_panel .bottom .line .tl{ width:200px; text-align:right;}
.chart_panel .bottom .line label.empty{ width:45px; display:block; float:left;}
.chart_panel .button_area{ text-align:right; margin-top:5px;}
.chart_panel .button_area button{ background:#ff9e1c; border-radius:4px; padding:3px 10px; border:none; color:#fff; cursor:pointer;}

				.moneyflow_chart{ position:relative; padding:25px 0;}
				.moneyflow_chart .chart{ display:flex; width:100%; align-items:center;} 
				.moneyflow_chart .chart .inflow{ display:flex; width:50%; justify-content:space-between; position:relative;}
				.moneyflow_chart .chart .outflow{ display:flex; width:50%; justify-content:space-between; position:relative;} 
				.moneyflow_chart .col{ width:20%; padding:17px 0;}
				.moneyflow_chart .top{ height:120px; display:flex; flex-direction:column; justify-content:flex-end;}
				.moneyflow_chart .inflow .top{ padding:0 17px; position:relative;} 
				.moneyflow_chart .bar{ height:100%; position:relative; box-shadow:1px 1px 3px #a7a7a7; position:relative;}
				.moneyflow_chart .bar:hover .moneyflow_popup{ display:block!important; z-index:1; position:absolute; background:#fff; border:2px solid #ee171f; padding:2px 5px; min-width:100px; border-radius:4px; top:50%; left:50%; transform:translate(-50%, -50%);}
				.moneyflow_chart .bar.in{ background:#ff9e1b;}
				.moneyflow_chart .bar.out{ background:#ee171f;}			
				.moneyflow_chart .bottom{ height:120px; display:flex; flex-direction:column; justify-content:flex-start;}
				.moneyflow_chart .outflow .bottom{ padding:0 17px;} 
				.moneyflow_chart .underlying{ background:#e6e6e6; padding:5px 0; color:#000;}
				.moneyflow_chart .underlying .code .long{ color:#108d01; font-weight:bold;}
				.moneyflow_chart .underlying .code .short{ color:#ee171f; font-weight:bold;}
				.moneyflow_chart .inflow .top .change{ position:absolute; top:-17px; left:50%; transform:translate(-50%, 0); line-height:1;}
				.moneyflow_chart .outflow .bottom .change{ position:absolute; bottom:-17px; left:50%; transform:translate(-50%, 0); line-height:1;}
				.moneyflow_chart .label{ width:30px; padding:0 3px; line-height:1.2;}
				.moneyflow_chart label.flowin{ position:absolute; top:0; right:0; font-size:18px; color:#ff9e1b; font-weight:bold;}
				.moneyflow_chart label.flowout{ position:absolute; bottom:0; left:0; font-size:18px; color:#ee171f; font-weight:bold;}
				.moneyflow_chart .inflow .bottom .code{ margin-top:3px;}
				.moneyflow_chart .outflow .top .code{ margin-bottom:3px;}
				.moneyflow_chart .code a{ color:#000; line-height:1.2; font-weight:bold;}
				.moneyflow_chart .code a:hover{ text-decoration:underline;}
				.moneyflow_chart .chart .outflow .label{ position:absolute; width:100%; top: 65px;}
				.moneyflow_chart .chart .inflow .label{ position:absolute; width:100%; bottom: 65px;}
 
				.freeTextArea .remark{ margin-top:15px;}
				.freeTextArea .remark > span{ padding:0 5px;}
				.freeTextArea .remark > span:first-child{ padding-left:0;}
				.freeTextArea .remark .flowin{ color:#ff9e1b;}
				.freeTextArea .remark .flowout{ color:#ee171f;}
				.freeTextArea .remark .long{ color:#108d01;}
				.freeTextArea .remark .short{ color:#ee171f;}