@charset "UTF-8";

.public-title .more { bottom:0px; }

.investor-account-sec-bk01 { padding-top:2.5em; }

.investor-account-sec-bk02 { padding-bottom:2em; }

.investor-account-sec-bk03 { background:url(../images/investor-account-sec-bk03-bg01.jpg) no-repeat center top; background-size:100% auto; padding-top:1.875em; padding-bottom:0px; }
.investor-account-sec-bk03 .public-title { color:#fff; }
.investor-account-sec-bk03 .public-title .more a { color:#333; opacity:1; filter:alpha(opacity=100);} 
.investor-account-sec-bk03 .list ul li .text { position:relative; padding:0.722em 1.33em; background:#f3f4f6; }
.investor-account-sec-bk03 .list ul li .text a { height:3em; }


.investor-account-sec-bk04 { padding-top:2.5em; padding-bottom:2.125em; }
.investor-account-sec-bk04 .swiper-container-edu { overflow:hidden; }
.investor-account-sec-bk04 .list { padding-top:1em; }
.investor-account-sec-bk04 .list ul li { float:left; width:33.33%; }
.investor-account-sec-bk04 .list ul li .con { padding:1em 1em 1.75em; }
.investor-account-sec-bk04 .list ul li.li01 .con {  background:linear-gradient(to bottom,#0c49c4,#297cfe); -moz-background:linear-gradient(to bottom,#0c49c4,#297cfe);-ms-background:linear-gradient(to bottom,#0c49c4,#297cfe); -webkit-background:linear-gradient(to bottom,#0c49c4,#297cfe); }
.investor-account-sec-bk04 .list ul li.li02 .con {  background:linear-gradient(to bottom,#f78016,#f79161); -moz-background:linear-gradient(to bottom,#f78016,#f79161);-ms-background:linear-gradient(to bottom,#f78016,#f79161); -webkit-background:linear-gradient(to bottom,#f78016,#f79161); }
.investor-account-sec-bk04 .list ul li.li03 .con {  background:linear-gradient(to bottom,#33a01c,#7acb21); -moz-background:linear-gradient(to bottom,#33a01c,#7acb21);-ms-background:linear-gradient(to bottom,#33a01c,#7acb21); -webkit-background:linear-gradient(to bottom,#33a01c,#7acb21); }
.investor-account-sec-bk04 .list ul li .tit { color:#fff; margin-top:1.375em; height:3em; }
.investor-account-sec-bk04 .list ul li .ico { height:7.75em; padding:0px; position:relative; }
.investor-account-sec-bk04 .list ul li .ico img { width:auto; height:auto; max-width:80%; max-height:4.75em; }
.investor-account-sec-bk04 .list ul li .ico i { position:absolute; left:50%; margin-left:-1.6875em; background:#fff; bottom:0px; height:0.125em; width:3.375em; }
.investor-account-sec-bk04 .pagination { margin-top:1.25em; }
.investor-account-sec-bk04 .pagination .swiper-pagination-bullet { margin:0px 5px; }


.investor-risk-education  { padding-bottom:3.875em; }
.investor-risk-education .list { padding-bottom:2em; }
.investor-risk-education ul { margin:0px -0.375em; }
.investor-risk-education ul li .con { margin:0.375em;}



.investor-open-account {background:url(../images/four-plates-sec-bk05-bg01.jpg) no-repeat center bottom;background-size:100% auto;padding-top:2.25em;padding-bottom:3.75em;}
.investor-open-account .public-title { border-bottom:1px solid #dfe0e2; padding:0.5em 0px; }
.investor-open-account .public-title .tit span { background:url(../images/four-plates-sec-bk05-ico01.jpg) no-repeat right center; padding-right:1.91667em; background-size:1.0416em 0.95833em; }
.investor-open-account .form-list { border:none;  }
.investor-open-account .form-list .form { background:none; border:none;padding:0.4285em 11.42% 0px 20.21%; }
.investor-open-account .form-list .form ul li .tit { width:12em; }
.investor-open-account .form-list .form ul li { padding-left:12em; width:100%; margin-top:1.5em; }
.investor-open-account .form-list .form ul li .inp-select { width:193px;  }
.investor-open-account .form-list .form ul li .inp { margin-right:38%; }
.investor-open-account .form-list .form ul li textarea { background:none; border:none; float:left; width:100%; height:12em; }
.investor-open-account .form-list .form ul li.area .inp { margin-right:0px; }
.investor-open-account .form-list .form ul li.code .inp { margin-right:1.2857em; }
.investor-open-account .form-list .form .ft-btn { padding:2.1428em 0px 0px 12em; }
.investor-open-account .form-list .form .ft-btn .abtn { margin-left:0px; margin-right:1.2857em; }
.investor-open-account .form-list .form .ft-btn .areset { background:#c6d0e1; }


@media only screen and (max-width: 1600px){
	


}
@media only screen and (max-width: 1500px){

}

@media only screen and (max-width:1280px){
	

}


@media only screen and (max-width: 1200px){

.investor-open-account .form-list .form { padding:0.4285em 5% 0px 8%; }
.investor-open-account .form-list .form ul li .inp { margin-right:20%;}

}

@media only screen and (max-width: 1100px){

.investor-open-account .form-list .form .ft-btn .btn { text-align:left; }



}


@media only screen and (max-width: 980px){

.investor-risk-education .list ul li { width:50%; }

.investor-open-account .list { padding-top:0.75em; }
.investor-open-account .list ul { margin:0px -0.5em; }
.investor-open-account .list ul li .con { margin:0.5em; }
.investor-open-account .list ul li { width:100%; }

}



@media only screen and (max-width: 900px){

}


@media only screen and (max-width: 767px){


.public-title .tit { letter-spacing:0px; }

.investor-account-sec-bk01 { padding-top:2em; }
.investor-account-sec-bk02 { padding-bottom:0px; }
.investor-account-sec-bk04 { padding-top:1.5em; }
.investor-account-sec-bk04  .pagination .swiper-pagination-bullet {  width:0.375em; height:0.375em; margin:0px 0.2083em; }
.investor-account-sec-bk04 .list ul li .ico { height:6em; }
.investor-account-sec-bk04 .list ul li .ico img { max-height:2.5em; }

.investor-risk-education .list ul li { width:100%; }




.investor-open-account { padding-top:2em; padding-bottom:2em; }
.investor-open-account .form-list .form ul li { padding-left:0px; }
.investor-open-account .form-list .form ul li .inp-select { width:auto; }
.investor-open-account .form-list .form ul li { margin-top:13px; }
.investor-open-account .form-list .form ul li .inp { margin-right:0px; }
.investor-open-account .form-list .form { padding:0em 0px 0px; }
.investor-open-account .form-list .form ul li textarea { height:8em; }
.investor-open-account .form-list .form .ft-btn .btn { padding-top:1em; }
.investor-open-account .form-list .form .ft-btn { padding:1em 0px; }
.investor-open-account .form-list .form ul li.code .inp { margin-right:6.7em; }

}


@media only screen and (max-width: 375px){

 

}