@charset "utf-8";

html,body{ margin:0; padding:0; background:#f5f5f5; min-width:1280px; font-family:"Arial", sans-serif}
::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}
ul,li{ list-style: none}
::-webkit-scrollbar-track-piece {
    background-color: #EDEDEF;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #a5a3d1;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 0px;
    background-color: #CCCCCC;
}
*{list-style:none; box-sizing:border-box; outline:none;transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms; margin: 0; padding: 0}
a{ text-decoration:none}
header{ height:127px; background:#2f3992}
.headerbox{ max-width:1280px; margin:0 auto;  height:100%; display:flex;}
.headerbox .logo{ display:block; width:397px; background:url(../images/logo.png) no-repeat; background-size:cover}
.mainbox{ width:1280px; margin:0 auto}
.pagetitlebox{ padding-left:150px; padding-top:75px;line-height: 30px; }
.bigtitle{ font-size:25px; line-height:0.6;line-height: 30px;}
.sorttitle{ font-size:25px;  font-weight:100;}
.titleline{ width:270px; height:4px; background:#2d3b93; margin-top:20px}
.choosebox{ padding-bottom:22px; margin-top:30px;  background:#fff;box-shadow: 10px 10px 10px rgba(0,0,0,0.15); padding-top:70px}

.formbox{padding-bottom:22px; margin-top:30px;  background:#fff;box-shadow: 15px 15px 30px rgba(0,0,0,0.15);  padding-top:70px}


.choosetitle{ text-align:center; font-size:20px; font-weight:bold; color:#313c8e; line-height:40px}
.choosesorttitle{ text-align:center; font-size:16px; color:#646464; line-height:30px}
.choosebonbox{ display:flex; justify-content:center; padding:35px 0 55px 0}
.choosebonbox a{ display:block; width:180px; height:55px; background:#e5e5e5; margin-right:55px; display:flex; align-items:center; justify-content:center; color:#303998; font-style:oblique; font-weight:bold; font-size:18px;}

.choosebonbox a:hover{ background:#2f3992; color:#fff}

.choosebonbox a:last-child{ margin-right:0}
.chooseline{ height:13px; background:#313193}
footer{ height:240px; background:#505050; margin-top:70px ; padding:50px 0; font-size:14px;}
footer.fiexd{ position:fixed; bottom:0; width:100%}
.footerbox{  width:1280px; display:flex; margin:0 auto; justify-content:space-between}
.footercol{ color:#a1a1a1;margin-bottom: 15px;}
.footerrow{ display:flex;color:#a1a1a1}
.footertitle{ margin-right:15px; font-style:oblique; padding-top:8px}
.footerinfo{ font-weight:100; line-height:30px}
.copyrigt{ line-height:1}
.copyrightzh{ font-size:10px}
.designed{ font-size:10px; line-height:30px}
.designed a{ color:#a1a1a1}
.notice{ width:740px; line-height:30px; margin-top:30px; color:#626262}

.pagefrombox{padding-bottom:22px; margin-top:30px;  background:#fff;box-shadow: 15px 15px 30px rgba(0,0,0,0.15);  padding-top:40px;  }
.pagefrommain{ padding:0px 50px 100px}
.fomtop{ padding:0 100px}
.pagefromtitle{ line-height:60px; color:#2f3992; font-weight:bold; font-size:25px}
.formtitleline{background: radial-gradient(#a5a3d1 50%, white 80%); height:2px;}
.selectbox{padding:0 80px;}
.loiningbox>li{ border:1px solid #fff; padding:10px 10px; cursor:pointer; margin:15px 5px; position:relative}
.loiningbox>li:hover{border:1px solid #a5a3d1; background:#eef1fb}
.loiningbox>li.active{border:1px solid #a5a3d1; background:#eef1fb}
.joininfobox{ display:flex; justify-content:space-between}

.jointitle{ font-weight:bold; color:#616161}
.joininfo{ color:#9c9c9c}
.validbox{ color:#636363}
.informationbox{ padding:0 100px; margin-top:30px}
.informattitle{ color:#2f3992; font-size:18px; padding:30px 0 10px 0 ; font-weight:bold}
.informatrow{ display:flex; justify-content:space-between; margin-bottom:15px}
.inforlabel{ color:#8a8a8a; line-height:30px}
.inforinput input{ width:275px; height:40px; line-height:40px; font-size:14px; border:1px solid #b6b4da; background:#eef1fb; padding:0 5px}
.inforinput input:hover{ background:#fff}
.inforinput input:focus{background:#fff}
.inforradiobox{ display:flex}
.yxctabs{ width:138px; height:40px; border:1px solid #e3e6f4; background:#eef1fb; color:#2f3992; display:flex; justify-content:center; align-items:center; cursor:pointer}
.yxctabs_sm{ width:75px!important;}
.yxctabs.active{ background:#2f3992; color:#fff;border:1px solid #2f3992; }
.yxcselect{ position:relative; width:275px; height:40px; border:1px solid #a5a3d1; background:#eef1fb; display:flex; justify-content:center; align-items:center; color:#a4a4a7; padding-right:20px; cursor:pointer}
.yxcoptionbox{ position: absolute; left: -1px; top: 0px; width: calc(100% + 2px); height: 380px; overflow-x: hidden; background: #fff;
    border: 1px solid #a5a3d1; border-top: none; height: 0; opacity: 0;
}
.yxcselectopiton>li{ height:30px;display:flex; justify-content:center; align-items:center }
.yxcselectopitonvalue{ position: relative; left: -6px}
.selectico i{ position:absolute; right:5px; top:4px; font-size:25px; font-weight:100}
.yxc200 input{ width:200px; }
.yxcflex{ display:flex; justify-content:space-between }
.addressrow{ margin-bottom:25px}
input::-webkit-input-placeholder{
  color:#a1a1a4;
}
.yxcflexstart{ display:flex; justify-content:flex-start}
.yxcflexstart .infomatinput{ margin-right:20px}
.yxcflexstart .infomatinput:last-child{ margin-right:0}
.yxcflexbetween{ display:flex; justify-content:space-between}
.yxcradiobox{ display:flex; height:32px; align-items:center}
.yxcradio{ display:flex; position:relative; margin-right:20px; }
.yxcradiobon{ width:18px; height:18px; border:2px solid #2f3992; position:relative; top:2px; margin-right:10px; border-radius:50%; display:flex; justify-content:center; align-items:center}
.yxcradioacitveico{ width:8px; height:8px; background:#2f3992; border-radius:50%; display:none}
.yxcradio>.yxcradiobon.active>.yxcradioacitveico{ display:block}
.yxcradiolabel{color:#616161}
.submitrow{ margin-top:30px}
.formremark{ font-size:14px; color:#666666; height:37px; line-height:37px}
.formsubmit{ height:37px; width:168px; display:flex; justify-content:center; align-items:center; background:#2f3992; color:#fff}

.paymentbox{ margin-top:40px;padding: 0px 100px; }
.paymentmainbox{ padding:40px 0; display:flex; justify-content:space-between}
.paymenttitle{ color:#2f3992; font-size:18px; font-weight:bold}
.payonile{ width:256px; height:194px; background:#eef1fb; border:1px solid #a5a3d1}
.payoffline{ width:292px; height:194px;background:#eef1fb; border:1px solid #a5a3d1}
.payonile{ padding-top:30px}
.payonlinetitle{ line-height:60px; color:#676768; text-align:center}
.payonilebg{height:65px; width:193px; background:url(../images/payonline.png) no-repeat; background-size:cover; margin:0 auto}
.payoffline{ padding-top:40px}
.offlinetitle{line-height:40px; color:#676768; text-align:center}
.offlinetext{ text-align:center; font-size:13px;color:#676768; line-height:22px;margin-top: 30px;}
.choosepaytype{ cursor:pointer; position:relative}
.agreebox{padding: 0px 100px;}
.agreemainbox{ padding:50px 0 0 0}
.agreeovflowbox{ margin:0 auto; width:724px; height:333px;background: #eef1fb;border: 1px solid #a5a3d1;  padding:30px; overflow-x:hidden}
.agreetitle{ text-align:center; color:#656565}
.agreecontent{ padding:20px; font-size:13px; color:#8e8f92; line-height:25px}
.agreetxtrow{ display:flex; padding-top:20px}
.agreetxttitle{ width:80px; line-height:18px; padding-top:4px}
.agreetxtinfo{flex: 1;}
.toagreebox{ margin-top:30px}
.toagreetxt{ margin-top:20px}

.chickagreebox{ width:600px; margin:0 auto; color:#636363; font-size:12px; padding:50px 0; line-height:30px}
.yxccheckbox{ display:flex; padding-left:27px}
.yxccheckboxbon{width: 15px;height: 15px; margin-right:40px; position:relative; top:2px}
.application{ color:#40499a; text-align:center}

.formsubmitbox{ width:210px; height:45px; background:#2f3992; color:#fff; display:flex; justify-content:center; align-items:center; margin:0 auto; cursor:pointer}

.scorerow{ display:flex; justify-content:flex-start}
.input350 input{ width:350px;}
.input375 input{ width:375px}
.input200 input{ width:200px}
.input155 input{ width:155px}
.input120 input{ width:120px}
.input100 input{ width:100px}
.width475{ width:475px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mt15{margin-top:15px;}
.mb10{margin-bottom: 10px}
.flex1{ flex:1}
.dateinputbox{ min-width:150px;border: 1px solid #b6b4da;background: #eef1fb;height: 40px;display:flex; justify-content:space-between; position:relative}

.dateinputbox>div{ flex:1}
.dateinputbox>div>input{ width:100%; height:100%; border:none; background-color:transparent; text-align:center}
.datefengeline{ position:absolute; left:0; top:0; height:40px; line-height:35px; color:#999}
.fengeline1{ left:33%}
.fengeline2{ left:66%}
.rowright{ display:flex; justify-content:space-between; flex:1;}
.scorepage{ padding-top:0px}
.padding-top30{ padding-top:30px}
.nomagin{ margin:0;}
.addbox{  color:#2b3b92; font-size:25px; font-weight:bold;padding: 0 100px;}
.addboxinfo{display:flex; justify-content:center; align-items:center; height:125px; cursor:pointer}
.renewrow{ display:flex; justify-content:flex-start; line-height:40px; color:#626262}
.renewdate{ flex:1 1 50%}
.renewmoney{ flex:1 1 50%}
.renewrow.nowrenew{ font-weight:bold; color:#000}
.renwaddressbox{ padding-top:30px;}
.renwaddresstitle{color: #2f3992;font-size: 18px; font-weight:bold; margin:40px 0 20px 0; display:block}

.chooseico{ width:25px; height:25px; background:url(../images/choose.png) no-repeat; background-size:cover; border-radius:50%; position:absolute; right:-13px; top:-13px}

.ordinancebox{background: #fff;padding:30px;line-height: 30px;margin:50px 0;}
.ordinancetitle {text-align: center;font-size: 18px;font-weight: 800;margin-bottom: 15px;}
.ordinanceitem{margin-bottom: 15px;}
.ordinancesubtitle{font-size: 16px;font-weight: 700;margin-bottom: 15px;}
.ordinancerow{ display:flex; padding-bottom:15px}
.ordinanceordinal{ width:80px; line-height:18px; padding-top:4px}
.ordinancetxtinfo{flex: 1;}
.ordinancesubordinal{display:inline-block;width:60px;}
.noticebox{margin-top: 40px;padding: 0px 150px;color:red;}
.successnotice{margin-bottom:50px;font-size: 16px;color:#000;}
.upload-img-box{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 15px 0;
}
.upload-img-box .show-box{
	height: 100px;
	border: 1px solid #eee;
	margin-left: 5px;
	border-radius: 5px;
	position: relative;
}
.upload-img-box .show-box img{
	height: 100%;
}
.delete-img{
	font-size: 20px;
	position: absolute;
	right:2px;
	top:2px;
	color:rgba(0,0,0,0.2);
}
.delete-img:hover{
	color:rgba(0,0,0,0.6);
	cursor: pointer;
}
.formsubmit{
	cursor: pointer;
}

/* 禁止選中文字 */
.noselect {

	-webkit-touch-callout: none; /* iOS Safari */

	-webkit-user-select: none; /* Chrome/Safari/Opera */

	-khtml-user-select: none; /* Konqueror */

	-moz-user-select: none; /* Firefox */

	-ms-user-select: none; /* Internet Explorer/Edge */

	user-select: none; /* Non-prefixed version, currently

	not supported by any browser */

}
.wapbox{display: none}
.pcbox{display: block}
.aligncenter{text-align: left!important;}
.paypalbox{width:50%;}
@media (max-width: 1024px) {
	html,body{ min-width:100%; }
	.notice{width:100%;}	
	.paypalbox{width:90%;}
	.wapbox{display: block;}
	.pcbox{display: none}
	.headerbox{ max-width:100%;box-sizing: border-box}
	.headerbox .logo{margin:0px auto;background-position: bottom;background-size: contain;margin-bottom: 0;}
	.mainbox{ width:100%;padding:0 15px;}
	footer{height: auto;}
	.pagetitlebox {padding-left: 0;margin:15px;padding-top: 30px;}
	.pagefrommain{ padding:0px 15px 100px}
	.choosebonbox{flex-wrap: wrap;flex-direction: column;align-items: center;padding: 35px 0 55px 0;}
	.choosebonbox a{width: 90%;margin-right:0;margin-bottom: 15px;}
	.footerbox{width:50%;flex-direction: column;align-items:center;}
	.footercol{min-width: 300px;}
	.footertitle{width:80px;}
	.footerinfo{flex-grow: 1}
	.paymentbox {margin-top: 40px;padding: 0px;}
	.paymentmainbox{flex-wrap: wrap;}
	.payonile{width:48%;}
	.payonilebg{width:80%;height: 50px;background-size: contain;background-position: center;}
	.payoffline{width:48%;}
	.offlinetext{margin-top: 20px;}
	.fomtop {padding: 0;}
	.informationbox{padding:0;}
	.selectbox{padding:0;}
	.joininfobox{flex-direction: column;}
	.joininfo{margin-bottom: 15px}
	.infomatinput{width:100%;margin-bottom: 15px;}
	.informatrow{flex-direction: column;}
	.inforinput input{width:100%;}
	.yxcselect{width:100%;z-index: 1000}
	.yxctabs {width:50%;}
	.yxctabs_sm{width:50%!important;}
	.yxcflex{flex-wrap: wrap;}
	.addressrow .infomatinput{ width:48%;margin-bottom: 15px; }
	.yxcflexstart{flex-wrap: wrap;}
	.yxcflexstart .infomatinput{width:100%;margin-right: 0;}
	.yxcflexbetween{flex-wrap: wrap;}
	.yxcflexbetween .infomatinput{width:100%;}
	.yxcradiobox{flex-wrap: wrap;}
	.yxcradio {margin-bottom: 15px;}
	.agreebox{ padding:0; }
	.agreeovflowbox{width:100%;padding:15px 0;}
	.ordinancebox{width:100%;padding:30px 15px;}
	.ordinanceordinal{width:40px;}
	.ordinancesubordinal{width:40px;}
	.chickagreebox{width:100%;}
	.addboxinfo{width:100%;}
	.addbox{padding:0;}
	.chickagreebox{width:auto!important;}
}
.paypal-button-containe{width:80%!important;}

@media (max-width: 320px) {
	.paymentmainbox{flex-wrap: wrap;flex-direction: column;}
	.payonile{width:100%;margin-bottom: 15px}
	.payonilebg{width:100%;height: 60px;background-size: contain;background-position: center;}
	.payoffline{width:100%;margin-bottom: 15px;}
}