@charset "utf-8";
/* CSS Document */
.top_banner{ background-color:#f6f6f6; background-repeat:no-repeat; background-position:center 0;}
.top_banner .info{padding-top:140px;}
.top_banner .info h1{ font-size:60px; font-weight:bold; line-height:1.2em; text-align:center;color:#fff; text-shadow:1px 5px 10px #333;}
.top_banner .text{ background:#fff;padding:5% 8%; font-size:18px;margin-top:70px; line-height:2em; font-weight:400; text-align:center;box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2); position:relative;}
@media (max-width: 979px) {
	.top_banner .info h1{ font-size:60px;}
}
@media (max-width: 479px) {
	.top_banner .info h1{ font-size:46px;}
	.top_banner .text{ font-size:16px; line-height:1.6em;}
}

.columnStyle{padding:0 0 30px 0;}

.winBox{padding:90px 0;}
.winBox h2{color:#2c3db0; text-align:center;}
.winBox .slideitem{margin-top:20px;}
.winBox .slideitem .text{float:right;width:38%;background-color:#2c3db0; background:url(https://pdfimages.wondershare.com/style2016/images/bg_repeat1.png) rgba(44,61,176,.9);margin-top:40px;color:#fff;padding:4% 4% 4% 8%; text-align:left;}
.winBox .slideitem .text .txt{padding:10px 0; font-size:18px;}
.winBox .slideitem .text .txt strong{ font-size:22px; font-weight:bold;margin-right:15px;}
.winBox .slideitem .videobox{float:left;width:55%;margin-right:-5%;}
@media (max-width: 979px) {
	.winBox .slideitem .text{float:none;width:auto;margin-top:0;}
	.winBox .slideitem .videobox{float:none;width:auto;margin-right:0;}
}
@media (max-width: 479px) {
	.winBox{padding:50px 0;}
}

/*video style*/
.video {position:relative; z-index:2; text-align:center;}
.video a {display:block; display:inline-block; background:#000;}
.video a img {opacity:0.8;}
.video a:hover img {opacity:0.6;}
.video i {position:absolute; z-index:2; top:50%; left:50%; margin:-51px 0 0 -51px;}
.video .frameBox {position:absolute; z-index:4; top:0; left:0; width:100%; height:100%;}
.btn_play {display:inline-block; background:url(../images/video-icon.png) no-repeat; background-size:100% auto; width:102px; height:102px; text-align:left; overflow:hidden; text-indent:-99999px;}

.infobox1{padding:90px 0;}
.infobox1 h2{color:#2c3db0; text-align:center;padding-bottom:0;}
.infobox1 .fl-box{float:left;width:58%;}
.infobox1 .fr-box{float:right;width:36%;}
.infobox1 .stepbox .item{margin-top:50px; background:#f6f6f6; position:relative;}
.infobox1 .stepbox .item .step{ background:url(https://pdfimages.wondershare.com/topic/scholarship/images/step_bg.png) no-repeat;width:100px;color:#fff;height:120px; position:absolute;left:0;top:0; text-align:center;padding-top:30px;}
.infobox1 .stepbox .item .step strong{display:block; font-size:48px; font-weight:bold; line-height:1em;}
.infobox1 .stepbox .item .text{padding:20px 20px 20px 130px;}
.infobox1 .stepbox .item .text h3{ font-size:22px; line-height:1.2em; font-weight:bold;padding-bottom:10px;}
.infobox1 .stepbox .item .text .note{ font-size:14px; line-height:1.6em;margin-top:5px; font-weight:600;color:#2c3db0;}
.infobox1 .stepbox .item .btn{margin-top:30px; text-align:center;}
.infobox1 .list .item{margin-top:40px;}
.infobox1 .list .item:first-child{margin-left:0;margin-top:0;}
.infobox1 .list .item h3{ font-size:24px; font-weight:bold; line-height:1.2em;color:#2c3db0;padding-bottom:20px;}
.infobox1 .txt{ font-size:14px;margin-top:30px;}
@media (max-width:800px) {
	.infobox1 .fl-box{float:none;width:auto;}
	.infobox1 .fr-box{float:none;width:auto;margin-top:30px;}
}
@media (max-width:767px) {
	.infobox1 .stepbox .item .step{ background:none; background-color:#2c3db0;width:40px;height:50px;padding-top:10px;}
	.infobox1 .stepbox .item .step strong{ font-size:22px;}
	.infobox1 .stepbox .item .text{padding:20px 20px 20px 60px;}
}

/** animation **/
#shoulder, a, a::before, a::after, .transition, .transition::before, .transition::after { -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.transition.slow { -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s; }
.transition.fast { -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
.transition.delay { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.transition.delay.fast { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.transition.delay.slow { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.transition.ease { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }

.applyBox{ background:#fff;padding:40px;display:none; position:fixed;width:680px;top:10%;left:50%;margin-left:-380px;z-index:100;}
.applyBox .close{display:block; font-size:24px; position:absolute;right:15px;top:15px;width:30px;height:30px; text-align:center; cursor:pointer;}
.applyBox h2{ text-align:center;padding-bottom:15px;}
.applyBox .iptitem{margin-top:10px;}
.applyBox .iptitem .list{float:left;width:46%;margin:0 2%;}
.applyBox .iptitem .select{width:220px;margin:0 auto;}
.input-title { font-size: 18px; line-height: 40px; margin: 10px 0; }
.input-title .fm { width: 25px; text-align: center; }
.input-title-required:after { content: "\002A"; line-height: 1.5; vertical-align: top; margin-left: 5px; color: #ff6d5c; font-size:20px;}
.input-text { display: inline-block; vertical-align: top; height: 40px; line-height: 39px; border:none;border-bottom: solid 1px #d7d7d7; padding: 0 8px; font-size: 16px; width: 100%; background:#f6f6f6;}
.input-text:focus{border:1px solid #435bfd;}
.input-select option:checked { display: none; }
.input-span { display: inline-block; vertical-align: top; }
.input-label { position: relative; line-height: 40px; display: block; text-align: left; }
.input-label > .input-check + .input-span { cursor: pointer; }
.input-label > .input-check + .input-span:before { content: ""; display: inline-block; vertical-align: top; width: 16px; height: 16px; border: solid 1px #435bfd; margin: 12px; }
.input-label > .input-check + .input-span:after { content: ""; background-color:#435bfd; height: 12px; width: 12px; text-align: center; position: absolute; left: 15px; top: 15px; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }
.input-label > .input-check:checked + .input-span:after { opacity: 1; }
.input-label > .input-check:disabled + .input-span { cursor: not-allowed; }
.input-label > .input-check:disabled + .input-span:before { opacity: .3; }
.input-label > .input-check:disabled + .input-span:after { opacity: .3; }
.input-check { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; }
@media (max-width: 800px) {
	.applyBox{width:auto;margin:0 3%;left:0;}
}
@media (max-width: 767px) {
	.applyBox{top:5%;padding:40px 10px 20px 10px;}
	.applyBox h2{ font-size:22px;}
	.input-title{ font-size:14px; line-height:26px;margin:5px 0;}
	.input-text{height:34px; line-height:32px;width:90%;}
}


.tc_return{position:fixed; left:50%; top:20%; margin-left:-400px; z-index:201; border:solid 1px #d5d5d5; display:none; font-size:14px; width:760px; padding:40px 20px; background:#fff; border-radius:5px;box-shadow:0 0 20px #333;box-shadow:0 0 20px rgba(53,49,50,.3);}
.tc_return .btn_close{position:absolute; cursor:pointer; z-index:202; right:10px; top:10px; display:block; width:33px; height:33px;}
.tc_return .btn_close i{ font-size:30px;}
.tc_return h3{font-size:24px; font-weight:bold; line-height:1.2em;color:#2c3db0;padding-bottom:20px;}
@media (max-width: 979px) {
	.tc_return{width:auto;margin:0 20px;left:0;}
}
@media (max-width:479px) {
	.tc_return{top:20px;overflow-y:scroll;height:560px;}
}
@media (max-width:375px) {
	.tc_return{top:20px;overflow-y:scroll;height:520px;}
}
@media (max-width:320px) {
	.tc_return{top:20px;overflow-y:scroll;height:450px;}
	.tc_return h3{ font-size:20px;}
}

.btmList{padding:60px 0; background-color:#f6f6f6;}
.btmList ul{padding-top:20px; list-style:disc;}
.btmList ul:after{display:block; content:""; clear:both;}
.btmList li{float:left;width:31.3%;padding:3px 0; line-height:1.6em;margin-left:20px;}
.btmList li a{color:#5a5b64;}
.btmList li a:hover{color:#2c3db0;}
@media (max-width: 979px) {
	.btmList li{width:46%;}
}
@media (max-width: 979px) {
	.btmList li{float:none;width:auto;}
}