br.mobi-show { display:none }

.sec-member { background-color:#f8f8f8;padding:60px 0px;  }
.sec-member .title-area { text-align:center;margin-bottom:50px  }
.sec-member h1.login { 
    display:inline-block;font-weight:normal;font-size:26px;color:#c4272e;text-align:left;
    padding-left:55px;
    background:url(../../images/login.png) left center no-repeat; 
    background-size:auto 90%;
}
.sec-member h1.login > span { display:block;font-size:16px;color:#333;margin-top:-8px; }

.sec-member h1.register { 
    display:inline-block;font-weight:normal;font-size:26px;color:#c4272e;text-align:left;
    padding-left:65px;
    background:url(../../images/form.png) left center no-repeat; 
    background-size:auto 90%;
}
.sec-member h1.register > span { display:block;font-size:16px;color:#333;margin-top:-8px; }

.sec-member h1.edit { 
    display:inline-block;font-weight:normal;font-size:26px;color:#c4272e;text-align:left;
    padding-left:65px;
    background:url(../../images/user-edit.png) left center no-repeat; 
    background-size:auto 90%;
}
.sec-member h1.edit > span { display:block;font-size:16px;color:#333;margin-top:-8px; }

.sec-member h1.big-title { 
    display:block;font-weight:normal;font-size:34px;color:#c4272e;text-align:center;margin:40px 20px;
}
.sec-member h1.big-title > span { display:block;font-size:22px;color:#333;margin-top:-8px; }



.sec-block { padding:50px 0px;margin:30px 0px }
.sec-block.no-pad { padding:0px }
.sec-block.bg { background-color:#fff; }
.sec-block .title { color:#c4272e;font-size:16px;margin-bottom:20px;   }

input.input { outline:none;color:#515151;font-size:12px;border-radius:20px;border:1px #999999 solid;padding:8px 20px;display:block;width:100%;box-sizing:border-box;  }
label { margin:5px 10px;display:block;  }

.input-select { border-radius:20px;border:1px #999999 solid;padding:6px 20px;display:block;background-color:#fff;position: relative;  }
.input-select::after { content:'';position:absolute;right:15px;top:15px;border:6px transparent solid;border-top-color:#c4272e }
.input-select select { outline:none;width:100%;box-sizing:border-box;color:#515151;font-size:12px;padding:2px 0px;-webkit-appearance:none;border:none;background-color:#ffffff  }
.radio { display: inline-block; padding:5px 0px; }
.radio input.input { padding:4px 20px;font-size:10px }
.checkbox { padding-left:20px; }
.helper { margin-top:8px; }

.row { max-width:700px;margin:0px auto; }
.row .line { margin-bottom:15px }
.row .line > label.t { margin-bottom:20px;font-size:13px; }
.row .line.inline * { display:inline-block!important;margin-right:5px;width:auto;white-space : nowrap;  }
.row .line.inline > label { min-width:120px }

.row > .col { overflow:auto;padding:0px 10px;box-sizing:border-box; }

.row-1 { overflow:auto;  }
.row-1 > .col { width:50%;margin:0px auto; }

.row-2 { overflow:auto;  }
.row-2 > .col { width:50%;float:left;  }

.row-3 { overflow:auto;  }
.row-3 > .col { width:33.33%;float:left;  }

.row-4 { overflow:auto;  }
.row-4 > .col { width:25%;float:left;  }

.btn-area { margin-top:20px;text-align:center; }
.btn-area .btn { display:inline-block;padding:10px 30px;color:#ffffff;font-size:14px;background-color:#c4272e;border-radius:20px;border:none;cursor:pointer }


.box-choose-type { display:flex;max-width:680px;margin:60px auto;text-align:center   }
.box-choose-type > .item { width:45%; }
.box-choose-type > .item a.a-box { display:block;background-color:#f6f0f0;color:#454545;padding:25px 10px;font-size:14px; }
.box-choose-type > .item a.a-box img { height:50px;margin-bottom:10px  }
.box-choose-type > .item.item-center { width:10%;align-items: center;justify-content: center;display:flex; }
.box-choose-type > .item.item-center span { color:#c4272e }
.box-choose-type > .item.active a.a-box { background-color:#c4272e;color:#fff;box-shadow:0px 0px 20px 5px rgba(0,0,0,.2)  }
.box-choose-type > .item .btn-login { margin-top:10px;color:#515151 }
.box-choose-type > .item .btn-login a { color:#515151  }

.box-choose-edit { display:flex;max-width:740px;margin:60px auto;text-align:center   }
.box-choose-edit > .item { width:33.33%; }
.box-choose-edit > .item a.a-box { margin:0px 20px;display:block;background-color:#f6f0f0;color:#454545;padding:20px 15px;font-size:14px; }
.box-choose-edit > .item a.a-box img { height:50px;margin-bottom:10px  }
.box-choose-edit > .item.active a.a-box { background-color:#c4272e;color:#fff;box-shadow:0px 0px 20px 3px rgba(0,0,0,.2)  }

.box-choose-edit > .item a.a-box:hover,.box-choose-type > .item a.a-box:hover{
    box-shadow:0px 0px 20px 3px rgba(0,0,0,.2)  ;
    opacity:0.7;
} 

.barcode-area { margin:30px 20px;text-align:center  }
.barcode-area .img { max-width:100%;}

.barcode-area .barcodebox{
    margin:0 25%; padding:5px;background-color: #ffffff;
}
.barcode-area .barcodebox img{
    width:100%;
}
.barcode-area .barcodebox div{
    text-align:center; font-size:34px;
}

.prompt { }
.prompt.hide { display:none; }
.prompt .bg { z-index:1;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,.5)  }
.prompt .area { z-index:1;position:fixed;top:0px;left:0px;right:0px;bottom:0px;text-align:center;  }
.prompt .area::before { content:'';display:inline-block;vertical-align:middle;height:100%; }
.prompt .area > .box { display:inline-block;vertical-align:middle;background-color:#fff;padding:50px;max-width:500px;box-sizing:border-box;   }
.prompt .area > .box.transparent { background-color:transparent; }
.prompt .area > .box.full-width { max-width:90%;padding:0px; }
.prompt .area > .box > .body { max-height:300px;overflow:auto }
.prompt .area .title { text-align:center;color:#c4272e;font-size:20px;margin-bottom:20px;  }
.prompt .area .btn-area { margin-top:20px;text-align:center; }
.prompt .area .btn-area .btn { display:inline-block;padding:10px 30px;color:#ffffff;font-size:14px;background-color:#c4272e;border-radius:20px;border:none;cursor:pointer }


@media only screen and (max-width:600px) {     
    br.mobi-show { display:block }
    .sec-block { margin:0px;padding:30px 0px; }

    .row { margin:0px 20px; }
    .row > .col { width:auto;display:block;float:none;  }

    .row .line.inline > * { display:block!important;width:100%;box-sizing: border-box; }
    
    .xs-block { display:block!important;width:100%;box-sizing: border-box; }
    .xs-width-50percent { width:50%!important; }

    .radio { padding-left:20px; }
    .radio label { margin-left:0px!important }

    .box-choose-type { margin:30px 20px }

    .sec-member h1.big-title { font-size:26px }
    .sec-member h1.big-title > span { font-size:14px;margin-top:0px; }

    .box-choose-edit { display:block;width:auto; }
    .box-choose-edit > .item { display:block;width:auto;margin:20px }
    .box-choose-edit > .item a.a-box { margin:0px; }

    .prompt .area > .box { max-width:80%;padding:30px; }


    .barcode-area .barcodebox{
        margin:0;
    }
}

#box-form-3 .row .line{
    margin-bottom: 0px;
}


table.tblttmain{
    width: 100%;
    border-collapse: collapse;
    margin:10px 0px;
    border-spacing: 0;
}

table.tblttmain td{
    border: 1px solid #404040;
   
    vertical-align: top;
    text-align: center;
    
}



td.boxtimemain div.day{
   
}

td.boxtimemain .boxtime{
    font-size:8px;
    border-top: 1px solid #404040; 
    margin: 0;
    display: table;
    width: 100%;
    min-height: 120px;
  }

  td.boxtimemain .boxtime span{
      padding: 3px 0px;
    display: inline-block;
  }

  .boxtimemain .boxsubject{
    font-size:9px;
   
    min-height:45px;
  }

.row > .col.print-logo-footer{
      padding-top: 10px;
  }

  .print-logo-footer .title{
      padding-bottom: 5px;
  }

  .print-logo-footer .l1{
    height: 65px;
}


  .print-logo-footer .l2{
      height: 60px;
  }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    .web-header-top .logo img{
        height: 60px;
    }

    .web-header-top .sponsor img{
        height: 45px; 
    }

    .sec-member{
        padding: 0;
    }
    .barcode-area{
        margin: 0px 30px;
    }

    .row .line.inline > label {
        margin: 2px 10px;
    }

    
}