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,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
vertical-align: baseline;
}
button, input, textarea, select, a {
outline: 0;
border: 0;
-webkit-appearance: none;
appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *:before, *:after {
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
position: relative;
width: 100%;
margin: 0;
overflow-x: hidden;
}
body {
font-weight: normal;
letter-spacing: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
}
a, a:active, a:focus {
outline: 0;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
a:focus, a:hover {
text-decoration: none;
}
@-webkit-keyframes displaynone {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes displaynone {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
}
body, textarea, input, select, textarea, button {
letter-spacing: normal;
}
@font-face {
font-family: 'Kittithada Roman 55 F';
src: url('../fonts/KittithadaRoman55F.eot');
src: url('../fonts/KittithadaRoman55F.eot?#iefix') format('embedded-opentype'),
url('../fonts/KittithadaRoman55F.woff') format('woff'),
url('../fonts/KittithadaRoman55F.ttf') format('truetype'),
url('../fonts/KittithadaRoman55F.svg#KittithadaRoman55F') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Kittithada Medium 65';
src: url('../fonts/KittithadaMedium65.eot');
src: url('../fonts/KittithadaMedium65.eot?#iefix') format('embedded-opentype'),
url('../fonts/KittithadaMedium65.woff') format('woff'),
url('../fonts/KittithadaMedium65.ttf') format('truetype'),
url('../fonts/KittithadaMedium65.svg#KittithadaMedium65') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Kittithada Bold 75 P';
src: url('../fonts/KittithadaBold75P.eot');
src: url('../fonts/KittithadaBold75P.eot?#iefix') format('embedded-opentype'),
url('../fonts/KittithadaBold75P.woff') format('woff'),
url('../fonts/KittithadaBold75P.ttf') format('truetype'),
url('../fonts/KittithadaBold75P.svg#KittithadaBold75P') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Samsung Sharp Sans Bold';
src: url('../fonts/SamsungSharpSans-Bold.eot');
src: url('../fonts/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SamsungSharpSans-Bold.woff2') format('woff2'),
url('../fonts/SamsungSharpSans-Bold.woff') format('woff'),
url('../fonts/SamsungSharpSans-Bold.ttf') format('truetype'),
url('../fonts/SamsungSharpSans-Bold.svg#SamsungSharpSans-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
html.is-open,
body.is-open {
overflow: hidden;
}
.wrap {
display: block;
width: 100%;
max-width: 1440px;
height: 100%;
margin: 0 auto;
}
.header-samsung, .header-samsung * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: normal;
}
.header-samsung {
display: block;
width: 100%;
padding: 22px 0 19px;
background-color: #fff;
border-bottom: 1px solid #dadada;
}
.header-samsung .wrap {
padding: 0 20px;
}
.header-samsung .samsung-logo {
display: inline-block;
vertical-align: top;
width: 124px;
height: 22px;
background-image: url(../images/svg-logo.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.sec-bnr-std, .sec-bnr-std * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: normal;
}
.sec-bnr-std {
display: block;
width: 100%;
height: auto;
}
.bnr-std-bx {
position: relative;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.bnr-std-bx .bnr-std-item {
position: relative;
}
.bnr-std-bx.slick-slider {
opacity: 1;
visibility: visible;
}
.bnr-std-bx .bnr-std-img-bx {
display: block;
width: 100%;
/*height: 590px;*/
height: 330px;
background-image: url(../images/banner-student-user-230120.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.bnr-std-bx .bnr-std-img-bx .bnr-std-img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.bnr-std-bx .bnr-std-img-bx .bnr-std-img.mobile {
display: none;
}
.bnr-std-bx .bnr-std-btn-bx {
position: absolute;
top: 50%;
left: 50%;
/*top: 45%;*/
top: 25%;
left: 37%;
width: auto;
height: auto;
z-index: 1;
-webkit-transform: translate(74px, 195px);
transform: translate(74px, 195px);
}
.sec-bnr-std.government .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: translate(66px, 164px);
transform: translate(66px, 164px);
}
.sec-bnr-std.hospital .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: translate(45px, 156px);
transform: translate(45px, 156px);
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn-custom {
display: block;
text-align: center;
margin-top: 13px;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn {
position: relative;
display: inline-block;
vertical-align: top;
width: 325px;
height: 42px;
font-family: 'Kittithada Roman 55 F';
font-size: 22px;
color: #0935a1;
line-height: 38px;
text-align: center;
margin: 0 5px;
border: 2px solid #0842d0;
border-radius: 10px;
background-color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn span {
display: inline-block;
vertical-align: baseline;
font-family: 'Samsung Sharp Sans Bold';
font-size: 14px;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn:hover {
color: #fff;
background-color: #0842d0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn {
padding-right: 10px;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:before {
content: "";
position: absolute;
top: 7px;
right: 42px;
width: 14px;
height: 14px;
border: 2px solid #0842d0;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:hover:before {
border-color: #fff;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.register-btn {
width: auto;
padding: 0 38px;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
bottom: 20px;
}
.slick-dots li {
width: auto;
height: auto;
margin: 0 5px;
}
.slick-dots li button {
width: 6px;
height: 6px;
padding: 0;
border-radius: 100%;
background-color: #999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-dots li button:before {
display: none;
}
.slick-dots li:hover button,
.slick-dots li.slick-active button {
background-color: #0c4fd7;
}
.slick-prev,
.slick-next {
width: 52px;
height: 52px;
z-index: 9;
border-radius: 100%;
background-color: rgba(89,89,89,.7);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-prev {
left: 25px;
}
.slick-next {
right: 25px;
}
.slick-prev:before,
.slick-next:before {
content: "";
position: absolute;
top: 16px;
width: 20px;
height: 20px;
opacity: 1;
border: 4px solid #fff;
border-width: 0 0 4px 4px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-prev:before {
left: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.slick-next:before {
right: 20px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.slick-prev:focus,
.slick-next:focus {
background-color: rgba(89,89,89,.7);
}
.slick-prev:hover,
.slick-prev:active,
.slick-next:hover,
.slick-next:active {
background-color: rgba(12,79,215,1);
}
.sec-signup, .sec-signup * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: normal;
}
.sec-signup {
display: block;
width: 100%;
height: auto;
}
.head-signup-bx {
display: block;
padding: 42px 0 12px;
background-color: #f8f8f8;
-webkit-box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
}
.head-signup-bx .head-signup {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 58px;
color: #0c4fd7;
text-align: center;
}
.signup-timeline-bx {
display: block;
border-top: 1px solid #e4e4e4;
background-color: #fff;
}
.signup-timeline-bx .signup-timeline-list {
display: block;
text-align: center;
padding: 10px 0 8px;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item {
display: inline-block;
vertical-align: top;
width: 155px;
padding-top: 3px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current {
padding-top: 0;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item {
margin-left: 110px;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx {
position: relative;
display: block;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:after {
content: "";
position: absolute;
top: 50%;
left: -126%;
height: 4px;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before {
width: 280px;
background-color: #d7d7d7;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:after {
width: 0;
background-color: #0c4fd7;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx:after,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx:after {
width: 280px;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num-tb {
position: relative;
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
border-radius: 100%;
border: 5px solid transparent;
background-color: #d7d7d7;
z-index: 2;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx .signup-timeline-num-tb {
width: 36px;
height: 36px;
border-color: #85a7eb;
background-color: #0c4fd7;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx .signup-timeline-num-tb {
background-color: #0c4fd7;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num {
display: block;
width: 100%;
height: 100%;
font-family: 'Samsung Sharp Sans Bold';
font-size: 18px;
color: #fff;
font-weight: normal;
text-align: center;
margin: 0 auto;
border-radius: 100%;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx .signup-timeline-num:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
background-image: url(../images/icon-check.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num span {
position: absolute;
top: 50%;
left: 50%;
line-height: 2;
-webkit-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx .signup-timeline-num span {
display: none;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-txt {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 18px;
color: #a1a1a1;
line-height: 0.9;
text-align: center;
margin: 6px auto 0;
padding: 0 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-txt {
font-size: 22px;
color: #0c4fd7;
padding: 0;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-txt {
color: #000;
}
.signup-form-bx {
display: block;
height: auto;
border-top: 1px solid #e4e4e4;
background-image: url(../images/bg-form-student.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.signup-form-content {
display: none;
height: auto;
text-align: center;
-webkit-animation-name: displaynone;
-webkit-animation-duration: 0.6s;
animation-name: displaynone;
animation-duration: 0.6s;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.signup-form-content.active {
display: block;
}
.signup-form-detail {
display: inline-block;
width: 100%;
max-width: 909px;
text-align: left;
padding: 48px 0 59px;
}
.signup-form-upload-detail {
display: inline-block;
width: 100%;
max-width: 630px;
text-align: left;
padding: 48px 0 59px;
}
.signup-form-content .signup-form-col {
display: inline-block;
float: left;
width: 424px;
height: auto;
}
.signup-form-content .signup-form-col + .signup-form-col {
margin-left: 58px;
}
.signup-form-content .signup-form-row .signup-form-col {
width: 50%;
}
.signup-form-content .signup-form-row .signup-form-col + .signup-form-col {
margin-left: 0;
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(odd) {
padding-right: 8px;
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(even) {
padding-left: 8px;
}
.signup-form-content .signup-form-row {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 18px;
}
.signup-form-content .signup-form-row:last-child {
margin-bottom: 0;
}
.signup-form-content .signup-form-label {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 16px;
color: #0c4fd7;
}
.signup-form-content .signup-form-row.error .signup-form-label {
color: #e10b0f;
}
.signup-form-content .signup-form-control {
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 6px;
}
.signup-form-content .signup-form-select-col {
display: inline-block;
float: left;
width: 136px;
}
.signup-form-content .signup-form-select-col + .signup-form-select-col {
margin-left: 8px;
}
.signup-form-content .signup-form-txt {
display: block;
width: 100%;
font-family: 'Kittithada Medium 65';
font-size: 23px;
color: #000;
padding: 9px 19px;
letter-spacing: normal;
border-radius: 8px;
border: 2px solid transparent;
outline: 0;
background-color: #f1f1f1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-row.error .signup-form-txt {
color: #e10b0f;
background-color: #fde8e9;
}
.signup-form-content .signup-form-txt:focus {
color: #0c4fd7;
}
.signup-form-content .signup-form-select-bx {
display: block;
position: relative;
}
.signup-form-content .signup-form-select-bx:after {
content: "";
position: absolute;
top: 34%;
right: 24px;
width: 11px;
height: 11px;
border: 2px solid #b7b7b7;
border-width: 0 0 2px 2px;
z-index: 2;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.signup-form-content .signup-form-select {
display: block;
width: 100%;
font-family: 'Kittithada Medium 65';
font-size: 23px;
color: #a2a2a2;
text-align-last: center;
text-align: center;
padding: 9px 37px 9px 19px;
cursor: pointer;
letter-spacing: normal;
border-radius: 8px;
border: 2px solid #f1f1f1;
outline: 0;
background-color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content input::-webkit-input-placeholder {
color: #a2a2a2;
}
.signup-form-content input::-moz-placeholder {
color: #a2a2a2;
}
.signup-form-content input:-ms-input-placeholder {
color: #a2a2a2;
}
.signup-form-content input:-moz-placeholder {
color: #a2a2a2;
}
.signup-form-content input::placeholder {
color: #a2a2a2;
}
.signup-form-content input:placeholder {
color: #a2a2a2;
}
.signup-form-content .signup-form-row.error input::-webkit-input-placeholder {
color: #be0404;
}
.signup-form-content .signup-form-row.error input::-moz-placeholder {
color: #be0404;
}
.signup-form-content .signup-form-row.error input:-ms-input-placeholder {
color: #be0404;
}
.signup-form-content .signup-form-row.error input:-moz-placeholder {
color: #be0404;
}
.signup-form-content .signup-form-row.error input::placeholder {
color: #be0404;
}
.signup-form-content .signup-form-row.error input:placeholder {
color: #be0404;
}
.signup-form-content .signup-form-txt:focus {
border-color: #0c4fd7;
background-color: #fff;
-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.signup-form-content .signup-form-checkbox-bx {
position: relative;
display: inline-block;
float: left;
width: auto;
height: auto;
}
.signup-form-content .signup-form-checkbox-bx + .signup-form-checkbox-bx {
margin-left: 8px;
}
.signup-form-content .signup-form-checkbox-bx input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox {
display: table;
width: 98px;
height: 50px;
padding: 0 9px;
border: 2px solid #f1f1f1;
border-radius: 8px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-checkbox-bx input:checked + .signup-form-checkbox {
border-color: #0c4fd7;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail {
display: table-cell;
vertical-align: middle;
font-family: 'Kittithada Medium 65';
font-size: 23px;
color: #b3b3b3;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-checkbox-bx input:checked + .signup-form-checkbox .signup-form-checkbox-detail {
color: #0c4fd7;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 6px;
border-radius: 100%;
border: 3px solid #f1f1f1;
background-color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-checkbox-bx input:checked + .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
border-width: 6px;
border-color: #0c4fd7;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail span {
display: inline-block;
vertical-align: middle;
}
.signup-form-content .signup-form-button-bx {
display: block;
width: 100%;
height: auto;
text-align: center;
padding: 30px 0 33px;
border-top: 1px solid #e4e4e4;
}
.signup-form-content .signup-form-button-bx .signup-form-button {
display: inline-block;
vertical-align: top;
width: 154px;
height: auto;
font-family: 'Kittithada Roman 55 F';
font-size: 24px;
color: #fff;
text-align: center;
padding: 8px 10px;
margin: 0 8px;
cursor: pointer;
outline: 0;
background-color: #363636;
border-radius: 50px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-button-bx .signup-form-button:hover {
background-color: #000000;
}
.signup-form-content .signup-form-button-bx .signup-form-button.next,
.signup-form-content .signup-form-button-bx .signup-form-button.submit {
background-color: #0c4fd7;
}
.signup-form-content .signup-form-button-bx .signup-form-button.next:hover,
.signup-form-content .signup-form-button-bx .signup-form-button.submit:hover {
background-color: #0b175c;
}
.signup-form-content .upload-form-col {
display: inline-block;
float: left;
width: 50%;
padding: 0 20px;
}
.signup-form-content .upload-form-label {
position: relative;
display: block;
font-family: 'Kittithada Medium 65';
font-size: 20px;
color: #000;
padding-left: 30px;
margin-bottom: 16px;
white-space: nowrap;
}
.signup-form-content .upload-form-label .label-num {
position: absolute;
top: -1px;
left: 0;
width: 22px;
height: 22px;
font-family: 'Samsung Sharp Sans Bold';
font-size: 16px;
color: #fff;
line-height: 26px;
font-weight: normal;
text-align: center;
background-color: #000;
border-radius: 6px;
}
.signup-form-content .upload-form-bx {
display: block;
width: 275px;
height: auto;
text-align: center;
padding: 28px 26px 20px;
border: 2px dashed #d7d7d7;
border-radius: 8px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .upload-form-bx.error {
border-color: #e10b0f;
}
.signup-form-content .upload-form-bx:hover {
border-color: #85a7eb;
}
.signup-form-content .upload-form-bx .upload-form-img-bx {
position: relative;
display: block;
width: 100%;
height: 142px;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .uploadfile-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img {
display: table;
width: 100%;
height: 100%;
border-radius: 6px;
border: 1px solid #e1e1e1;
background-color: #f6f6f6;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .uploadfile-img:hover + .upload-form-img {
border-color: #c6d8e4;
background-color: #edf8fe;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-dt {
display: table-cell;
vertical-align: middle;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-ico {
display: block;
width: 100%;
height: 41px;
background-image: url(../images/icon-upload.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt {
display: block;
width: 100%;
font-family: 'Kittithada Medium 65';
font-size: 20px;
color: #262626;
line-height: 1.1;
text-align: center;
margin-top: 11px;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt span {
font-family: 'Samsung Sharp Sans Bold';
font-size: 13px;
}
.signup-form-content .upload-form-bx .upload-form-btn {
display: inline-block;
width: 130px;
font-family: 'Kittithada Medium 65';
font-size: 20px;
color: #fff;
line-height: 1.1;
text-align: center;
padding: 6px 0 7px;
background-color: #0c4fd7;
border-radius: 6px;
margin-top: 18px;
cursor: pointer;
outline: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .upload-form-bx .upload-form-btn:hover {
background-color: #0b175c;
}
.signup-form-content .upload-form-txt-note {
display: inline-block;
width: 100%;
font-family: 'Kittithada Medium 65';
font-size: 18px;
color: #000;
margin-top: 24px;
padding: 0 20px;
}
.signup-form-content .signup-form-title {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 34px;
color: #000;
text-align: center;
padding: 32px 0 20px;
}
.signup-form-content .signup-form-confirm-bx {
display: block;
text-align: center;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-left,
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
display: inline-block;
vertical-align: top;
min-height: 326px;
text-align: left;
border-radius: 8px;
margin: 0 8px;
padding: 0 26px;
background-color: #f9f9f9;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-left {
width: 383px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
width: 446px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 22px;
color: #0c4fd7;
padding: 20px 0 5px;
border-bottom: 1px solid #d7d7d7;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title span {
display: inline-block;
vertical-align: middle;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title .num {
display: inline-block;
vertical-align: middle;
width: 19px;
height: 19px;
font-family: 'Samsung Sharp Sans Bold';
font-size: 12px;
color: #fff;
line-height: 21px;
text-align: center;
padding-left: 1px;
margin-right: 4px;
border-radius: 100%;
background-color: #0c4fd7;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt {
display: inline-block;
width: 100%;
padding: 16px 0;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-row {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 3px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-row:last-child {
margin-bottom: 0;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-label {
position: relative;
display: inline-block;
vertical-align: top;
width: 129px;
font-family: 'Kittithada Medium 65';
font-size: 20px;
color: #202020;
line-height: 1.1;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-label:after {
content: ":";
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-result {
position: relative;
display: inline-block;
vertical-align: top;
width: 197px;
font-family: 'Kittithada Medium 65';
font-size: 18px;
color: #514f4e;
line-height: 1.25;
padding-left: 12px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-col {
display: inline-block;
float: left;
width: 50%;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-col + .signup-form-confirm-dt-col {
padding-left: 9px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-title {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 20px;
color: #202020;
line-height: 1.1;
}
.signup-form-content .signup-form-confirm-bx .confirm-img-upload {
display: inline-block;
width: 187px;
height: 109px;
margin-top: 7px;
border-radius: 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-confirm-bx .confirm-img-upload:hover {
opacity: 0.7;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx {
display: block;
text-align: center;
padding: 23px 0 25px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx {
position: relative;
display: inline-block;
vertical-align: middle;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui {
position: relative;
display: block;
width: 13px;
height: 13px;
border: 1px solid #959595;
border-radius: 2px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx.error .signup-form-terms-check-bx .terms-condition-ui {
border-color: #e10b0f;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui:before {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 5px;
opacity: 0;
visibility: hidden;
border: 2px solid #959595;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition:checked + .terms-condition-ui:before {
opacity: 1;
visibility: visible;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt {
display: inline-block;
vertical-align: middle;
font-family: 'Kittithada Bold 75 P';
font-size: 18px;
color: #514f4e;
line-height: 1;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx.error .signup-form-terms-txt,
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx.error .signup-form-terms-txt a {
color: #e10b0f;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a {
position: relative;
color: #514f4e;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a:after {
content: "";
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 2px;
border-bottom: 1px solid #898887;
z-index: 9;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx.error .signup-form-terms-txt a:after {
border-color: #e10b0f;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a:hover {
color: #0c4fd7;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a:hover:after {
border-color: #0c4fd7;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt br.m {
display: none;
}
.sec-terms-condition, .sec-terms-condition * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: normal;
}
.sec-terms-condition {
display: block;
width: 100%;
height: auto;
background-color: #525252;
}
.terms-condition-bx {
display: block;
width: 100%;
max-width: 1208px;
height: auto;
margin: 0 auto;
padding: 40px 0 50px;
}
.terms-condition-bx a {
color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.terms-condition-bx a:hover {
color: #0b175c;
text-decoration: underline;
}
.terms-condition-bx .terms-condition-title {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 28px;
color: #fff;
line-height: 1.1;
padding: 0;
margin: 0;
}
.terms-condition-bx .terms-condition-list + .terms-condition-title {
margin-top: 28px;
}
.terms-condition-bx .terms-condition-list {
display: block;
list-style: none;
margin-top: 9px;
}
.terms-condition-bx .terms-condition-list li {
position: relative;
display: block;
font-family: 'Kittithada Roman 55 F';
font-size: 22px;
color: #fff;
line-height: 1.15;
font-weight: normal;
padding-left: 14px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.terms-condition-bx .terms-condition-list li:before {
content: "•";
position: absolute;
top: 1px;
left: 0px;
font-size: 85%;
}
.terms-condition-bx .terms-condition-list li a {
color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.terms-condition-bx .terms-condition-list li a:hover {
color: #0b175c;
text-decoration: underline;
}
.terms-condition-bx .terms-condition-list.remove-dot li:before {
content: "";
}
.terms-condition-bx .terms-condition-list.remove-dot .sub-terms li:before {
content: "";
}
.signup-form-content .signup-form-confirm-bx .alert-error {
display: block;
width: 100%;
font-family: 'Kittithada Medium 65';
font-size: 18px;
color: #e10b0f;
text-align: center;
margin-top: 8px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 999;
background-color: rgba(0,0,0,0.85);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.popup-success .popup-container {
position: absolute;
top: 56%;
left: 50%;
display: block;
width: 100%;
max-width: 646px;
max-height: 87.5%;
margin: 0 auto;
padding: 0;
border-radius: 14px;
overflow: hidden;
overflow-y: auto;
background-color: #fff;
background-image: url(../images/bg-popup.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success.is-open .popup-container {
top: 50%;
}
.popup-success .popup-container .close-btn {
position: absolute;
top: 15px;
right: 16px;
width: 18px;
height: 18px;
cursor: pointer;
background-image: url(../images/icon-close.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success .popup-container .close-btn:hover {
opacity: 0.7;
}
.popup-success .popup-container .popup-content {
display: block;
width: 100%;
height: auto;
padding: 55px 0 50px;
}
.popup-success .popup-container .popup-content .popup-headline-bx {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 46px;
color: #0c4fd7;
text-align: center;
}
.popup-success .popup-container .popup-content .popup-headline-bx .popup-ico {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 64px;
margin-right: 4px;
background-image: url(../images/icon-success.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.popup-success .popup-container .popup-content .popup-headline-bx span {
display: inline-block;
vertical-align: middle;
padding-bottom: 5px;
}
.popup-success .popup-container .popup-content .popup-description-bx {
display: block;
text-align: center;
margin: 12px 0 22px;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 28px;
color: #000;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-wrapper {
display: block;
width: 100%;
padding: 0 89px;
text-align: left;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-wrapper.text-center {
text-align: center;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description.blue {
color: #0c4fd7;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 19.5px;
color: #0c4fd7;
line-height: 0.95;
margin-top: 14px;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description span {
font-family: 'Samsung Sharp Sans Bold';
font-size: 19.5px;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description br.m,
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small br.m {
display: none;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list {
display: block;
width: 100%;
list-style: none;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li {
position: relative;
display: block;
font-family: 'Kittithada Medium 65';
font-size: 19.5px;
color: #0c4fd7;
line-height: 0.95;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li:before {
content: "-";
position: absolute;
top: 0;
left: -10px;
font-size: inherit;
color: inherit;
}
.popup-success .popup-container .popup-content .popup-note-bx {
display: block;
font-family: 'Kittithada Medium 65';
font-size: 23px;
color: #090909;
text-align: center;
}
.popup-success .popup-container .popup-content .popup-note-bx a {
color: #090909;
text-decoration: underline;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success .popup-container .popup-content .popup-note-bx a:hover {
color: #0c4fd7;
}
.popup-success .popup-container .popup-content .popup-note-bx span {
font-family: 'Samsung Sharp Sans Bold';
font-size: 16px;
}
.popup-success .popup-container .popup-content .popup-btn-bx {
display: block;
text-align: center;
margin-top: 33px;
}
.popup-success .popup-container .popup-content .popup-btn-bx .popup-btn {
display: inline-block;
vertical-align: top;
width: 196px;
font-family: 'Kittithada Medium 65';
font-size: 25px;
color: #fff;
cursor: pointer;
text-align: center;
padding: 11px 0 12px;
border-radius: 50px;
background-color: #0c4fd7;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.popup-success .popup-container .popup-content .popup-btn-bx .popup-btn:hover {
background-color: #0b175c;
}
.coming-soon-bx {
display: block;
width: 100%;
text-align: center;
padding: 40px 0 34px;
background-image: url(../images/bg-coming-soon.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
box-shadow: inset 0 15px 20px -14px rgba(0,0,0,0.3);
}
.coming-soon-bx .coming-soon-txt {
display: inline-block;
vertical-align: top;
font-family: 'Kittithada Medium 65';
font-size: 54px;
color: #0c4fd7;
}
.coming-soon-bx .coming-soon-txt .black {
color: #000;
}
/************* Custom Date Picker *************/
.js-birthday {
cursor: pointer;
}
.picker-dialog {
font-family: 'Kittithada Medium 65';
}
.picker-header {
padding: 16px 25px;
}
.picker-title {
font-size: 24px;
font-weight: normal;
line-height: 1;
margin: 0;
}
.picker-close {
font-size: 30px;
height: 48px;
width: 48px;
}
.picker-cell__body:before,
.picker-cell__body:after {
height: 28px;
}
.picker-list {
margin: -28px 0;
}
.picker-item {
padding: 4px 8px;
}
.picker-picked {
font-size: 26px;
line-height: 1;
}
.picker {
font-size: 20px;
line-height: 1.4;
}
.picker-cancel,
.picker-confirm {
float: left;
font-family: 'Samsung Sharp Sans Bold';
font-size: 18px;
line-height: 1;
padding: 18px 18px 14px;
}
@media (max-width: 1440px) {
.header-samsung {
padding: 1.5277777777777777vw 0 1.3194444444444444vw;
}
.header-samsung .wrap {
padding: 0 1.3888888888888888vw;
}
.header-samsung .samsung-logo {
width: 8.61111111111111vw;
height: 1.5277777777777777vw;
}
.bnr-std-bx .bnr-std-img-bx {
/*height: 40.97222222222222vw;*/
height: 22.5vw;
}
.bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: translate(0.2777777777777778vw, 13.555555555555555vw);
transform: translate(0.2777777777777778vw, 13.555555555555555vw);
}
.sec-bnr-std.government .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: translate(4.583333333333333vw, 11.38888888888889vw);
transform: translate(4.583333333333333vw, 11.38888888888889vw);
}
.sec-bnr-std.hospital .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: translate(3.125vw, 10.833333333333334vw);
transform: translate(3.125vw, 10.833333333333334vw);
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn-custom {
margin-top: 0.9027777777777777vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn {
width: 22.625vw;
height: 2.9166666666666665vw;
font-size: 1.5277777777777777vw;
line-height: 2.638888888888889vw;
margin: 0 0.3472222222222222vw;
border-width: 0.1388888888888889vw;
border-radius: 0.6944444444444444vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn span {
font-size: 0.9722222222222222vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn {
padding-right: 0.6944444444444444vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:before {
top: 0.4861111111111111vw;
right: 2.9166666666666665vw;
width: 0.9722222222222222vw;
height: 0.9722222222222222vw;
border-width: 0 0.1388888888888889vw 0.1388888888888889vw 0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.register-btn {
padding: 0 2.638888888888889vw;
}
.slick-dots {
bottom: 1.3888888888888888vw;
}
.slick-dots li {
margin: 0 0.3472222222222222vw;
}
.slick-dots li button {
width: 0.4166666666666667vw;
height: 0.4166666666666667vw;
}
.slick-prev,
.slick-next {
width: 3.6111111111111107vw;
height: 3.6111111111111107vw;
}
.slick-prev {
left: 1.7361111111111112vw;
}
.slick-next {
right: 1.7361111111111112vw;
}
.slick-prev:before,
.slick-next:before {
top: 1.1111111111111112vw;
width: 1.3888888888888888vw;
height: 1.3888888888888888vw;
border-width: 0 0 0.2777777777777778vw 0.2777777777777778vw;
}
.slick-prev:before {
left: 1.3888888888888888vw;
}
.slick-next:before {
right: 1.3888888888888888vw;
}
.head-signup-bx {
padding: 2.9166666667vw 0 0.8333333333vw;
-webkit-box-shadow: inset 0 1.0416666667vw 1.3888888889vw -0.9722222222vw rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1.0416666667vw 1.3888888889vw -0.9722222222vw rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1.0416666667vw 1.3888888889vw -0.9722222222vw rgba(0, 0, 0, 0.3);
}
.head-signup-bx .head-signup {
font-size: 4.0277777778vw;
}
.signup-timeline-bx .signup-timeline-list {
padding: 0.6944444444vw 0 0.5555555556vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item {
width: 10.7638888889vw;
padding-top: 0.20833333333333334vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item {
margin-left: 7.6388888889vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:after {
height: 0.2777777778vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before {
width: 19.4444444444vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx:after,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx:after {
width: 19.4444444444vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num-tb {
width: 2.0833333333vw;
height: 2.0833333333vw;
border-width: 0.3472222222vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx .signup-timeline-num-tb {
width: 2.5vw;
height: 2.5vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num {
font-size: 1.25vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx .signup-timeline-num:before {
width: 0.9722222222vw;
height: 0.9722222222vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-txt {
font-size: 1.25vw;
margin: 0.4166666667vw auto 0;
padding: 0 0.6944444444vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-txt {
font-size: 1.5277777778vw;
}
.signup-form-detail {
max-width: 63.125vw;
padding: 3.3333333333vw 0 4.0972222222vw;
}
.signup-form-upload-detail {
max-width: 43.75vw;
padding: 3.3333333333vw 0 4.0972222222vw;
}
.signup-form-content .signup-form-col {
width: 29.4444444444vw;
}
.signup-form-content .signup-form-col + .signup-form-col {
margin-left: 4.0277777778vw;
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(odd) {
padding-right: 0.5555555556vw;
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(even) {
padding-left: 0.5555555556vw;
}
.signup-form-content .signup-form-row {
margin-bottom: 1.25vw;
}
.signup-form-content .signup-form-label {
font-size: 1.1111111111vw;
}
.signup-form-content .signup-form-control {
margin-top: 0.4166666667vw;
}
.signup-form-content .signup-form-select-col {
width: 9.4444444444vw;
}
.signup-form-content .signup-form-select-col + .signup-form-select-col {
margin-left: 0.5555555556vw;
}
.signup-form-content .signup-form-txt {
font-size: 1.5972222222vw;
padding: 0.625vw 1.3194444444vw;
border-radius: 0.5555555556vw;
border-width: 0.1388888889vw;
}
.signup-form-content .signup-form-select-bx:after {
right: 1.6666666667vw;
width: 0.7638888889vw;
height: 0.7638888889vw;
border-width: 0 0 0.1388888889vw 0.1388888889vw;
}
.signup-form-content .signup-form-select {
font-size: 1.5972222222vw;
padding: 0.625vw 2.5694444444vw 0.625vw 1.3194444444vw;
border-radius: 0.5555555556vw;
border-width: 0.1388888889vw;
}
.signup-form-content .signup-form-txt:focus {
-webkit-box-shadow: 0 0.2083333333vw 0.4166666667vw 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0.2083333333vw 0.4166666667vw 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0.2083333333vw 0.4166666667vw 0 rgba(0, 0, 0, 0.15);
}
.signup-form-content .signup-form-checkbox-bx + .signup-form-checkbox-bx {
margin-left: 0.5555555556vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox {
width: 6.8055555556vw;
height: 3.4722222222vw;
padding: 0 0.625vw;
border-width: 0.1388888889vw;
border-radius: 0.5555555556vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail {
font-size: 1.5972222222vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
width: 1.3888888889vw;
height: 1.3888888889vw;
margin-right: 0.4166666667vw;
border-width: 0.2083333333vw;
}
.signup-form-content .signup-form-checkbox-bx input:checked + .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
border-width: 0.4166666667vw;
}
.signup-form-content .signup-form-button-bx {
padding: 2.0833333333vw 0 2.2916666667vw;
}
.signup-form-content .signup-form-button-bx .signup-form-button {
width: 10.6944444444vw;
font-size: 1.6666666667vw;
padding: 0.5555555556vw 0.6944444444vw;
margin: 0 0.5555555556vw;
border-radius: 3.4722222222vw;
}
.signup-form-content .upload-form-col {
padding: 0 1.3888888889vw;
}
.signup-form-content .upload-form-label {
font-size: 1.3888888889vw;
padding-left: 2.083333333333333vw;
margin-bottom: 1.1111111111vw;
}
.signup-form-content .upload-form-label .label-num {
width: 1.5277777778vw;
height: 1.5277777778vw;
font-size: 1.1111111111vw;
line-height: 1.8055555556vw;
margin-right: 0.2083333333vw;
border-radius: 0.4166666667vw;
}
.signup-form-content .upload-form-bx {
width: 19.0972222222vw;
padding: 1.9444444444vw 1.8055555556vw 1.3888888889vw;
border-width: 0.1388888889vw;
border-radius: 0.5555555556vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx {
height: 9.8611111111vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img {
border-radius: 0.4166666667vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-ico {
height: 2.8472222222vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt {
font-size: 1.3888888889vw;
margin-top: 0.7638888889vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt span {
font-size: 0.9027777778vw;
}
.signup-form-content .upload-form-bx .upload-form-btn {
width: 9.0277777778vw;
font-size: 1.3888888889vw;
padding: 0.4166666667vw 0 0.4861111111vw;
border-radius: 0.4166666667vw;
margin-top: 1.25vw;
}
.signup-form-content .upload-form-txt-note {
font-size: 1.25vw;
margin-top: 1.6666666667vw;
padding: 0 1.3888888889vw;
}
.signup-form-content .signup-form-title {
font-size: 2.3611111111vw;
padding: 2.2222222222vw 0 1.3888888889vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-left,
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
min-height: 22.6388888889vw;
border-radius: 0.5555555556vw;
margin: 0 0.5555555556vw;
padding: 0 1.8055555556vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-left {
width: 26.5972222222vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
width: 30.9722222222vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title {
font-size: 1.5277777778vw;
padding: 1.3888888889vw 0 0.3472222222vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title .num {
width: 1.3194444444vw;
height: 1.3194444444vw;
font-size: 0.8333333333vw;
line-height: 1.4583333333vw;
padding-left: 0.0694444444vw;
margin-right: 0.2777777778vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt {
padding: 1.1111111111vw 0;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-row {
margin-bottom: 0.2083333333vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-label {
width: 8.7583333333vw;
font-size: 1.3888888889vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-result {
width: 13.6805555556vw;
font-size: 1.25vw;
padding-left: 0.8333333333vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-col + .signup-form-confirm-dt-col {
padding-left: 0.625vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-title {
font-size: 1.3888888889vw;
}
.signup-form-content .signup-form-confirm-bx .confirm-img-upload {
width: 12.9861111111vw;
height: 7.5694444444vw;
margin-top: 0.4861111111vw;
border-radius: 0.5555555556vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx {
padding: 1.5972222222vw 0 1.7361111111vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui {
width: 0.9027777778vw;
height: 0.9027777778vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui:before {
top: 0.1388888889vw;
left: 0.1388888889vw;
width: 0.5555555556vw;
height: 0.3472222222vw;
border-width: 0 0 0.1388888889vw 0.1388888889vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt {
font-size: 1.25vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a:after {
bottom: 0.1388888889vw;
height: 0.1388888889vw;
}
.terms-condition-bx {
max-width: 83.8888888889vw;
padding: 2.7777777778vw 0 3.4722222222vw;
}
.terms-condition-bx .terms-condition-title {
font-size: 1.9444444444vw;
}
.terms-condition-bx .terms-condition-list + .terms-condition-title {
margin-top: 1.9444444444444444vw;
}
.terms-condition-bx .terms-condition-list {
margin-top: 0.625vw;
}
.terms-condition-bx .terms-condition-list li {
font-size: 1.5277777778vw;
padding-left: 0.9722222222vw;
}
.signup-form-content .signup-form-confirm-bx .alert-error {
font-size: 1.25vw;
margin-top: 0.5555555555555556vw;
}
.popup-success .popup-container {
max-width: 44.8611111111vw;
border-radius: 0.9722222222vw;
}
.popup-success .popup-container .close-btn {
top: 1.0416666667vw;
right: 1.1111111111vw;
width: 1.25vw;
height: 1.25vw;
}
.popup-success .popup-container .popup-content {
padding: 3.8194444444vw 0 3.4722222222vw;
}
.popup-success .popup-container .popup-content .popup-headline-bx {
font-size: 3.1944444444vw;
}
.popup-success .popup-container .popup-content .popup-headline-bx .popup-ico {
width: 4.4444444444vw;
height: 4.4444444444vw;
margin-right: 0.2777777778vw;
}
.popup-success .popup-container .popup-content .popup-headline-bx span {
padding-bottom: 0.3472222222vw;
}
.popup-success .popup-container .popup-content .popup-description-bx {
margin: 0.8333333333vw 0 1.5277777778vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-wrapper {
padding: 0 6.180555555555555vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description {
font-size: 1.9444444444vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small {
font-size: 1.3541666666666667vw;
margin-top: 0.9722222222222222vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description span {
font-size: 1.3541666667vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li {
font-size: 1.3541666666666667vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li:before {
left: -0.6944444444444444vw;
}
.popup-success .popup-container .popup-content .popup-note-bx {
font-size: 1.5972222222vw;
}
.popup-success .popup-container .popup-content .popup-note-bx span {
font-size: 1.1111111111vw;
}
.popup-success .popup-container .popup-content .popup-btn-bx {
margin-top: 2.2916666667vw;
}
.popup-success .popup-container .popup-content .popup-btn-bx .popup-btn {
width: 13.6111111111vw;
font-size: 1.7361111111vw;
padding: 0.7638888889vw 0 0.8333333333vw;
border-radius: 3.4722222222vw;
}
.coming-soon-bx {
padding: 2.7777777777777777vw 0 2.361111111111111vw;
-webkit-box-shadow: inset 0 1.0416666666666665vw 1.3888888888888888vw -0.9722222222222222vw rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1.0416666666666665vw 1.3888888888888888vw -0.9722222222222222vw rgba(0,0,0,0.3);
box-shadow: inset 0 1.0416666666666665vw 1.3888888888888888vw -0.9722222222222222vw rgba(0,0,0,0.3);
}
.coming-soon-bx .coming-soon-txt {
font-size: 3.75vw;
}
/************* Custom Date Picker *************/
.picker-header {
padding: 1.1111111111111112vw 1.7361111111111112vw;
}
.picker-title {
font-size: 1.6666666666666667vw;
}
.picker-close {
font-size: 2.083333333333333vw;
height: 3.3333333333333335vw;
width: 3.3333333333333335vw;
}
.picker-cell__body:before,
.picker-cell__body:after {
height: 1.9444444444444444vw;
}
.picker-list {
margin: -1.9444444444444444vw 0;
}
.picker-item {
padding: 0.2777777777777778vw 0.5555555555555556vw;
}
.picker-picked {
font-size: 1.8055555555555554vw;
}
.picker {
font-size: 1.3888888888888888vw;
}
.picker-cancel,
.picker-confirm {
font-size: 1.25vw;
padding: 1.25vw 1.25vw 0.9722222222222222vw;
}
}
@media (max-width: 991px) {
.header-samsung {
padding: 5.333333333333334vw 0 4.533333333333333vw;
}
.header-samsung .wrap {
padding: 0 5.333333333333334vw;
}
.header-samsung .samsung-logo {
width: 33.06666666666666vw;
height: 5.866666666666666vw;
}
.bnr-std-bx .bnr-std-img-bx {
height: auto;
background-image: url(../images/banner-student-user-m-230120.jpg);
background-size: 100% auto;
}
.bnr-std-bx .bnr-std-img-bx .bnr-std-img.desktop {
display: none;
}
.bnr-std-bx .bnr-std-img-bx .bnr-std-img.mobile {
display: block;
}
.bnr-std-bx .bnr-std-btn-bx {
top: unset;
bottom: 6.85449vw;
/*bottom: 22.85449vw;*/
bottom: 1.85449vw;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: none;
transform: none;
}
.sec-bnr-std.government .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: none;
transform: none;
}
.sec-bnr-std.hospital .bnr-std-bx .bnr-std-btn-bx {
-webkit-transform: none;
transform: none;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn {
width: 73.15842583249244vw;
height: 9.182643794147326vw;
font-size: 4.540867810292633vw;
line-height: 8.779011099899092vw;
margin: 0 0 2.119071644803229vw;
border-width: 0.30272452068617556vw;
border-radius: 1.8163471241170535vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn:last-child {
margin-bottom: 0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.register-btn {
width: 73.15842583249244vw;
font-size: 4.540867810292633vw;
padding: 0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:before {
top: 2.0181634712411705vw;
right: 14.127144298688194vw;
width: 3.027245206861756vw;
height: 3.027245206861756vw;
border-width: 0 0.30272452068617556vw 0.30272452068617556vw 0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn span {
font-size: 3.229061553985873vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.register-btn span {
font-size: 2.9263370332996974vw;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn:hover {
color: #0935a1;
background-color: #fff;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn:active {
color: #fff;
background-color: #0842d0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:hover:before {
border-color: #0842d0;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn.terms-btn:active:before {
border-color: #fff;
}
.bnr-std-bx .bnr-std-btn-bx .bnr-std-btn-custom {
margin-top: 0;
}
.slick-dots {
bottom: 5.645833vw;
}
.slick-dots li {
margin: 0 1.0416666666666665vw;
}
.slick-dots li button {
width: 1.3020833333333335vw;
height: 1.3020833333333335vw;
}
.head-signup-bx {
padding: 8.375378405650856vw 0 3.027245206861756vw;
-webkit-box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
}
.head-signup-bx .head-signup {
font-size: 9.081735620585267vw;
}
.signup-timeline-bx .signup-timeline-list {
padding: 4.238143289606458vw 0 3.229061553985873vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item {
width: 29.263370332996974vw;
padding-top: 0.8581735620585267vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current {
padding-top: 0;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item {
margin-left: 2.5227043390514634vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num-tb {
width: 5.449041372351161vw;
height: 5.449041372351161vw;
border-width: 0.9081735620585267vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx .signup-timeline-num-tb {
width: 7.265388496468214vw;
height: 7.265388496468214vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-num-bx .signup-timeline-num {
font-size: 3.279515640766902vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item .signup-timeline-txt {
font-size: 3.632694248234107vw;
line-height: 0.9;
margin: 1.0090817356205852vw auto 0;
padding: 0 1.7154389505549947vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-txt {
font-size: 4.238143289606458vw;
padding: 0;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item:last-child .signup-timeline-txt {
padding: 0 6.559031281533804vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current:last-child .signup-timeline-txt {
padding: 0 4.540867810292633vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:after {
left: -62%;
height: 0.6054490413723511vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item + .signup-timeline-list-item .signup-timeline-num-bx:before {
width: 33.29969727547931vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.current .signup-timeline-num-bx:after,
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx:after {
width: 33.29969727547931vw;
}
.signup-timeline-bx .signup-timeline-list .signup-timeline-list-item.success .signup-timeline-num-bx .signup-timeline-num:before {
width: 3.027245206861756vw;
height: 2.119071644803229vw;
}
.signup-form-detail {
max-width: 100%;
padding: 6.861755802219979vw 6.760847628657922vw 6.081736vw;
}
.signup-form-content .signup-form-col {
width: 100%;
}
.signup-form-content .signup-form-col + .signup-form-col {
margin-left: 0;
}
.signup-form-content .signup-form-row,
.signup-form-content .signup-form-row:last-child {
margin-bottom: 3.4308779011099895vw;
}
.signup-form-content .signup-form-label {
font-size: 3.834510595358224vw;
}
.signup-form-content .signup-form-control {
margin-top: 1.6145307769929365vw;
}
.signup-form-content .signup-form-txt {
font-size: 5.045408678102927vw;
padding: 1.6145307769929365vw 3.9354187689202824vw;
border-radius: 1.2108980827447022vw;
border-width: 0.30272452068617556vw;
}
.signup-form-content .signup-form-txt:focus {
-webkit-box-shadow: 0 0.4036326942482341vw 1.0090817356205852vw 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 0.4036326942482341vw 1.0090817356205852vw 0 rgba(0,0,0,0.15);
box-shadow: 0 0.4036326942482341vw 1.0090817356205852vw 0 rgba(0,0,0,0.15);
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(odd) {
padding-right: 1.8163471241170535vw;
}
.signup-form-content .signup-form-row .signup-form-col:nth-child(even) {
padding-left: 1.8163471241170535vw;
}
.signup-form-content .signup-form-checkbox-bx + .signup-form-checkbox-bx {
margin-left: 1.7154389505549947vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox {
width: 19.77800201816347vw;
height: 9.889001009081735vw;
padding: 0 2.0181634712411705vw;
border-width: 0.30272452068617556vw;
border-radius: 1.2108980827447022vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail {
font-size: 5.045408678102927vw;
}
.signup-form-content .signup-form-checkbox-bx .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
width: 4.641775983854692vw;
height: 4.641775983854692vw;
margin-right: 0.9081735620585267vw;
border-width: 0.4036326942482341vw;
}
.signup-form-content .signup-form-checkbox-bx input:checked + .signup-form-checkbox .signup-form-checkbox-detail .checkbox-circle {
border-width: 1.0090817356205852vw;
}
.signup-form-content .signup-form-select-col {
width: 27.447023208879916vw;
}
.signup-form-content .signup-form-select-col + .signup-form-select-col {
margin-left: 1.9677093844601412vw;
}
.signup-form-content .signup-form-select {
font-size: 5.045408678102927vw;
padding: 2.119071644803229vw 5.045408678102927vw 2.119071644803229vw 2.0181634712411705vw;
border-radius: 1.2108980827447022vw;
border-width: 0.30272452068617556vw;
}
.signup-form-content .signup-form-select-bx:after {
top: 3.027245206861756vw;
right: 4.439959636730576vw;
width: 2.219979818365288vw;
height: 2.219979818365288vw;
border-width: 0 0 0.5045408678102926vw 0.5045408678102926vw;
}
.signup-form-content .signup-form-button-bx {
padding: 6.15539858728557vw 0 8.072653884964682vw;
}
.signup-form-content .signup-form-button-bx .signup-form-button {
width: 33.29969727547931vw;
font-size: 4.843592330978809vw;
padding: 2.119071644803229vw 3.027245206861756vw;
margin: 0 1.8163471241170535vw;
border-radius: 5.045408678102927vw;
}
.signup-form-upload-detail {
max-width: 100%;
padding: 9.081735620585267vw 0 6.054490413723512vw;
}
.signup-form-content .upload-form-col {
width: 100%;
padding: 0 10.29263370332997vw;
margin-bottom: 6.054490413723512vw;
}
.signup-form-content .upload-form-label {
font-size: 6.054490413723512vw;
margin-bottom: 2.7245206861755804vw;
padding-left: 7.161458333333333vw;
white-space: normal;
}
.signup-form-content .upload-form-label .label-num {
top: 0.390625vw;
width: 5.146316851664985vw;
height: 5.146316851664985vw;
font-size: 3.733602421796166vw;
line-height: 5.846316851664985vw;
margin-right: 0.6054490413723511vw;
border-radius: 0.6054490413723511vw;
}
.signup-form-content .upload-form-bx {
width: 64.58123107971745vw;
padding: 4.843592330978809vw 4.439959636730576vw 4.339051463168516vw;
margin: 0 auto;
border-width: 0.4036326942482341vw;
border-radius: 1.4127144298688195vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx {
height: 30.474268415741673vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img {
border-radius: 1.4127144298688195vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-ico {
height: 9.485368314833503vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt {
font-size: 4.641775983854692vw;
margin-top: 2.4217961654894045vw;
}
.signup-form-content .upload-form-bx .upload-form-img-bx .upload-form-img .upload-form-img-txt span {
font-size: 3.027245206861756vw;
}
.signup-form-content .upload-form-bx .upload-form-btn {
width: 30.272452068617557vw;
font-size: 4.641775983854692vw;
padding: 1.4127144298688195vw 0 1.6145307769929365vw;
border-radius: 1.2108980827447022vw;
margin-top: 4.036326942482341vw;
}
.signup-form-content .upload-form-txt-note {
font-size: 4.238143289606458vw;
margin-top: 0;
padding: 0 14.820766902119072vw;
text-align: center;
}
.signup-form-content .signup-form-title {
font-size: 7.063572149344097vw;
padding: 6.962663975782038vw 0 3.229061553985873vw;
}
.signup-form-content .signup-form-confirm-bx {
padding: 0 6.861755802219979vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-left,
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
width: 100%;
min-height: unset;
border-radius: 1.4127144298688195vw;
margin: 0 auto;
padding: 0 5.045408678102927vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-col-right {
width: 100%;
margin-top: 3.4308779011099895vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title {
font-size: 6.054490413723512vw;
padding: 4.036326942482341vw 0 0.9081735620585267vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-title .num {
width: 4.641775983854692vw;
height: 4.641775983854692vw;
font-size: 3.077699293642785vw;
line-height: 4.641775983854692vw;
margin-right: 0.6054490413723511vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt {
padding: 3.632694248234107vw 0;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-row {
margin-bottom: 0.2083333333vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-label {
width: 39.5%;
font-size: 4.843592330978809vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-result {
width: 59%;
font-size: 4.439959636730576vw;
line-height: 1.2;
padding-left: 3.229061553985873vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-title {
font-size: 4.641775983854692vw;
}
.signup-form-content .signup-form-confirm-bx .confirm-img-upload {
width: 35.822401614530776vw;
height: 20.98890010090817vw;
margin-top: 2.4217961654894045vw;
border-radius: 1.2108980827447022vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-confirm-dt-col + .signup-form-confirm-dt-col {
padding-left: 2.0181634712411705vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx {
padding: 4.339051463168516vw 0 6.15539858728557vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx {
top: 0.30272452068617556vw;
margin-right: 1.3333333333333335vw;
vertical-align: top;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui {
width: 3.5317860746720484vw;
height: 3.5317860746720484vw;
border-width: 0.30272452068617556vw;
border-radius: 0.6054490413723511vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-check-bx .terms-condition-ui:before {
top: 0.4036326942482341vw;
left: 0.4436326942482341vw;
width: 2.219979818365288vw;
height: 1.3118062563067607vw;
border-width: 0 0 0.5045408678102926vw 0.5045408678102926vw;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt {
max-width: 65.267608vw;
font-size: 4.238143289606458vw;
text-align: left;
vertical-align: top;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt a:after {
bottom: 0.5045408678102926vw;
height: 1px;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt br.d {
display: none;
}
.signup-form-content .signup-form-confirm-bx .signup-form-terms-bx .signup-form-terms-txt br.m {
display: block;
}
.signup-form-content .signup-form-confirm-bx .alert-error {
font-size: 4.238143289606458vw;
margin-top: 4.843592330978809vw;
}
.terms-condition-bx {
max-width: 100%;
padding: 10.595358224016145vw 6.054490413723512vw 9.081735620585267vw;
}
.terms-condition-bx .terms-condition-title {
font-size: 5.852674066599395vw;
line-height: 0.88;
padding-right: 5vw;
}
.terms-condition-bx .terms-condition-list + .terms-condition-title {
margin-top: 7.638888888888889vw;
}
.terms-condition-bx .terms-condition-list {
margin-top: 6.054490413723512vw;
}
.terms-condition-bx .terms-condition-list .sub-terms {
padding-left: 2.604166666666667vw;
}
.terms-condition-bx .terms-condition-list li {
font-size: 4.843592330978809vw;
padding-left: 0;
}
.terms-condition-bx .terms-condition-list li:before {
top: 0.20181634712411706vw;
left: -2.825428859737639vw;
}
.popup-success .popup-container {
max-width: 87.23958333333334vw;
border-radius: 1.8163471241170535vw;
background-image: url(../images/bg-popup-m.jpg);
}
.popup-success .popup-container .close-btn {
top: 3.125vw;
right: 3.3854166666666665vw;
width: 3.90625vw;
height: 3.90625vw;
}
.popup-success .popup-container .popup-content {
padding: 10.286458333333332vw 4.989583vw 10.546875vw;
}
.popup-success .popup-container .popup-content .popup-headline-bx {
font-size: 11.458333333333332vw;
}
.popup-success .popup-container .popup-content .popup-headline-bx .popup-ico {
display: block;
width: 100%;
height: 16.796875vw;
margin-right: 0;
}
.popup-success .popup-container .popup-content .popup-description-bx {
margin: 4.540867810292633vw 0 4.090817vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-wrapper {
padding: 0 6.180555555555555vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description {
font-size: 6.770833333333333vw;
line-height: 0.9;
margin-top: 2.825428859737639vw;
padding: 0;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small {
font-size: 4.557291666666666vw;
margin-top: 2.864583333333333vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description span {
font-size: 4.6875vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description br.d,
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small br.d {
display: none;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description br.m,
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-small br.m {
display: block;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li {
font-size: 4.557291666666666vw;
}
.popup-success .popup-container .popup-content .popup-description-bx .popup-description-list li:before {
left: -2.604166666666667vw;
}
.popup-success .popup-container .popup-content .popup-note-bx {
font-size: 5.46875vw;
line-height: 0.9;
}
.popup-success .popup-container .popup-content .popup-note-bx span {
font-size: 3.2552083333333335vw;
}
.popup-success .popup-container .popup-content .popup-btn-bx {
margin-top: 10.416666666666668vw;
}
.popup-success .popup-container .popup-content .popup-btn-bx .popup-btn {
width: 43.75vw;
font-size: 4.6875vw;
padding: 2.864583333333333vw 0;
border-radius: 6.510416666666667vw;
}
.coming-soon-bx {
padding: 8.274470232088799vw 0 8.072653884964682vw;
background-image: url(../images/bg-coming-soon-m.jpg);
-webkit-box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
box-shadow: inset 0 2.5227043390514634vw 5.045408678102927vw -2.5227043390514634vw rgba(0,0,0,0.15);
}
.coming-soon-bx .coming-soon-txt {
font-size: 8.577194752774975vw;
padding: 0 9.081735620585267vw;
}
/************* Custom Date Picker *************/
.picker {
font-size: 5.449041372351161vw;
}
.picker-title {
font-size: 5.247225025227043vw;
}
.picker-header {
padding: 2.219979818365288vw 3.834510595358224vw;
}
.picker-close {
font-size: 6.054490413723512vw;
height: 9.081735620585267vw;
width: 9.081735620585267vw;
}
.picker-cell__body:before,
.picker-cell__body:after {
height: 19.17255297679112vw;
}
.picker-item {
padding: 0.4036326942482341vw 1.513622603430878vw;
}
.picker-list {
margin: -6.054490413723512vw 0;
}
.picker-picked {
font-size: 7.063572149344097vw;
}
.picker-cancel, .picker-confirm {
font-size: 3.834510595358224vw;
padding: 4.036326942482341vw 2.0181634712411705vw 3.5317860746720484vw;
}
}