@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: 30px; line-height: 40px; font-weight: bold; text-align: center; margin: 10px 0;}

.line1 {border-top: 1px solid #666666; margin: 5px 0;}
.headline1 {font-size: 22px; line-height: 35px; font-weight: bold; width: 280px; 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: 14px; line-height:20px; color: #222222; text-align: justify;  overflow-y: scroll; height: 100px;}
.riskbox p {font-size: 14px; line-height:20px;}
.riskbox li {margin-left: 20px;}

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



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

.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: 18px; line-height: 28px; 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 { height:65px; color: #333333; font-size: 20px; line-height: 24px; text-align: left; font-weight: bold; padding-top: 5px; }
.sampleclick a {color: #00711f; text-decoration: underline;}
.sampleclick a:hover {color: #005016; text-decoration: underline;}
.light {width: 50px; float: left; text-align: center;}
.light img {width: 40px; margin-top: 6px; margin-left: 15px;}
.lightword {width: 100%; padding-left: 70px;}
.lightword img {width: 18px;}

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

.tncarea {width: 755px; margin: 0px auto;}
.top {margin-top: 0px;}
.break {display: block;}

@media (max-width: 780px) {
.inword {font-size: 18px; line-height: 30px; text-align: justify;  color: #333333; padding: 0 0px;}	
	
.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:65px; color: #fff; font-size: 18px; line-height: 25px; text-align: left; font-weight: bold; padding-top: 5px; padding-right: 10px;}
.break {display: none;}	
.light {width: 40px; float: left; text-align: center;}
.lightword {width: 100%; padding-left: 60px;}
.lightword1 {width: 100%; padding-left: 60px; padding-top: 0px;}
.light img {width: 40px; margin-top: 0px; margin-left: 15px;}
.tncarea {width: 100%; margin: 0px auto;}

	
}

.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; line-height: 23px; 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 .content { color:#000000; position:relative; padding:10px 0px; }
.hidden .content ol { margin-top:10px; margin-left: 0px;}
.hidden .content li {font-size:13px; line-height:18px; }	
.hidden .ptable1 img {width: 80%;}

@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: 20px; line-height: 28px; 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;}

.ui-table4 .thbig {font-size: 24px; line-height: 32px; font-weight: bold;}
.ui-table4 .redword  {color: #e50000; font-weight: bold;}
.ui-table4 .redword b {color: #e50000; font-size: 32px;}
.hotline {font-size: 24px; font-weight: bold; text-align: center; width: 230px; margin: 0 auto; margin-top: -20px; background-color: #fff;}
.hotlinetop {margin-top: 30px;}
.area1 {width: 25%; float: left; text-align: center; font-size: 20px; line-height: 35px; }
.area1 span {font-size: 28px; font-weight: bold;}
.hotline-area {margin-top: 20px;}

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



@media (max-width: 780px) {
.hotline {font-size: 20px; font-weight: bold; text-align: center; width: 200px; margin: 0 auto; margin-top: -25px; background-color: #fff;}	
.headline {font-size: 28px; line-height: 40px; font-weight: bold; text-align: center;}	
.top {margin-top: 30px;}	
.ui-table4 th, .ui-table4 td { font-size: 17px; line-height: 23px; color: #333333;  text-align: center;}	
.ui-table4 .thbig {font-size: 20px; line-height: 28px; font-weight: bold;}
.ui-table4 .redword b {color: #e50000; font-size: 24px;}	
.area1 {width: 25%; float: left; text-align: center; font-size: 13px; line-height: 25px; }
.area1 span {font-size: 19px; font-weight: bold;}	
}