.blcol {width:100%; height:auto; float:left; margin:0 0 30px 0;}
.brcol {width:21.5%; height:auto; float:right; overflow:hidden; margin-bottom:30px;display:none;}

.res720 .blcol {width:100%;padding-bottom:450px; position:relative;margin-bottom:0px;}
.res480 .blcol {width:100%; margin:40px 0 30px 0;padding-bottom:330px;position:relative;}
.res320 .blcol {width:100%; margin:25px 0 20px;padding-bottom:230px;position:relative;}

.container {background:url('/pictures/pages/104/bg-joinup.jpg') center center no-repeat; margin-top:-342px; padding-top:330px;}
.carea {padding:57px 0px 30px 0px; overflow:inherit;}
h1 {margin-bottom:15px;}
.sttl {display:block; margin:0px 0px 19px 0px; font-weight:700; color:#304558; font-size:22px; text-align:left;}

a {text-decoration:none; color:#fff;}
.cwrPH {color:#28335d !important;}
.fmText {color:#f00; position:absolute; font-size:12px !important; line-height:11px !important; text-align:right; margin-top:5px; margin-right:4px;}
.em-popup .fmText {color:#f00 !important; position:absolute; font-size:12px; line-height:11px; text-align:right;}
.req-field {border-color:#f00 !important;}
.blcol .emphasis {font-weight:bold; text-decoration:underline;}

.blcol li {margin:0px 0px 10px 0px; padding:0px 0px 0px 23px; list-style:none; background:url('/pictures/pages/join/bullet.png') left 5px no-repeat; text-align:left;}
.blcol ul {margin:13px 0px 26px 0px; padding:0px !important;}
p.st{font-size:22px;color:#ae0917;}


.appointment {overflow:hidden; margin:0px 0;}
.appointment .apparea .appoptions {overflow:hidden; /* margin-bottom:20px; */}
.appointment .apparea .appoptions .appoption {width:50%; float:left; /* margin-bottom:31px; */}
.appointment .apparea .appoptions .appoption a {display:block; width:262px; height:37px; margin:0 auto; padding:0px 10px 0px 10px; font-size:18px; line-height:34px; color:#fff; font-weight:600; text-align:center; background:#ae0917; border-radius:5px; text-decoration:none;}
.appointment .apparea .appoptions .appoption a:hover {color:#fff; background:#304558;}
.appointment .apparea .apptitle {font-size:22px; font-weight:700; color:#304558; text-transform:uppercase; position:relative; text-align:center; margin:0 0 20px 0;}
.appointment .apparea .apptitle .applr {display:block; width:25%; height:1px; background:#28335d; float:right; margin:0; position:absolute; right:0; top:16px;}
.appointment .apparea .apptitle .applf {display:block; width:25%; height:1px; background:#28335d; float:left; margin:0; position:absolute; left:0; top:16px;}
.form {padding:21px 30px 26px 30px; margin-right:510px; background:#fff;}
.form form {overflow:hidden;}
.form .formtitle {font-size:17px; font-weight:600; color:#ff5300; margin-bottom:16px; line-height:19px; text-align:left;}
.form form .field {width:100%; margin-bottom:15px; overflow:hidden; position:relative;}
.form form .field input {color:#28335d; border:1px solid #28335d; width:100%; height:36px; padding:0px 10px 0px 10px; box-sizing:border-box; outline:none;}
.form form .field.double .fieldl {width:48%; float:left; position:relative;}
.form form .field.double .fieldr {width:48%; float:right; position:relative;}
.form form input, .form form textarea {color:#28335d; font-size:16px; font-weight:400;}
.form form textarea {width:100%; min-height:77px; padding:10px 10px 0px 10px; border:1px solid #28335d; box-sizing:border-box; outline:none;}
.form form .security {overflow:hidden; margin-top:20px;}
.form form .security input.code {border:1px solid #28335d; height:35px; width:64px; float:right; padding:0px 20px 0px 20px; margin:0px 0px 0px 9px; outline:none;}
.form form .security input.submit {float:right; width:220px; height:37px; font-size:25px; color:#ffffff !important; background:#de5313; line-height:25px; text-transform:uppercase; border:none; font-weight:700; margin:0 0 0px 10px; padding:0px 0px 0px 0px; outline:none; cursor:pointer;}
.form form .security input.submit:hover {background:#112042;}
.form form .security span {float:right; display:block; font-size:18px; color:#28335d; line-height:37px; font-weight:600;}
.form form .field.double .fieldr .fileName {height:40px; border:1px solid #28335d; background:#fff;}
.form form .field.double .fieldl .btnAddFile {color:#fff; display:block; line-height:39px; text-align:center; height:40px; font-weight:400; text-transform:uppercase; font-size:18px; background:#858891; cursor:pointer;}
.form form .field.double .fieldl .btnAddFile:hover {background:#29345c;}
.form form .field.double .fieldl .btnAddFile label {cursor:pointer;}
.form form .field.double .fieldl #file {display:none !important; opacity:0 !important; overflow:hidden !important; width:142px !important; height:45px !important; margin:0; padding:0;}
.form form .field .textFile {display:block; font-size:16px; font-weight:600; text-align:left;}
.contact {width:509px; float:right; padding:0px 0px 0px 30px; margin:-45px 0px 0px 0px; position:relative; /* height:419px; */}
.contact .detailarea {padding:277px 0px 0px 0px; background:url(/pictures/pages/join/Join.jpg) no-repeat;margin-top:-66px;}
.contact .detailarea .international {min-height:72px; background:#304558;}
.contact .detailarea .international .detail {color:#fff; padding-top:15px; text-align:center;/* text-transform:uppercase; */ font-size:28px; font-weight:700;}

/* 940 */
.res940 .appointment .apparea .appoptions .appoption a {width:200px; min-height:15px; line-height:normal;padding:15px 10px 5px 10px;;}
.res940 .appointment .apparea .apptitle .applr {width:19%;}
.res940 .appointment .apparea .apptitle .applf {width:19%;}
.res940 .container {background:url('/pictures/pages/104/bg-jointeam-940.jpg') top center no-repeat;}
.res940 .form {margin-right:380px;}
.res940 .form form .security input.submit {width:205px;}
.res940 .contact {width:380px;}
.res940 .contact .detailarea {padding:236px 0px 18px 0px; /* background:url(/pictures/pages/join/Join-940.jpg) no-repeat; */background-size:380px;}

/* 720 */
.res720 .carea .cpage {padding-bottom:520px; position:relative;}
.res720 .appointment .apparea .appoptions {max-width:680px; margin:0 auto;}
.res720 .appointment .apparea .appoptions .appoption {width:50%; margin-bottom:20px;}
.res720 .appointment .apparea .appoptions .appoption a {width:270px;}
.res720 .appointment .apparea .apptitle .applr {width:30%;}
.res720 .appointment .apparea .apptitle .applf {width:30%;}
.res720 .container {background:url('/pictures/pages/104/bg-jointeam-720.jpg') top center no-repeat;}
.res720 .carea {padding:57px 0px 30px 0px;}
.res720 .form {margin:0 auto; width:620px;}
.res720 .form form .field {width:100%; margin-bottom:15px; overflow:hidden; position:relative;}
.res720 .form form .field input {color:#28335d; border:1px solid #28335d; width:100%; height:36px; padding:0px 10px 0px 10px; box-sizing:border-box; outline:none;}
.res720 .form form .field.double .fieldl {width:48%; float:left; position:relative;}
.res720 .form form .field.double .fieldr {width:48%; float:right; position:relative;}
.res720 .form form input, .form form textarea {color:#28335d; font-size:16px; font-weight:400;}
.res720 .form form textarea {width:100%; min-height:77px; padding:10px 10px 0px 10px; border:1px solid #28335d; box-sizing:border-box; outline:none;}
.res720 .form form .security input.code {border:1px solid #28335d; height:35px; width:64px; float:right; padding:0px 20px 0px 20px; margin:0px 0px 0px 9px; outline:none;}
.res720 .form form .security input.submit {float:right; width:220px; height:37px; font-size:25px; color:#ffffff !important; background:#de5313; line-height:25px; text-transform:uppercase; border:none; font-weight:700; margin:0 0 0px 10px; padding:0px 0px 0px 0px; outline:none; cursor:pointer;}
.res720 .form form .security input.submit:hover {background:#112042;}
.res720 .form form .security span {float:right; display:block; font-size:18px; color:#28335d; line-height:37px; font-weight:600;}
.res720 .contact {float:none; position:absolute; bottom:30px; left:50%; margin:0px 0px 0px -340px; padding:0px; width:680px; height:auto;}
.res720 .contact .detailarea {padding:346px 0px 0px 0px; background:url(/pictures/pages/join/Join-720.jpg) center top no-repeat;margin-top:-320px;}

/* 480 */
.res480 .carea .cpage {padding-bottom:520px; position:relative;}
.res480 .appointment .apparea .appoptions {max-width:440px; margin:0 auto;}
.res480 .appointment .apparea .appoptions .appoption {width:100%; margin-bottom:20px; float:none;}
.res480 .appointment .apparea .appoptions .appoption a {width:350px; padding:3px 0px 3px 0px;}
.res480 .appointment .apparea .apptitle .applr {width:19%;}
.res480 .appointment .apparea .apptitle .applf {width:19%;}
.res480 .container {background:url('/pictures/pages/104/bg-jointeam-480.jpg') top center no-repeat; margin-top:-100px; padding-top:100px;}
.res480 .carea {padding:57px 0px 30px 0px;}
.res480 .carea {padding:30px 0px 30px 0px;}
.res480 .form {margin:0 auto; width:380px;}
.res480 .form form .field {width:100%; margin-bottom:15px; overflow:hidden; position:relative;}
.res480 .form form .field input {color:#28335d; border:1px solid #28335d; width:100%; height:36px; padding:0px 10px 0px 10px; box-sizing:border-box; outline:none;}
.res480 .form form .field.double .fieldl {width:100%; float:none; margin-bottom:15px; position:relative;}
.res480 .form form .field.double .fieldr {width:100%; float:none; position:relative;}
.res480 .form form input, .form form textarea {color:#28335d; font-size:16px; font-weight:400;}
.res480 .form form textarea {width:100%; min-height:77px; padding:10px 10px 0px 10px; border:1px solid #28335d; box-sizing:border-box; outline:none;}
.res480 .form form .security input.code {border:1px solid #28335d; height:35px; width:64px; float:right; padding:0px 20px 0px 20px; margin:0px 0px 0px 9px; outline:none;}
.res480 .form form .security input.submit {float:right; width:130px; height:37px; font-size:25px; color:#ffffff !important; background:#de5313; line-height:25px; text-transform:uppercase; border:none; font-weight:700; margin:0 0 0px 10px; padding:0px 0px 0px 0px; outline:none; cursor:pointer;}
.res480 .form form .security input.submit:hover {background:#112042;}
.res480 .form form .security span {float:right; display:block; font-size:18px; color:#28335d; line-height:37px; font-weight:600;}
.res480 .contact {float:none; position:absolute; bottom:30px; margin:0px 0px 0px -220px; padding:0px; width:440px; height:218px; left:50%;}
.res480 .contact .detailarea {padding:247px 0px 0px 0px; background:url(/pictures/pages/join/Join-480.jpg) center top no-repeat;/* margin-top:40px; */}

/* 320 */
.res320 .carea .cpage {padding-bottom:400px; position:relative;}
.res320 .appointment {margin-bottom:0px;}
.res320 .appointment .apparea .appoptions {max-width:280px; margin:0 auto;}
.res320 .appointment .apparea .appoptions .appoption {width:100%; margin-bottom:20px;}
.res320 .appointment .apparea .appoptions .appoption a {width:260px; height:auto; line-height:normal; padding:9px 10px 9px 10px;}
.res320 .appointment .apparea .apptitle .applr {width:6%;}
.res320 .appointment .apparea .apptitle .applf {width:6%;}
.res320 .container {background:url('/pictures/pages/104/bg-jointeam-320.jpg') center top no-repeat; margin-top:-93px; padding-top:97px;}
.res320 .carea {padding:57px 0px 30px 0px;}
.res320 .carea {padding:30px 0px 30px 0px;}
.res320 .form {margin:0 auto; width:280px; padding:31px 10px 35px 10px;}
.res320 .form .formtitle {line-height:19px; margin-bottom:15px;}
.res320 .form form .field {width:100%; margin-bottom:15px; overflow:hidden; position:relative;}
.res320 .form form .field input {color:#28335d; border:1px solid #28335d; width:100%; height:36px; padding:0px 10px 0px 10px; box-sizing:border-box; outline:none;}
.res320 .form form .field.double .fieldl {width:100%; float:none; margin-bottom:15px; position:relative;}
.res320 .form form .field.double .fieldr {width:100%; float:none; position:relative;}
.res320 .form form input, .form form textarea {color:#28335d; font-size:16px; font-weight:400;}
.res320 .form form textarea {width:100%; min-height:77px; padding:10px 10px 0px 10px; border:1px solid #28335d; box-sizing:border-box; outline:none;}
.res320 .form form .security {margin-top:0px; height:90px;}
.res320 .form form .security input.code {border:1px solid #28335d; position:relative; bottom:34px; height:35px; width:64px; float:right; padding:0px 20px 0px 20px; margin:0px 0px 0px 9px; outline:none;}
.res320 .form form .security input.submit {float:right; width:100%; position:relative; top:52px; height:37px; font-size:25px; color:#ffffff !important; background:#de5313; line-height:25px; text-transform:uppercase; border:none; font-weight:700; margin:0; padding:0px 0px 0px 0px; outline:none; cursor:pointer;}
.res320 .form form .security input.submit:hover {background:#112042;}
.res320 .form form .security span {float:right; display:block; font-size:18px; color:#28335d; line-height:37px; font-weight:600; position:relative; bottom:33px;}
.res320 .contact {float:none; position:absolute; bottom:30px; left:50%; margin:0px 0px 0px -140px; width:280px; height:132px; padding:0px;}
.res320 .contact .detailarea {padding:160px 0px 0px 0px; background:url(/pictures/pages/join/Join-480.jpg) center top no-repeat;background-size:280px;}