.maintitle {font-size:33.56px; line-height:46.08px; letter-spacing:-3px; color:#292983; font-weight:800;}
.ClassA1 {width:35%; height:32px; background-color:#f3f5f8; border:1px solid #999; font-size:12pt;}
.ClassA2 {width:35%; background-color:#f3f5f8; border:1px solid #999; font-size:12pt;}
.ClassA3 {width:30%; background-color:#f3f5f8; border:1px solid #999; font-size:12pt;}
.agree1 {margin-top: 15px;} 
.agree2 {padding: 20px 30px;background: #f6f6f6;}
.calendar_title {    border: 1px solid #999; width:20%; height:42px; background-color:#f3f5f8; font-size:10pt;} 
.calendar_list {width:20%; height:70px; border:1px solid #999999; font-size:10pt;}
.list_title {color:#3f3f90; font-weight:bold;}
.list_sub {padding-left:5px; font-size:12pt;}
.title_bold {color:#ff0000; font-size:12pt; font-weight:bold;}

.noreserve {color:#FE7A15;}
.bi {overflow:hidden; width:226.08px; height:53.28px; text-indent:-999px;}
.ci {overflow:hidden; width:103.68px; height:44.64px; text-indent:-999px;}
.ptitle {color:#666666; padding:20px 0px; font-size:18px; word-break:keep-all;}
.ptitle2 {color:red; padding:20px 0px; font-size:18px; font-weight:bold; word-break:keep-all; }

.pageTit {
  color: #001489;
  background-color: #FFD102;
  text-align: center;
  font-size: 25px;
  line-height: 40.32px;
  font-weight: 800;
}
.nav-link {color:#3f3f90 !important; font-size:16pt; font-weight:bold; border-bottom-color:#3f3f90 !important;}
.pfooter {
  font-size: 15pt;
  line-height: 20.16px;
  letter-spacing: -1px;
}
.pfooter2 {
  font-size: 14.4px;
  line-height: 20.16px;
  color: #444;
  letter-spacing: -1px;
}

.btn-address-search{
    background-color: #6c757d;
    border-color: #6c757d;
}

.addr-box{
    background-color: lightgray !important;
}

@media all and (max-width:414px) {

.maintitle {
  font-size: 6vw;
  padding:5vw 0 0 0; 
  color: #292983;
  font-weight: 800;
}

.fs-0 {
  font-size: 10pt !important;
}

.d-xl-block {
  display: block !important;
}

.ClassA1, .ClassA2 , .ClassA3 {font-size:9pt;}

.agree1 {font-size: 11pt;}
.agree2 {padding: 2vw 2vw;}

.calendar_title 
{
  width: 20%; 
  height: 2rem;
  font-size: 9pt;
  background-color: #f3f5f8;
  border-bottom:none;
}
.calendar_list
{
  width: 20%;
  height: 70px;
  border-bottom: 1px solid #999999;
  font-size: 10pt;
}
.fs-1 {
  font-size: 0.9rem !important;
  word-break:keep-all;
}
.schedule {
  float: left;
  margin: 1.5rem 0 1rem 0;
  padding: 0px;
}

  .bi {width: 41.8667vw; height: 9.8666vw;}
  .ci {width: 19.2vw; height: 8.2666vw;}
  .ptitle {font-size:18px; font-weight:600;}
  .list_sub {padding-left:10px; padding-bottom:10px; font-size:11pt;}
  
  .pageTit {
      font-size: 4.8vw;
      line-height: 4.4666vw;
  }
  .pfooter {
      font-size: 12pt;
  }
  .pfooter2 {
      font-size: 2.6666vw;
      line-height: 3.7333vw;
  }
}

#popupCode_layer_38_form {cursor: unset; background: ;}
#popupCode_layer_38_form .check {background-color:#EAEFF7; color:; text-align:left;}
#popupCode_layer_38_form .check .form_element .check_s {font-size:10pt;}
#popupCode_layer_38_form .box .view img {max-width:500px;}
.ptitle3{
    font-size:12pt;
    padding-left : 20px;
    padding-right : 30px;
}
.ptitle4{
    color:red; padding:20px 0px; font-size:16px; font-weight:bold; word-break:keep-all;
}
.check{
    margin-top:-30px;
}
@media (max-width: 980px) {
    .main_popup_layer {
        position: absolute; 
        overflow: hidden; 
        z-index: 2000; 
        width: 400px; 
        height: 500px; 
        top: 0px; 
        left: 5px; 
        padding-bottom: 10px;
        border-top   : 1px solid pink;
        border-left  : 1px solid pink;
        border-right : 1px solid pink;
        border-bottom : 1px solid pink;
    }
    
    #popupCode_layer_38_form .box .view {
        width:400px; 
        height:500px; 
    }

    .popTitle{
        color: #203864; 
        text-align: center; 
        font-size: 15pt; 
        margin-top: 30px;
    }

    .close{
        margin-left:200px;
    }
}

@media (min-width: 980px) {
    .main_popup_layer {
        position: absolute; 
        overflow: hidden; 
        z-index: 2000; 
        width: 536px; 
        height: 500px; 
        top:  200px; 
        left: 300px; 
        padding-bottom: 10px;
        border-top   : 1px solid pink;
        border-left  : 1px solid pink;
        border-right : 1px solid pink;
        border-bottom : 1px solid pink;
    }

    #popupCode_layer_38_form .box .view {
        width:536px; 
        height:500px; 
        
    }

    .popTitle{
        color: #203864; 
        text-align: center; 
        font-size: 20pt; 
        margin-top: 30px;
    }
    .close{
        margin-left:335px;
    }
}