@charset "UTF-8";
/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
.m00 { margin: 0px !important; }

.m05 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt00 { margin-top: 0px !important; }

.mt01 { margin-top: 1px !important; }

.mt02 { margin-top: 2px !important; }

.mt03 { margin-top: 3px !important; }

.mt04 { margin-top: 4px !important; }

.mt05 { margin-top: 5px !important; }

.mt06 { margin-top: 6px !important; }

.mt07 { margin-top: 7px !important; }

.mt08 { margin-top: 8px !important; }

.mt09 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb00 { margin-bottom: 0px !important; }

.mb01 { margin-bottom: 1px !important; }

.mb02 { margin-bottom: 2px !important; }

.mb03 { margin-bottom: 3px !important; }

.mb04 { margin-bottom: 4px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb06 { margin-bottom: 6px !important; }

.mb07 { margin-bottom: 7px !important; }

.mb08 { margin-bottom: 8px !important; }

.mb09 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml00 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

/*====================================================================================
■PADDING DEFAULT
====================================================================================*/
.p00 { padding: 0px !important; }

.p01 { padding: 1px !important; }

.p02 { padding: 2px !important; }

.p03 { padding: 3px !important; }

.p04 { padding: 4px !important; }

.p05 { padding: 5px !important; }

.p06 { padding: 6px !important; }

.p07 { padding: 7px !important; }

.p08 { padding: 8px !important; }

.p09 { padding: 9px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pl00 { padding-left: 0px !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pr00 { padding-right: 0px !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pb00 { padding-bottom: 0px !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pt00 { padding-top: 0px !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

/*====================================================================================
■WIDTH DEFAULT
====================================================================================*/
.w5 { width: 5% !important; }

.w10 { width: 10% !important; }

.w15 { width: 15% !important; }

.w20 { width: 20% !important; }

.w25 { width: 25% !important; }

.w30 { width: 30% !important; }

.w35 { width: 35% !important; }

.w40 { width: 40% !important; }

.w45 { width: 45% !important; }

.w49 { width: 49% !important; }

.w50 { width: 50% !important; }

.w55 { width: 55% !important; }

.w59 { width: 59% !important; }

.w60 { width: 60% !important; }

.w65 { width: 65% !important; }

.w70 { width: 70% !important; }

.w80 { width: 80% !important; }

.w90 { width: 90% !important; }

.w100 { width: 100% !important; }

/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.ml1per { margin-left: 1%; }

.ml2per { margin-left: 2%; }

.ml3per { margin-left: 3%; }

.ml4per { margin-left: 4%; }

.mr1per { margin-right: 1%; }

.mr2per { margin-right: 2%; }

.mr3per { margin-right: 3%; }

.mr4per { margin-right: 4%; }

.mt1per { margin-top: 1%; }

.mt2per { margin-top: 2%; }

.mt3per { margin-top: 3%; }

.mt4per { margin-top: 4%; }

.mt5per { margin-top: 5%; }

.mt6per { margin-top: 6%; }

.mt7per { margin-top: 7%; }

.mt8per { margin-top: 8%; }

.mt9per { margin-top: 9%; }

.mt10per { margin-top: 10%; }

.pd1per { padding: 1%; }

.pd2per { padding: 2%; }

.pd3per { padding: 3%; }

.pd4per { padding: 4%; }

.pull_left { float: left; }

.pull_right { float: right; }

.text_left { text-align: left !important; }

.text_right { text-align: right !important; }

.text_center { text-align: center !important; }

.text_justify { text-align: justify !important; }

.text_nowrap { white-space: nowrap !important; }

.text_lower { text-transform: lowercase !important; }

.text_upper { text-transform: uppercase !important; }

.text_capitalize { text-transform: capitalize !important; }

.text_normal { font-weight: normal !important; }

.text_bold { font-weight: bold !important; }

.text_line { text-decoration: underline; }

.text_noline { text-decoration: none !important; }

.text_over { overflow: hidden !important; }

.fz10 { font-size: 10px !important; }

.fz11 { font-size: 11px !important; }

.fz12 { font-size: 12px !important; }

.fz13 { font-size: 13px !important; }

.fz14 { font-size: 14px !important; }

.fz15 { font-size: 15px !important; }

.fz16 { font-size: 16px !important; }

.fz17 { font-size: 17px !important; }

.fz18 { font-size: 18px !important; }

.fz19 { font-size: 19px !important; }

.fz20 { font-size: 20px !important; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.lhnm { line-height: normal !important; }

.lh00 { line-height: 0 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh20 { line-height: 2 !important; }

.lh23 { line-height: 2.3 !important; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.visible { visibility: visible; }

.visible-hidden { visibility: hidden; }

.dispc, .breakpc { display: block; }

@media all and (max-width: 639px) { .dispc, .breakpc { display: none; } }

.dissp, .breaksp { display: block; }

@media all and (min-width: 1200px) { .dissp, .breaksp { display: none; } }

.flexFont { font-size: 100%; }

.obj__fit, .imgfit { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.overflow { overflow: hidden; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInRight { 0% { opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight { 0% { opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInUp { 0% { opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp { 0% { opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.mainmv { display: none; }

#layoutSidenav_nav { height: 100%; overflow-y: hidden; }

#layoutSidenav_content { overflow-y: scroll; }

#layoutSidenav { height: 100vh; }

.w420 { width: 420px !important; }

.w124 { width: 124px !important; }

.w180 { width: 180px !important; }

.w25 { max-width: 227px; }

.w30 { max-width: 420px; }

.align-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.cl-red { color: #FF0000 !important; }

.cl-blue { color: #007AFF !important; }

.cl-pink { color: #FF3860; }

.bg-pink { background: #FF3860; }

.bgred { background-color: #FFE5E2; }

.bgblue { background-color: #E3F4FF; }

.bg-blue { background: #237AFC; }

.bg-gray { background-color: #EDEDED; }

.btn-outline-primary { background: #ffffff; }

.disable { pointer-events: none; position: relative; }

.disable::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #EBEBEB; border: 1px solid #7A7A7A; border-radius: 5px; }

.table-style table thead th { background: #E0EBFF; }

.table-style2 table thead th { background: none; border-bottom: 1px solid #88b7fd; }

.table-style3 table th, .table-style3 table td { padding: 10px !important; }

.table-style3 table tbody tr { border-bottom: none !important; }

.table-style3 table thead th { background: #237AFC; color: #ffffff; font-size: 18px; }

@media all and (max-width: 1366px) { .table-style3 table thead th { font-size: 16px; } }

.table-style3 table tbody td { background: #EDEDED; font-size: 20px; border-bottom: none; }

@media all and (max-width: 1366px) { .table-style3 table tbody td { font-size: 18px; } }

.table-style3 table tbody td span { font-weight: bold; font-size: 24px; }

@media all and (max-width: 1366px) { .table-style3 table tbody td span { font-size: 22px; } }

.blockheader { padding: 20px 10px; }

.blockheader .headertitle { font-size: 20px; border-bottom: 1px solid #88b7fd; padding-bottom: 10px; }

@media all and (max-width: 1366px) { .blockheader .headertitle { font-size: 18px; } }

.group-lable { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

.group-lable .status-tag { width: auto !important; padding: 5px 10px; }

.group-lable .right-side p { font-size: 18px; font-weight: bold; margin-bottom: 0; }

h3.title-bg { background: #F7F7F7; font-size: 22px; padding: 10px 20px; margin-bottom: 20px; }

li { list-style-type: none !important; display: block !important; margin: 0; padding: 0; }

li::marker { display: none !important; }

ul { list-style-type: none !important; margin: 0; padding: 0; }

textarea { padding: 5px 10px; }

.btnpage { padding: 10px 20px; border-radius: 5px; color: #ffffff !important; font-size: 16px; border: 1px solid; text-align: center; height: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 190px; margin: initial !important; }

@media all and (max-width: 1366px) { .btnpage { font-size: 13px; height: 40px; } }

.btn-table { width: 124px; }

@media all and (max-width: 1366px) { .btn-table { width: 60px; } }

.status-tag { padding: 5px; height: 34px; width: 89px !important; display: inline-block; }

@media all and (max-width: 1366px) { .status-tag { height: 30px; width: 80px !important; } }

.btnpage:not(.status-tag) { cursor: pointer; }

@media all and (min-width: 768px) { .btnpage:not(.status-tag) { opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .btnpage:not(.status-tag):hover { opacity: 0.8; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }

.btngrey { background: #707070; border-color: #707070; }

.btnblue { background: #007AFF; border-color: #007AFF; }

.btn-border, .his-tab .active { background: #ffffff; color: #007AFF; }

.btnred { background: #FF3B30; border-color: #FF3B30; }

.btnpink { background: #F35F8C; border-color: #F35F8C; }

.btnpurple { background: #791AFA; border-color: #791AFA; }

.btnlightblue { background: #52A8FF; border-color: #52A8FF; }

.btndisable { background: #FFFFFF; pointer-events: none; border: 1px solid #EDEDED; color: #EDEDED !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; padding: 5px 0; }

.btnyellow { background: #F4A437; border-color: #F4A437; }

.pagination { margin-top: 20px; }

.pagination .page-link { display: inline; }

.pagination .page-link.active { background: #007AFF; color: #ffffff; }

.pagination ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; }

.pagination ul .page-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pagination ul .page-item:nth-of-type(n+2) { margin-left: 10px; }

.pagination ul .page-item .page-link { border: 1px solid #007AFF; border-radius: 5px; color: #007AFF; }

.pagination ul .page-item .page-link:nth-of-type(n+2) { margin-left: 10px; }

.choose-img { padding: 12px 34px 12px 12px; border: 1px solid #DBDCE8; border-radius: 5px; background: #fff url(../common_img/icon/icon_select.svg) no-repeat right 10px center; }

.choose-img input[type=file] { display: none; }

.choose-img figure { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 241px; height: 136px; margin-bottom: 0; }

.p-home .blockheader { border-bottom: 1px solid #A5C9FF; }

.p-home .blockheader .breadcrumb, .p-home .blockheader .headertitle { visibility: hidden; }

.table-home { max-width: 460px; width: 460px; margin-top: 30px; margin-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.table-home th, .table-home td { padding: 10px; border-bottom: 1px solid #707070; }

.table-home tr:not(:last-child) { border-bottom: 1px solid #707070; }

.table-home thead th { text-align: center; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #707070; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.table-home tbody tr td:last-child { font-size: 36px; border-right: 1px solid #707070; }

.table-home tbody tr td:first-child { border-left: 1px solid #707070; }

.table-home tbody th, .table-home tbody td { text-align: center; }

select { width: 100%; height: 40px; background: #ffffff url("../common_img/icon/icon_select.svg") no-repeat right 10px center; border: 1px solid #7A7A7A !important; border-radius: 5px; padding: 5px 10px; -webkit-appearance: none; }

input[type=text], input[type=email], input[type=password], input[type=number] { width: 100%; height: 40px; padding: 5px 10px; border-radius: 5px; background: #ffffff; border: 1px solid #7A7A7A !important; -webkit-appearance: none; }

.block-search { background: #EDEDED; padding: 15px 20px; }

.block-search p { margin-bottom: 5px; font-size: 18px; }

@media all and (max-width: 1366px) { .block-search p { font-size: 14px; } }

.block-search .search-title { font-size: 20px; padding-left: 30px; background: url("../common_img/icon/icon_search.svg") no-repeat center left; }

@media all and (max-width: 1366px) { .block-search .search-title { font-size: 18px; } }

.block-search .block-items { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.block-search .block-items .item { width: calc(33.3% - 13.33333px); width: -ms-calc(33.3% - 13.33333px); width: -o-calc(33.3% - 13.33333px); margin-right: 20px; float: left; }

.block-search .block-items .item:last-child { margin-right: 0; }

.block-search .block-items .item .col { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; }

.block-search .block-items .item .col:last-child { margin-right: 0; }

@media all and (max-width: 1279px) { .block-search .block-items .item { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; }
  .block-search .block-items .item:nth-child(2n) { margin-right: 0; }
  .block-search .block-items .item:last-child { width: 100%; margin-top: 20px; } }

.block-search .block-selected { margin-top: 20px; }

.block-search .block-selected .item { margin-right: 50px; }

.block-search .block-selected .item:last-child { margin-right: 0; }

.block-search .block-selected .item label { margin-right: 20px; }

.block-search .block-selected .item label input[type=checkbox] { margin-right: 5px; }

.block-search .block-selected .item label:last-child { margin-right: 0; }

.block-search .block-btn { margin-top: 20px; }

.block-search .block-btn .btnblue { margin-left: 20px !important; }

.tabslist { margin: 20px 0; display: grid; grid-template-columns: repeat(auto-fill, 140px); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; }

@media all and (max-width: 1366px) { .tabslist { grid-template-columns: repeat(auto-fill, 85px); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } }

.tabslist li.active a { color: #ffffff !important; background: #007AFF; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.tabslist li.active input { color: #ffffff !important; background: #007AFF; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.navigation-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.navigation-wrapper .pagination li a { min-width: 40px; height: 40px; border: 1px solid #237AFC; color: #237AFC; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; font-size: 18px; }

.navigation-wrapper .pagination li span { min-width: 40px; height: 40px; border: 1px solid #237AFC; color: #237AFC; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; font-size: 18px; }

.navigation-wrapper .pagination li:not(:last-child) { margin-right: 10px; }

.navigation-wrapper .pagination li.active a { color: #ffffff !important; }

.navigation-wrapper .pagination li:last-child a { width: auto; }

h3.table-note { font-size: 18px; margin-bottom: 0; }

@media all and (max-width: 1366px) { h3.table-note { font-size: 14px; } }

.btnimg img { margin-right: 10px; }

.breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.breadcrumb ul li:not(:last-child) { margin-right: 30px; }

.breadcrumb ul li a { position: relative; display: inline-block; }

.breadcrumb ul li a::before { position: absolute; content: ""; width: 10px; height: 10px; border: 1px solid #007AFF; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: -15px; top: 0; bottom: 0; margin: auto 0; }

.table-scroll { overflow-x: auto; }

.table-scroll table { min-width: 1600px; }

.border-box { padding: 20px; border: 1px solid #ededed; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.8; }

@media all and (max-width: 1366px) { .border-box { padding: 15px; } }

.btn-csv { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.btn-csv input { width: calc(100% - 137px); border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-csv .btnpage { width: 137px; height: 40px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btn-group { display: grid; grid-template-columns: 78% 18%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-column: 4%; }

.btn-fix-bottom { width: calc(100% + 1.5rem); margin-left: -0.75rem; padding: 0.75rem; background: #ffffff; margin-top: 100px; position: -webkit-sticky; position: sticky; bottom: 0; left: auto; right: auto; box-shadow: 0 -4px 15px -4px rgba(0, 0, 0, 0.2); z-index: 9;}

.btn-search-style { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }

.btn-search-style .btnpage { width: 180px; }

.btn-search-style input[type=text] { width: calc(100% - 200px); margin-right: 20px; height: 50px; }

.p-clinic_management .block-storage p, .p-labo_management .block-storage p { margin-bottom: 5px; }

.p-clinic_management .block-storage .item, .p-labo_management .block-storage .item { width: 250px; margin-right: 20px; }

.p-clinic_management .block-storage .item div, .p-labo_management .block-storage .item div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.p-clinic_management .block-storage .item div span, .p-labo_management .block-storage .item div span { margin-left: 10px; width: 40px; }

.p-clinic_management .block-storage .item div input[type=text], .p-labo_management .block-storage .item div input[type=text] { width: calc(100% - 50px); }

.p-clinic_management .block-storage .item:last-child, .p-labo_management .block-storage .item:last-child { margin-right: 0; }

.p-clinic_management .block-option .item:last-child, .p-labo_management .block-option .item:last-child { width: calc(100% - 540px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.p-clinic_management .block-option .item:last-child .switch, .p-labo_management .block-option .item:last-child .switch { margin-right: 20px; }

.p-clinic_management .block-option .item:last-child .cl-red, .p-labo_management .block-option .item:last-child .cl-red { display: inline-block; margin-left: 20px; }

@media all and (max-width: 1366px) { .p-clinic_management .block-option .item:first-child, .p-clinic_management .block-option .item:nth-child(2), .p-labo_management .block-option .item:first-child, .p-labo_management .block-option .item:nth-child(2) { width: 25%; margin-right: 20px; }
  .p-clinic_management .block-option .item:last-child, .p-labo_management .block-option .item:last-child { width: calc(50% - 40px); } }

.p-clinic_management .prefectures-block, .p-labo_management .prefectures-block { max-width: 520px; }

.p-clinic_management .prefectures-block .form-control, .p-labo_management .prefectures-block .form-control { width: calc(100% - 134px); }

.p-clinic_management .prefectures-block .btn-table, .p-labo_management .prefectures-block .btn-table { margin-left: 10px; width: 124px !important; height: 44px; }

.p-clinic_management select.form-control, .p-labo_management select.form-control { max-width: 520px; }

.p-clinic_management .border-box--ins, .p-labo_management .border-box--ins { width: 100%; }

.p-clinic_management .border-box--ins h3, .p-labo_management .border-box--ins h3 { margin-bottom: 20px; font-size: 22px; }

@media all and (max-width: 1366px) { .p-clinic_management .border-box--ins h3, .p-labo_management .border-box--ins h3 { font-size: 20px; margin-bottom: 10px; } }

.p-clinic_management .border-box--ins p, .p-labo_management .border-box--ins p { font-size: 18px; margin-bottom: 0; }

@media all and (max-width: 1366px) { .p-clinic_management .border-box--ins p, .p-labo_management .border-box--ins p { font-size: 16px; } }

.p-labo_management .block-search .block-selected .item { margin-right: 40px; }

.p-labo_management .block-search .block-selected .item:last-child { margin-right: 0; }

.p-labo_management .block-search .block-selected .item:nth-child(2), .p-labo_management .block-search .block-selected .item:nth-child(3) { width: auto; }

.p-labo_management .tabslist { grid-template-columns: repeat(auto-fill, 120px); }

@media all and (max-width: 1366px) { .p-labo_management .tabslist { grid-template-columns: repeat(auto-fill, 85px); } }

.customer-list .block-customer { display: grid; grid-template-columns: 488px calc(100% - 503px); -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; }

.customer-list .block-customer .item { border: 1px solid #707070; padding: 20px; border-radius: 10px; }

.customer-list .block-customer .item h3 { font-size: 22px; margin-bottom: 10px; }

.customer-list .block-customer .item:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.customer-list .block-customer .item:last-child table tr:first-child td { padding-top: 0; }

@media all and (max-width: 1366px) { .customer-list .block-customer .item { padding: 10px; } }

@media all and (max-width: 1366px) { .customer-list .block-customer { grid-template-columns: 300px calc(100% - 310px); } }

.customer-list .table-style thead th { font-size: 13px; }

.btnmain { width: 92px; height: 48px; max-width: 92px !important; }

.btn-warning { color: #ffffff !important; background: #FFB100; }

.inline-block { display: inline-block; }

.align-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

.payment-agency-registration .container-fluid { position: relative; }

.page-labo_management .btn { min-width: 74px; }

.page-technician .craft-icon { display: grid; grid-template-columns: 220px calc(100% - 230px); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

.page-technician .checkbox-block { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.page-technician .checkbox-block .switch { margin-left: 0; margin-right: 30px; }

.page-technician .group3-select { display: grid; grid-template-columns: 140px 280px 360px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

.page-technician .table-style th { width: 200px; }

/* modal style */
.modal .modal-header { position: relative; border-bottom: none; }

.modal .modal-header .close { background: #7A7A7A url("../common_img/icon/close.svg") no-repeat center center; color: #ffffff; position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 5px; }

.modal .modal-footer { border-top: none; }

.popup-style .modal-header { border-bottom: none; }

.popup-style .modal-header .modal-title { font-size: 24px; }

@media all and (max-width: 1366px) { .popup-style .modal-header .modal-title { font-size: 20px; } }

.popup-style .modal-body p { font-size: 24px; }

@media all and (max-width: 1366px) { .popup-style .modal-body p { font-size: 20px; } }

.popup-style .modal-footer { border-top: none; }

.popup-style .modal-footer .btn { font-size: 18px; }

@media all and (max-width: 1366px) { .popup-style .modal-footer .btn { font-size: 16px; } }

.popup-style .modal-dialog .modal-content { max-width: 600px !important; }

.popup-style2 .modal-footer { box-shadow: 0 -4px 15px -4px rgba(0, 0, 0, 0.2); }

#addMetal .modal-dialog .modal-content { max-width: 500px !important; }

#addMetal .table-style { margin-top: 0; max-height: 500px; overflow-y: scroll; }

#addMetal .table-style thead th:last-child { width: 70px; text-align: center; }

#addMetal .table-style tbody td:last-child { text-align: center; }

#addMetal .modal-body { padding-top: 0; }

#selectResult .modal-tit { font-size: 18px; }

#selectResult .table-style { margin-top: 0 !important; }

#selectResult .table-style table tr:last-child { border-bottom: none !important; }

#selectResult .table-style .btn { min-width: 90px; }

#addMoreProduct .nav-tabs { border-bottom: 6px solid #007AFF; }

#addMoreProduct .nav-tabs .nav-item.show .nav-link, #addMoreProduct .nav-tabs .nav-link.active { color: #ffffff; background: #007AFF; border-color: #007AFF; }

#addMoreProduct .nav-tabs .nav-link:focus, #addMoreProduct .nav-tabs .nav-link:hover { border-color: #007AFF; isolation: isolate; }

#addMoreProduct .modal-footer { box-shadow: 0 -4px 15px -4px rgba(0, 0, 0, 0.2); }

.table-style .table-none { max-width: 500px; }

.table-style .table-none tbody tr { border-bottom: none !important; }

.table-style .table-none th, .table-style .table-none td { padding: 10px; }

.table-style .table-none th { width: auto; }

.colorpicker-wrapper { position: relative; }

.colorpicker-wrapper .square-cl { width: 44px; height: 44px; cursor: pointer; margin: 0 auto; }

@media all and (min-width: 1280px) { .colorpicker-wrapper .square-cl:hover { opacity: 0.8; -webkit-transition: all 0.5s; transition: all 0.5s; } }

.colorpicker-wrapper .picker-box { display: grid; grid-template-columns: repeat(4, 44px); -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; background: #ffffff; padding: 20px 26px; width: 252px; border-radius: 20px; position: relative; z-index: 9; }

.colorpicker-wrapper .picker-box .square-cl { position: relative; z-index: 999; }

.colorpicker-wrapper .picker-box::before { position: absolute; content: ""; width: 85px; height: 85px; background: url("../common_img/icon/icon_colorpicker.svg") no-repeat center center; background-size: contain; bottom: 0; left: 0; right: 0; margin: 0 auto; margin-bottom: -30px; z-index: 99; }

.colorpicker-wrapper .picker-box::after { content: ''; width: 100%; height: 100%; position: absolute; background: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 1px solid #D2D2D3; border-radius: 20px; }

.colorpicker-wrapper .picker-wrapper { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; z-index: 9; margin-top: -225px; margin-right: 167px; display: none; }

.colorpicker-wrapper.active .picker-wrapper { display: block; }

.has-btn-fix-bottom .container-fluid { padding-bottom: 0px; }

.page-material .thetechnician .delivery-container ul { margin-top: 0; padding-bottom: 0; }

.page-material .table-technician input[type=text] { max-width: 420px; }

.page-material .listul_r ul li:first-child { top: 0; }

.page-engineering_icon .thetechnician .delivery-container ul { margin-top: 0; }

.page-engineering_icon .listul_r ul li:first-child { top: 0; }

.page-engineering_icon .listul_l, .page-engineering_icon .listproducts { width: calc(100% - 200px); }

@media all and (max-width: 1366px) { .page-engineering_icon .listul_l, .page-engineering_icon .listproducts { width: calc(100% - 150px); } }

.page-engineering_icon .thetechnician .tab-container.-active > .line { background-color: #237AFC; }

.page-engineering_icon .thetechnician .delivery-container .tab-container > .box .text { padding-left: 30px; padding-right: 30px; }

.page-engineering_icon .listproducts .item, .page-engineering_icon .listproducts label { margin-bottom: 15px; width: calc(20% - 12px); width: -ms-calc(20% - 12px); width: -o-calc(20% - 12px); margin-right: 15px; float: left; height: 150px; }

@media all and (max-width: 1366px) { .page-engineering_icon .listproducts .item, .page-engineering_icon .listproducts label { height: 130px; } }

.page-engineering_icon .thetechnician .delivery-container .tab-container:not(.-active) > .box .text { color: #237AFC; }

.page-engineering_icon .listproducts .item p, .page-engineering_icon .listproducts label p { color: #237AFC; }

.page-engineering_icon .table-style table th:first-child { max-width: 200px; width: 20%; }

.p-notification .individual-block .btnpage { width: 124px; }

.p-notification .individual-block ul { width: calc(100% - 144px); margin-left: 20px; }

.p-notification .individual-block ul li:not(:last-child) { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DBDCE8; }

.destination_search #layoutSidenav { padding: 20px 0 0 20px; }

.destination_search #layoutSidenav #layoutSidenav_nav { box-shadow: none !important; }

.destination_search #layoutSidenav .sb-sidenav { background: #ededed; }

.destination_search #layoutSidenav .block-search .item:nth-of-type(n+2) { margin-top: 40px; }

.destination_search .btn-fix-bottom { width: 100%; margin-left: -20px; position: fixed; z-index: 9999; background: #ffffff; }

.box3item { max-width: 800px; }

.box3item .item { width: calc(33.3% - 13.33333px); width: -ms-calc(33.3% - 13.33333px); width: -o-calc(33.3% - 13.33333px); margin-right: 20px; float: left; }

.box3item .item:last-child { margin-right: 0; }

.box3item .item .tit { margin-bottom: 5px; }

.box3item .box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.box3item .box input[type=text] { width: calc(100% - 50px); }

.box3item .box span { display: block; width: 50px; text-align: right; }

.p-mastercharge .table-style table th { width: 217px; }

.p-payment .payment-tit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: normal; }

@media all and (max-width: 1366px) { .p-payment .payment-tit { font-size: 22px; } }

.p-payment .payment-tit a { display: block; width: 28px; height: 28px; background: #7A7A7A url("../common_img/svg/arrowright.svg") no-repeat center center; border-radius: 2px; background-size: 10px; }

@media all and (max-width: 1366px) { .p-payment .payment-tit a { width: 25px; height: 25px; background-size: 7px; } }

.p-payment .payment-tit .prev-btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.p-payment .payment-tit span { display: inline-block; margin: 0 20px; }

.p-payment .payment-block { display: grid; grid-template-columns: repeat(2, 460px); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

.p-payment .payment-block .item { border: 1px solid #DBDCE8; border-radius: 10px; padding: 15px; text-align: center; }

.p-payment .payment-block .item .tit { font-size: 24px; text-align: center; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #DBDCE8; }

.p-payment .payment-block .item .tit span { font-size: 16px; }

@media all and (max-width: 1366px) { .p-payment .payment-block .item .tit { font-size: 22px; }
  .p-payment .payment-block .item .tit span { font-size: 14px; } }

.p-payment .payment-block .item .price { font-size: 30px; }

.p-payment .payment-block .item .price span { font-size: 50px; font-weight: bold; display: inline-block; margin-left: 20px; line-height: 1; }

@media all and (max-width: 1366px) { .p-payment .payment-block .item .price span { font-size: 40px; margin-left: 10px; } }

.p-payment .payment-block .item .transaction { margin: 5px 0 10px; }

.p-payment .payment-block .item .transaction span { font-size: 20px; font-weight: bold; }

@media all and (max-width: 1366px) { .p-payment .payment-block .item .transaction span { font-size: 18px; } }

.p-payment .payment-block .item .time { display: inline-block; color: #ffffff; padding: 2px 20px; border-radius: 20px; }

.p-payment .payment-block .item .time span { font-weight: bold; }

.p-payment .table-note { margin: 30px 0 5px; font-size: 20px; }

.p-payment .table-note span { font-size: 18px; margin-left: 50px; }

@media all and (max-width: 1366px) { .p-payment .table-note { margin: 20px 0 5px; } }

@media all and (max-width: 639px) { .p-payment .table-note { font-size: 18px; }
  .p-payment .table-note span { font-size: 16px; } }

.p-payment .payment-tit-wrapper { margin-bottom: 30px; position: relative; }

.p-payment .payment-tit-wrapper .tabslist { grid-template-columns: auto auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; float: right; width: 162px; margin: 0; z-index: 9; position: relative; }

.p-payment .payment-tit-wrapper .btn-left { float: left; position: relative; z-index: 9; }

.p-payment .payment-tit-wrapper .payment-tit { position: absolute; left: 0; right: 0; margin: 0 auto; }

@media all and (max-width: 1366px) { .p-payment .payment-tit-wrapper { margin-bottom: 20px; } }

.p-payment .warning-text { padding-left: 30px; background: url("../common_img/svg/icon_warning.svg") no-repeat left center; }

.p-payment .block-selected label { font-size: 18px; }

.p-payment .block-selected label input[type=checkbox] { margin-right: 5px; }

@media all and (max-width: 1366px) { .p-payment .block-selected label { font-size: 14px; } }

.p-payment .block-selected .col .fsc label:not(:last-child) { margin-right: 10px; }

@media all and (max-width: 1366px) { .p-payment .block-selected .col .fsc label:not(:last-child) { margin-right: 5px; } }

.detail_bill .table-style tfoot th, .detail_bill .table-style tfoot td { background: #e0ebff; }

.detail_bill .table-style tbody tr:last-child { border-bottom: none !important; }

.detail_bill .payment-tit-wrapper { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.clinic_bill .payment-tit-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.clinic_bill .payment-tit-wrapper .tabslist { width: 400px; grid-template-columns: auto auto auto; }

.block2item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block2item .item { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; }

.block2item .item:last-child { margin-right: 0; }

.p-account .table-style { width: 100%; }

.p-account .table-style table th { width: 200px; }

.p-account input[type=text], .p-account input[type=email], .p-account input[type=password], .p-account select { max-width: 420px; }

.p-account .block2item { max-width: 420px; }

.sign-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.sign-middle .col { width: calc(50% - 20px) !important; margin-right: 0 !important; -webkit-box-flex: initial !important; -webkit-flex: initial !important; -ms-flex: initial !important; flex: initial !important; }

.sign-middle .sign-item { position: relative; top: -6px; }

@media all and (max-width: 1366px) { .btn { font-size: 13px; } }

.table-2col table th { width: 15%; }

.table-2col table td { width: 85%; }

.fss { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.fsc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fcc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fsp { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.fec { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fsbc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fwb { font-weight: bold; }

.fwn { font-weight: normal; }

.fwl { font-weight: 300; }

.ctboth { left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; }

.ctver { top: 0; bottom: 0; margin: auto; position: absolute; }

.cthor { left: 0; right: 0; margin: auto; position: absolute; }

.row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.relative { position: relative; }

.lsp05 { letter-spacing: 0.5px; }

.lsp1 { letter-spacing: 1px; }

.lsp15 { letter-spacing: 1.5px; }

.lsp2 { letter-spacing: 2px; }

.date * { background: #ffffff !important; border: none !important; }

.date .input-group .form-control { box-shadow: initial !important; }

.date .input-group-addon { width: 50px; background: #ffffff url("../images/calendar.png") no-repeat center center !important; background-size: 25px !important; }

.date .input-group-addon .glyphicon-calendar { display: none !important; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #02A3AF !important; }

.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #02A3AF !important; }

.bootstrap-datetimepicker-widget table td span.active { background-color: #02A3AF !important; }

body { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; font-size: 16px !important; font-weight: 400; color: #0c0a0a; }

@media all and (max-width: 1366px) { body { font-size: 13px !important; } }

body * { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; }

body .maincl { color: #02A3AF; }

body a { color: #0c0a0a; line-height: normal; }

body img, body iframe { max-width: 100%; line-height: 0; }

body .img { overflow: hidden; line-height: 0; }

body .img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: transform, -webkit-transform; }

.flexbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexbox_start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.flexbox_end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.flexbox_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

html { overflow-x: hidden; font-size: unset !important; }

a:focus, a:hover { text-decoration: none !important; }

.btn-outline-danger:hover { color: #fff !important; }

@media all and (min-width: 1200px) and (max-width: 1200px) { body { min-width: 1200px; } }

.m00 { margin: 0 !important; }

.m05 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt00 { margin-top: 0 !important; }

.mt01 { margin-top: 1px !important; }

.mt02 { margin-top: 2px !important; }

.mt03 { margin-top: 3px !important; }

.mt04 { margin-top: 4px !important; }

.mt05 { margin-top: 5px !important; }

.mt06 { margin-top: 6px !important; }

.mt07 { margin-top: 7px !important; }

.mt08 { margin-top: 8px !important; }

.mt09 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0 !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb00 { margin-bottom: 0 !important; }

.mb01 { margin-bottom: 1px !important; }

.mb02 { margin-bottom: 2px !important; }

.mb03 { margin-bottom: 3px !important; }

.mb04 { margin-bottom: 4px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb06 { margin-bottom: 6px !important; }

.mb07 { margin-bottom: 7px !important; }

.mb08 { margin-bottom: 8px !important; }

.mb09 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml00 { margin-left: 0 !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.p00 { padding: 0 !important; }

.p01 { padding: 1px !important; }

.p02 { padding: 2px !important; }

.p03 { padding: 3px !important; }

.p04 { padding: 4px !important; }

.p05 { padding: 5px !important; }

.p06 { padding: 6px !important; }

.p07 { padding: 7px !important; }

.p08 { padding: 8px !important; }

.p09 { padding: 9px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pl00 { padding-left: 0 !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pr00 { padding-right: 0 !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pb00 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pt00 { padding-top: 0 !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.w5 { width: 5% !important; }

.w10 { width: 10% !important; }

.w15 { width: 15% !important; }

.w20 { width: 20% !important; }

.w25 { width: 25% !important; }

.w30 { width: 30% !important; }

.w35 { width: 35% !important; }

.w40 { width: 40% !important; }

.w45 { width: 45% !important; }

.w49 { width: 49% !important; }

.w50 { width: 50% !important; }

.w55 { width: 55% !important; }

.w59 { width: 59% !important; }

.w60 { width: 60% !important; }

.w65 { width: 65% !important; }

.w70 { width: 70% !important; }

.w80 { width: 80% !important; }

.w90 { width: 90% !important; }

.w100 { width: 100% !important; }

.ml1per { margin-left: 1%; }

.ml2per { margin-left: 2%; }

.ml3per { margin-left: 3%; }

.ml4per { margin-left: 4%; }

.mr1per { margin-right: 1%; }

.mr2per { margin-right: 2%; }

.mr3per { margin-right: 3%; }

.mr4per { margin-right: 4%; }

.mt1per { margin-top: 1%; }

.mt2per { margin-top: 2%; }

.mt3per { margin-top: 3%; }

.mt4per { margin-top: 4%; }

.mt5per { margin-top: 5%; }

.mt6per { margin-top: 6%; }

.mt7per { margin-top: 7%; }

.mt8per { margin-top: 8%; }

.mt9per { margin-top: 9%; }

.mt10per { margin-top: 10%; }

.pd1per { padding: 1%; }

.pd2per { padding: 2%; }

.pd3per { padding: 3%; }

.pd4per { padding: 4%; }

.pull_left { float: left; }

.pull_right { float: right; }

.text_left { text-align: left !important; }

.text_right { text-align: right !important; }

.text_center { text-align: center !important; }

.text_justify { text-align: justify !important; }

.text_nowrap { white-space: nowrap !important; }

.text_lower { text-transform: lowercase !important; }

.text_upper { text-transform: uppercase !important; }

.text_capitalize { text-transform: capitalize !important; }

.text_normal { font-weight: 400 !important; }

.text_bold { font-weight: 700 !important; }

.text_line { text-decoration: underline; }

.text_noline { text-decoration: none !important; }

.text_over { overflow: hidden !important; }

.fz10 { font-size: 10px !important; }

.fz11 { font-size: 11px !important; }

.fz12 { font-size: 12px !important; }

.fz13 { font-size: 13px !important; }

.fz14 { font-size: 14px !important; }

.fz15 { font-size: 15px !important; }

.fz16 { font-size: 16px !important; }

.fz17 { font-size: 17px !important; }

.fz18 { font-size: 18px !important; }

.fz19 { font-size: 19px !important; }

.fz20 { font-size: 20px !important; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.lhnm { line-height: normal !important; }

.lh00 { line-height: 0 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh20 { line-height: 2 !important; }

.lh23 { line-height: 2.3 !important; }

.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.visible { visibility: visible; }

.visible-hidden { visibility: hidden; }

.breakpc, .dispc { display: block; }

@media (max-width: 768px) { .breakpc, .dispc { display: none; } }

.breaksp, .dissp { display: block; }

@media (min-width: 769px) { .breaksp, .dissp { display: none; } }

.flexFont { font-size: 100%; }

.imgfit, .obj__fit { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;"; }

.overflow { overflow: hidden; }

@-webkit-keyframes a { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes a { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes b { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes b { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes c { 0% { opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes c { 0% { opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media (max-width: 768px) { .menu-open.navstate_show .type1 .nav-list > .nav-list-item { -webkit-animation-name: a; animation-name: a; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:first-child { -webkit-animation-delay: .1s; animation-delay: .1s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(3) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(4) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(5) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(6) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(7) { -webkit-animation-delay: .7s; animation-delay: .7s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(8) { -webkit-animation-delay: .8s; animation-delay: .8s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(9) { -webkit-animation-delay: .9s; animation-delay: .9s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(10) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(11) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(13) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(14) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.menu-open.navstate_show .type1 .nav-list > .nav-list-item:nth-child(15) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

@media (max-width: 768px) { .menu-open.navstate_show .type2 .nav-list > .nav-list-item { -webkit-animation-name: b; animation-name: b; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:first-child { -webkit-animation-delay: .1s; animation-delay: .1s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(3) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(4) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(5) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(6) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(7) { -webkit-animation-delay: .7s; animation-delay: .7s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(8) { -webkit-animation-delay: .8s; animation-delay: .8s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(9) { -webkit-animation-delay: .9s; animation-delay: .9s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(10) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(11) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(13) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(14) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.menu-open.navstate_show .type2 .nav-list > .nav-list-item:nth-child(15) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

@media (max-width: 768px) { .menu-open.navstate_show .type3 .nav-list > .nav-list-item > a { -webkit-animation-name: b; animation-name: b; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:first-child a { -webkit-animation-delay: .2s; animation-delay: .2s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(2) a { -webkit-animation-delay: .4s; animation-delay: .4s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(3) a { -webkit-animation-delay: .6s; animation-delay: .6s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(4) a { -webkit-animation-delay: .8s; animation-delay: .8s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(5) a { -webkit-animation-delay: 1s; animation-delay: 1s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(6) a { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(7) a { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(8) a { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(9) a { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(10) a { -webkit-animation-delay: 2s; animation-delay: 2s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(11) a { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(12) a { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(13) a { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(14) a { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

.menu-open.navstate_show .type3 .nav-list > .nav-list-item:nth-child(15) a { -webkit-animation-delay: 3s; animation-delay: 3s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item > a { -webkit-animation-name: c; animation-name: c; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:first-child a { -webkit-animation-delay: .2s; animation-delay: .2s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(2) a { -webkit-animation-delay: .4s; animation-delay: .4s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(3) a { -webkit-animation-delay: .6s; animation-delay: .6s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(4) a { -webkit-animation-delay: .8s; animation-delay: .8s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(5) a { -webkit-animation-delay: 1s; animation-delay: 1s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(6) a { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(7) a { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(8) a { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(9) a { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(10) a { -webkit-animation-delay: 2s; animation-delay: 2s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(11) a { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(12) a { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(13) a { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(14) a { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

.menu-open.navstate_hide .type1 .nav-list > .nav-list-item:nth-child(15) a { -webkit-animation-delay: 3s; animation-delay: 3s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item > a { -webkit-animation-name: c; animation-name: c; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:first-child a { -webkit-animation-delay: .3s; animation-delay: .3s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(2) a { -webkit-animation-delay: .5s; animation-delay: .5s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(3) a { -webkit-animation-delay: .7s; animation-delay: .7s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(4) a { -webkit-animation-delay: .9s; animation-delay: .9s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(5) a { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(6) a { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(7) a { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(8) a { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(9) a { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(10) a { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(11) a { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(12) a { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(13) a { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(14) a { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }

.menu-open.navstate_hide .type2 .nav-list > .nav-list-item:nth-child(15) a { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; }

.delay1 { -webkit-animation-delay: .2s; animation-delay: .2s; }

@media (max-width: 768px) { .delay1 { -webkit-animation-delay: .15s; animation-delay: .15s; } }

.delay2 { -webkit-animation-delay: .4s; animation-delay: .4s; }

@media (max-width: 768px) { .delay2 { -webkit-animation-delay: .3s; animation-delay: .3s; } }

.delay3 { -webkit-animation-delay: .6s; animation-delay: .6s; }

@media (max-width: 768px) { .delay3 { -webkit-animation-delay: .45s; animation-delay: .45s; } }

.delay4 { -webkit-animation-delay: .8s; animation-delay: .8s; }

@media (max-width: 768px) { .delay4 { -webkit-animation-delay: .6s; animation-delay: .6s; } }

.delay5 { -webkit-animation-delay: 1s; animation-delay: 1s; }

@media (max-width: 768px) { .delay5 { -webkit-animation-delay: .75s; animation-delay: .75s; } }

.delay6 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@media (max-width: 768px) { .delay6 { -webkit-animation-delay: .9s; animation-delay: .9s; } }

.delay7 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

@media (max-width: 768px) { .delay7 { -webkit-animation-delay: 1.05s; animation-delay: 1.05s; } }

.delay8 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

@media (max-width: 768px) { .delay8 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } }

.delay9 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

@media (max-width: 768px) { .delay9 { -webkit-animation-delay: 1.35s; animation-delay: 1.35s; } }

.fixie body { overflow: visible; }

.fixie .custom-object-contain, .fixie .custom-object-fit { position: relative; background-position: 50%; background-repeat: no-repeat; }

.fixie .custom-object-contain img, .fixie .custom-object-fit img { opacity: 0; }

.fixie .custom-object-fit { background-size: cover; }

.fixie .custom-object-contain { background-size: contain; }

.beforeload { margin: 0; height: 100%; overflow: hidden; }

.gono-preload { position: fixed; height: 100%; width: 100%; background: #fff; z-index: 99999; text-align: center; top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); display: table; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: -webkit-transform 0.4s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: transform 0.4s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: transform 0.4s cubic-bezier(0.26, 0.8, 0.62, 0.9), -webkit-transform 0.4s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition-delay: 0; -webkit-transition-delay: 0; }

.gono-preload .gonoinside { display: table-cell; vertical-align: middle; }

.gono-preload .gonoinside .svgsection { margin-top: -70px; }

.gono-preload .gonoinside .svgsection svg { height: 160px !important; }

.gono-preload .progress span { -webkit-transition: all .5s ease; transition: all .5s ease; background: #fff; height: 4px; width: 4px; display: inline-block; border-radius: 10px; -webkit-animation: e 3s ease infinite; animation: e 3s ease infinite; }

.gono-preload .progress span:first-child { -webkit-animation-delay: .05s; animation-delay: .05s; }

.gono-preload .progress span:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.gono-preload .progress span:nth-child(3) { -webkit-animation-delay: .15s; animation-delay: .15s; }

.gono-preload .progress span:nth-child(4) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.gono-preload .progress span:nth-child(5) { -webkit-animation-delay: .25s; animation-delay: .25s; }

.gono-preload .progress span:nth-child(6) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.gono-preload .progress span:nth-child(7) { -webkit-animation-delay: .35s; animation-delay: .35s; }

.gono-preload .progress span:nth-child(8) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.pageloaded .gono-preload { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); height: 100%; background: #fff; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: -webkit-transform 0.5s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: transform 0.5s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: transform 0.5s cubic-bezier(0.26, 0.8, 0.62, 0.9), -webkit-transform 0.5s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition-delay: 0; -webkit-transition-delay: 0; }

.textpreload.txt_end span:first-of-type { -webkit-animation: opacity 0.2s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 0.2s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 0.4s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 0.4s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 0.6s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 0.6s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 0.8s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 0.8s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 1s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 1s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 1.2s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 1.2s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; -webkit-animation: opacity 1.4s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; animation: opacity 1.4s cubic-bezier(0.3, 0.6, 0.5, 1) 0.1s forwards alternate; }

.gono-loader { font-size: 10px; position: relative; text-indent: -9999em; margin: 0 auto; border-top: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #333; -webkit-animation: d .8s infinite linear; animation: d .8s infinite linear; width: 40px; height: 40px; border-radius: 100%; }

@-webkit-keyframes d { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes d { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes e { 0%, 40%, to { -webkit-transform: translate(0);
    transform: translate(0);
    background-color: #eee; }
  10% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background-color: #000; } }

@keyframes e { 0%, 40%, to { -webkit-transform: translate(0);
    transform: translate(0);
    background-color: #eee; }
  10% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background-color: #000; } }

.header_top_logo { position: relative; z-index: 1; }

.header_top_logo a { line-height: 0; }

@media (max-width: 768px) { .header_top_logo { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } }

.header_top_icon { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header_top_menu .header_nav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: inherit; }

.header_nav { position: relative; z-index: 98; }

@media (min-width: 769px) { .header_nav .header_nav_inside { min-width: inherit; } }

.header .icon { margin-left: 5px; }

@media (max-width: 768px) { .header .icon { margin-left: 10px; } }

.header .icon-hamburger, .header .icon_inside { position: relative; cursor: pointer; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 57px; height: 57px; background: #000; -webkit-transition: all .3s; transition: all .3s; }

@media (min-width: 769px) { .header .icon-hamburger:hover, .header .icon_inside:hover { background: #1a1a1a; transition: -webkit-background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); -webkit-transition: background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition-delay: 0; -webkit-transition-delay: 0; } }

@media (max-width: 520px) { .header .icon-hamburger, .header .icon_inside { width: 44px; height: 44px; } }

.header .icon-hamburger { z-index: 99; }

.header .icon-hamburger .icon-bar span { left: 0; height: 2px; position: absolute; background: #fff; display: inline-block; width: 100%; border-radius: 3px; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; }

.header .icon-hamburger .icon-bar span:first-child { top: 0; }

.header .icon-hamburger .icon-bar span:nth-child(2) { top: 0; bottom: 0; margin: auto; position: absolute; }

.header .icon-hamburger .icon-bar span:last-child { bottom: 0; }

.header .icon-hamburger.type3 .icon-bar span:first-child { left: 0; }

.header .icon-hamburger.type3 .icon-bar span:first-child, .header .icon-hamburger.type3 .icon-bar span:nth-child(3) { width: 70%; }

.header .icon-hamburger.type3 .icon-bar span:nth-child(3) { right: 0; }

.header .icon-bar, .header .icon-img { position: relative; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 38%; width: 56%; }

.header .icon-bar img, .header .icon-img img { max-width: 30px; }

.header .icon-txt { color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 400; text-align: center; left: 0; right: 0; margin: auto; position: absolute; bottom: 0; }

@media (max-width: 768px) { .header .icon-txt { font-size: 11px; } }

@media (max-width: 420px) { .header .icon-txt { font-size: 9px; } }

.header .hastext_true .icon-bar, .header .hastext_true .icon-img { top: -6px; }

.header .hastext_true .icon-bar img, .header .hastext_true .icon-img img { max-height: 25px; }

@media (max-width: 520px) { .header .hastext_true .icon-bar img, .header .hastext_true .icon-img img { max-width: 24px; } }

.header-fixed { position: fixed; width: 100%; z-index: 97; }

.menu-open { position: relative; }

.menu-open.navstate_show .header_nav.show .header_nav_inside { left: 0; opacity: 1; visibility: visible; }

.menu-open.navstate_show .header_nav.type2 .header_nav_inside { top: 0; }

.menu-open.navstate_show .header_nav.type3 .header_nav_inside { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.menu-open.navstate_show .icon-hamburger .icon-bar span:first-child { -webkit-transform: translateY(9px) rotate(-225deg); -ms-transform: translateY(9px) rotate(-225deg); transform: translateY(9px) rotate(-225deg); }

@media (max-width: 520px) { .menu-open.navstate_show .icon-hamburger .icon-bar span:first-child { -webkit-transform: translateY(7px) rotate(-225deg); -ms-transform: translateY(7px) rotate(-225deg); transform: translateY(7px) rotate(-225deg); } }

.menu-open.navstate_show .icon-hamburger .icon-bar span:nth-child(2) { -webkit-transform: translateY(0) rotate(225deg); -ms-transform: translateY(0) rotate(225deg); transform: translateY(0) rotate(225deg); width: 100%; }

.menu-open.navstate_show .icon-hamburger .icon-bar span:nth-child(3) { opacity: 0; }

.menu-open.navstate_show .icon-hamburger.type2 .icon-bar span:nth-child(2) { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.menu-open.navstate_show .icon-hamburger.type2 .icon-bar span:nth-child(3) { -webkit-transform: translateY(-9px) rotate(225deg); -ms-transform: translateY(-9px) rotate(225deg); transform: translateY(-9px) rotate(225deg); opacity: 1; }

@media (max-width: 520px) { .menu-open.navstate_show .icon-hamburger.type2 .icon-bar span:nth-child(3) { -webkit-transform: translateY(-7px) rotate(225deg); -ms-transform: translateY(-7px) rotate(225deg); transform: translateY(-7px) rotate(225deg); } }

.menu-open.navstate_show .icon-hamburger.type3 .icon-bar span { -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }

.menu-open.navstate_show .icon-hamburger.type3 .icon-bar span:first-child { width: 100%; }

.menu-open.navstate_hide .header_nav { opacity: 1; visibility: visible; }

.menu-open.navstate_hide .header_nav.type1:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.menu-open.navstate_hide .header_nav.type2 { right: 0; }

.menu-open.navstate_hide .header_nav.type3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.menu-open.navstate_hide .icon-hamburger .icon-bar span:first-child { -webkit-transform: translateY(9px) rotate(-225deg); -ms-transform: translateY(9px) rotate(-225deg); transform: translateY(9px) rotate(-225deg); }

@media (max-width: 520px) { .menu-open.navstate_hide .icon-hamburger .icon-bar span:first-child { -webkit-transform: translateY(7px) rotate(-225deg); -ms-transform: translateY(7px) rotate(-225deg); transform: translateY(7px) rotate(-225deg); } }

.menu-open.navstate_hide .icon-hamburger .icon-bar span:nth-child(2) { -webkit-transform: translateY(0) rotate(225deg); -ms-transform: translateY(0) rotate(225deg); transform: translateY(0) rotate(225deg); width: 100%; }

.menu-open.navstate_hide .icon-hamburger .icon-bar span:nth-child(3) { opacity: 0; }

.menu-open.navstate_hide .icon-hamburger.type2 .icon-bar span:nth-child(2) { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.menu-open.navstate_hide .icon-hamburger.type2 .icon-bar span:nth-child(3) { -webkit-transform: translateY(-9px) rotate(225deg); -ms-transform: translateY(-9px) rotate(225deg); transform: translateY(-9px) rotate(225deg); opacity: 1; }

@media (max-width: 520px) { .menu-open.navstate_hide .icon-hamburger.type2 .icon-bar span:nth-child(3) { -webkit-transform: translateY(-7px) rotate(225deg); -ms-transform: translateY(-7px) rotate(225deg); transform: translateY(-7px) rotate(225deg); } }

@media (min-width: 769px) { .menu-open.navstate_hide .icon-hamburger.type2 .icon-bar span:nth-child(3) { -webkit-transform: translateY(-10px) rotate(225deg); -ms-transform: translateY(-10px) rotate(225deg); transform: translateY(-10px) rotate(225deg); } }

.menu-open.navstate_hide .icon-hamburger.type3 .icon-bar span { -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }

.menu-open.navstate_hide .icon-hamburger.type3 .icon-bar span:first-child { width: 100%; }

@media (min-width: 769px) { .nav-list { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media (max-width: 768px) { .nav-list { height: auto; padding: 0 3%; overflow: hidden; } }

@media (max-width: 768px) { .nav-list-item { border-bottom: 1px solid #ccc; } }

.nav-list-item a { font-size: 15px; line-height: 1; color: #000; text-decoration: none; display: block; padding: 15px 0; text-align: center; }

@media (max-width: 768px) { .nav-list-item a { padding: 20px 0; text-align: left; } }

@media (min-width: 769px) { .nav-list-item a:hover { opacity: .8; } }

.header_nav_dropdown .nav-list > li.dropdown { position: relative; }

.header_nav_dropdown .nav-list .childmenu { display: none; overflow: hidden; }

@media (min-width: 769px) { .header_nav_dropdown .nav-list .childmenu { position: absolute; left: 0; z-index: 9; background: #f1f1f1; min-width: 200px; } }

@media (max-width: 768px) { .header_nav_dropdown .nav-list .childmenu li:first-child { border-top: 1px solid #ccc; }
  .header_nav_dropdown .nav-list .childmenu li:last-child { border-bottom: none; } }

.header_nav_dropdown .nav-list .childmenu li a { text-align: left; padding: 15px 10px; }

@media (max-width: 768px) { .header_nav_dropdown .nav-list .megamenu > a { position: relative; }
  .header_nav_dropdown .nav-list .megamenu > a:after, .header_nav_dropdown .nav-list .megamenu > a:before { position: absolute; content: ""; background: #000; right: 20px; display: block; top: 0; bottom: 0; margin: auto; -webkit-transition: all .3s; transition: all .3s; }
  .header_nav_dropdown .nav-list .megamenu > a:before { width: 14px; height: 2px; right: 1px; }
  .header_nav_dropdown .nav-list .megamenu > a:after { height: 14px; width: 2px; right: 7px; }
  .header_nav_dropdown .nav-list .megamenu > a.open:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } }

.header_nav_dropdown .nav-list .megamenu_inside { width: 100%; }

@media (min-width: 769px) { .header_nav_dropdown .nav-list .megamenu_list { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1000px; margin: 0 auto; } }

@media (min-width: 769px) { .header_nav_dropdown .nav-list .megamenu_col { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 10px 20px; } }

@media (max-width: 768px) { .header_nav_dropdown .nav-list .megamenu_col li a { padding-left: 20px; } }

.header_nav_dropdown .nav-list .megamenu_title { color: #000; font-size: 16px; display: block; line-height: 1; text-align: left; }

@media (min-width: 769px) { .header_nav_dropdown .nav-list .megamenu_title { padding: 10px 0; } }

@media (max-width: 768px) { .header_nav_dropdown .nav-list .megamenu_title { padding: 15px 10px; } }

.navstate_show .header_nav .nav-list { background: rgba(0, 0, 0, 0.75); }

@media (min-width: 769px) { .navstate_show .header_nav .nav-list { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

@media (max-width: 768px) { .navstate_show .header_nav_inside { position: absolute; left: -100%; top: 0; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } }

@media (max-width: 768px) { .navstate_show .header_nav.type2 .header_nav_inside { left: 0; top: -10vh; right: 0; -webkit-transition-timing-function: cubic-bezier(-0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(-0.6, -0.28, 0.735, 0.045); } }

@media (max-width: 768px) { .navstate_show .header_nav.type3 .header_nav_inside { left: 0; right: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } }

@media (max-width: 768px) { .navstate_show .header_nav.type3 .nav-list { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: auto; background: #000; padding: 5vh 0 20vh; height: calc(100vh - 60px); } }

@media (max-width: 768px) and (max-width: 520px) { .navstate_show .header_nav.type3 .nav-list { height: calc(100vh - 44px); } }

@media (max-width: 768px) { .navstate_show .header_nav.type3 .nav-list-item { overflow: hidden; border: none; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media (max-width: 768px) { .navstate_show .header_nav.type3 .nav-list-item a { font-weight: 700; font-size: 24px; text-align: center; color: #fff; } }

@media (min-width: 769px) { .navstate_show .icon-hamburger { display: none; } }

.navstate_hide { overflow: hidden; }

.navstate_hide .header_nav { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.navstate_hide .header_nav .nav-list { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.navstate_hide .header_nav .nav-list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow: hidden; margin: 30px 0; border: 0; }

.navstate_hide .header_nav .nav-list-item a { font-size: 30px; font-weight: 700; color: #fff; padding: 0; padding-top: 5px; }

.navstate_hide .header_nav_inside { position: relative; z-index: 9; }

.navstate_hide .header_nav.type1 { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.navstate_hide .header_nav.type1:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.9); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 100%; height: 100vh; left: 0; top: 0; z-index: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.navstate_hide .header_nav.type2 { left: inherit; right: -35%; width: 35%; background: #000; transition: -webkit-all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); -webkit-transition: all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); transition: all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); transition-delay: 0; -webkit-transition-delay: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 769px) { .navstate_hide .header_nav.type2 { max-width: 400px; } }

@media (max-width: 768px) { .navstate_hide .header_nav.type2 { width: 100%; right: -100%; } }

.navstate_hide .header_nav.type2 .header_nav_inside:before { content: ""; position: fixed; background: rgba(0, 0, 0, 0.9); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; padding: 0; width: 100%; height: 100vh; left: 0; top: 0; z-index: -1; }

.navstate_hide .header_nav.type3 { transition: -webkit-all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); -webkit-transition: all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); transition: all 0.5s cubic-bezier(0, 0.2, 0.17, 0.98); transition-delay: 0; -webkit-transition-delay: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.9); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.navstate_hide.menu_fixed header .icon-hamburger.type1, .navstate_hide.menu_fixed header .icon-hamburger.type2 { position: fixed; right: 0; top: 0; }

.footer-bottom p { font-size: 14px; background: #e8e8e8; text-align: center; padding: 10px 0; }

.footer .backtop { width: 100%; max-width: 100%; position: fixed; z-index: 8; bottom: 22px; right: 0; }

.footer .backtop-icon { cursor: pointer; display: block; position: absolute; bottom: 0; right: 25px; zoom: 1; text-align: right; z-index: 8; }

.footer .backtop-icon img { width: 45px; height: 45px; }

.ahover, .ahover a { position: relative; }

.ahover a:after { position: absolute; -webkit-transition: all .35s ease; transition: all .35s ease; bottom: -1px; display: block; height: 1px; width: 0; content: ""; background-color: #000; left: 50%; }

@media (min-width: 960px) { .ahover a:hover { opacity: 1; color: #000; }
  .ahover a:hover:after { opacity: 1; width: 100%; left: 0; } }

button { border: none; outline: none; cursor: pointer; }

.btnpage { margin: 0 auto; width: 100%; max-width: 210px; margin-top: 30px; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 768px) { .btnpage { margin-top: 20px; max-width: 180px; } }

.btnpage a, .btnpage button { display: block; text-align: center; padding: 10px 0; font-size: 20px; color: #fff; position: relative; background-image: -ms-linear-gradient(-3deg, #f89b00 0, #f8c600 100%); z-index: 0; overflow: hidden; }

.btnpage a:after, .btnpage button:after { position: absolute; content: ""; background-color: #000; width: 0; height: 60px; right: 0; top: 0; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

@media (min-width: 960px) { .btnpage a:active:after, .btnpage a:focus:after, .btnpage a:hover:after, .btnpage button:active:after, .btnpage button:focus:after, .btnpage button:hover:after { right: inherit; left: 0; width: 100%; z-index: 0; } }

@media (max-width: 768px) { .btnpage a, .btnpage button { font-size: 18px; padding: 5px 0; } }

.btnpage a span, .btnpage button span { z-index: 2; position: relative; }

.btnpage a span:before, .btnpage button span:before { content: ""; right: 0; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #000; border-right: 1px solid #000; position: absolute; top: 50%; width: 8px; height: 8px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; transition: all .3s; right: 50%; margin-right: -50px; }

.btnpage.btnback { margin-top: 0; margin-left: 0; }

.btnpage.btnback a span { position: relative; }

.btnpage.btnback a span:before { content: ""; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #000; border-right: 1px solid #000; position: absolute; top: 50%; width: 8px; height: 8px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; transition: all .3s; right: inherit; left: 0; margin-left: -50px; -webkit-transform: rotate(-135deg) !important; -ms-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important; }

.btnpage.btnnext { margin-top: 0; margin-right: 0; }

.fss { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.fcc, .fss { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

.fcc { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fsp { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.fwb { font-weight: 700; }

.fwn { font-weight: 400; }

.fwl { font-weight: 300; }

.ctboth { left: 0; right: 0; }

.ctboth, .ctver { top: 0; bottom: 0; }

.ctboth, .cthor, .ctver { margin: auto; position: absolute; }

.cthor { left: 0; right: 0; }

.row { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.relative { position: relative; }

.lsp05 { letter-spacing: .5px; }

.lsp1 { letter-spacing: 1px; }

.lsp15 { letter-spacing: 1.5px; }

.lsp2 { letter-spacing: 2px; }

body { font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, MS PGothic, Osaka, MS UI Gothic, sans-serif !important; font-size: 16px; font-weight: 500; color: #333; }

@media (max-width: 1600px) { body { font-size: 14px; } }

@media (max-width: 1200px) { body { font-size: 13px; } }

body .maincl { color: #000; }

body .fontnoto { font-family: Noto Sans JP; }

body .fontmin { font-family: Yu Mincho, YuMincho, YuMin-medium, ヒラギノ明朝 ProN, Hiragino Mincho ProN, 游明朝, 游明朝体, MS\ 明朝, MS Mincho, HiraMinProN-W3, TakaoEx明朝, TakaoExMincho, MotoyaLCedar, Droid Sans Japanese, serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0.05deg); -ms-transform: rotate(0.05deg); transform: rotate(0.05deg); }

body p { font-size: 13px; line-height: 1.8; font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, MS PGothic, Osaka, MS UI Gothic, sans-serif !important; color: #333; }

@media (min-width: 769px) { body p { font-size: 14px; } }

body a { color: #333; line-height: normal; }

body iframe, body img { max-width: 100%; line-height: 0; }

body .img { overflow: hidden; line-height: 0; }

body .img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.flexbox { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexbox_start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.flexbox_end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.flexbox_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sb-sidenav-light .sb-sidenav-menu .nav-link .sb-nav-link-icon { color: #1f1074; }

.bg-dark { background-color: #333 !important; }

.textcl { color: rgba(0, 0, 0, 0.5); }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.center { text-align: center; }

input[type=email].form-control, input[type=number].form-control, input[type=password].form-control, input[type=tel].form-control, input[type=text].form-control { height: 44px !important; max-width: 520px; }

.fz16 { font-size: 16px; }

.btn-large { height: 50px; min-width: 448px; font-size: 16px !important; }

.loginbox { width: 448px; height: 100vh; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.btn-primary-2 { background-color: #52a8ff !important; border-color: #52a8ff !important; border-radius: 10px; }

.btn-primary-2:hover { background-color: #3485d6 !important; border-color: #3485d6 !important; }

.logobox { text-align: center; }

.logobox p { font-size: 38px; font-weight: 500; }

.boxtitleh3 { font-size: 30px; margin-bottom: 50px; }

.boxtitleh3 img { height: 36px; margin-right: 10px; }

.container { max-width: 968px !important; }

.haiinput { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 520px; }

.haiinput input { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; }

.haiinput input:nth-child(2n) { margin-right: 0; }

.mr5 { margin-right: 5px !important; }

.boxtitleh3 { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.registbox { margin-top: 60px; }

.tableform { width: 100%; }

.tableform tr { border-bottom: 1px solid #ccc; }

.tableform tr:first-child { border-top: 1px solid #ccc; }

.tableform tr td { padding: 15px 0; }

.tableform tr td:first-child { width: 220px; font-weight: 700; }

input[type=radio] { border-color: #52a8ff !important; }

.required:before { content: "必須"; background-color: #fc6356; color: #fff !important; font-size: 10px; padding: 2px 5px; border-radius: 3px; margin-left: 10px; }

a { color: #007aff !important; text-decoration: none !important; }

a:hover { opacity: .7; }

.boxbtn button { margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.boxbtn a { display: block; text-align: center; margin-top: 30px; }

.sb-sidenav { background-color: #007aff; }

.sb-sidenav .nav .nav-link { color: #fff !important; font-size: 16px; font-weight: 700; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; padding: 10px 20px 10px 70px; padding-left: 70px; position: relative; }

@media (max-width: 1600px) { .sb-sidenav .nav .nav-link { font-size: 13px; padding-left: 50px; } }

.sb-sidenav .nav .nav-link:before { content: ""; width: 24px; height: 24px; background: url(../common_img/sideicon.png) no-repeat; display: block; background-size: contain; left: 30px; top: 0; bottom: 0; margin: auto; position: absolute; }

@media (max-width: 1600px) { .sb-sidenav .nav .nav-link:before { left: 20px; } }

.sb-sidenav .nav .nav-link:hover { background-color: #066dde; opacity: 1; }

.sb-sidenav .nav .nav-link.active { background-color: #066dde; }

.sb-sidenav .nav .nav-link.active:after { content: ""; width: 6px; height: 100%; display: block; background-color: #8dffe9; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; }

.sb-sidenav-footer { display: none; }

#layoutSidenav #layoutSidenav_nav { -webkit-flex-basis: 280px; -ms-flex-preferred-size: 280px; flex-basis: 280px; max-width: 15vw; }

@media (max-width: 1600px) { #layoutSidenav #layoutSidenav_nav { -webkit-flex-basis: 170px; -ms-flex-preferred-size: 170px; flex-basis: 170px; } }

.logoSide { background: #007aff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 32px 10px 60px; }

.headertitle, .logoSide { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

.headertitle { height: 64px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 17px; border-bottom: 1px solid #d1e3ff; }

.headertitle .headertitle_left { padding-left: 30px; }

.headertitle .headertitle_right { padding-right: 30px; }

.headertitle .headertitle_left, .headertitle .headertitle_right { height: 100%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

#layoutSidenav #layoutSidenav_content { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.btn-short { min-width: 113px !important; }

.headdate_right { position: relative; z-index: 1; }

.headdate_right .btn { border-radius: 5px; font-size: 24px !important; }

.headdate { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 15px; font-size: 24px; font-size: 1.3vw; position: relative; }

@media (max-width: 1000px) { .headdate { font-size: 20px; } }

.headdate_center { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; }

.headdate_center .rightaction { position: relative; }

.headdate_center .rightaction:before { content: ""; background: transparent; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transition: all .3s; transition: all .3s; }

.headdate_center .rightaction:hover { opacity: .5; }

.headdate_center .rightaction:before { top: 0; bottom: 0; margin: auto; position: absolute; }

.headdate_center .rightaction.leftaction:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.headdate_center .svg-inline--fa { font-size: 20px !important; font-weight: 400 !important; color: #000 !important; }

.headdate_center span { margin: 0 40px; }

.shadow { box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) !important; border-radius: 5px; padding: 30px 20px; }

@media (max-width: 1281px) { .shadow { padding: 20px 10px; } }

.content_tb { margin-top: 20px; }

.boxpoint { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.boxpoint_e { width: calc(25% - 15px); width: -ms-calc(25% - 15px); width: -o-calc(25% - 15px); margin-right: 20px; float: left; padding-bottom: 15px; }

.boxpoint_e:nth-child(4n) { margin-right: 0; }

.boxpoint_e_h { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #707070; padding-bottom: 15px; margin-bottom: 20px; }

.boxpoint_e_h .rightp { font-size: 2.3vw; font-weight: 700; }

.boxpoint_e_h .leftdate b { font-weight: 700; font-size: .9vw; }

.boxpoint_e_b { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.boxpoint_e_b, .boxpoint_e_b .leftlabel { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.boxpoint_e_b .leftlabel { width: 50px; height: 28px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 3px; font-size: 16px; font-weight: 700; }

@media (max-width: 1600px) { .boxpoint_e_b .leftlabel { margin-left: 0 !important; margin-right: 20px !important; } }

@media (min-width: 1200px) { .boxpoint_e_b .leftlabel { margin-left: 20px; } }

.boxpoint_e_b .rightp_detail { width: 215px; max-width: 12vw; }

.boxpoint_e_b .rightp_detail p { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #707070; font-size: 16px; font-weight: 700; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 1200px) { .boxpoint_e_b .rightp_detail p { font-size: 14px; } }

.boxpoint_e_b .rightp_detail p:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }

.boxpoint_e.boxpoint1 .leftlabel { background-color: #2ecc87; color: #fff; font-weight: 700; }

.boxpoint_e.boxpoint1 .rightp, .boxpoint_e.boxpoint1 b { color: #2ecc87; }

.boxpoint_e.boxpoint2 .leftlabel { background-color: #007aff; color: #fff; font-weight: 700; }

.boxpoint_e.boxpoint2 .rightp, .boxpoint_e.boxpoint2 b { color: #007aff; }

.boxpoint_e.boxpoint3 .leftlabel { background-color: red; color: #fff; font-weight: 700; }

.boxpoint_e.boxpoint3 .rightp, .boxpoint_e.boxpoint3 b { color: red; }

.boxpoint_e.boxpoint4 .leftlabel { background-color: #707071; color: #fff; font-weight: 700; }

.tablelist { width: calc(75% - 6px); width: -ms-calc(75% - 6px); width: -o-calc(75% - 6px); display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.tablelist_e { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; padding-bottom: 20px; }

.tablelist_e h3 { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 20px; }

@media (max-width: 1600px) { .tablelist_e h3 { font-size: 16px; } }

.tablelist_e:nth-child(2n) { margin-right: 0; }

.whitehead { width: 100%; }

.whitehead tr td:first-child { text-align: left; padding-left: 10px; min-width: 160px; }

@media (max-width: 1250px) { .whitehead tr td:first-child { min-width: 120px; } }

.whitehead thead { font-size: 16px; background-color: #e0ebff; }

.whitehead tbody td, .whitehead thead td { padding: 7px 0; text-align: center; }

.whitehead tbody td { border-bottom: 1px solid #e2e2e3; }

.boxbt { margin-top: 20px; }

.bmore { text-align: right; margin-top: 10px; }

.linkmore { position: relative; padding-right: 10px; }

.linkmore:before { content: ""; background: transparent; width: 8px; height: 8px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #007aff; border-right: 1px solid #007aff; -webkit-transition: all .3s; transition: all .3s; top: 0; bottom: 0; margin: auto; position: absolute; }

.boxbt { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.boxbt .moneybox { margin-left: 20px; width: calc(25% - 20px); width: -ms-calc(25% - 20px); width: -o-calc(25% - 20px); }

.titlese { text-align: center; }

.titlese h3 { font-size: 18px; font-weight: 700; }

.titlese h3, .titlese p { margin-bottom: 0; }

.red { color: red; }

.tableptn { width: 100%; margin-top: 10px; }

.tableptn .firstr .red { white-space: nowrap !important; }

.tableptn td { padding: 5px; font-weight: 700; font-size: 17px; white-space: nowrap; }

@media (max-width: 1600px) { .tableptn td { font-size: 15px; } }

.tableptn td:first-child { text-align: right; min-width: 60px; padding-right: 20px; }

.tableptn td:nth-child(2) { min-width: 65px; }

@media (max-width: 1600px) { .tableptn td:nth-child(2) { min-width: 45px; } }

.tableptn td.explainptn { font-size: 15px; }

@media (max-width: 1600px) { .tableptn td.explainptn span { display: block; } }

.tableptn td.explainptn span { font-size: 12px; }

.pricebig { font-size: 45px; font-size: 2.4vw; font-weight: 700; letter-spacing: -2px; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #b7b7b7; }

.moneybox_un, .moneybox_un p, .pricebig { text-align: center; }

.moneybox_un p { margin-bottom: 0; font-weight: 700; letter-spacing: -1px; }

.moneybox_un .p1 { font-size: 24px; margin-bottom: 15px; }

.moneybox_un .p2 { font-size: 22px; margin-bottom: 15px; display: inline-block; position: relative; }

@media (max-width: 1600px) { .moneybox_un .p2 { font-size: 18px !important; } }

.moneybox_un .p2:before { content: ""; width: 34px; height: 36px; background: url(../common_img/3line.png) no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: -38px; top: -20px; }

@media (max-width: 1600px) { .moneybox_un .p2:before { width: 26px; height: 26px; left: -26px; top: -16px; } }

.moneybox_un .p3 { font-size: 46px; letter-spacing: -2px; line-height: 1; display: inline-block; }

@media (max-width: 1600px) { .moneybox_un .p3 { font-size: 30px; } }

.moneybox_un .p3 .red, .moneybox_un .p3 br { line-height: 0; }

.moneybox_un .p3 .small { font-size: 16px; float: right; margin-top: 10px; font-weight: 400; }

.boxbigbtn { margin-top: 20px; }

.boxbigbtn .btn { background-color: #69afff; height: 88px; font-size: 1.4vw !important; border-radius: 10px; font-weight: 700; color: #fff; width: 514px; max-width: 28vw; margin-right: 0; margin-left: auto; float: right; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff !important; }

.boxbigbtn .btn:hover { background-color: #4894eb; }

@media (max-width: 1000px) { .boxbigbtn .btn { font-size: 18px !important; height: 60px !important; border-radius: 5px; } }

.mw100px { max-width: 100px; }

.fsc { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sale_contract .listtb_e .whitehead.achivetb tr td:first-child { width: 70%; }

@media (max-width: 800px) { .sale_contract .listtb_e .whitehead.achivetb tr td:first-child { width: 55%; } }

.sale_contract { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media (min-width: 1200px) { .sale_contract .whitehead tbody td, .sale_contract .whitehead thead td { min-width: 107px; } }

.sale_contract table .btn { font-size: 13px; white-space: nowrap; }

.sale_contract .boxpoint { width: 24%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sale_contract .boxpoint_e { width: 100%; margin-right: 0; margin-bottom: 20px; }

.sale_contract .boxpoint_e:last-child { margin-bottom: 0; }

.sale_contract .listtb { width: calc(76% - 20px); width: -ms-calc(76% - 20px); width: -o-calc(76% - 20px); margin-left: 20px; }

.sale_contract .listtb_e { margin-bottom: 20px; }

.sale_contract .listtb_e_h { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; }

.sale_contract .listtb_e_h h3 { font-size: 16px; font-weight: 700; }

.sale_contract .listtb_e .whitehead tr td:first-child { width: 50%; max-width: 500px; }

.fspc { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.haibtnpc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 1023px) { .haibtnpc { display: none; } }

.haibtnsp { display: block; }

@media (min-width: 1024px) { .haibtnsp { display: none !important; } }

@media (max-width: 800px) { .fspc .mr20 { margin-right: 10px !important; } }

.fsc.haibtnsp { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; }

.smalltitleunder { border-bottom: 1px solid #007aff; }

h3.smalltitleunder { font-size: 18px; padding-bottom: 10px; font-weight: 700; }

a.ui-state-default.ui-state-active { color: #fff !important; }

.groupcal { position: relative; }

.groupcal .dropdown-toggle { display: inline-block; position: relative; }

.groupcal .dropdown-toggle input { cursor: default; }

.groupcal .dropdown-toggle:after { right: 10px; top: 0; bottom: 0; margin: auto; position: absolute; z-index: 99; height: 5px; font-size: 20px; color: #007aff; }

.ctregistration_grey { padding: 20px; background-color: #eee; }

@media (max-width: 1600px) { .ctregistration_grey .row:nth-child(2) .col-xl-1, .ctregistration_grey .row:nth-child(2) .col-xl-11 { width: 100%; } }

@media (max-width: 768px) { .ctregistration_grey .fsc.mr40 { margin-right: 10px !important; } }

@media (max-width: 1360px) { .ctregistration_grey .fsc.mr40 { margin-right: 10px !important; }
  .ctregistration_grey .form-search1 { font-size: 12px !important; } }

@media (max-width: 1100px) { .ctregistration_grey .form-search1 { width: 250px !important; min-width: 150px !important; letter-spacing: -2px !important; font-size: 11px !important; } }

.form-search1 { max-width: 440px !important; border-color: #ddd !important; min-width: 440px; }

@media (max-width: 1600px) { .form-search1 { min-width: 300px; width: 300px; } }

.form-checkbox input { border-color: #007aff; }

.morelight { opacity: .6; }

.maxradius { border-radius: 20px; }

.btn-danger { background-color: #ff3b30 !important; border-color: #ff3b30 !important; }

.btn-danger:hover { background-color: #d32920 !important; border-color: #d32920 !important; }

.formlogin input[type=email], .formlogin input[type=number], .formlogin input[type=password], .formlogin input[type=tel], .formlogin input[type=text], .formRegist input[type=email], .formRegist input[type=number], .formRegist input[type=password], .formRegist input[type=tel], .formRegist input[type=text] { border-color: #707070; }

a.btn.btn-large.btn-primary.btn-primary-2.registerbtn { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }

label.btn.btn-secondary.morelight:hover { opacity: 0.6 !important; }

.disabled { pointer-events: none !important; opacity: 1 !important; }

.disabled.morelight, .disabled.morelight:hover { opacity: 0.65 !important; }

.disabled:hover { opacity: 1 !important; }

.clinictb td:first-child { width: 40%; }

@media (max-width: 800px) { .clinictb td:first-child { width: 30%; } }

.clinictb td.w20 { text-align: left; }

.buttonmore { width: 100%; background: transparent !important; border: 1px dashed #707070; font-size: 17px; padding: 10px 20px; margin-top: 40px; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; color: #000 !important; }

.buttonmore:hover { background: #f5f6f7 !important; }

.buttonmore svg { color: #007aff; font-size: 24px; margin-right: 10px; }

@media (max-width: 1600px) { .boxpoint_e_h .leftdate b { font-size: 15px; }
  .whitehead tbody td, .whitehead thead td { font-size: 14px; letter-spacing: -1px; }
  .shadow { padding: 20px 10px; }
  .headdate_right .btn { font-size: 20px !important; height: 44px !important; } }

.boxborder { border: 1px solid #707070; padding: 20px; margin-top: 20px; border-radius: 10px; }

.boxborder p:last-child { margin-bottom: 0; }

.ui-datepicker-header .ui-corner-all:before { left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; content: ""; background: transparent; width: 8px; height: 8px; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #1ea7dd; border-right: 1px solid #1ea7dd; -webkit-transition: all .3s; transition: all .3s; }

.ui-datepicker-header .ui-datepicker-prev { float: left; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); top: 0; }

.mw100 { max-width: 100% !important; }

.contractdt { margin-top: 20px; }

.contractdt .contractdt_e { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }

.contractdt .contractdt_e .form-control, .contractdt .contractdt_e .form-select, .contractdt .contractdt_e .groupcal { width: 175px; margin-right: 0 !important; }

.contractdt .contractdt_e span { display: inline-block; width: 200px; min-width: 200px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-right: 20px; }

.fce { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

input.disabled, select.disabled { background-color: #eaeaeb; border-color: #eaeaeb; pointer-events: none !important; cursor: not-allowed; }

.contractdt .contractdt_e .group2 input.form-control { margin-right: 20px !important; }

.contractdt .contractdt_e .group2 input.form-control:last-child { margin-right: 0 !important; }

#searchOption .searchoptb tr:first-child td:last-child { border: none !important; }

#searchOption .modal-dialog { max-width: 1200px; width: 1200px; left: 0; right: 0; margin: 0 auto; top: 100px; }

@media (max-width: 1200px) { #searchOption .modal-dialog { width: calc(100% - 20px); } }

#searchOption .modal-dialog .modal-body table { width: 100%; }

#searchOption .modal-dialog .modal-body table tr td { border: 1px solid #ccc; padding: 15px 20px; }

#searchOption .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; }

@media (max-width: 1203px) { #searchOption .modal-dialog .modal-body table tr td:first-child { width: 123px; } }

#searchOption .modal-dialog .modal-body table tr td:nth-child(2) label { min-width: 90px; }

@media (max-width: 1203px) { #searchOption .modal-dialog .modal-body table tr td .form-checkbox.fsc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.respontb tr td { text-align: left; }

.respontb tr td:first-child { width: 100px !important; }

.respontb tr td:nth-child(2) { width: 400px; }

@media (max-width: 768px) { .respontb tr td:nth-child(2) { width: 200px; } }

.text-right { margin-right: 0; margin-left: auto; }

a.btn-danger, a.btn-primary, a.btn-secondary { color: #fff !important; display: inline-block !important; }

a.btn-danger:hover, a.btn-primary:hover, a.btn-secondary:hover { opacity: 1; }

a.btn-danger.btn-small, a.btn-primary.btn-small, a.btn-secondary.btn-small { padding: 4px 10px !important; }

.btn-small { height: 28px !important; padding: 2px 10px; border-radius: 4px; }

.w100px { width: 100px; }

.w150px { width: 150px; }

.w200px { width: 200px; }

.w250px { width: 250px; }

.w300px { width: 300px; }

.w350px { width: 350px; }

.w400px { width: 400px; }

.tal { text-align: left !important; }

.tac { text-align: center !important; }

.whitehead td { padding-right: 5px !important; }

.nowrap { white-space: nowrap; }

@media (max-width: 1203px) { .tboverflow { overflow-x: scroll; }
  .tboverflow table { min-width: 1000px; } }

.dn { display: none; }

.page-psuper .sb-sidenav .nav .nav-link { font-size: 15px; }

@media (max-width: 1600px) { .page-psuper .sb-sidenav .nav .nav-link { font-size: 14px; } }

.page-psuper .tablebottom2 tr td:nth-child(2), .page-psuper .tablebottom tr td:nth-child(2) { text-align: left; }

.page-psuper .supertb1 { width: calc(25% - 15px); width: -ms-calc(25% - 15px); width: -o-calc(25% - 15px); }

@media (max-width: 1023px) { .page-psuper .supertb1 { width: 100%; margin-right: 0 !important; margin-bottom: 20px; } }

.page-psuper .supertb1 .tablelist_e { width: 100%; }

.page-psuper .supertb1 .tablelist_e tr td { padding-top: 2px; padding-bottom: 2px; }

.page-psuper .supertb1 .tablelist_e tr td:first-child { min-width: 90px; }

.page-psuper .scrolldtb_c ::-webkit-scrollbar { width: 3px; }

.page-psuper .scrolldtb_c ::-webkit-scrollbar-track { background: #eee; }

.page-psuper .scrolldtb_c ::-webkit-scrollbar-thumb, .page-psuper .scrolldtb_c ::-webkit-scrollbar-thumb:hover { background: #ccc; }

.page-psuper .scrolldtb { height: 390px; overflow-y: scroll !important; padding-right: 2px; }

.page-psuper .scrolldtb ::-webkit-scrollbar { width: 5px; }

.page-psuper .scrolldtb ::-webkit-scrollbar-track { background: #a9a9a9; }

.page-psuper .scrolldtb ::-webkit-scrollbar-thumb, .page-psuper .scrolldtb ::-webkit-scrollbar-thumb:hover { background: #ccc; }

.page-psuper .twoboxborder { margin-top: 20px; }

.page-psuper .twoboxborder .dline { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #707070; padding: 7px 0; }

.page-psuper .twoboxborder .dline:last-child { border-bottom: 1px solid #707070; }

.page-psuper .twoboxborder_e { width: calc(25% - 15px); width: -ms-calc(25% - 15px); width: -o-calc(25% - 15px); margin-right: 20px; float: left; border: 4px solid #007aff; }

@media (max-width: 1023px) { .page-psuper .twoboxborder_e { width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); margin-right: 20px; float: left; } }

.page-psuper .twoboxborder_e h3 { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 15px; }

.page-psuper .twoboxborder_e:nth-child(2n) { margin-right: 0; }

.page-psuper .twoboxborder_e .btn { width: 54px; font-size: 14px; letter-spacing: -1px; padding: 2px 4px; }

@media (max-width: 1600px) { .page-psuper .ctregistration_grey.greyshort .row:nth-child(2) .col-xl-1 { width: 16.6%; } }

@media (max-width: 1203px) { .page-psuper .ctregistration_grey.greyshort .row:nth-child(2) .col-xl-11 { width: 83.4%; }
  .page-psuper .ctregistration_grey.greyshort .haibtnpc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (max-width: 1203px) { .page-psuper .ctregistration_grey.greyshort .haibtnsp { display: none; } }

.page-psuper .rankingtb tr td:first-child { width: 250px !important; }

@media (max-width: 1023px) { .page-psuper .rankingtb tr td:first-child { width: 150px !important; } }

@media (max-width: 1400px) { .page-psuper .rankingtb tr td { min-width: 0 !important; }
  .page-psuper .rankingtb tr td.mw100px { width: 90px !important; min-width: 0 !important; } }

.page-psuper .rankingtb tr td:nth-child(2) { width: 40% !important; text-align: left; }

@media (max-width: 1023px) { .page-psuper .rankingtb tr td:nth-child(2) { width: 250px !important; } }

.page-psuper .agencytb.whitehead tr td:first-child { width: 26%; }

.page-psuper .agencytb.whitehead tr td { padding-right: 5px; }

.page-psuper .agencytb.whitehead tr td:nth-child(2) { width: 150px; text-align: left; }

@media (max-width: 1203px) { .page-psuper .agencytb.whitehead tr td:nth-child(2) { width: 90px; } }

.page-psuper .agencytb.whitehead tr td:nth-child(4) { text-align: left; }

@media (max-width: 1023px) { .page-psuper .tbagendetail td:first-child { white-space: nowrap; }
  .page-psuper .tbagendetail .btn { font-size: 12px !important; padding: 5px 6px !important; width: auto !important; }
  .page-psuper .tbagendetail td.w150px { width: 70px !important; } }

@media (max-width: 1600px) { .page-psuper .greylong { font-size: 13px; }
  .page-psuper .greylong .btn { font-size: 13px !important; } }

@media (max-width: 1300px) { .page-psuper .greylong .form-search1 { min-width: 240px; width: 240px; } }

@media (max-width: 1200px) { .page-psuper .greylong .form-search1 { min-width: 180px !important; width: 180px !important; } }

@media (max-width: 1023px) { .page-psuper .greylong .form-search1 { min-width: 150px !important; width: 150px !important; }
  .page-psuper .greylong .mr30 { margin-right: 15px !important; } }

.page-psuper .tablecomplex .trflex td { text-align: center !important; }

.page-psuper .tablecomplex tr td:first-child { min-width: 70px; }

.page-psuper .tablecomplex td { max-width: 100px !important; }

.page-psuper .tablecomplex thead .trfirst td:first-child { width: 18% !important; max-width: 200px; }

.page-psuper .tablecomplex tbody .btn-success { color: #fff !important; background-color: #1ed839; border-color: #1ed839; }

.page-psuper .tablecomplex tbody td:nth-child(4) { font-size: 13px !important; }

.page-psuper .cmptitle .labelcmp { background-color: #ff9d00; border-radius: 5px; padding: 3px 10px; margin-left: 60px; color: #fff; }

@media (max-width: 1300px) { .page-psuper .cmptitle .labelcmp { margin-right: 40px; } }

.page-psuper .incentivect_tb { max-width: 1285px; }

.page-psuper .incentivect_tb .btnmore { height: 47px; width: 426px; margin: 0 auto; margin-top: 10px; }

.page-psuper .incentivect_tb .btnmore, .page-psuper .incentivect_tb .btnmore span { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.page-psuper .incentivect_tb .btnmore svg { font-size: 25px; margin-right: 20px; }

.page-psuper .incentivect_tb .whitehead td { text-align: left !important; }

.page-psuper .incentivect_tb .whitehead td .w100px { width: 110px !important; }

.page-psuper .incentivect_tb .whitehead td .w200px { width: 230px !important; }

.page-psuper .incentivect_tb .whitehead tr td:first-child { width: 40% !important; }

@media (max-width: 1023px) { .page-psuper .incentivect_tb .whitehead tr td:first-child { width: 50% !important; } }

.page-psuper .incentivect_tb .whitehead tr td .btn-danger { width: 47px; height: 47px; background-color: red !important; position: relative; margin-left: 30px; }

.page-psuper .incentivect_tb .whitehead tr td .btn-danger:before { content: ""; width: 60%; height: 3px; background-color: #fff; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; border-radius: 3px; }

@media (max-width: 1023px) { .page-psuper .utilizationtb .btn { font-size: 14px !important; } }

label.btn.btn-secondary { cursor: text; }

label.btn.btn-secondary:hover { opacity: 1 !important; background: #6c757d !important; }

label.btn.btn-danger { cursor: text; }

label.btn.btn-danger:hover { opacity: 1 !important; background: #ff3b30 !important; }

.whitehead td.pr20 { padding-right: 20px !important; }

.tar { text-align: right !important; }

label.btn.btn-primary { cursor: text; }

label.btn.btn-primary:hover { opacity: 1 !important; background: #0d6efd !important; }

@media (max-width: 1279px) { #layoutSidenav #layoutSidenav_content { margin-left: 0 !important; }
  .boxbt .moneybox { width: calc(25% - 14px); width: -ms-calc(25% - 14px); width: -o-calc(25% - 14px); }
  .tableptn td:first-child { text-align: right; min-width: 44px; padding-right: 6px; }
  .tableptn td { font-size: 13px; }
  .moneybox_un .p1 { font-size: 20px; }
  .moneybox_un p { margin-bottom: 10px !important; }
  .whitehead tbody td, .whitehead thead td { font-size: 13px; }
  .whitehead tr td:first-child { max-width: 120px; }
  .boxbigbtn .btn { font-size: 24px !important; height: 60px !important; border-radius: 5px !important; width: 400px; } }

.btn_sidebar { display: none; }

@media (max-width: 1279px) { #layoutSidenav_nav { position: absolute; height: 100vh; width: 200px !important; max-width: 200px !important; -webkit-transform: translateX(-210px) !important; -ms-transform: translateX(-210px) !important; transform: translateX(-210px) !important; }
  #layoutSidenav_nav.show { position: absolute; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
  .headertitle { height: 50px; padding-left: 50px; }
  .btn_sidebar { display: block; position: absolute; width: 54px; height: 50px; background-color: #007aff; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 999; left: 0; top: 0; }
  .btn_sidebar span { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
  .btn_sidebar.show { left: 200px; }
  .btn_sidebar.show span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px !important; position: relative; }
  .btn_sidebar.show span:nth-child(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 1px; }
  .btn_sidebar.show span:nth-child(2) { display: none; }
  .btn_sidebar_e { position: relative; width: 55%; height: 21px; }
  .btn_sidebar span { height: 2px; background-color: #fff; display: block; margin-bottom: 7px; } }

@media (max-width: 800px) { #layoutSidenav #layoutSidenav_content { margin-left: 0; }
  .boxpoint_e .leftlabel { font-size: 14px; }
  .boxbt { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tablelist { width: 100%; }
  .boxbt .moneybox { width: 100%; margin-top: 20px; }
  .headdate_center span { margin: 0 20px; }
  .boxpoint_e .leftlabel { background-color: red; color: #fff; font-weight: 700; font-size: 12px; letter-spacing: -1px; margin-right: 5px !important; } }

.sb-sidenav, .logoSide { background-color: #fff; }

.sb-sidenav .nav .nav-link { color: #222 !important; }

#layoutSidenav #layoutSidenav_nav { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1) !important; }

.sb-sidenav .nav .nav-link { padding: 25px 20px 25px 30px; font-weight: 500 !important; }

@media all and (min-width: 1400px) { .sb-sidenav .nav .nav-link { font-size: 16px; } }

.sb-sidenav .nav .nav-link img { margin-right: 10px; }

.sb-sidenav .nav .nav-link:before { display: none; }

.sb-sidenav .nav .nav-link.active, .sb-sidenav .nav .nav-link:hover { background: #E0EBFF !important; color: #237AFC !important; }

.sb-sidenav .nav .nav-link.active:after, .sb-sidenav .nav .nav-link:hover:after { content: ''; background-color: #237AFC !important; }

.logoSide { padding-bottom: 50px; }

#layoutSidenav #layoutSidenav_nav { min-width: 260px; }

@media all and (max-width: 1400px) { .thetechnician .tab-container > .box { width: 110px; } }

.headertitle { height: auto; }

.headertitle_left { padding-left: 10px; padding-left: 0px !important; }

.breadcrumb { padding-bottom: 0px !important; margin: 0px !important; margin-bottom: 10px !important; }

.breadcrumb ul { list-style: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; padding-left: 0px !important; }

.btn { white-space: nowrap !important; }

.thetechnician .delivery-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.thetechnician .delivery-container ul { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.thetechnician .delivery-container .head ul li { cursor: pointer; }

.thetechnician .delivery-container .tab-container .box { white-space: nowrap; }

.thetechnician .tab-container.-active > .box { -webkit-transition: all .3s; transition: all .3s; background-color: currentColor; }

.thetechnician .tab-container.-active > .box > .text { -webkit-transition: all .3s; transition: all .3s; color: #fff; }

.thetechnician .delivery-container .tab-container > .box .text { padding-right: 16px; padding-left: 16px; }

.thetechnician .clproducts li.tab-container.-active .line { z-index: 10; }

.thetechnician .tab-container.-active .line { min-width: calc(100% - 150px); }

.thetechnician .tab-container.-active > .line { display: block; position: absolute; content: ""; width: 100%; height: 4px; left: 0; background-color: currentColor; -webkit-transition: all .3s; transition: all .3s; }

.thetechnician .delivery-container .tab-container .box .text { font-size: 16px; }

.thetechnician .tab-container.-active > .box > .text { -webkit-transition: all .3s; transition: all .3s; color: #fff; }

.thetechnician .delivery-container .tab-container > .box .text { padding-right: 16px; padding-left: 16px; }

.thetechnician .delivery-container { overflow-x: auto !important; }

.thetechnician .delivery-container ul { padding-left: 0px !important; }

.thetechnician .delivery-container ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.thetechnician .delivery-container ul { margin-top: 20px; }

.thetechnician .tab-container > .box { width: 120px; border-radius: 6px 6px 0 0; height: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }

#layoutSidenav #layoutSidenav_nav { width: 0px !important; }

@media all and (max-width: 1200px) { #layoutSidenav #layoutSidenav_nav { min-width: 0px !important; } }

#layoutSidenav #layoutSidenav_nav.show { width: auto !important; min-width: 250px !important; }

.listul_l ul { overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; }

.listcat { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start !important; }

.listcat li { max-width: 170px; margin-right: 10px; }

.listcat-fix li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; max-width: 200px;}

.listcat-fix li a { height: 50px; line-height: 50px; display: block; border: 1px solid #237AFC; border-radius: 5px; padding: 0px 10px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; text-align: center;}

@media all and (max-width: 1400px) { .listcat li a { padding: 0px 10px; height: 40px; } }

@media all and (min-width: 1400px) { .listcat li a:hover { background-color: #237AFC; color: #fff !important; } }

.listcat li a.active { background-color: #237AFC; color: #fff !important; }

.listul_l { position: relative; overflow: hidden; width: calc(100% - 150px); width: -ms-calc(100% - 150px); width: -o-calc(100% - 150px); }

@media all and (max-width: 1400px) { .listul_l { width: calc(100% - 120px); width: -ms-calc(100% - 120px); width: -o-calc(100% - 120px); } }

.listul_r ul li:first-child { position: relative; top: -10px; }

.listul_r ul li a { min-width: 108px !important; }

@media all and (min-width: 1400px) { .listul_r ul li a { min-width: 130px !important; } }

.listul_r p:first-child { margin-bottom: 20px; }

@media all and (max-width: 1400px) { .listul_r p:last-child { margin-top: 40px; } }

@media all and (max-width: 1400px) { select { font-size: 13px; } }

.thetechnician .tab-container > .box { width: auto; }

@media all and (max-width: 1400px) { .thetechnician .tab-container > .box { min-width: 80px; } }

.btn_normal { background-color: #237AFC; height: 50px; padding: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; color: #fff !important; }

@media all and (max-width: 1400px) { .btn_normal { padding: 0px 6px !important; font-size: 14px; } }

@media all and (max-width: 639px) { .sb-sidenav .sb-sidenav-menu .nav .nav-link { padding: 10px; } }

h3.pagetitle { font-size: 20px; border-bottom: 1px solid #88b7fd; padding-bottom: 10px; }

@media all and (max-width: 1366px) { h3.pagetitle { font-size: 16px; } }

.boxnoselect { width: 80px; height: 44px; background-color: #EDEDED; border: 1px solid #ccc; border-radius: 3px; }

.dn_ { display: none; }

.btn_normal { height: 44px; padding: 0px 15px; background: #237AFC; color: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; white-space: nowrap; cursor: pointer; box-shadow: 3px 4px 6px 1px rgba(0, 0, 0, 0.1); border-radius: 5px !important; }

@media all and (max-width: 1366px) { .btn_normal { font-size: 14px; } }

.btn_normal.btn_small { height: 34px; }

.btn_normal.btn_outline { border: 1px solid #237AFC; border-radius: 4px; color: #237AFC; background-color: #fff !important; }

.btn_normal.btn_smaller { height: 30px; padding: 0px 10px; font-size: 14px; }

.btn_normal.btnblue { background-color: #237AFC; }

.btn_normal.btnorange { background-color: #FE953B; }

.btn_normal:hover { opacity: 0.8; }

.btn_normal.btngrey { background-color: #7A7A7A !important; }

.btn_normal.disabled { pointer-events: none; cursor: pointer; }

.btn_normal.btnred { background-color: #dc3545 !important; }

.btn_normal.btn_large { height: 48px; }

.btn_red { background-color: #dc3545; }

.btnmaincl2 { background: #237AFC; color: #fff; border-radius: 5px; height: 44px; padding: 0px 7px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; white-space: nowrap; cursor: pointer; }

.btnmaincl2:hover { opacity: 0.8; }

select { -webkit-appearance: none; }

#formLogin .check-wrapper { margin-bottom: 30px; }

.chevron { position: relative; }

.chevron::before { content: ''; background: transparent; position: absolute; width: 10px; height: 10px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transition: all .3s; transition: all .3s; }

.chevron.chevron_down { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.chevron.chevron_down.active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.center { text-align: center !important; }

.hidescrollbar::-webkit-scrollbar { display: none; }

@media all and (max-width: 1200px) { .dispc { display: none; } }

.dn { display: none !important; }

textarea { width: 100%; }

.sm-text { font-size: 80%; }

.redcl { color: #FF3B30; }

.bluecl { color: #237AFC; }

.flex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.flex-col2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex-col2 .item { width: 48%; }

.check-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.check-wrapper input[type=checkbox] { margin-right: 5px; }

.dispnone { display: none; }

.tagstyle { border-radius: 100px; }

.box-borderbottom { border-bottom: 1px solid #707070; padding-bottom: 20px; }

/* title */
.titpage { font-size: 16px; }

/* pagination */
.pagination-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

/* table style */
.table-style2 table th, .table-style2 table td { vertical-align: middle; }

.table-style2 table th { width: 25%; font-size: 16px; color: #000000; font-weight: 500; }

.table-style2 table th span { margin-left: 20px; font-size: 12px; color: #ffffff; padding: 3px 6px; border-radius: 5px; position: relative; top: -2px; }

.table-style2 table td { width: 75%; }

.table-style2 table td input[type=text] { width: 100%; }

.table-style2 .required { background: #FC6356; }

@media all and (max-width: 960px) { .table-style2 table, .table-style2 tbody, .table-style2 tr, .table-style2 th, .table-style2 td { display: block; width: 100%; }
  .table-style2 table th, .table-style2 table td { width: 100%; }
  .table-style2 table th { border-bottom: 1px solid #707070; } }

/* width */
.w100per { width: 100% !important; }

.w70per { width: 70% !important; }

.w84 { width: 84px; }

.w180 { width: 180px; }

.block2 .item { width: calc(50% - 10px); margin-right: 20px; }

.block2 .item:last-child { margin-right: 0; }

/* color picker */
.color-picker { position: relative; }

.color-picker .color-display { text-align: center; }

.color-picker .color-display span { width: 28px; height: 28px; display: block; border-radius: 4px; margin-left: auto; margin-right: auto; }

.color-picker ul { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 20px 26px 50px; border-radius: 15px; position: relative; background: #ffffff url(~/assets/images/color-picker.png) no-repeat; z-index: 9; }

.color-picker ul li span { width: 28px; height: 28px; display: block; border-radius: 4px; }

.color-picker .dropdown-wrapper { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; margin-top: -185px; width: 190px; }

/* title style */
.title-blue { color: #237AFC; font-size: 16px; margin-bottom: 10px; }

/* define color */
/* toggle button */
.switch input { display: none; }

.switch { display: inline-block; width: 60px; /*=w*/ height: 30px; /*=h*/ position: relative; margin-left: 20px; }

.slider { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 30px; box-shadow: 0 0 0 2px #ebebeb, 0 0 4px #ebebeb; cursor: pointer; border: 1px solid transparent; overflow: hidden; -webkit-transition: 0.2s; transition: 0.2s; background: #ebebeb; }

.slider:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #ffffff; border-radius: 30px; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); /*translateX(-(w-h))*/ -webkit-transition: 0.2s; transition: 0.2s; }

input:checked + .slider:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); /*translateX(w-h)*/ background-color: #ffffff; }

input:checked + .slider { box-shadow: 0 0 0 2px #34c759, 0 0 8px #34c759; background-color: #34c759; }

/* button style */
.btnyellow { background: #F4A437; border-color: #F4A437; }

.btngreen { background: #34C759; border-color: #34C759; }

.btnadd img, .btnadd svg { margin-right: 10px; }

.btnlarge { height: 44px; }

.btnflexible { display: inline-block; }

/* scrollbar style */
.scrollbar-custom::-webkit-scrollbar-track, .h-sidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffff; }

.scrollbar-custom::-webkit-scrollbar, .h-sidebar::-webkit-scrollbar { width: 5px; background-color: #fff; }

.scrollbar-custom::-webkit-scrollbar-thumb, .h-sidebar::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 10px; }

/* The radioform */
.radioform { display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 25px; height: 25px; }

/* Hide the browser's default radio button */
.radioform input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; z-index: 9; width: 100%; height: 100%; }

/* Create a custom radio button */
.radioform .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #ccc; border-radius: 50%; }

/* On mouse-over, add a grey background color */
.radioform:hover input ~ .checkmark { background-color: #ccc; }

/* When the radio button is checked, add a blue background */
.radioform input:checked ~ .checkmark { background-color: #2196F3; border: none; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioform .checkmark:after { content: ""; position: absolute; display: none; border: none; }

/* Show the indicator (dot/circle) when checked */
.radioform input:checked ~ .checkmark:after { display: block; border: none; }

/* Style the indicator (dot/circle) */
.radioform .checkmark:after { top: 7px; left: 7px; width: 11px; height: 11px; border-radius: 50%; background: white; border: none; }

.rotate { -webkit-animation: rotation 5s infinite linear; animation: rotation 5s infinite linear; }

.fadeout { -webkit-animation: fadeout 10s; animation: fadeout 10s; }

@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotation { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes fadeout { 0% { opacity: 1; }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { opacity: 0; } }

@keyframes fadeout { 0% { opacity: 1; }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { opacity: 0; } }

.logo-white path { fill: #ffffff; }

.loading-wrapper { width: 100%; height: 100vh; background: #237AFC; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.loading-wrapper .loading-content { text-align: center; }

.loading-wrapper .loading-content h1 { color: #ffffff; font-size: 40px; font-weight: bold; margin-top: 10px; }

.modal { display: none; position: fixed; background: rgba(134, 126, 122, 0.8); width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; }

.modal.grey .modal-content { background-color: #EEEEEE !important; width: 520px; }

.modal.showthis { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.modal-content { position: relative; background: #fff; max-width: 720px; min-width: 380px; padding: 30px 20px; border-radius: 5px; }

.modal-content .closebtn { top: 10px; right: 10px; }

@media all and (max-width: 639px) { .modal-content { width: 90%; margin: 0 auto; padding: 40px 23px; } }

.modal-content .title { font-weight: bold; text-align: center; font-size: 20px; margin-bottom: 25px; }

@media all and (min-width: 1200px) { .modal-content .title { font-size: 26px; margin-bottom: 35px; } }

.modal-content-box .buttonclose { display: block; text-align: center; }

.modal-content-box .buttonclose a { display: inline-block; color: #fff; font-size: 11px; background-size: 10px; width: 160px; height: 40px; padding-left: 20px; line-height: 40px; text-shadow: 0 0 0 #fff; }

.modal .showOrderGuide_ct { text-align: center; margin-top: 30px; }

.modal .showOrderGuide_ct p:last-child { margin-top: 20px; }

.modal .titpage { padding: 0px 20px; font-size: 20px; }

.modal .popcontent { padding: 0px 20px; }

.modal.grey { background-color: rgba(255, 255, 255, 0.9); }

.modal.grey .modal-content { border-radius: 10px; padding: 20px 0px; min-height: 300px; font-size: 18px; }

.modal.grey .popfooter { position: absolute; left: 0; bottom: 0; width: 100%; }

.modal.grey .titpage { font-size: 20px; }

.modal.grey .actionBtn { margin-top: 30px; }

.modal.grey .actionBtn_e { height: 60px; min-width: 100px; border-top: 1px solid #CECED0 !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #333; font-size: 24px; font-weight: 500 !important; }

.modal.grey .actionBtn .remove { color: #e73b3b !important; }

.modal.grey .actionBtn .cancel { color: #237AFC; }

.modal .scrollbar { padding-right: 5px; }

.modal .scrollbar::-webkit-scrollbar-track { background-color: #F5F5F5; width: 5px; }

.modal .scrollbar::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }

.modal .scrollbar::-webkit-scrollbar-thumb { width: 5px; background-color: #ddd; }

.table-style table th, .table-style table td { padding: 15px; text-align: left; vertical-align: middle; }

.buttonright { margin-top: 20px; text-align: right; }

.buttonright a { margin-right: 0px !important; margin-left: auto !important; }

.table-style { margin-top: 20px; }

.table-style table { width: 100%; }

.table-style thead th { background: #EBEBEB; font-size: 16px; font-weight: 500; }

@media all and (max-width: 1366px) { .table-style thead th { font-size: 14px; } }

.table-style tbody tr { border-bottom: 1px solid #ccc !important; }

.btn-drag { width: 28px; }

.modal-dialog { max-width: 1000px !important; }

.modal-dialog .modal-content { padding: 0; margin: 0 auto; max-width: 1000px !important; }

@media all and (max-width: 1200px) { table .switch { margin-left: 0px; } }

.table-style table tbody select.selectl { min-width: 100px; }

@media all and (max-width: 1200px) { .table-style table thead th { font-size: 14px; } }

@media all and (max-width: 1200px) { .boxhasselect, .boxnoselect { max-width: 60px !important; min-width: 0px; } }

.choosetooth { max-width: 220px; width: 10vw; min-width: 100px; height: 90px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #E4E4ED; border-radius: 5px; padding-left: 20px; background: #ffffff url(../common_img/icon/icon_select.svg) no-repeat right 10px center; }

@media all and (max-width: 1200px) { .choosetooth { height: 80px !important; } }

.choosetooth:after { content: ''; }

.modal-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.modal-header .modal-title { text-align: center; }

.nowrap { white-space: nowrap; }

.table-technician input[type="text"] { min-width: 120px; }

@media all and (max-width: 900px) { .tablescroll { overflow-x: scroll; } }

.table-style table th { font-weight: 400 !important; }

@media all and (max-width: 1200px) { .table-style table th, .table-style table td { padding: 10px 5px; } }

.btn-outline-primary:hover { color: #fff !important; }

.listproducts { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }

.listproducts label, .listproducts .item { width: calc(20% - 16px); width: -ms-calc(20% - 16px); width: -o-calc(20% - 16px); margin-right: 20px; float: left; text-align: center; border: 1px solid #237AFC; border-radius: 5px; margin-bottom: 30px; height: 110px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; }

.listproducts label img, .listproducts .item img { position: relative; top: -10px; }

.listproducts label:nth-child(5n), .listproducts .item:nth-child(5n) { margin-right: 0px; }

.listproducts label p, .listproducts .item p { width: 100% !important; position: absolute; bottom: 5px; margin-bottom: 0px !important; }

.listproducts label .radiobtn, .listproducts .item .radiobtn { position: absolute; left: 0; right: 0; margin: auto; position: absolute; bottom: -20px; }

.listproducts input[name="productname"] { height: 26px; width: 90%; margin-bottom: 10px; font-size: 13px !important; }

.listproducts input[name="productname"] ~ img { top: 0px; }

@media all and (max-width: 1000px) { .modal { max-width: calc(100% - 20px); margin-left: 10px; } }

.page-craftsmanship .table-style th { width: auto; }

.table-scroll table { min-width: 0px !important; }

@media all and (min-width: 1800px) { .table-scroll { overflow: hidden; } }

@media all and (max-width: 1200px) { .table-scroll table { min-width: 1000px !important; }
  .table-scroll table * { font-size: 14px !important; } }

@media all and (max-width: 1200px) { .blockheader .breadcrumb { margin-left: 50px !important; } }

.tableheadblue thead tr th { color: #237AFC !important; }

.container-fluid { padding-bottom: 30px; }

#layoutSidenav_nav { position: relative; z-index: 999; background: #ffffff; }

#layoutSidenav_nav .btn-logout { left: 0; right: 0; bottom: 20px; margin: 0 auto; position: absolute; background: #ffffff; width: 124px; height: 38px; border-radius: 20px; border-color: #707070; }

@media all and (min-width: 1366px) { #layoutSidenav_nav .btn-logout:hover { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: #707070; color: #ffffff; } }

#layoutSidenav_nav .sb-sidenav::-webkit-scrollbar { display: none; }

.sb-sidenav { max-height: calc(100% - 260px); overflow-y: auto; }

.alert-primary { border-color: #067AF9; color: #067AF9; }

.alert { font-size: 18px; }

.blockheader { position: relative; }

.blockheader .alert-style { position: absolute; width: calc(100% - 20px); z-index: 9; top: 10px; text-align: center; font-size: 18px; display: block; }

.blockheader .alert-style .alert { padding: 5px; position: relative; cursor: pointer; }

.blockheader .alert-style .alert .close-alert { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; display: block; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

@media all and (max-width: 1366px) { .logoSide { padding: 33px 10px 30px; }
  .dataTable-input, .form-control { font-size: 13px; }
  .dataTable-input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { font-size: 13px; }
  .dataTable-input::-moz-placeholder, .form-control::-moz-placeholder { font-size: 13px; }
  .dataTable-input:-ms-input-placeholder, .form-control:-ms-input-placeholder { font-size: 13px; }
  .dataTable-input::-ms-input-placeholder, .form-control::-ms-input-placeholder { font-size: 13px; }
  .dataTable-input::placeholder, .form-control::placeholder { font-size: 13px; } }

@media all and (max-width: 1279px) { .btn_sidebar.show { left: 196px; }
  #layoutSidenav, #layoutSidenav_nav { -webkit-flex-basis: initial !important; -ms-flex-preferred-size: initial !important; flex-basis: initial !important; }
  .blockheader { padding: 70px 10px 10px 10px; }
  .headertitle { padding-left: 0; }
  .blockheader .breadcrumb { margin-left: 0 !important; }
  #layoutSidenav.show { position: relative; }
  #layoutSidenav.show::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; }
  .table-sp table, .table-sp tbody, .table-sp tr, .table-sp th, .table-sp td { display: block; width: 100% !important; }
  .table-sp table th { border-bottom: 1px solid #ccc !important; }
  .p-payment .payment-block { grid-template-columns: repeat(2, 400px); } }

.add-item { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.add-item .box3item .item:first-child { width: 253px; }

.add-item .box3item .item:last-child { width: 204px !important; }

.add-item .box3item .item:last-child input[type=text] { width: 100% !important; }

.add-item .add-item--ins { /* width: calc(100% - 126px); */ /* min-width: 700px; */ margin-right: 20px; }

.add-item .add-item--ins .box3item:nth-child(n+2) { margin-top: 10px; }

#layoutSidenav #layoutSidenav_content { position: relative; }

.alert-style { position: -webkit-sticky; position: sticky; z-index: 99; width: 98%; top: 10px; left: 0; right: 0; margin: 0 auto; }

.alert-style .alert { padding: 5px; }

.alert-style .close-alert { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto 0; cursor: pointer; }

/* add chooseRegion popup */
#chooseRegion .modal-body .box:nth-of-type(n+2) { margin-top: 20px; }

#chooseRegion .modal-body .choose-area { display: flexbox; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

@media all and (min-width: 1280px) { #chooseRegion .modal-body .choose-area { font-size: 16px; } }

#chooseRegion .modal-body .choose-area input[type=checkbox] { margin-right: 5px; }

#chooseRegion .modal-body .choose-area span { display: inline-block; margin-right: 5px; }

#chooseRegion .modal-body .choose-area small { color: #aaa; font-size: 12px; }

/* #chooseRegion .modal-body .box-title { border: 1px solid #EDEBE9; background: #FCFBFB; padding-left: 10px; border-bottom: 3px solid #9EBB65; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } */
#chooseRegion .modal-body .box-title {
    background: #E0EBFE;
    padding-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #237AFC;
    border-radius: 5px;
}

#chooseRegion .modal-body .box-title .plus-btn { width: 50px; height: 50px; border-left: 1px solid #EDEBE9; position: relative; }

#chooseRegion .modal-body .box-title .plus-btn:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 20px;
    margin-top: -10px;
    content: '';
    background: transparent;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    border-top: 2px solid #237AFC;
    border-right: 2px solid #237AFC;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/* #chooseRegion .modal-body .box-title .plus-btn::before { position: absolute; width: 15px; height: 2px; background: #aaa; content: ""; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } */

/* #chooseRegion .modal-body .box-title .plus-btn::after { position: absolute; content: ""; height: 15px; width: 2px; background: #aaa; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } */

/* #chooseRegion .modal-body .showbox .box-title .plus-btn::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } */

#chooseRegion .modal-body .showbox .box-title .plus-btn:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}

#chooseRegion .modal-body .box-content.show { padding: 10px; display: grid; grid-template-columns: calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px); row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

#chooseRegion .modal-body .box-content.show .choose-area { position: relative; }

#chooseRegion .modal-body .box-content.show .choose-area::before { position: absolute; content: ""; width: calc(100% + 10px); bottom: -6px; left: -5px; content: ""; height: 1px; border-bottom: 1px dashed #EDEBE9; }

#chooseRegion .modal-body .box-content { display: none; }

.plus-btn { cursor: pointer; }

#chooseRegion .modal-body .show-less { float: right; display: inline-block; cursor: pointer; }

/* edit colorpicker */
.destination_search .block-search { min-height: calc(100vh - 102px); }

.destination_search #layoutSidenav .sb-sidenav { background: none; }

.destination_search .sb-sidenav { max-height: initial; }

.destination_search .destination_search #layoutSidenav .sb-sidenav { overflow: hidden; }

.colorpicker-wrapper .picker-box:after, .colorpicker-wrapper .picker-box:before { display: none; }

.colorpicker-wrapper .picker-box { width: 189px; height: 173px; background: none; }

.colorpicker-wrapper .square-cl { width: 28px; height: 28px; }

.colorpicker-wrapper .picker-wrapper { position: absolute; left: -100px; right: -100px; top: 0; margin: -185px auto 0; width: 190px; }

.colorpicker-wrapper .picker-box { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 10px; row-gap: 10px; grid-column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; padding: 20px 26px 50px; border-radius: 15px; position: relative; background: url("../images/bg-color-picker.png") no-repeat top center; }

.choosetooth { padding-left: 0; background: #ffffff; position: relative; }

.choosetooth img { max-width: 100%; max-height: 100%; object-fit: contain; margin: auto; }

.choosetooth::before { position: absolute; content: ""; background: url("../common_img/icon/icon_select.svg") no-repeat center center; width: 13px; height: 8px; background-size: contain; z-index: 9; top: 0; bottom: 0; right: 5px; margin: auto 0; }

/* login page update */
.boxpassword { position: relative; }

.boxpassword svg { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto 0; cursor: pointer; }


.boxpassword { position: relative; }

.boxpassword input[type=password] { background: url("../common_img/eyeopen.png") no-repeat center right 10px; background-size: 30px; }

.boxpassword .toggle-password { width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto 0; background: none; border: none; }

.boxpassword.show input[type=text] { background: url("../common_img/eyeclose.png") no-repeat center right 10px; background-size: 30px; }

.btnpopup .btn{
  margin-top: 10px;
}

.btnpopup .btn.disabled{
  background: #ebebeb !important;
  border-color: #ebebeb !important;
}

#chooseSetting .modal-content, .chooseSetting .modal-content{
  max-width: 600px !important;
}

#chooseSetting .arr, .chooseSetting .arr{
  position: relative;
  background: #E0EBFF;
  padding: 10px;
  color: #237AFC;
  font-weight: bold;
  margin-bottom: 5px;
}

#chooseSetting .arr.acrsub_title, .chooseSetting .arr.acrsub_title{
  background: #ccc;
  color: #000;
}

#chooseSetting .acr_con,
#chooseSetting .acrsub_con, .chooseSetting .acr_con,
.chooseSetting .acrsub_con{
  display: none;
}

#chooseSetting .arr:after, .chooseSetting .arr:after{
  content: '';
  background: transparent;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  transform: rotate(135deg);
  border-top: 2px solid #237AFC;
  border-right: 2px solid #237AFC;
  transition: all .3s;
}

#chooseSetting .arr.open:after, .chooseSetting .arr.open:after{
  transform: rotate(-45deg);
  margin-top: -4px;
}

#chooseSetting .item, .chooseSetting .item{
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

#chooseSetting .item:last-child, .chooseSetting .item:last-child{
  border-bottom: 0px solid #ccc;
}

#chooseSetting .item label, .chooseSetting .item label{
  flex: 1;
  cursor: pointer;
}

#chooseSetting .item .input, .chooseSetting .item .input{
  margin-left: auto;
  margin-right: 0;
}

#chooseSetting .modal-body, .chooseSetting .modal-body{
  height: 79vh;
  overflow: auto;
}

#chooseRegion .modal-body .box-content.show { padding: 10px; display: block; }

#chooseRegion .modal-body .box-content.show .subarea { background-color: #E0EBFE; margin-bottom: 10px; padding: 10px 20px; border-radius: 4px; }

#chooseRegion .modal-body .box-content.show .subarea.subarea2 { background: #EDEDED; }

#chooseRegion .modal-body .box-content.show .subarea input[type=checkbox] { margin-right: 5px; }

#chooseRegion .modal-body .box-content.show .subarea_list { display: grid; row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding-left: 20px; margin-bottom: 10px; grid-template-columns: repeat(8, calc(12.5% - 7.5px)); }

@media all and (max-width: 1000px) { #chooseRegion .modal-body .box-content.show .subarea_list { grid-template-columns: calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px); } }

#chooseRegion .modal-body .box-content.show .subarea_list .choose-area { position: relative; }

#chooseRegion .modal-body .box-content.show .subarea_list .choose-area::before { position: absolute; content: ""; width: calc(100% + 10px); bottom: -6px; left: -5px; content: ""; height: 1px; border-bottom: 1px dashed #EDEBE9; display: none; }