@charset "utf-8";
/* CSS Document */
.top-banner{ background-color:#fafafa;padding:40px 0;}
.top-banner .pic{ text-align:right;}
.top-banner .info{float:left;width:42%; position:absolute;top:70px;}
.top-banner .info h1{ font-size:48px; font-weight:600; line-height:1.2em;color:#435bfd;}
.top-banner .info h2{ font-size:24px; font-weight:600; line-height:1.4em;color:#353031;}
.top-banner .info .btn{margin-top:40px;}
.top-banner .info .btn a{margin:0 5px;}
@media (max-width: 950px) {
	.top-banner .info h1{ font-size:36px;}
	.top-banner .info h2{ font-size:20px;}
}
@media (max-width: 800px) {
	.top-banner .pic{ text-align:center;}
	.top-banner .info{ float:none;width:auto; position:static;top:0; text-align:center;margin-top:30px;}
}

.page-main{padding:80px 0;}
.blue-bg{ background-color:#272e62;color:#fff !important;}
.columnStyle{padding:0 0 30px 0;}
.font-color-blue{color:#272e62;}
.desc{ text-align:center;padding:0 15%;}
.infobox1 h2{color:#272e62; text-align:center;}
.infobox1 .pic{ text-align:center;margin-top:50px;}
.infobox1 .infoitem{margin-top:30px;}
.infobox1 .infoitem .item{float:left;width:25%;border:1px solid #dcdcdc;margin:0 2%; text-align:center;padding:2%;margin-top:20px; min-height:250px;}
.infobox1 .infoitem .item h3{ font-size:18px;color:#272e62;padding:10px 0;}
@media (max-width: 767px) {
	.desc{ text-align:center;padding:0;}
	.infobox1 .infoitem .item{float:none;width:auto;margin:0;margin-top:20px;}
}

.info-pic-fl{float:left;width:55%;}
.info-pic-fr{float:right;width:55%;}
.info-text-fl{float:left;width:40%;}
.info-text-fr{float:right;width:40%;}
.info-list{list-style:disc;margin-left:25px;}
.info-list li{padding:5px 0;}
@media (max-width: 800px) {
	.info-pic-fl{float:none;width:auto;}
	.info-pic-fr{float:none;width:auto;}
	.info-text-fl{float:none;width:auto;margin-top:30px;}
	.info-text-fr{float:none;width:auto;margin-top:30px;}
}

.want{position: relative;padding:80px 0;overflow: hidden; background-color:#f4f4f4;}
.want h2{color:#272e62;text-align:center;}
.want .row{text-align: center;}
.want .cell:nth-child(odd){width: 39%;display: inline-block;vertical-align: top;}
.want .cell:nth-child(even){width: 39%;display: inline-block;vertical-align: top;margin-left: 80px;}
.want .cell{position: relative;border-radius: 4px;border: 1px solid #979797;padding: 20px 25px;margin: 24px 0;}
.want .cell:after{content: '';position: absolute;top: 30px;width: 0;height: 0;border-style: solid;z-index: 1;}
.want .cell:before{content: '';position: absolute;top: 30px;width: 0;height: 0;border-style: solid;z-index: 2;}
.want .cell:nth-child(odd):after{right: -20px;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #979797;}
.want .cell:nth-child(odd):before{right: -18px;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #f4f4f4;}
.want .cell:nth-child(even):after{left: -20px;border-width: 10px 20px 10px 0;border-color: transparent #979797 transparent transparent;}
.want .cell:nth-child(even):before{left: -18px;border-width: 10px 20px 10px 0;border-color: transparent #f4f4f4 transparent transparent;}
.want .cell .cont{margin-bottom: 20px;text-align: left;}
.want .cell .info{overflow: hidden;}
.want .cell .name{font-size: 18px;color: #435bfd;font-weight: bold;}
.want .cell .like{float: left;}
.want .cell .like a{background: url(https://pdfimages.wondershare.com/images/slim/which-ico.png) no-repeat;display: inline-block;padding-left: 25px;font-size: 12px;}
.want .cell .like a.yes{background-position: 0 -100px;color: #435bfd;}
.want .cell .like a.no{background-position: 0 -120px;margin-left: 10px;color: #989898;}
.want .cell .name{float: right;}
.want .tell-btn{width: 310px;height: 50px;display: block;border: solid 2px #435bfd;border-radius: 4px;color: #435bfd;text-align: center;line-height: 50px;margin: 65px auto 0;font-size: 18px;}
.want .tell-btn:hover{background: #435bfd;color: #FFF; text-decoration:none;}

@media (max-width: 1015px){

}
@media (max-width: 767px){
	.want .cell:nth-child(odd),.want .cell:nth-child(even){width: 74% !important;margin-left: 10px;margin-right: 10px;}
}

/*pop box*/
.formbox{ width:680px; background-color:#fff; border-radius:5px; position:fixed; left:50%; top:50%; margin-left:-340px; margin-top:-330px; z-index:55; display:none; }
.formbox_sm {width:500px;margin-left:-250px;}
.formbox .form_top {background:#f6f6f6; padding:30px;text-align:center;border-radius:5px 5px 0 0; position:relative; z-index:2;}
.formbox .form_top .title{ font-size:24px; line-height:1.2em; font-weight:bold; padding:0 0 5px 0;}
.formbox .form_top p {padding:5px 0; font-size:14px; line-height:1.2em;}
.formbox .form_cont {border-radius:5px; background:#fff; position:relative; z-index:2;}
.formbox .btn_close {position:absolute; font-size:36px; line-height:36px; font-weight:normal; display:block; width:40px; height:40px; padding:0 0 0 5px; text-align:center; background:#2c3db0; color:#fff; top:0; right:-40px; cursor:pointer;}
@media(max-width:979px){
	.formbox,
	.formbox_sm {width:80%; margin-left:0; left:calc(100vw - 90%);}
}
@media(max-width:479px){
	.formbox,
	.formbox_sm {left:calc(100vw - 90% - 10px);}
	.formbox .form_top {padding:30px 20px;}
	.formbox .form_top .title {font-size:18px;}
}
.gnbox{padding:30px 0;text-align: center;}
.gnbox textarea{padding: 10px;border-color: #9c9c9c;}
.gnbox .sbox input{border: 1px solid #9c9c9c;line-height:32px;padding:0 10px;margin: 10px 0;width: 309px;}