html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
* { outline: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
i, em { font-style: italic; }

html,body{font-family: 'Jost', sans-serif;margin: 0;padding: 0;height: 100%;}
.container{min-height:100%; position:relative;}
.container,.content,.header,.form-content{width:100%; float:left;}
.center{margin:0 auto; width: 1170px;}
.header{text-align: center; padding:26px 0; margin-bottom:36px}

.form-main{display: flex;width: 100%; justify-content: space-between; float: left;}
.form-box{width:49%; box-shadow: 1px 1px 10px 3px #dbdbdb; padding:50px 25px 65px 25px;}
.form-box h1{font-size: 30px; color:#0d2366; padding-bottom:10px;}
.form-box p{ font-size: 16px; color: #000; padding-bottom:5px;}
.data-box{width:49%; box-shadow: 1px 1px 10px 3px #dbdbdb;  padding:60px 60px 50px 60px;}

span.b-line{width:28px; height: 5px; background-color: #ff6015;float: left; margin-bottom: 8px;}
.field-box{width:100%; float:left; margin-bottom:10px;}
.field-box label{font-size:16px; margin-bottom:3px; width:100%; float: left;}
.field-box input,
.field-box textarea{background-color: #e8eeff; width: 100%; height: 44px; border:0; padding: 12px; font-size: 15px; letter-spacing: .5px;font-family: 'Jost', sans-serif;}
.field-box input:focus{border: 1px solid #ff6015;padding: 12px 11px;}
.content input[type=submit]{background: #ff6015;border: 0px;color: #fff; height: 44px;min-width: 150px; font-size: 23px;font-family: 'Jost', sans-serif; margin-top: 15px; cursor: pointer;-webkit-transition: background-color 400ms linear;-ms-transition: background-color 400ms linear;transition: background-color 400ms linear;}
.content input[type=submit]:hover{background: #0d2366;-webkit-transition: background-color 400ms linear;-ms-transition: background-color 400ms linear;transition: background-color 400ms linear;}
.field-box span{font-size: 12px;}
.field-box img{margin-top:10px;}

.help-box{width:100%; float:left; margin-bottom: 30px;}
.help-box h2{font-size: 30px; color:#ff6015; padding-bottom:10px;line-height: 36px;}
.help-box h2 span{display: none;}
.help-box p{font-size:18px; margin-bottom: 10px;}
.help-box p b{font-weight: bold;}
p.link{font-size:15px; line-height: 25px;margin-bottom: 0px;}
p.link a{color:#000; text-decoration: none;}
p.link a:hover{color:#ff6015;}
p.link img{margin-top: 5px; float: left; margin-right: 12px;}
p.link b,.More-data p b{font-weight: bold;}


form{width:100%; float:left;}
.content-bottom{float:left; width: 100%; padding-bottom:80px}
.footer {background: #0a2351;width: 100%;float: left;text-align: center;padding: 15px 0px;color: #fff;font-size: 16px;line-height: 22px;position: absolute;bottom: 0px;left: 0; height:52px;}

/*for 1024*/
@media (max-width: 1279px) {
.center{width:100%; padding:0 30px; float: left;}
br{display:none}
p.link br{display: block;}
.data-box{padding:60px 30px;}
.header{margin-bottom:0;}
}

/*for iPad*/
@media (max-width: 1023px) {
.form-main{display:block;}
.form-box,.data-box{width:100%; float: left; padding:25px;}
.form-box{margin-bottom: 20px;}
.More-data{display: none;}
.help-box h2 span{display:inline-block; }
.help-box h2 span a{font-size:13px; color:#008cdc; text-decoration: none;}
.form-box h1,.help-box h2{font-size: 24px;}
.help-box{ margin-bottom: 10px;}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:20px;height:20px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('../Images/payment/close-icon.png')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

}

@media (max-width: 767px) {
.form-box {margin-bottom: 10px;}
.header{padding:10px 0 6px 0;}
.header img{height:30px;}
.form-box, .data-box{padding: 15px;}
.center{padding:0 15px;}
.form-box h1, .help-box h2 {font-size: 14px; line-height: 22px; padding-bottom: 0px;}
.form-box p{font-size: 13px;}
.field-box label{font-size: 14px;}
.field-box input{font-size: 14px;height: 36px;}
.help-box p {font-size: 13px;margin-bottom: 10px;}
.field-box img{width:124px}
.field-box span {font-size: 10px;}
.field-box{margin-bottom:3px;}
.form-content{display: grid;grid-template-columns: repeat(2, 1fr);gap:0px 20px;width: 100%;box-sizing: border-box; }
form .button{width:100%; float: left; text-align: center;}
.content input[type=submit]{font-size: 14px;height: 36px;}
.footer{font-size: 11px;height: 32px; padding:5px 0;}
.content-bottom{padding-bottom: 42px;}
}