/*============================================================
join
=============================================================*/

#block-join { min-height:100%; min-width:1280px; width:100%; height:auto; position:fixed; top:0; left:0; background:#e9e9e4 url(../imagesHp/common/bg_login.png) no-repeat center; }

#sidemenu { position:fixed; top:0; left:0; width:100%; height:54px; border-bottom:1px solid #aaa; background:#fff; z-index:60; }
#sidemenu.opened .sub-area { display:block; }
#sidemenu .side-bar { position:absolute; top:0; left:0; width:100%; height:60px; text-indent:-99999px; }
#sidemenu .side-bar .logo { position:absolute; top:12px; left:50%; width:218px; height:38px; margin-left:-109px; text-indent:-99999px; background:url(../imagesHp/common/logo.png) no-repeat; }
#sidemenu .sub-area ul { position:absolute; top:18px; right:16px; }
#sidemenu .sub-area ul:after { content:""; display:block; clear:both; }
#sidemenu .sub-area ul li { float:left; }
#sidemenu .sub-area ul li a { display:block; margin:0 10px; font-size:13px; font-weight:600; color:#444; }
#sidemenu .sub-area ul li.current a { color:#d3292c; }
#sidemenu .sub-area ul li a i.fa-phone { vertical-align: middle; margin-right: 4px; }

#footer { position:fixed; bottom:0; left:0; z-index:50; height:36px; width:100%; border-top:1px #a6a6a6 solid; background:#fff;}
#footer p { padding:8px 0 0 20px; margin:0; font-size:13px; color:#858585; }
#footer .link { position:absolute; top:7px; right:20px; }
#footer .link a { font-size:12px; }

#join-container { position: absolute; width:520px; top:110px; left: 50%; padding-bottom:50px; margin-left:-248px; /* box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); */ }

.step-block { position:relative; height:60px; border-bottom:1px solid #ccc; background:rgba(255, 255, 255, 0.70); border-radius: 12px 12px 0 0; }
.step-block h2 { line-height:62px; text-align:center; font-size:20px; font-weight:600; color:#111; }
.step-block .step { position: absolute; top: 20px; left: 26px; font-size: 15px; font-weight: 600; color: #888; }

.join-desc { font-size: 14px; background: rgba(236, 236, 236, 0.7); border-bottom: none; padding-top: 14px; padding-bottom: 14px; height: auto; font-weight: 500; }
.join-desc1 { font-size: 14px; text-align: center; background: rgba(236, 236, 236, 0.7); border-bottom: none; padding-top: 10px; padding-bottom: 30px; height: auto; font-weight: 500; }
.join-desc2 { font-size: 14px; background: rgba(236, 236, 236, 0.7); border-bottom: none; padding-top: 20px; padding-bottom: 20px; height: auto; font-weight: 500; text-align:center; }
.join-desc3 { font-size: 14px; background: rgba(236, 236, 236, 0.7); border-bottom: none; padding-top: 20px; height: auto; font-weight: 500; text-align:center; }
.join-desc .line{border-bottom: 1px solid #c9c9c9;}

.faq-banner { border-radius:0 0 16px 16px; box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.30); }
.faq-banner a img { width:100%; height:auto; }

.certification-wrap { padding: 10px 20px; background: rgba(236, 236, 236, 0.7); }
.certification-wrap ul { display: table; table-layout: fixed; width: 100%; }
.certification-wrap ul li { display:table-cell; text-align: center; padding:10px; }
.certification-wrap ul li:first-child { padding-left:0px; }
.certification-wrap ul li:last-child { padding-right:0px; }
.certification-wrap ul li a { display: block; width: 100%; padding: 20px 0 30px 0; border: 1px solid #d1d1d1; border-radius: 4px; background: #fafafa; }
.certification-wrap ul li a.on { display: block; width: 100%; padding: 20px 0 30px 0; border: 2px solid #e30413; border-radius: 4px; background: #fafafa; }
.certification-wrap ul li.mobile a span.icon { display: inline-block; width: 85px; height: 85px; background: url(../imagesHp/common/ico_certification_mobile.png); }
.certification-wrap ul li.i-pin a span.icon { display: inline-block; width: 85px; height: 85px; background: url(../imagesHp/common/ico_certification_ipin.png); }
.certification-wrap ul li.email a span.icon { display: inline-block; width: 85px; height: 85px; background: url(../imagesHp/common/ico_certification_email.png); }
.certification-wrap ul li a span.text { display: block; }

.join-subtitle { display:table; position:relative; width:100%; height:55px; padding:0 60px 0 60px; background:rgba(236, 236, 236, 0.7); border-bottom: 1px solid #ccc; }
.join-subtitle h3 { display:table-cell; line-height:20px; vertical-align:middle; font-size:16px; color:#3c3c3c; font-weight:600; }
.join-subtitle .selectable { position:absolute; top:12px; left:22px; }

.join-step { position:absolute; top:20px; left:-100px; width:29px; height:510px; }
.join-step .bar { position:absolute; left:13px; right:13px; top:13px; bottom:13px; background:rgba(255,255,255,0.3); }
.join-step .step01, .join-step .step02, .join-step .step03, .join-step .step04 { position:absolute; top:0; left:0; width:29px; height:29px; text-indent:-9999px; cursor:pointer; background:url(../imagesHp/common/ic_step.png) no-repeat; }
.join-step .step02 { top:160px; }
.join-step .step03 { top:320px; }
.join-step .step04 { top:480px; }
.join-step .current { background-position:0 -100px; }

.terms-block { position:relative; overflow:hidden; max-height:190px; background: rgba(236, 236, 236, 0.7); }
.terms-block > h4 { padding:0 45px; margin: 0px 20px; height:50px; line-height:47px; font-weight:600; color:#3c3c3c; /* background:rgba(236, 236, 236, 0.7); */ border-top:1px solid #ccc; }
.terms-block > h4 span.p-c01 { font-weight:600; color:#e30413; }
.terms-block > h4.b-none { padding:0 45px; margin: 0px 20px; height:50px; line-height:47px; font-weight:600; color:#3c3c3c; /* background:rgba(236, 236, 236, 0.7); */ border-top:none; }
.terms-block:nth-child(1) > h4 { padding:0 45px; margin: 0px 20px; height:50px; line-height:47px; font-weight:600; color:#3c3c3c; /* background:rgba(236, 236, 236, 0.7); */ border-top:1px solid #ccc; }
.terms-block .scroll-area { height:85px; padding:10px 15px; margin: 0px 20px 10px 20px; font-size:12px; color:#3c3c3c; background:rgba(255, 255, 255, 0.70); overflow-y:auto; }
.terms-block .selectable { position:absolute; top:9px; left:22px; }
.terms-block .t1 { }
.terms-block .t2 { margin-bottom:5px; }
.terms-block table + .t2 { margin-top:10px; }
.terms-block table th { padding:6px 4px; background:#f9f9f9; border:1px solid #ddd; }
.terms-block table td { padding:4px; font-size:11px; vertical-align:middle; border:1px solid #ddd; }
.terms-block table .text-center { text-align:center !important; }
.terms-block > h4.type1 { height: 53px; line-height: 20px; padding: 5px 20px 0 45px; }
.terms-block > h4.type2 { height: 50px; line-height: 39px; padding: 5px 20px 0 10px; }
.terms-block1 { position:relative; overflow:hidden; max-height:170px;}
.terms-block1 > h4 { padding:0 20px; height:50px; line-height:47px; font-weight:600; color:#3c3c3c; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.terms-block1 .scroll-area { height:85px; padding:10px 15px; font-size:12px; color:#3c3c3c; background:#f4f4f4; overflow-y:auto; }
.terms-block1 .selectable { position:absolute; top:9px; right:22px; }
.terms-block1 .t1 { }
.terms-block1 .t2 { margin-bottom:5px; }
.terms-block1 table + .t2 { margin-top:10px; }
.terms-block1 table th { padding:6px 4px; background:#f9f9f9; border:1px solid #ddd; }
.terms-block1 table td { padding:4px; font-size:11px; vertical-align:middle; border:1px solid #ddd; }
.terms-block1 table .text-center { text-align:center !important; }
.terms-block1 .policy-wrap h4 { margin: 5px 0; font-size: 14px; }
.terms-block1 .policy-wrap h5 { margin: 5px 0 0; font-size: 12px; }
.terms-block1 .policy-wrap div { font-size: 11px; }
.terms-block2 { position: relative; overflow: hidden; padding-left: 20px !important; padding-right: 20px !important; }
.terms-block2 > h4 { padding:0 20px; height:50px; line-height:47px; font-weight:600; color:#3c3c3c; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.terms-block2 .scroll-area { height:85px; padding:10px 15px; font-size:12px; color:#3c3c3c; background:#f4f4f4; overflow-y:auto; }
.terms-block2 .selectable { position:absolute; top:9px; right:22px; }
.terms-block2 .t1 { font-size: 13px; text-align: left; }
.terms-block2 .t1 i { color: #aaa; font-size: 14px; position: relative; top: 1px; }
.terms-block2 .t2 { margin-bottom:5px; }
.terms-block2 table + .t2 { margin-top:10px; }
.terms-block2 table th { padding:8px 6px; font-size:13px; background:#f9f9f9; border:1px solid #ddd; }
.terms-block2 table td { padding:8px 6px; font-size:13px; border:1px solid #ddd; }
.terms-block2 table .text-center { text-align:center !important; }
.terms-block2 .policy-wrap h4 { margin: 5px 0; font-size: 14px; }
.terms-block2 .policy-wrap h5 { margin: 5px 0 0; font-size: 12px; }
.terms-block2 .policy-wrap div { font-size: 11px; }

.join-form { background:rgba(236, 236, 236, 0.7); min-height:400px; padding: 0 20px; }
.join-form.pt30 { background:rgba(236, 236, 236, 0.0); min-height:400px; padding: 0 20px; }
.join-form.h160p { min-height:160px; }
.join-form.h200p { min-height:200px; }
.join-form .input-group { height:58px; padding:10px 10px 0px 10px; /* border-bottom:1px solid #e4e4e4; */ }
.join-form .input-group.v2 { height:58px; padding:10px 10px 0px 10px; /* border-bottom:1px solid #e4e4e4; */ }
.join-form .input-group.bt1 { border-top: 1px solid #c9c9c9; padding-top: 20px; }
.join-form .input-group-addon { padding:0 10px; min-width:50px; height:48px; background:#fff; border-right: 1px solid #eaeaea; border-radius: 6px 0 0 6px; }
.join-form .input-group-addon + .cert-wrap input { border-radius: 0 6px 6px 0; }
.join-form .input-group-addon + .cert-wrap #divNations + .cert-part2 input { border-radius: 6px 6px 6px 6px; }
.join-form .input-group-addon + .input1 { border-radius: 0 6px 6px 0; }
.join-form .input-group-addon + input { border-radius: 0 6px 6px 0 !important; }
.join-form .input-group-addon + .cert-part1-2 input { border-radius: 0 6px 6px 0; }
.join-form input[type="text"], .join-form input[type="password"], .join-form input[type="email"] { width:100%; height:48px !important; padding:6px 10px; font-size:14px; font-weight:600; color:#222; -webkit-appearance: none; box-shadow:none; border: rgba(0, 0, 0, 0) !important; border-radius:6px; }
.join-form h3 { font-size:22px; text-align:center; line-height:68px; font-weight:600; border-top:2px solid #ff2024; border-bottom:1px solid #e4e4e4; background:#f4f4f4; }
.join-form.type1 { border-radius: 12px 12px 0 0; }
.join-form.type1 h3 { position: relative; height: 60px; line-height: 62px; border-bottom: 1px solid #ccc; background: rgba(255, 255, 255, 0.70); border-radius: 12px 12px 0 0; border-top: none; }
.join-form.type1.find-id + .btn-submit { padding: 10px 30px 20px 30px; }
.join-form.type2 { border-radius: 0 0 12px 12px; }
.join-form.type2 h3 { position: relative; height: 60px; line-height: 62px; border-bottom: 1px solid #ccc; background: rgba(255, 255, 255, 0.70); border-radius: 12px 12px 0 0; border-top: none; }
.join-form.type2.find-id + .btn-submit { padding: 10px 30px 20px 30px; }
.join-form .radio-check { display:table-cell; width:100%; line-height:46px; text-align:center; }
.join-form .radio-check label { padding-right:60px; font-weight:600; cursor:pointer; }
.join-form .radio-check label:last-child { padding:0; }
.join-form .radio-check.type1 { padding:6px 0 6px 20px; text-align:left; line-height: normal; }
.join-form .radio-check.type1 p { padding: 6px 0 0 18px; }
.join-form .line { border-top: 1px solid #c9c9c9; }
.join-form .title { position:relative; padding: 15px 20px 0 10px; font-weight: 600; color: #111; }
.join-form .title .devide-area { height: 0px; position: absolute; bottom: 20px; right: 20px; padding-right: 0; }

/* captcha area */
/*
.captcha-area { position: relative; width: 100%; margin: 0px 0 0 0; padding: 0px 0 0 0; overflow: hidden; background: transparent; border-radius: 0 0 4px 4px; }
.captcha-area div.code {background: transparent; }
*/
.captcha-area div.code > div { margin-right: 90px; background: #c8cdd1; height: 70px; line-height: 67px; }
.captcha-area ul.btn_captcha { position: absolute; top: 9px; right: 10px; float: right; width: 95px; margin-top: 0px; overflow: hidden; }
.captcha-area ul.btn_captcha li { padding: 0px 0 0px 0px; margin: 0px 0 0 0; vertical-align: top; text-align: right; font-size: 11px; }
.captcha-area ul.btn_captcha li:last-child { margin-top: -1px; }
.captcha-area ul.btn_captcha li a { display: inline-block; width: 100%; color: #727272; border: 1px solid #d3d3d3; border-radius: 2px; padding: 9px 4px; text-align: center; background:#fff; }
.captcha-area ul.btn_captcha li a:hover { color:#333; border: 1px solid #ccc; }
.captcha-area ul.btn_captcha li.first { margin: 0; }
.captcha-area ul.btn_captcha li a img { margin-right:2px; }
/* captcha area */

#certTypeDiv.type1 { padding: 0 20px; }
#certTypeDiv.type1 .cert-wrap { left: 61px; }
#certTypeDiv.type1 .cert-wrap div.dropdown.nation { display: inline-block; padding-top: 9px; padding-left: 5px; }
#certTypeDiv.type1 .cert-wrap div.dropdown.nation button { height:40px !important; line-height:40px; }
#certTypeDiv.type1 .cert-wrap div.dropdown.nation > input { top: 5px; left:0px; width: 100px; }
#certTypeDiv.type1 .cert-wrap div.dropdown.nation button span.caret { top: 19px; right: -2px; }
#certTypeDiv.type1 .cert-wrap .cert-part2 input { width: 201px; border-radius: 6px 6px 6px 6px; }
#certTypeDiv.type1 .cert-wrap .cert-part2 input.captcha { width: 300px; border-radius: 6px 6px 6px 6px; }

.cert-wrap.st1 { left: 61px; }
.cert-wrap.st1 div.dropdown.nation { display: inline-block; padding-top: 9px; padding-left: 5px; }
.cert-wrap.st1 div.dropdown.nation button { height:40px !important; line-height:40px; }
.cert-wrap.st1 div.dropdown.nation > input { top: 5px; left:0px; width: 100px; }
.cert-wrap.st1 div.dropdown.nation button span.caret { top: 19px; right: -2px; }
.cert-wrap.st1 .cert-part2 input { width: 180px; border-radius: 6px 6px 6px 6px; }

#tabCreate .join-form { min-height: 360px; }
#tabCreate .join-form .input-group .input-group-addon { border: 1px solid #dcdcdc; }
#tabCreate .join-form .input-group .input-group-addon + .cert-part1-2 { width: 290px; border-radius: 0 6px 6px 0; border: 1px solid #dcdcdc; border-left:none; }
#tabCreate .join-form .input-group .input-group-addon + .cert-part1-2 input { border: 1px solid #dcdcdc; border-left:none; height: 46px !important; }
#tabCreate .join-form .input-group .input-group-addon + .cert-wrap { top: 10px; left: 62px }
#tabCreate .join-form .input-group .input-group-addon + .cert-wrap .cert-part2-2 { border: 1px solid #dcdcdc; border-left:none; padding: 0px 0px; border-radius: 0 6px 6px 0; }
#tabCreate .join-form .input-group .input-group-addon + .cert-wrap .cert-part2-2 input { height: 46px !important; }
#tabCreate .join-form .input-group .input-group-addon + .cert-wrap .cert-part3-2 { top: 0px; right: 10px; }
#tabCreate .join-form .input-group .input-group-addon + input { border: 1px solid #dcdcdc !important; border-left:none !important; }
#tabCreate .join-form .input-group > input { border: 1px solid #dcdcdc !important; }
#tabCreate .join-form .devide-area { height: 34px; padding: 6px 12px 0 0; }
#tabCreate #createForm { padding-bottom:20px; border-radius: 0 0 6px 6px; }

.join-confirm {}
.join-confirm h4 { margin-bottom:10px; font-size:15px; font-weight:600; letter-spacing:-0.5px; }
.join-confirm h4:before { content:""; display:inline-block; margin-right:5px; width:10px; height:10px; background:#555; }
.join-confirm + .join-confirm { margin-top:30px; padding-top:20px; border-top:1px solid #e5a1a1; }
.join-confirm p { margin:10px 0; font-size:13px; }
.join-confirm .btn-wrap { margin:30px 0 10px; text-align:center; }
.join-confirm .btn { display:inline-block; min-width:250px; height:50px; font-weight:600; text-align:center; color:#d3d3d3; line-height:50px; background:#454545; }
.join-confirm .btn:hover { color:#e1e1e1; }
.join-confirm.type2 { padding:50px 10px; }
.join-confirm.type2 p { text-align:center; font-size:14px; line-height:24px; }
.join-confirm.type2 .btn { min-width:150px; }
.join-confirm ul { margin:0 0 0 15px; }
.join-confirm ul li { margin:2px 0; font-size:12px; }
.join-confirm ul { margin:0 5px 0 15px; }
.join-confirm .ins { margin-bottom:15px; }
.layer-close { position:absolute; top:107px; right:15px; width:15px; height:15px; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -300px; }

:-ms-input-placeholder { color:#999 !important; }

.hpdesc-area { position:relative; height:40px; padding:0px 20px 0; font-size:13px; /* border-bottom:1px solid #e4e4e4; */ /* background:#f4f4f4; */ }
.devide-area { position:relative; height:64px; padding:10px 108px 0 0; text-align:right; /* border-bottom:1px solid #e4e4e4; */ /* background:#f4f4f4; */ }
.devide-area.h30 { display: block; position: relative; height: 20px; padding: 0px 108px 10px 0; text-align: right; box-sizing: content-box; }
.devide-area.h30 .timer { top: 5px; left: -8px; }
.devide-area.h30.type1 { display: block; position: relative; height: 20px; padding: 5px 108px 10px 0; text-align: right; box-sizing: content-box; }
.devide-area.h30.type1 .timer { top: 8px; left: -8px; }
.cert-wrap { position:absolute; top:0; left:56px; right:0; bottom:0; }
.cert-wrap.type1 {  }
.cert-wrap.type1 #divNations { display: inline-block; position: relative; width: 100px; height: 100%; vertical-align: middle; border-right: 1px solid #e4e4e4; }
.cert-wrap.type1 #divNations div.dropdown.nation { width:100%; padding-top: 8px; }
.cert-wrap.type1 #divNations div.dropdown.nation > input { position: absolute; width: 100px; height: 20px; left: 0px; top: 5px; }
.cert-wrap.type1 div.dropdown.nation button { width:100%; line-height: 40px; height: 40px !important; cursor: pointer; border: none; background-color: #fff; }
.cert-wrap.type1 div.dropdown.nation button span.caret { right: 7px; top: 20px; }
.cert-wrap.type1 div.dropdown.nation button i.flag  { vertical-align: middle; margin-top: -2px; margin-right: 2px; }
.cert-wrap.type1 #divNations.type1 button i { display: none; }
.cert-wrap.type1 #divNations.type1 span.caret { display: none; }
.cert-wrap.type1 #divNations.type1 + .cert-part2 { width: 316px; }
.cert-wrap.type1 #divNations.type1 + .cert-part2 input { border-radius:6px; }
.cert-wrap.type2 { left:65px; }
.cert-part1 { display:inline-block; position:relative; padding:0 15px 0 2px; width:100px; height:100%; line-height:66px; color:#7f7f7f; font-weight:600; vertical-align:top; border-right:1px solid #e4e4e4; }
.cert-wrap #divNations { display:inline-block; position:relative; width:100px; height:100%; vertical-align:middle; border-right:1px solid #e4e4e4; }
.cert-wrap ul.dropdown-menu { width:300px; }
.cert-wrap div.dropdown.nation button { line-height:67px; height:67px !important; cursor:pointer; border:none; background-color:#fff; }
.cert-wrap div.dropdown.nation button:focus { outline:none; }
.cert-wrap div.dropdown.nation button span.caret { right:0; top:33px; width:14px; height:10px; border:none; background:url(../imagesHp/common/ic_select_ar.png) no-repeat 0 0; }
.cert-part1 select { padding:3px 0; width:100%; height:30px; line-height:20px; vertical-align:baseline; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background:url(../imagesHp/common/ic_select_ar.png) no-repeat right 13px; }
.cert-part1 .nations-code { display:block; color:#888; text-decoration:none; background:url(../imagesHp/common/ic_select_ar.png) no-repeat right 32px; }
.cert-wrap .nations-code-view { position:absolute; left:0; top:67px; width:380px; height:255px; border:1px solid #bbb; background:#fff; z-index:20; }
.cert-part1-2 { display:inline-block; width:310px; }
.cert-part2 { display:inline-block; width:314px; padding:10px 5px; }
.cert-part2-2 { display:inline-block; width:280px; padding:10px 5px; }
.cert-part3 { position:absolute; top:10px; bottom:-1px; right:10px; width:90px; }
.cert-part3 .btn-cert { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-weight:600; color:#fff; background:#bdbdbd; border-radius: 6px; }
.cert-part3 #sendCertBtn2.btn-cert { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-weight:600; color:#555; background:#f5f5f5; border-radius: 6px; box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.1); }
.cert-part3 #confirmCertBtn2.btn-cert { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-weight:600; color:#fff; background:#7f7f7f; border-radius: 6px; }
.cert-part3 .btn-cert:hover { text-decoration:none; }
.cert-part4 { position:absolute; top:10px; bottom:-1px; right:10px; width:110px; }
.cert-part4 .btn-cert { display:block; width:100%; height:48px; padding-top:15px; text-align:center; font-weight:600; color:#fff; background:#bdbdbd; border-radius: 6px; }
.cert-part4 .btn-cert:hover { text-decoration:none; }
.cert-part3-2 { position:absolute; top:10px; bottom:-1px; right:0; width:95px; }
.cert-part3-2 .btn-cert { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-weight:600; color:#fff; background:#bdbdbd; border-radius: 6px; }
.cert-part3-2 .btn-cert:hover { text-decoration:none; }
.timer { position:absolute; top:12px; left:8px; font-size:12px; color:#ff4242; width: 110px; }
.timer.type-id { position:absolute; top:12px; left:10px; font-size:12px; color:#ff4242; width: 110px; }
.timer span { margin:0 4px; letter-spacing:0; }
.email-wrap { position:relative; }
.email-wrap .t1 { margin:0 5px; vertical-align:middle; color:#777; }
.email-wrap .btn-combo { position:absolute; top:10px; right:0; width:48px; height:48px; background:url(../imagesHp/common/ic_select_ar.png) no-repeat center 22px; }
.email-wrap .input1 { width:170px !important; }
.email-wrap .input2 { width:216px !important; }
#EMDiv .email-wrap .input1 { width:130px !important; }
#EMDiv .email-wrap .input2 { width:158px !important; }
#EMDiv .email-wrap .input3 { width:247px !important; }
.email-wrap .email-code { position:absolute; top:62px; right:10px; width:140px; height:137px; overflow-y:auto; background:#fff; border:1px solid #bbb; z-index:10; }
.email-wrap .email-code li a { display:block; padding:1px 10px; line-height:24px; color:#777; letter-spacing:-0.2px; }
.email-wrap.cert-type .input1 { width:110px !important; }
.email-wrap.cert-type .input2 { width:145px !important; }
.email-wrap.cert-type .email-code { right:69px; }
.email-wrap.cert-type .btn-combo { right:68px; width:40px; }

/* .input-group.v1 i { background-color:#6c6c6c !important; } */
.input-group.v1 .btn-cert { color:#fff !important; background:#454545 !important; }
.input-group.v2 .btn-cert { color:#fff !important; background:#e82e32 !important; }
/* .input-group.v2 i { background: url(../imagesHp/common/ic_join.png) no-repeat; } */
.input-group.v2 input { color:#ff4242 !important; }

.join-cert-info { position:relative; width:100%; height:490px; background:#f4f4f4 url(../imagesHp/common/img_cert_mail.png) no-repeat center 40px; }
.join-cert-info p { padding-top:220px; text-align:center; font-size:16px; font-weight:600; color:#3c3c3c; }
.join-cert-info p .mail { color:#ff4242; font-weight:normal; letter-spacing:0; }
.join-cert-info ul { margin-top:50px; }
.join-cert-info li { position:relative; margin:0 30px 20px 56px; font-size:12px; color:#3c3c3c; }
.join-cert-info li:before { content:""; position:absolute; left:-28px; top:4px; width:17px; height:11px; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -100px; }
.btn-submit { margin-bottom:36px; padding: 10px 20px 20px 20px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 16px 16px; /* box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); */ }
.btn-submit.type1 { margin-bottom:0px; padding: 0px 30px 20px 30px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 0 0; }
.btn-submit.type1-1 { margin-bottom:0px; padding: 0px 30px 20px 30px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 0 0; }
.btn-submit.type2 { margin-bottom:36px; padding: 10px 30px 20px 30px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 16px 16px; /* box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); */ }
.btn-submit.type3 { margin-bottom: 0px; padding: 10px 20px 20px 20px; background: rgba(236, 236, 236, 0.0); border-radius: 0 0 0 0; }
.btn-submit.type4 { margin-bottom: 0px; padding: 0px 0px 20px 0px; background: rgba(236, 236, 236, 0.0); border-radius: 0 0 0 0; }

.btn-submit ul { display:table; table-layout:fixed; width:100%; height:60px; }
.btn-submit ul li { display:table-cell; padding-left:8px; }
.btn-submit ul li:first-child { padding-left:0px; }
.btn-submit ul li:last-child {  }
.btn-submit a { display: inline-block; width: 100%; font-size:16px; font-weight:600; text-align:center; color:#d3d3d3; line-height:55px; background:#454545; border-left:1px solid #666; border-radius:4px; }
.btn-submit a:first-child { border-left:none; }
.btn-submit a:last-child { border-left:none; }
.btn-submit a:hover { text-decoration:none; color:#e1e1e1; }

.btn-submit1 { margin-bottom:16px; padding: 10px 20px 4px 20px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 16px 16px; /* box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); */ }
.btn-submit1 ul { display:table; table-layout:fixed; width:100%; height:60px; }
.btn-submit1 ul li { display:table-cell; padding-left:8px; }
.btn-submit1 ul li:first-child { padding-left:0px; }
.btn-submit1 ul li:last-child {  }
.btn-submit1 a { display: inline-block; width: 100%; font-size:16px; font-weight:600; text-align:center; color:#d3d3d3; line-height:55px; background:#454545; border-left:1px solid #666; border-radius:4px; }
.btn-submit1.type1 a { display: inline-block; width: 100%; padding: 0px 20px 0px 20px; font-size:16px; font-weight:600; text-align:center; color:#d3d3d3; line-height:55px; background:#454545; border-left:1px solid #666; border-radius:4px; }
.btn-submit1 a:first-child { border-left:none; }
.btn-submit1 a:last-child { border-left:none; }
.btn-submit1 a:hover { text-decoration:none; color:#e1e1e1; }

.join-complete { position:relative; width:100%; height:416px; background:rgba(236, 236, 236, 0.8) url(../imagesHp/common/img_join.png) no-repeat center 50px; }
.join-complete .t1 { padding-top:320px; text-align:center; font-size:24px; font-weight:600; color:#3c3c3c; }
.join-complete .t2 { padding-top:5px; text-align:center; font-size:16px; color:#3c3c3c; }
.join-complete .t3 { position:relative; margin:30px 10% 20px 20%; font-size:12px; color:#3c3c3c; }
.join-complete .t3:before { content:""; position:absolute; left:-25px; top:2px; width:17px; height:11px; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -100px; }

.tab-content > .tab-pane form { padding-left: 0; padding-right: 0; margin: 0 20px; }
.tab-content > .tab-pane form#bsnnNoForm { margin: 0 0px; padding: 10px 10px 0 10px;background:#fff; }
.tab-content > .tab-pane form#createForm { margin: 0 0px; padding: 0 10px;background:#fff; }
.tab-content > .tab-pane { display: none; height: 100%; padding-top: 0px; }

.nav-tabs > li { display: table-cell; background: #f5f5f5; border-radius: 16px; }
.nav-tabs > li > a { display: inline-block; width: 100%; height: 52px; line-height: 52px; text-align: center; vertical-align: top; font-weight: 600; color: #ababab; background: #f5f5f5; }
.nav-tabs > li.active > a { color: #111; line-height: 52px; background: #fff; }
.nav-tabs > li:first-child > a { border-radius: 16px 0 0 0; }
.nav-tabs > li:last-child > a { border-radius: 0 16px 0 0; }

.find-com-wrap { position:relative; width:100%; min-height:560px; padding:0 20px; background:rgba(236, 236, 236, 0.7); }
.find-com-wrap .tab-content { position:absolute; top:52px; bottom:0; left:0px; right:0px; }
.content-list { min-height:200px; background:#fff;  }
.content-list.scroll { height:auto; max-height:348px; overflow:auto; overflow-x:hidden; border-radius: 6px; border-top: none; margin-bottom:10px; }
.content-list.scroll .table > thead > tr > th { padding: 5px 6px 6px; height: 40px; line-height: 18px; font-size: 12px; color: #252525; text-align: center; font-weight: 600; vertical-align: middle; border-bottom: none; background: #f5f5f5; }
.content-list .table > tbody > tr > td { padding: 8px 6px 10px; height: 42px; line-height: 18px; font-size: 12px; color: #222; text-align: center; letter-spacing: -0.5px; vertical-align: middle; border-bottom: 1px solid #eee; }
.content-list.scroll .table-striped > tbody > tr:nth-child(odd) > td { background: #fff; }


.info { padding:10px 15px; font-size:12px; background:#fff; border-top: 1px solid #b4b4b4; }
.info.bt-sy1 { height: 38px; border-top: 1px solid #ddd; }
.info i { color: #aaa; font-size: 14px; position: relative; top: 1px; }
.info a.link { display: inline-block; margin-top: -3px; padding: 2px 12px 2px 20px; border: 1px solid #ed878b; border-radius: 3px; color: #ed1c24; font-size: 12px; font-weight: bold; text-decoration: none; background: #fff url(../imagesHp/mail/bul.png) no-repeat 10px 48%; }

.radio-wrap { padding-top: 20px; text-align: center; background:#fff; }
/* .radio-wrap.type1 input[type='radio'] { margin-right: 2px; }
.radio-wrap.type1 input[type='radio'] {width:20px;height:20px;vertical-align:middle;-webkit-appearance:none;padding:1px;margin-top:-2px;background:#fff;border:solid 1px #ccc;border-radius:50%;}
.radio-wrap.type1 input[type='radio']:after { content:' '; position:relative; top:3px; left:3px; display:block; width:10px; height:10px; background:#ccc; border-radius:50%; }
.radio-wrap.type1 input[type='radio']:checked { padding:0; background:#fff; border:solid 1px #ccc; }
.radio-wrap.type1 input[type='radio']:checked:after { top:4px; left:4px; background:#e30512; } */


.radio-wrap.type1 input[type="radio"] { display:none; }
.radio-wrap.type1 input[type="radio"] + label { display:inline-block; width:18px; height:18px; margin:-2px 2px 0 0; vertical-align:middle; background:url(../../../imagesHp/common/img_radio_onoff.png) left 0px no-repeat; cursor:pointer; }
.radio-wrap.type1 input[type="radio"]:checked + label { background:url(../../../imagesHp/common/img_radio_onoff.png) left -18px no-repeat; }
.radio-wrap.type1 input[type="radio"] + label + span { margin:0 10px 0 0; }


.search-wrap { position: relative; padding:20px; background: #fff; border-radius: 0 0 6px 6px; }
.search-wrap div.i-r { position: relative; height: 48px; border: 1px solid #dcdcdc; border-radius: 6px; }
.search-wrap:after { content:""; display:block; clear:both; }
.search-wrap .part1, .search-wrap .part2 { float:left; position:relative; width:229px; height:100%; padding:0px; border-right:1px solid #e4e4e4; }
.search-wrap .part3 { float:left; position:relative; width:384px; height:100%; padding:0px; border-right:1px solid #e4e4e4; }
.search-wrap .part2 { width:158px; }
.search-wrap input { width:100%; height:46px !important; padding:6px 10px; font-size:14px; font-weight:600; color:#222; -webkit-appearance: none; box-shadow:none; border: rgba(0, 0, 0, 0) !important; border-radius: 6px; }
.search-wrap .btn-search { position:absolute; top:9px; right:14px; width:26px; height:27px; text-indent:-9999px; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -200px; }
.search-wrap + .content-list { margin-top:30px; }

.search-result {height:252px; margin:-8px -6px -10px; background:#fff; }
.search-result.h {height:auto; min-height:200px;}
.search-result .t1 { margin:0; padding:15px 0; font-size:16px; font-weight:600; color:#3c3c3c; }
.search-result .t1 span { font-weight:normal; color:#ff4242; }
.search-result .t2 { font-size:14px; font-weight:600; color:#3c3c3c; }
.search-result .t3 { margin:0; padding: 50px 0 5px 0; font-size:16px; font-weight:600; color:#e82e32; }
.search-result ul { margin-bottom:20px; text-align:left; }
.search-result li { position:relative; margin:5px 10% 10px 22%; font-size:12px; color:#3c3c3c; }
.search-result li:before { content:""; position:absolute; left:-28px; top:4px; width:17px; height:11px; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -100px; }
.search-result .t1 span.block { display:block; margin-top:8px; font-weight:600; color:#3c3c3c; }
.search-result .btn-wrap {display:table; width:100%; margin:0 auto; }
.search-result .btn-wrap .cell {display:table-cell; padding-bottom:10px;}
.search-result .btn-wrap .cell:first-child {text-align:right;}
.search-result .btn { display:inline-block; margin:8px auto 0; width:190px; height:36px; font-weight:600; text-align:center; color:#d3d3d3 !important; line-height:28px; background:#454545; }
.search-result .link {width:88px; height:36px; line-height:28px; color:#333 !important; font-weight:600; text-align:center; background:#fff; border:1px solid #ddd; }
.search-result .btn-wrap1 {display:table; width:100%; margin-top:50px; border-top: 1px solid #eee;}
.search-result .btn1 { display:inline-block; height:26px; width:112px; font-weight:600; text-align:center; color:#d3d3d3 !important; line-height:24px; background:#454545; font-size: 12px; border-radius: 4px;}
.search-result .mgs {margin-top:10px;line-height: 28px;margin-bottom: 10px;}

.icon-circle { display:inline-block; width:10px; height:10px; background:#eee; border:1px solid #eee; border-radius:50%; }
.bgselected .icon-circle { background:#e30413; border:1px solid #e30413; }
.ic-admin { display:inline-block; width:14px; height:14px; vertical-align:middle; background:url(../imagesHp/common/ic_common.png) no-repeat 0 -400px; }
.ins-b { padding:15px 0px; font-size:12px; color:#e82e32; text-align:right; }

.find-result { padding:80px 0; text-align:center; font-size:18px; }
.find-result span { font-size:28px; font-weight:600; color:#ff4242; }
.cert-txt { padding:32px 13px 0; min-height:380px; text-align:center; font-size:15px; line-height:22px; background:url(../imagesHp/common/img_cert.png) no-repeat center 200px; }
.cert-txt1 { padding:32px 13px 0; min-height:380px; text-align:center; font-size:15px; line-height:22px; background:url(../imagesHp/common/img_cert.png) no-repeat center 156px; }
.cert-txt2 { padding:32px 13px 0; min-height:380px; text-align:center; font-size:15px; line-height:22px; background:url(../imagesHp/common/img_ipin.png) no-repeat center 200px; }
.cert-txt3 { padding:32px 13px 0; min-height:380px; text-align:center; font-size:15px; line-height:22px; background:url(../imagesHp/common/img_ipin.png) no-repeat center 156px; }
.cert-txt4 { padding:32px 13px 0; min-height:204px; text-align:center; font-size:15px; line-height:22px; }
.cert-txtMail { padding:32px 13px 0; min-height:380px; text-align:center; font-size:15px; line-height:22px; background:url(../imagesHp/common/img_mail.png) no-repeat center 200px; }
.table-h { min-height:162px; }
.btn-wrap.type3 { padding:40px 0; text-align:center; }
.btn-wrap.type3 .btn { display:inline-block; font-weight:600; text-align:center; color:#555; }

/* policy-wrap */
.policy-wrap h3 { margin:40px 0; font-size:20px; font-weight:600; text-align:center; color:#111; }
.policy-wrap h4 { margin:30px 0; font-size:16px; font-weight:600; text-align:center; color:#111; }
.policy-wrap h5 { margin:30px 0 10px; font-size:14px; font-weight:600; color:#111; }
.policy-wrap h6 { margin:10px 0 5px; font-size:13px; font-weight:600; color:#111; }
.policy-wrap div { font-size:13px; }
.policy-wrap ul ul { margin:10px 15px; }
.policy-wrap table { margin:10px 15px 15px; max-width:800px; }
.policy-wrap table tr th { padding:6px; font-weight:normal; text-align:center; border:1px solid #bbb; background:#f9f9f9; }
.policy-wrap table tr th:first-child, .policy-wrap table tr td:first-child { border-left:none; }
.policy-wrap table tr td { padding:6px; border:1px solid #bbb; }
.policy-wrap table tr th:last-child, .policy-wrap table tr td:last-child { border-right:none; }

.terms-block .policy-wrap h4 { margin:5px 0; font-size:14px; }
.terms-block .policy-wrap h5 { margin:5px 0 0; font-size:12px; }
.terms-block .policy-wrap div { font-size:11px; }
.terms-block .policy-wrap table { margin:10px 0 15px; }

.ins-box { margin-bottom:10px; padding:10px 10px 8px; border:1px solid #f5f5f5; background:#fafafa; }
.ins-box.c2 { padding:12px 12px 10px; border:1px solid #eee; background:#f7f7f7; }
.ins-box > ul > li { color:#333; font-size:12px; line-height:20px; }
.ins-box > ul > li .fa { color:#aaa; font-size:13px; }

.cert-guide { position: absolute; top: 110px; width: 100%; text-align: center; }
.cert-guide span { display: inline-block; height: 34px; }
.cert-guide a { text-decoration:underline; color: #555; }

.celebration_join h2 { background : url(../imagesHp/common/img_join_faq_top.png) no-repeat scroll 50% 50%; height: 122px; }
#privacyFaqPopup .modal-content { border-radius: 8px 8px 0 0; }
#privacyFaqClose i.icon { display: inline-block; vertical-align: middle; background-image: url(../imagesHp/common/ic_common.png); margin: 0 4px; background-repeat: no-repeat; }
#privacyFaqClose i.icon.pop-close1 { margin-top: -25px; margin-right: -4px; width: 30px; height: 30px; background-position: -72px -475px; }

/* ajax common style */
div.body-loading {
	position:absolute;
	z-index:9;
	top:0; left:0;
	width:100%; height:100%;
	background : url(../imagesHp/dev/loading_b.gif) no-repeat scroll 50% 50% white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: 0.6;
}
div.container-loading {
	position:absolute;
	top:0; left:0;
	background : url(../imagesHp/dev/loading.gif) no-repeat scroll 50% 50% white;
	z-index : 99;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: 0.6;
}
div.button-loading {
	position:absolute;
	top:0; left:0;
	min-width:30px; min-height:16px;
	background : url(../imagesHp/dev/ic_refresh2.gif) no-repeat scroll 50% 50% white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: 0.8;
}

@media screen and (max-width:700px) {
	.sub-area { display:none; }
	#sidemenu { height:50px; }
	#sidemenu .side-bar { height:50px; cursor:pointer; background:url(../imagesHp/common/left_menu_m.png) no-repeat 10px 13px; background-size:26px auto; }
	#sidemenu .side-bar .logo { top:14px; width:168px; height:22px; margin-left:-84px; background:url(../imagesHp/common/logo_m.png) no-repeat center; background-size:auto 22px; }
	#sidemenu.opened { height:100px; }
	#sidemenu.opened .sub-area ul { display:block !important; }
	#sidemenu .sub-area ul { top:50px; left:0; width:100%; text-align:center; border-top:1px solid #ccc; }
	#sidemenu .sub-area ul li { float:none; display:inline; }
	#sidemenu .sub-area ul li a { display:inline-block; line-height:50px; }
	#block-join { background-position:center top; }
	.join-step { top:-43px; left:10px; right:10px; width:auto; height:30px; }
	.join-step .step01, .join-step .step02, .join-step .step03, .join-step .step04 { top:0; left:0; }
	.join-step .step02 { left:33.3333%; margin-left:-15px; }
	.join-step .step03 { left:66.6666%; margin-left:-15px; }
	.join-step .step04 { left:94%; }
	.modal-dialog { top:0; left:0; bottom:0; right:0; margin:0; width:100% !important; height:100% !important; max-width:inherit; }
	#footer p { padding:10px 0 0 10px; font-size:11px; }
	#footer .link { right:10px; }
	#footer .link a { font-size:11px; }
	#sidemenu .sub-area-left { display:none; }
	.celebration_join h2 { background: url(../imagesHp/common/img_join_faq_top.png) no-repeat 0 0; background-size: cover; width: 100%; height: 100%; line-height: 100px; }
}


@media screen and (max-width:456px) {
	.step-block { border-radius: 0px 0px 0 0; }
	#join-container { width:100%; min-width:320px; margin:0; padding:0; top:49px; bottom: 36px; left:0; overflow-y: auto; }
	.join-step { display:none; }
	.join-form { position: relative; margin: 0 !important; border-radius: 0px 0px 0 0 !important; padding: 0 20px; background: rgba(236, 236, 236, 0.7); }
	.join-form .input-group { padding:5px 0px 5px 0; }
	.join-form .input-group.v2 { padding:5px 0px 5px 0px; }
	.join-form .input-group .inputX.type1 { width: calc(100% - 180px) !important; }
	.join-form h3 { font-size:17px; line-height:46px; border-top:none; border-radius: 0px 0px 0 0 !important; }
	.join-form .title { position: relative; height: 38px; padding: 15px 0px 0px 0px; font-weight: 600; color: #111; }
	.email-wrap .input1 { width:47% !important; }
	.email-wrap .input2 { width:45% !important; }
	/* #EMDiv .email-wrap .input1 { width:32% !important; } */
	#EMDiv .email-wrap .input2 { width:38% !important; }
	#EMDiv .email-wrap .input3 { width: calc(100% - 153px) !important; }
	#EMDiv .email-wrap .btn-combo { position: absolute; top: 5px; right: 17% !important; width: 48px; height: 48px; background: url(../imagesHp/common/ic_select_ar.png) no-repeat center 22px; }
	.email-wrap.cert-type .input1 { width:28% !important; }
	.email-wrap.cert-type .input2 { width:32% !important; }
	.cert-wrap { left:51px; }
	.cert-wrap.type2 { left:52px !important; top:5px !important; }
	.cert-part1 { width:75px; padding-right:10px; }
	.cert-part2 { width:50%; }
	.cert-part2.type1 { width: calc(100% + -107px) !important; padding: 5px 0px; }
	.cert-part1-2 { width:77% !important; }
	.cert-part1-2.type1 { width:76% !important; }
	.cert-part2-2 { width:65%; }
	.cert-part2-2.type1 { width:70%; }
	.cert-part3 { position: absolute; top: 5px; bottom: -1px; right: 0px; width: 66px; }
	.cert-part4 { position: absolute; top: 5px; bottom: -1px; right: 0px; width: 100px; }
	.cert-guide { position: absolute; top: 110px; width: 100%; font-size:12px; text-align: center; }
	.cert-guide span { font-size:12px;}
	.cert-txt { min-height:325px; font-size:13px; letter-spacing: -0.5px; background-size:330px auto; background-position:center 115px; }
	.cert-txt2 { min-height:325px; font-size:13px; letter-spacing: -0.5px; background-size:330px auto; background-position:center 115px; }
	.cert-txtMail {min-height:325px; font-size:13px; letter-spacing: -0.5px; background-size:330px auto; background-position:center 115px;  }
	.timer { top: 3px !important; left: -13px; }
	.timer.type-id { top: 3px !important; left: 5px; }
	.devide-area { padding:20px 15px 0; right: 5px !important; }
	.devide-area.h30.type1 .validation.mail { top: 1px; right: 65px !important; }
	.search-wrap .part1, .search-wrap .part2 { width:40%; }
	.search-wrap .part3 { width: 100%; }
	.cert-txt1 { min-height:325px; font-size: 13px; letter-spacing: -1.1px;  background-position:center 120px; }
	.cert-txt3 { min-height:325px; font-size: 13px; letter-spacing: -1.1px;  background-position:center 120px; }
	.cert-txt4 { min-height:200px; font-size: 13px; letter-spacing: -1.1px;  background-position:center 120px; }
	.btn-submit { border-radius: 0 0 0px 0px; }
	.join-form.type1.find-id + .btn-submit { padding: 10px 20px 20px 20px; }
	
	.cert-part3-2 { right: 0 !important; width: 83px;}

	.cert-wrap.type1 #divNations.type1 + .cert-part2 { width: 65%; }
	.cert-wrap.type1 #divNations.type1 + .cert-part2 input { border-radius:6px; }
	.cert-wrap #divNations { display: inline-block; position: relative; width: 80px; height: 100%; vertical-align: middle; border-right: 1px solid #e4e4e4;}
	.cert-wrap.type1 #divNations { border-right: none;}
	.join-form .input-group-addon + .cert-wrap #divNations + .cert-part2 { display: inline-block; width: calc(100% - 110px) !important; padding: 5px 0px; margin-left: 2px; }
	.join-form .input-group-addon + .cert-wrap #divNations + .cert-part2.type1 { display: inline-block; width: calc(100% - 211px) !important; padding: 5px 0px; margin-left: 2px; }
	.join-form .input-group-addon + .cert-wrap #divNations + .cert-part2.type1 input { border-radius:6px; }
	.join-form.type1.find-id .input-group-addon + .cert-wrap #divNations + .cert-part2 { display: inline-block; width: calc(100% - 106px) !important; padding: 5px 0px; margin-left: 21px; }
	.join-form.type1.find-id .input-group-addon + .cert-wrap #divNations + .cert-part2.type1 { display: inline-block; width: calc(100% - 211px) !important; padding: 5px 0px; margin-left: 2px; }
	.join-form.type1.find-id .input-group-addon + .cert-wrap #divNations + .cert-part2.type1 input { border-radius:6px; }
	/* .cert-part3 { position: absolute; top: -1px; bottom: -1px; right: 0; width: 65px;} */
	.nav-tabs > li.active > a { color: #222; line-height: 55px; background: #fff; }
	.nav-tabs > li > a { display: inline-block; width: 100%; height: 55px; line-height: 55px; text-align: center; vertical-align: top; font-weight: 600; color: #555; }
	#sidemenu .sub-area-left { display:none; }
	
	.btn-submit.type1 { padding: 0px 15px 20px 15px; }
	.btn-submit.type2 { margin-bottom: 36px; padding: 10px 20px 20px 20px; background: rgba(236, 236, 236, 0.7); border-radius: 0 0 16px 16px; /* box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); */ }
	.btn-submit.type1-1 { padding: 0px 15px 20px 15px; }
	
	#certTypeDiv.type1 { padding: 0 20px; }
	#certTypeDiv.type1 .cert-wrap { left: 51px; }
	#certTypeDiv.type1 .cert-wrap div.dropdown.nation { display: inline-block; padding-top: 9px; padding-left: 5px; }
	#certTypeDiv.type1 .cert-wrap div.dropdown.nation button { height:40px !important; line-height:40px; }
	#certTypeDiv.type1 .cert-wrap div.dropdown.nation > input { top: 5px; left:0px; width: 100px; }
	#certTypeDiv.type1 .cert-wrap div.dropdown.nation button span.caret { top: 19px; right: -2px; }
	#certTypeDiv.type1 .cert-wrap .cert-part1-2 { width: 73%; }
	#certTypeDiv.type1 .cert-wrap .cert-part2 { display: inline-block; width: 48%; padding: 5px 10px; margin-left: 15px; }
	#certTypeDiv.type1 .cert-wrap .cert-part2 input { width: 100%; border-radius: 6px 6px 6px 6px; }
	#certTypeDiv.type1 .cert-wrap .cert-part2 input.captcha { width: 100%; border-radius: 6px 6px 6px 6px; }
	
	.validation { right:10px;display:inline-block; padding-left:25px; font-size:12px; color:#ff4242; line-height:20px; background:url(../imagesHp/common/ic_validation.png) no-repeat 0 0; }
	.validation.mail {position: absolute;}
	.radio-wrap { padding-top: 20px; text-align: center; background: #fff;} 
	.radio-wrap > .ml15 {margin-left:5px !important;}
	
	.email-wrap .email-code { top: 53px !important; right: 4px !important;}
	.email-wrap .btn-combo { top: 5px; }
	#EMDiv .email-wrap .btn-combo { right: -2% !important; }
	.email-wrap .email-code { top: 53px !important; right: 0px !important; }
	.email-wrap .email-code.type1 { top: 53px !important; right: 3px !important; }
}

@media screen and (max-width:375px) {
	.join-form .input-group .inputX.type1 { width: calc(100% - 161px) !important; }
	.cert-part1-2 { width: 75% !important; }
	.cert-part1-2.type1 { width:73% !important; }
	.cert-part2-2.type1 { width:67%; }
	
	#EMDiv .email-wrap .input2 { width:35% !important; }
}
@media screen and (max-width:360px) {
	.join-form .input-group .inputX.type1 { width: calc(100% - 165px) !important; }
	.cert-part1-2 { width: 71% !important; }
	.cert-part1-2.type1 { width:71% !important; }
	.cert-part2-2.type1 { width:65%; }
	
	#EMDiv .email-wrap .input2 { width:33% !important; }
	.email-wrap .input2 { width: 44% !important; }
}

@media screen and (max-width:320px) {
	.join-form { min-height:270px; position:relative; margin:0 !important; }
	.cert-guide { top: 86px; }
	.cert-txt { min-height:270px; font-size: 12px; letter-spacing: -0.5px; background-size: 250px auto; background-position:center 100px; padding: 10px 13px 0;}
	.cert-txt1 { min-height:270px; font-size: 12px; letter-spacing: -1.4px; background-size: 250px auto; background-position:center 100px; }
	.cert-txt2 { min-height:270px; font-size: 12px; letter-spacing: -0.5px; background-size: 250px auto; background-position:center 100px; padding: 10px 13px 0;}
	.cert-txt3 { min-height:270px; font-size: 12px; letter-spacing: -1.4px; background-size: 250px auto; background-position:center 100px; }
	.cert-txt4 { min-height:270px; font-size: 12px; letter-spacing: -1.4px; background-size: 250px auto; background-position:center 100px; }
	.cert-txtMail { min-height:270px; font-size: 12px; letter-spacing: -0.5px; background-size: 250px auto; background-position:center 100px; padding: 10px 13px 0; }
	
	
	.cert-wrap #divNations { display: inline-block; position: relative; width: 80px; height: 100%; vertical-align: middle; border-right: 1px solid #e4e4e4; left: -10px;}
	.cert-part2 { display: inline-block; width: 50%; padding: 10px 5px 10px 0px;}
	/* .cert-part3 { position: absolute; top: -1px; bottom: -1px; right: 0; width: 50px;} */	
	.nav-tabs > li.active > a { color: #222; line-height: 55px; background: #f4f4f4; }
	.nav-tabs > li > a { display: inline-block; width: 100%; height: 55px; line-height: 55px; text-align: center; vertical-align: top; font-weight: 600; color: #555; }
	#sidemenu .sub-area-left { display:none; }
}