﻿

div.quote-chart {
    height: 320px;
    margin-bottom: 30px;
    width: 95%;
}


.part-content{ padding-top:20px}
.part-content img{ float: left;border-radius: 5px; margin: 3px 15px 5px 0}
.part-content h3{ font-size: 16px; color: #439dff; ;}
.quote-title { padding: 2px 8px; font-size:14px ; color: #666; background:#dfdfdf; border-radius: 3px; margin-bottom: 10px}





.read-conter table {
    border: 1px solid #ccc;
    width: 100%;
}
.read-conter td,.read-conter th{ border: 0;text-align: center;
}
.read-conter td{ border:1px solid #eee;}
.read-conter strong,.read-conter b{ color: #333}
.read-conter thead th,.read-conter th {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #ccc;
    color: #333;
   
}





.download-block{ float:left}
.download-block a{ display: block; width: 237px; height: 50px; margin: 10px auto; margin-top:2px;border:1px solid #9e1919;background: #fff; box-shadow: 0 4px 0 rgba(0,0,0,0.3);
 line-height: 50px; color: #bb1717; font-size: 16px;text-align: center; transition:all 500ms;}
a.download_btn.android { border-color:#039; color:#039}
.download-block a .d_log{ display: block; height: 100%; width: 73px;background:url(pic_def.png) no-repeat -126px -73px #d71d2c; float: left; }


.mobile_down{ display: block;width: 150px; height: 40px ; line-height: 40px; background: #bb1919; text-align: center; color: #fff; font-size: 14px; margin: 10px auto}
.mobile_down:hover{ background: #fc2b2b;}




.news_hr{ height: 0 ; border-bottom: 1px solid #ccc; width: 100%;  margin: 20px auto}

.autoNews_ul li{ background: url(arr_li.gif) no-repeat left center; text-indent: 15px}
.autoNews_ul li a{ color: #666}
.autoNews_ul li em{ float: right;}

.bankpartnerscontent h2 {
    border-bottom: 1px solid #CCCCCC;
    color: #c02402;
    font-size:14px ;
    font-weight:bold;
    padding-bottom: 3px;
    padding-left:30px;
    margin-top:30px;
    background:url(cb-tick.png) no-repeat left
}
.bankpartnerscontent h3 {
    color: #113C4F;
    font-size:12px ;
    font-weight:bold;
}
.bankpartnerscontent p {
    /*font-size: 12px;*/
    margin: 5px;
    text-align: justify;
    text-indent: 0;
}
.bankpartnerscontent p span {
    color: #c02402;
    font-size:14px ;
    font-weight:bold;
}
.bankpartnersnote {
    border-bottom: 1px dashed #c02402;
    color: #c02402;
    padding-bottom: 2px;
    width: 565px;
}
.bankpartnerscontent p a {
    font-size:14px ;
    font-weight:bold;
    text-decoration: none;
}
.bankpartnerscontent p a:link {
    color: #c02402;
}
.bankpartnerscontent p a:visited {
    color: #c02402;
}
.bankpartnerscontent p a:hover {
    color: #c02402;
}
.bankpartnerscontent p a:active {
    color: #c02402;
}
p.intr-p{text-indent: 2em;}

.mcon table {
    border: 1px solid #ccc;
    width: 100%;
}
.mcon td,.mcon th{ border: 0;text-align: center;
}
.mcon td{ border:1px solid #eee;}
.mcon strong,.mcon b{ color: #333}
.mcon thead th,.mcon th {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #ccc;
    color: #333;
   
}

.safe-ulist{ margin: 20px auto}
.safe-ulist li {
    background: url("cb-tick.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
    line-height: 36px;
    margin-left: 18px;
    padding-left: 26px
}
.pbox-con{ border: 1px solid #e7e7e7; background: #fbfbfb; border-radius: 6px; padding: 13px 16px}
.pbox-con h4{ color: #ea1d1d; font-size: 14px; line-height: 28px;  text-indent: 2em}
.pbox-con .fscs{
    background: url("partner-bg.png") no-repeat  -549px -81px;
    height: 47px;
    width: 132px;
    margin-top: 30px; margin-left: 20px
}
.pbox-con .safelist{ margin-top: 30px}
.pbox-con .safelist li {
    background: url("disc_red.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0);
    line-height: 25px;
    margin-left: 18px;
    padding-left: 26px;
}
.pbox-con .paiz-pp {
    border-bottom: 1px solid #e7e7e7;
    margin-top: 15px;
    padding: 0 19px 17px;
}
.pbox-con .safe-ulist-hei li {
     background: url("partner-bg.png") no-repeat  -795px -109px;
    line-height: 18px;
}
.pbox-con .fscs-btn{padding-right: 15px; background: url(arrow_red.gif) no-repeat right;}
p{ text-indent: 2em;line-height:30px}

.fca_list2 li{ text-indent:26px; background: url(arrow_red.gif) no-repeat 15px 9px; font-size: 12px; color: #444}
.joinus ul li{ list-style: disc; margin-left: 15px}
.joinus h4 { color: #b21717; font-size: 15px ; font-weight: bold; margin-top: 13px;}

.agent_intro p{ margin: 10px 0}
.agent_intro h4{ color: #4f84be; font-weight: bold; margin: 20px 0 10px; font-size: 15px; text-indent: 25px; background: url(cb-tick.png) no-repeat left center;}
.agent_intro .howto{ float: right; /*border: 1px solid #aaa; */width: 360px; padding: 10px; margin:  0 0 20px 20px; height: 150px}
.agent_intro .agent_ul{ width: 46%; float: left; background: url(agentul.png) no-repeat left top; height: 100px; margin: 20px 0; }
.agent_intro .agent_ul li{ text-indent: 100px}
.agent_intro .reg_agdiv{ text-align:center; color: #4f84be; font-size: 24px; margin-top: 30px; line-height: 40px}
.agent_intro .reg_agent{ display: block; width: 180px; height: 40px; color: #fff; background: #4f84be; font-size: 18px; margin: 10px auto; line-height: 40px}
.border-top {
    border-top: 1px solid #9caebe;
    overflow: hidden;
    padding: 17px 0 0;
    width: 100%;
}
.border-bottom {
    border-bottom: 1px solid #9caebe;
    overflow: hidden;
    padding: 0 0 45px;
    width: 100%;
}
#pc_mt4 { font-size: 16px; color: #696969; height:700px}
#pc_mt4 h1.page-title{ font-size: 22px; color: #999}
#pc_mt4 .grid_left{ float: left; width: 50%; padding: 5px}
#pc_mt4 .grid_left .list li{ text-indent: 25px; background: url(platform_icon1.png) no-repeat left center; color: #555; line-height: 30px; margin: 10px 15px}
#pc_mt4 .grid_right{float: right; width: 45%;}
.contact-bg {
   /* background: url("contact-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: 839px;
    margin: 20px auto;
}
.contact-bg .a1, .contact-bg .a2, .contact-bg .a3 {
   /* position: relative;
    width: 347px;*/
    font-size: 12px;
    padding: 50px 10px 15px 352px;
    margin-top: 20px;
	width:380px

}
.contact-bg .a1 {
    background: url("contact-hk.png") no-repeat ;
}
.contact-bg .a2 {
    background: url("contact-ld.png") no-repeat ;
}
.contact-bg .a3 {
    background: url("contact-kp.png") no-repeat ;
}
.contact-bg .a1 h3, .contact-bg .a2 h3, .contact-bg .a3 h3 {
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    color: #333; font-weight: bold;
}

.contact-map {
    background: url("center-map.jpg") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
    padding: 40px 0 0;
    position: relative;
    height: 650px
}
.contact-map .pin {
    position: relative;
}
.contact-map .icon {
    background: url("flags.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 0;
    position: absolute;
}
.contact-map .icon.uk {
    background-position: -188px 0px;
    width: 47px;
    top: 35px;
    left: 150px;
    height: 57px;
    animation: 1s ease 0s normal forwards 1 running pinAnimate;
}
.uk-pin .info {
    left: 173px;
    top: -38px;
}
.ms-pin .info {
    right: 227px;
    text-align: right;
    top: 395px;
}
.pin:hover .icon {
    opacity: 1;
    z-index: 11;
}
.contact-map .icon.cn {
    animation: 1s ease 0.5s normal forwards 1 running pinAnimateCN;
    background-position: -94px -57px;
    left: 770px;
    top: 208px;
    width: 31px;
        height: 46px;

}
.cn-pin .info {
    right: 233px;
    top: 138px;
}
.contact-map .icon.kp {

   height: 56px;
    animation: 1s ease 2s normal forwards 1 running pinAnimateMS;
    background-position: -188px -57px;
    left: 717px;
    top: 342px;
    width: 31px;
}
.kp-pin .info {
    right: 275px;
    top: 315px;
}
.contact-map .info {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9caebe;
    margin: 0;
    opacity: 0;
    padding: 32px 28px 26px;
    position: absolute;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
    visibility: hidden;
    width: 445px;
    z-index: 10;
    clear: both;
    color: #000;
}
.contact-map .info p{ padding: 0 0 0 9px ;margin: 0; text-indent: 0}
.pin:hover .info {
    height: auto;
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
}
.pin-hover .icon {
    opacity: 0.4;
}
.contact-map .info .country {
    color: #ed1c24;
    display: block;
    font-size: 16px;
    padding: 0 0 11px;
}
.contact-map .info .country small {
    font: 14px/16px Arial,Helvetica,sans-serif;
    margin: 0;
}
.contact-map .office-loc address, .contact-map .info address {
    color: #374046;
    font: 14px/18px Arial,Helvetica,sans-serif;
}
.contact-map .info .left {
    width: 210px;
    margin: 0px 30px 0px 0px; float: left;
}
.contact-map .info .right {
    width: 205px;
    margin: 2px 0px 0px;float: right;
}
table.account_type .btn{ width: 160px; margin: 5px auto}
.ac {
    margin: 30px auto 0;
    min-height: 392px;
    width: 766px;
}
.ac .redbtn{ width: 150px; line-height: 30px}
.ac .tg2 p{ text-indent: 0;}
.ac .tg1 {

    background: url("acc-1.jpg") no-repeat scroll 0 0 #d71d2c;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bolder;
    height: 74px;
    line-height: 100px;
    overflow: hidden;
    padding-left: 40px;
    width: 676px;
    border-radius: 8px 8px  0 0 ;

}
.ac .tg2 {
    border-left: 2px solid #d71d2c;
    border-right: 2px solid #d71d2c;
    border-bottom: 2px solid #d71d2c;
    display: inline-block;
    min-height: 200px;
    padding: 0 10px 10px 40px;
    width: 662px;
    border-radius: 0 0 3px 3px;
}
.ac .tg3 {
    background: url("ac1-b.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    width: 636px;
}
.tg1 .f1 {
    font-size: 15px;
    font-weight: bolder;
}
.liebiaoj li {
    background: url("icon-3.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    line-height: 25px;
    padding-left: 25px;
}
.buzhou-bg {
    background: url("buzhou-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 20px auto;
    min-height: 202px;
    width: 650px;
}
.buzhou-bg .a1, .buzhou-bg .a2, .buzhou-bg .a3 {
    display: block;
    font-size: 15px;
    font-weight: bolder;
    margin-top: 70px;
    position: absolute;
    text-align: center;
}
.buzhou-bg .a1 {
    margin-left: 60px;
}
.buzhou-bg .a2 {
    margin-left: 285px;
}
.buzhou-bg .a3 {
    margin-left: 545px;
}
.buzhou-bg .b1, .buzhou-bg .b2, .buzhou-bg .b3 {
    display: block;
    font-size: 12px;
    margin-top: 170px;
    position: absolute;
    text-align: center;
}
.buzhou-bg .b1 {
    margin-left: 25px;
}
.buzhou-bg .b2 {
    margin-left: 272px;
}
.buzhou-bg .b3 {
    margin-left: 515px;
}

.part-title{ text-align:left !important}
.redbtn{    background:#399efd 99%;
    background-color:#399efd 99%;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#399efd), to(#004e9d 99%));
    background-image:-webkit-linear-gradient(top, #399efd, #004e9d 99%);
    background-image:-moz-linear-gradient(top, #399efd, #004e9d 99%);
    background-image:-ms-linear-gradient(top, #399efd, #004e9d 99%);
    background-image:-o-linear-gradient(top, #399efd, #004e9d 99%);
    background-image:linear-gradient(top, #399efd 0, #004e9d 99%);
    display: block; color: #fff;width: 130px; height:30px; line-height:30px;
    text-align: center;border: 1px solid #203353;
    border-radius: 3px;  box-shadow: 2px 2px 2px #ccc
}
.redbtn:link,.redbtn:active{ color: #Fff}
.redbtn:hover{
   color: #fff;
   background:#004e9d 99%;
    background-color:#004e9d 99%;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#004e9d), to(#399efd 99%));
    background-image:-webkit-linear-gradient(top, #004e9d, #399efd 99%);
    background-image:-moz-linear-gradient(top, #004e9d, #399efd 99%);
    background-image:-ms-linear-gradient(top, #004e9d, #399efd 99%);
    background-image:-o-linear-gradient(top, #004e9d, #399efd 99%);
    background-image:linear-gradient(top, #004e9d 0, #399efd 99%);
 }

.videolist li{ width: 210px; float: left; text-align: center; margin: 10px 20px}
.videolist li img{ width: 200px; height: 130px; margin: 0; border: 1px  solid #ffcdcd; padding: 5px}
.videolist li h3{ font-size: 14px;  margin: 0; text-align: left;}
.videolist li span{display: block; text-align: left; color: #aaa; background: url(time.png) no-repeat left;  padding-left: 30px; line-height: 18px}
.videolist:after{ clear: both; content: " "}
.searchList li h3 a{ font-size: 16px; color: inherit;} 
.searchList li{ border-bottom: 1px solid #cdcdcd}
.searchList li em{ color: #666;}

.fund_step li{ margin: 30px 10px}
.fund_step li .image{ width: 45%; border: 1px solid #aaa; padding: 5px; display: inline-block;} .fund_step li .image img{ width: 99%; }
.fund_step li .text{ float: left; width: 40%; padding: 20px; margin-right: 20px}



.tbtext .top_img{ width: 230px; border-radius: 5px; margin: 3px 0 3px 55px;  float: right;}
.tbtext .top-content{ padding: 0px 30px; font-size: 14px; min-height: 200px}
.top_part:after{ content: " "; display: none; clear: both;}
.top_part{ margin-bottom:30px }
.tbtext ul.tab{border-bottom: 1px solid #4f84be; height: 30px}
.tbtext ul.tab li{ border:1px solid #ccc; border-width: 3px 1px 0 0; float:left; padding:0 9px; cursor: pointer;}
.tbtext ul.tab li.active{ border-color: #4f84be;border-width: 3px 1px 0 1px;  background: #fff; z-index: 10; position: relative;left: -1px}
.tbtext ul.tab li:first-child{ border-left-width: 1px;; margin-left: 5px}

.tbtext .tab_con{ display: none; padding: 10px 20px;}



table.account_type{ border: 1px solid #cdcdcd;border-collapse:collapse; box-shadow: 4px 4px 5px rgba(0,0,0,0.4); margin-top: 5px; width: 100%}
table.account_type td, .account_type th{ text-align: center;}
table.account_type tr th{ height: 55px ;background-color: #7e6e6e; color: #fff; font-size: 14px; border: 1px solid; border-radius: 6px 6px 0 0; line-height: 20px }
table.account_type tr span{ display: block; line-height: 15px; font-size: 12px; color: #ffcf5b}
table.account_type tr span.title_en{  color: #efdddd}
table.account_type tbody td{ background: #fff; border: 1px solid #ccc}
table.account_type tbody tr:nth-child(even) td{background: #ededed}
table.account_type tbody tr td:first-child{text-align: right; padding: 0 5px;background: #eaeaea}
table.btn{ width: 150px; margin: 3px auto}





.expandableDL .controlLinkWrap {
    height: 20px;
    text-align: right;position: relative;
}
.expandableDL .controlLinkWrap a {
    color: #f4ad03;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}

.open-font {
    border: 2px solid #bb1212;
    border-radius: 2px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 90px;
}.open-font span {
    background: none repeat scroll 0 0 #bb1212;
    color: #fff;
    display: block;
    float: left;
    font: 13px/18px microsoft yahei;
    height: 18px;
    text-align: center;
    width: 70px;
}
.del-font {
    border: 2px solid #a5a5a5;
    border-radius: 2px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 90px;
}
.del-font span {
    background: none repeat scroll 0 0 #a5a5a5;
    color: #fff;
    display: block;
    float: right;
    font: 13px/18px microsoft yahei;
    height: 18px;
    text-align: center;
    width: 70px;
}
.expandableDL .controlLinkWrap a:hover {
    text-decoration: none;
}
.expandableDL h5{  color: #e63333;
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;margin: 25px 0 5px; }

.expandable > dt {
    color: #686868;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 6px 0;
    padding: 0 0 0 30px;
}
.expandable > dt:before {
    height: 22px;
    margin-left: -30px;
    width: 36px;
}
.expandable > dt:before{
    background: url("list.png") no-repeat scroll  0 0  rgba(0, 0, 0, 0);
    content: " ";
    position: absolute;
}
.expandable > dt.open {
    color: #dd1717;
    font-weight: bold;
}
.expandable > dt.open:before {
    background-position: 0 -30px;
}
.expandable > dd {
    background-color: #f6f7f8;
    font-size: 12px !important;
    margin: 0 0 15px;
    padding: 25px 30px 10px;
    position: relative;
    color: #666;
    line-height:25px
}
.expandable > dd p, .expandable > dd a {
}
.expandable > dd a {
    text-decoration: underline;
}
.expandable > dd a:hover {
    text-decoration: none;
}
.expandable > dd a.closeThis {
    position: absolute;
    right: 3px;
    text-decoration: none !important;
    top: 3px;
}
.btn-close-sm {
    background-position: right -1px;
    color: #0c51a3;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 0 20px 0 0;
    background-image: url("close_icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    min-height: 20px;
}
.li_subMenu {
    border-bottom: 1px solid #e8e8e8;
    height: 32px;
}
.li_subMenu li {
    float: left;
    height: 31px;
}
.li_subMenu li a {
    display: block;
    font-size: 14px;
    line-height: 31px;
    padding: 0 13px;
    text-align: center;
}
.li_subMenu li a.on {
    border-bottom: 3px solid #ee1717;
    color: #666;

    font-size: 18px;
}
div.cont_guid9{clear: both; margin: 20px  0}

.flow_box {
    border-left: 2px dotted #e4e4e4;
    color: #414141;
    margin-left: 32px;
}
.flow_box li {
    font-size: 14px;
    margin-top: 30px;
    padding-left: 35px;
    position: relative;
}
.flow_box img {
    box-shadow: 2px 3px 3px rgba(168, 168, 168, 0.3);
}
.flow_text {
    padding: 5px 0 15px;
}
.flow_icon {
    background: none repeat scroll 0 0 #dd1717;
    border-radius: 37px;
    color: #fff;
    font-weight: bold;
    height: 37px;
    left: -19px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 37px;
    z-index: 84;
}
.flow_icon_after {
    background: none repeat scroll 0 0 #ccc;
}
.flow_icon a {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
}
.flow_msg {
    background: none repeat scroll 0 0 #4f84be;
    border: 0 solid #e8e8e8;
    border-radius: 0;
    padding: 15px;
}
.ibtj{  min-height: 200px; padding-right: 45%; background: url(cop.png) no-repeat right center;}
.ibtj p{line-height: 30px; font-size: 14px; }



