@charset "UTF-8";
.banner_kv { background-image: url(top_banner.png); }
.main_banner_section { background-position:top left;}

@media (max-width: 780px) {
.banner_kv { background-image: url(top_banner_m.png); }
.main_banner_section.page_banner { background-position:center center;}
}

.bg {padding: 0 38px;}

.headline {font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; margin: 10px 0;}
.headline b {color: #e50000;}
.headline span {font-size: 120%;}

.line1 {border-top: 1px solid #666666; margin: 5px 0;}
.headline1 {font-size: 24px; line-height: 38px; font-weight: bold; width: 150px; background-color: #fff; margin: 0 auto; text-align: center; margin-top: -25px;}

.trade {margin-top: 30px;}


.riskbox {border: 1px solid #b0b0b0; padding:15px; font-size: 15px; line-height:20px; color: #222222; text-align: justify;  overflow-y: scroll; height: 100px;}
.riskbox p {font-size: 15px; line-height:20px;}
.riskbox li {margin-left: 20px;}

.inword {font-size: 24px; line-height: 38px; text-align: justify;  color: #333333; padding: 0 0px; margin-top: 30px;}
.inword b {color: #e50000;}
.inword span {font-size: 36px;}
.inword li {margin-left: 50px;}


.supup {vertical-align: super;}
.table {text-align: center; margin-bottom: 0px; margin-top: 20px;}

.tnc {margin-top: 30px; font-size: 13px;}
.tnc p {font-size: 13px;}
.tnc li {margin-left: 20px;}
.details {margin-top: 20px;}
.app {text-align: center;  margin-top: 30px;}
.app img {width: 380px; }

.act {font-size: 30px; line-height: 45px; color: #e50000; font-weight: bold; text-align: center; margin-top: 30px;}
.hot img {margin-top: 20px;}

.popword {margin-top: 30px; font-size: 19px; line-height: 35px; text-align: justify;}

.ptable img {margin-top: 10px;}

.m {display: block;}
.mc {display: none;}

.url img {height: 11px;}

.line {border-top: 4px solid #d0d0d0; margin: 5px 0;}
.sampleclick { color: #333333; font-size: 23px; line-height: 40px; text-align: center; font-weight: bold; padding-top: 0px; }
.sampleclick a {color: #00711f; text-decoration: underline;}
.sampleclick a:hover {color: #005016; text-decoration: underline;}
.tncarea {width: 660px; margin: 0px auto;}
.top {margin-top: 0px;}

.light {width: 50px; float: left; text-align: center;}
.light img {width: 40px; margin-top: 6px; margin-left: 15px;}
.lightword {width: 100%; padding-left: 60px; padding-top: 10px; text-align: left;}
.lightword img {width: 18px;}

.lightword1 {width: 100%; padding-left: 70px; padding-top: 15px;}
.lightword1 img {width: 18px;}

@media (max-width: 780px) {
.inword {font-size: 18px; line-height: 35px; text-align: justify;  color: #333333; padding: 0 0px;}	
.inword img {height: 40px; margin-top: -6px;}	
.bg {padding: 0 15px;}	
.table img {width: 100%;}	
.m {display: none;}
.mc {display: block;}
.tnc {width: 100%; margin: 0 auto;}	
}


@media (max-width: 700px) {
.sampleclick {height:70px; color: #fff; font-size: 18px; line-height: 25px; text-align: center; font-weight: bold; padding-top: 5px; }
.tncarea {width: 100%; margin: 0px auto;}
.act {font-size: 23px; line-height: 45px; color: #e50000; font-weight: bold; text-align: center; margin-top: 30px;}	
.inword span {font-size: 28px;}	
.headline {font-size: 30px; line-height: 40px; font-weight: bold; text-align: center; margin: 10px 0;}	
}


.td-50 {width: 50%;}
.remarkTable td { border:1px solid #000; padding:3px; text-align:center; background-color:#ffffff; }
.url img {height: 11px;}	
.remarkTable1 td { border:1px solid #000; padding:3px; text-align:left; background-color:#ffffff; }
.remarkTable1 .color {background-color: #E7E7E7;}

.remarkTable1 .textright {text-align: right;}
.remarkTable1 .textcenter {text-align: center;}

.hidden { margin:10px 0 0 0; display:table; width:100%; position:relative; padding:0 0 0px 0; }
.hidden.tnc { padding:0; }
.hidden .btn_tnc,
.hidden .btn_tnc:focus{font-size:18px; padding:0 0px; font-weight:normal; background:#ffffff; color:#222222; display:block; display:table; float:left;}
.hidden .btn_tnc:after{ content:' '; text-indent:-999em; background:url(http://www.hangseng.com/cms/emkt/pmo/common/img/icon_15px.png) no-repeat 0px -90px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#000; }
.hidden .btn_tnc:hover:after{ background-position:0px -90px; }
.hidden .btn_tnc.expanded:after{ background-position:-15px -90px; }
.hidden .btn_tnc.expanded:hover:after{ background-position:-15px -90px; }
.hidden.tnc .content {
	height: 150px;
    width: 100%;
	border:0;
    overflow: hidden;
    overflow-y: scroll;
}
.hidden .content { color:#000000; position:relative; padding:0px }
.hidden .content ol { margin-top:10px; margin-left: 0px;}
.hidden .content li {font-size:13px; line-height:18px; }	
.hidden .ptable1 img {width: 75%;}

@media (max-width: 700px) {
.td-50 {width: 65%;}	
.hidden .ptable1 img {width: 100%;}
.popword {margin-top: 30px; font-size: 17px; line-height: 30px; text-align: justify;}	
}

.ui-table4 { border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px;}
.ui-table4 th, .ui-table4 td { font-size: 23px; line-height: 30px; color: #333333;  text-align: center;}
.ui-table4 th { border-right: 1px solid #666666; border-left: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #f7f7f7; font-weight: normal; border-top: 1px solid #666666;}

.ui-table4 td {background-color: #ffffff; border-right: 1px solid #666666; border-left: 1px solid #666666; border-bottom: 1px solid #666666;}


.hotline {font-size: 30px; font-weight: bold; text-align: center;  margin: 0 auto; margin-top: -30px; background-color: #fff;}
.hotlinetop {margin-top: 30px;}
.area1 {width: 25%; float: left; text-align: center; font-size: 22px; line-height: 35px; }
.area1 span {font-size: 30px; font-weight: bold;}
.hotline-area {margin-top: 20px;}

.lileft {width: 15px; float: left;}
.liword {width: 100%; padding-left: 15px;}
.cent {text-align: center;}

@media (max-width: 780px) {
.top {margin-top: 30px;}	
.ui-table4 th, .ui-table4 td { font-size: 18px; line-height: 30px; color: #333333;  text-align: center;}	
.ui-table4 .thbig {font-size: 22px; line-height: 30px; font-weight: bold;}
.ui-table4 .redword b {color: #e50000; font-size: 28px;}	
.area1 {width: 25%; float: left; text-align: center; font-size: 13px; line-height: 25px; }
.area1 span {font-size: 19px; font-weight: bold;}	
}