<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.padding10{padding:10px;}
.dropdown-menu { top: -24px!important; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal-open { padding-right: 0 !important; }
}

body{min-width:1827px;}
.font12b { font-size: 16px; font-weight: bold; }
.font13b { font-size: 1.1rem; font-weight: bold; }
.font11b { font-size: 1rem; font-weight: bold; }
.cert_input { border: 0.5px gray dashed; width: 110px; padding: 0; }
#m_strAddr { width: 100%; }
.the-canvas { width: 100%; height: auto; margin: auto; display: block; border: 1px solid black; direction: ltr; z-index: 0; /* border : none; */ }
.modal-backdrop { height: 100%; }
.modal-dialog { max-width: 100%; }
input::placeholder { font-size: 15px; font-wieght: 400; }
.colorTh { background-color: #F2F2F2; }
#create_document p, #create_document span { font-weight: 600; font-size: 17px; }

/*Content*/
.title_document{
    display: table;
    margin: 0 auto 40px auto;
    padding: 0 20px;
    text-align: center;
    font-weight: 600;
    font-size: 2.1rem;
    letter-spacing: 2.5px;}
#content { position: relative!important; width: 915px!important; }
#container { display: inline-block; width:100%; min-width: 1500px;}
#content_wrapper { float: left; width: 900px; }
.row { float: left; margin-right: 0px; margin-left:30px; margin-bottom: 100px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.row {display:block;}
}
.cutter{width:100%}
.box {padding: 0; border-radius: 5px; width:100%;}
.card-body{padding:0;}

/*ë³´ì•ˆì„œì•½ì„œ ë°œê¸‰ ì˜ì—­*/
form { overflow: auto; }
.esecurity { height: 1000px; }
#salaryInformation tbody tr td:nth-child(2){text-align:left;}
.sname{font-size:16px; width:208px;}
.scontact{font-size:16px; width:139px;}
.stextarea{font-size: 15px!important; float: left;border:none!important; border-bottom:1px solid #707070!important;text-align: left!important; padding:5.5px 14px!important; margin-top:20px!important;}
.stextarea2{font-size: 15px!important; float: left;border:none!important; border-bottom:1px solid #707070!important;text-align: left!important; padding:10px!important; margin-top:10px!important;}
.stextarea3{font-size: 15px!important; float: left;border:none!important; border-bottom:1px solid #707070!important;text-align: left!important; padding:10px!important; margin-top:3px!important;}
.stextarea_g textarea{width:100%; margin:auto; margin-top:10px; line-height: 1.5; height:100px; padding:10px;font-size:15px;overflow:hidden}
.stextarea_g2 textarea{width:100%; margin:auto; margin-top:13px; line-height: 1.5; height: 75px; padding:10px;}
.stextarea_g3 a textarea{width:100%; margin:auto; margin-top:10px; margin-bottom:10px; line-height: 1.5; height:85px; padding:10px;}
#create_document input[type="text"], #create_document input[type="number"]{height:26px;border-radius:1px!important;}
#create_document input[type="number"]{text-align: center;}
.page_create {width:30px;}

.collapsebtn{ cursor: pointer;font-size: 14px; line-height:19px; color:#053755;width:100%;}
.collapsebtnwrap{width:100%; padding:5px; margin-top:20px; border-radius: 5px; background: #EDECF1;}
#birthYear{width: 70px!important;}
#birthMonth{width: 45px!important;}
#birthDay{width: 45px!important;}
.str1{height:300px;}
.std1{padding:20px 20px 0 20px;}
.signtext{text-align:right; position:relative;  width:49%; display: inline-block;float:right;/*margin:15px;*/}
.signtext span {margin-right:100px;}
.signImageDiv{position:absolute; z-index: 1; box-sizing: content-box; cursor: pointer; bottom: -20px; left: -85px; display:none;}
.deleteBtn{width: 20px; height: 20px; position: absolute; top: -15px; left: -9px;}
.deleteBtn svg{padding: 5px; background-color: rgb(24, 36, 26); border-radius: 50%; fill: white; height:20px}
.signImageDiv img{max-height:70px; width:auto;}
.btnArea{display:inline-block;}
.btn_indigo_bottom{margin-right:40px}
#salaryInformation { border: none; }
.tbl_certificate tr td, .tbl_certificate tr th { border: none; }
#create_document { padding: 120px 100px 72px!important; }
.top_info_td { text-align: left; font-size: 16px; font-weight: 500;}
.tbl_certificate tr th, .tbl_certificate tr td{padding: 0px 0px 10px !important; }

/*Switch*/
.switch {z-index:100; display: inline-flex; margin: 0 10px; float:right; margin-top:32px;}
.switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
.switch input[type=checkbox]:checked + label { background: #F06A3A; }
.switch input[type=checkbox]:checked + label::after { left: calc(100%); transform: translateX(-100%); }
.switch label { cursor: pointer; width: 48px; height: 24px; background: #dadada; display: block; border-radius: 24px; position: relative; }
.switch label::after {content: "";position: absolute;top: -2px;left: 0px;width: 27px; height: 27px;box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-moz-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-ms-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);background: white;border-radius: 16px;transition: 0.3s;}

.switch2 { display: inline-flex; margin: 0 10px;}
.switch2 input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
.switch2 input[type=checkbox]:checked + label { background: #F06A3A; }
.switch2 input[type=checkbox]:checked + label::after { left: calc(100%); transform: translateX(-100%); }
.switch2 label { cursor: pointer; width: 32px; height: 5px; background: #dadada; display: block; border-radius: 24px; position: relative; }
.switch2 label::after {content: "";position: absolute;top: -6px;left: 0px;width: 17px; height: 17px;box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-moz-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-webkit-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-ms-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);background: white;border-radius: 16px;transition: 0.3s;}

.switch3 { display: inline-flex; margin: 0 10px; float:right; margin-top:22px;}
.switch3 input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
.switch3 input[type=checkbox]:checked + label { background: #F06A3A; }
.switch3 input[type=checkbox]:checked + label::after { left: calc(100%); transform: translateX(-100%); }
.switch3 label { cursor: pointer; width: 48px; height: 24px; background: #dadada; display: block; border-radius: 24px; position: relative; }
.switch3 label::after {content: "";position: absolute;top: -2px;left: 0px;width: 27px; height: 27px;box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-moz-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-webkit-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);-ms-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, .3);background: white;border-radius: 16px;transition: 0.3s;}


/*ë¯¸ë¦¬ë³´ê¸° ì˜ì—­*/
#page_preview{clear:both}
#page_preview .row{float:left;width:851px;margin-left:30px;}
#page_preview .row .title {width:560px; position:relative;margin:0 auto 25px auto;padding:11px 20px;background-color:#F8F9FC}
#page_preview .row .title span {display:inline-block}
#page_preview .row .box {margin:0 auto;padding:0;border-radius:0;}
#page_preview .card {clear:both;display:block;border:none;}
#page_preview .card-body {padding:0;}
#page_preview .the-canvas {margin: auto; display: block; visibility: hidden;width:560px;height:790px}
#page_preview .btnArea{display:inline-block;}

/*ë°œì†¡ìž ì&nbsp;•ë³´*/
.sender_info{display:inline-block;width:430px;margin-left:30px;background-color:#fff;padding:40px 47px 47px 47px;border-radius:5px}
.sender_info .top_text{margin-bottom:12px;font-size:17px;color:#0B2B4F}
.send_document{width:335px;font-size:16px;color:#000;}
.send_document .sending_date th {width:74px;padding-top:30px}
.send_document .sending_date td {padding-top:30px}
.send_document .additional_info1 {padding-bottom:30px;padding-left:0;line-height:1.5}
.send_document .additional_info2 {display:inline-block; color:#033754; margin-right:20px; text-align:center; width:100%;}
.send_document .additional_info3{display:inline-block;margin-left:0px;margin-top:10px;line-height:1.4;}
.send_document .additional_info4{display:inline-block;}
.send_document .pinleft{display:inline-block;margin-left:0px;margin-top:10px;}
.send_document .pinleft .point {font-weight:600;}
.send_document .goPay {display:inline-block}
.sender_info .btn_indigo{width:336px;margin-top:34px}

/*íŽ¼ì¹˜ê¸°*/
.selector { border: 1px solid #e2eded; border-color: #eaf1f1 #e4eded #dbe7e7 #e4eded;}
 #country-selector { position: relative; display: block; width: 100.8%; overflow: visible; font-size: 14px; margin:auto;}
 #country-selector a:hover { text-decoration: none !important;}
 #country-selector * { user-select: none;}
 #country-selector *:focus { outline: none;}
 #country-selector input { color: black;}
 .select-button { position: relative; height: auto; padding: 5px 5px; background-color: white; border:1px solid #707070; cursor: pointer; color: black; Ztransition: .3s all ease-in-out;}
 .label { display: none;}
 #chevrons { position: absolute; top: 0; right: 0; bottom: 0; width: 20px; padding: 9px 14px;}
 #chevrons svg { width: 100%; height: 100%;}
 #options-view-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 3;}
 #selected-value { font-size: 1em; line-height: 1; margin-right: 26px; text-align: center;}
 #selected-value span {font-size: 14px; font-weight: 400;}
 .option,.label { color: #000; font-size: 1em; font-weight: 500;}
 #chevrons { position: absolute; top: 2px; right: 0; bottom: 0; width: 20px; padding: 12px 14px;}
 #chevrons svg { width: 100%; height: 100%;}
 #options-view-button:checked + .select-button #chevrons i { color: #000;}
 #options-view-button:checked ~ .select-button { content: "ë‹«ê¸°";}
 .options { position: relative; left: 0; width: 100%;}
 #options { position: relative; right: 0; left: 0; width: 100%; margin: 0 auto; margin-bottom:10px; background-color: #fff; z-index: 1000;}
 .option { position: relative; line-height: 1; z-index: 2; transition: none;}
 #options-view-button:checked ~ #options .option i { display: block; padding: 12px 0; background-color: #fff;}
 #options-view-button:checked ~ #options .label { display: block; padding: 0;}

/*addmore*/
#select-box{text-align: center;}

/*ì„œëª… íŒì—…*/
.modal.fade .modal-dialog{bottom:40%;}
.signing .modal-header {text-align: center; padding: 8px;}
.signing .modal-body {padding: 5%;}
.signing .modal-body .after {margin-bottom: 5px;}
.signing .modal-body .m-signature-pad{position: relative;}
.signing .modal-body .m-signature-pad .p1 {position: absolute; z-index: 1; left: 48%; margin-left: -74px; top: 0;text-align:center}
.signing .modal-body .m-signature-pad .p2 {border-top: 1px solid #38EBFA; height: 1px; width: 100%; position: absolute; top: 170px; text-align:center}
.signing .modal-body .m-signature-pad .m-signature-pad--footer {text-align:center}
.signing .modal-body .m-signature-pad .m-signature-pad--footer .btn_popup_cancel{margin-right:20px;}

.dropdown-menu {top:-24px!important}

.submenu{}
.subswitch{margin-top:12px;float:left;display: inline-block;}
.subtextarea{width:96%!important;}

.stitle{display:inline-block;width:430px;margin-top:49px;margin-left:30px;background-color:#fff;padding:40px 47px 47px 47px;border-radius:5px; position:absolute;}
.ssubtitle{margin-bottom:12px!important;font-size:17px;color:#0B2B4F!important;font-weight:500}
.send_contract{width:335px;font-size:16px;color:#000;}
.sdate{width:74px;padding-top:30px!important;}
.plus_area{width:100%; text-align:center; margin-top:28px;}
.plus_area a{cursor: pointer;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal-open{ padding-right: 0px !important; }
}
.font12b{ font-size: 16px; font-weight: bold; }
.font13b{ font-size: 1.1rem; font-weight: bold; }
.font11b{ font-size: 1rem; font-weight: bold; }
.cert_input { text-align: left;border: 0.5px gray dashed; width: 110px; padding: 0px; }
#m_strAddr{ width: 550px; }
.the-canvas{ width: 100%; height: auto; margin: auto; display: block; border: 1px solid black; direction: ltr; z-index: 0; /* border : none; */ }
.modal-backdrop{ height: 100%; }
.modal-dialog{ max-width: 100%; }
input[type='text'] {text-align:center}
input::placeholder { font-size:15px;font-wieght:400}
.colorTh {background-color:#F2F2F2}
#create_document p, #create_document span {font-weight:500;font-size:17px}


.inputbtn{border:1px solid #b5b5b5!important;}
.input_companyName::placeholder {font-size:22px}
.imgCompanyLogo img {width:90px;height:auto}

.sign_date input[type="number"], .sign_date input[type="date"] {margin-bottom:0!important;}

/*#create_document {overflow-y:hidden!important}*/
</pre></body></html>