@font-face {
    font-family: 'SohoGothicPro-bold';
    src: url('../fonts/SohoGothicPro-Bold.eot');
    src: url('../fonts/SohoGothicPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SohoGothicPro-Bold.woff2') format('woff2'),
        url('../fonts/SohoGothicPro-Bold.ttf') format('truetype'),
        url('../fonts/SohoGothicPro-Bold.svg#SohoGothicPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-regular';
    src: url('../fonts/SohoGothicPro-Regular.eot');
    src: url('../fonts/SohoGothicPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SohoGothicPro-Regular.woff2') format('woff2'),
        url('../fonts/SohoGothicPro-Regular.woff') format('woff'),
        url('../fonts/SohoGothicPro-Regular.ttf') format('truetype'),
        url('../fonts/SohoGothicPro-Regular.svg#SohoGothicPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Quark-Bold';
  src: url('../fonts/Quark-Bold.eot');
  src: url('../fonts/Quark-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quark-Bold.woff2') format('woff2'),
      url('../fonts/Quark-Bold.woff') format('woff'),
      url('../fonts/Quark-Bold.ttf') format('truetype'),
      url('../fonts/Quark-Bold.svg#Quark-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Quark-Light';
  src: url('../fonts/Quark-Light.eot');
  src: url('../fonts/Quark-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Quark-Light.woff2') format('woff2'),
      url('../fonts/Quark-Light.woff') format('woff'),
      url('../fonts/Quark-Light.ttf') format('truetype'),
      url('../fonts/Quark-Light.svg#Quark-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {font-size:16px;font-family: 'SohoGothicPro-regular';}
body{font-family: 'SohoGothicPro-regular';}
h1,h2,h3 {font-family: 'SohoGothicPro-bold';}
.home {margin-top: 30px;}
.core .area {padding: 0;}
.banner {max-width: 960px;}
.banner img {max-width: 960px;border-radius: 8px 8px 0 0;width: 100%}
.core {max-width: 960px;margin:0 auto;}
.btn-submit {text-align: center;margin:0 auto;}

h2 {text-align: center;margin: 50px 0;}
h2.bottom {margin-top: 10px;}
.f-checkbox {float: left;display: inline-block;width: 20px;height: 20px;margin: 5px 10px 0 0 !important;box-shadow: none;}
.f-submit {margin-top: 30px;overflow:hidden;text-align: center;margin: 15px 0 15px 0;}
.f-submit input {width: 140px;padding:15px 0;}


.super20 .f-input{margin: 10px auto;max-width: 400px;width: 100%;display: block;padding:5px;height: 30px;font-size: 18px;}
.btn-submit button {background: #c8102e;color:#FFF;font-weight: bold; font-size: 25px; width: 200px;height: 60px;background-size: 200px;margin: 20px auto 30px;border: none;cursor: pointer;}

.bdate-box{margin: 0 auto;text-align: center;max-width: 400px;}
.bdate-date{width: 100%;max-width: 446px;margin: 0 auto;}
.bdate-date.input-group .form-control.bdate-input{margin-top: 5px;width: 90%;max-width: 373px;}
.input-group-addon.bdate-ic{float: left;margin: 5px 0 0 0;text-align: center;width: 10%;padding: 6px 0;}
.chk-box {margin-top: 10px;float: left;width: 100%;}
.chk-box label {width: 85%;}
.form-ff {max-width: 960px;margin: 0 auto;border: 1px solid #ccc;margin: 50px 0;border-radius: 8px;}
.supers .form-ff {border:none;margin:0;padding-bottom: 80px;}
.update-form {margin: 0 auto;border: 1px solid #ccc;padding: 0;margin: 50px 0;border-radius: 8px;}
.dropdowns {border-radius: 3px;height: 38px;border:1px solid #ced4da;}
.floatleft{float: left;}
.form-control.error {border: 1px solid red;}
.txt-label p {font-weight: bold;text-align: center;}
.ss-title-t {color: #d71619;font-size: 25px;}
.ss-title-en {font-size: 21px;}
.input-t {float: left;width: 100%;margin:30px 0;}
.input-t input {max-width: 400px;margin: 0 auto;}
.inform {padding: 0 20px;}
.inform .form-group {height: 78px;}
.form-horizontal .report-submit{text-align: center;margin-left: 0px;height: 40px;margin-top: 20px;}
.inform .form-group.extra {height: 78px;}
.core .area.thx .form-ff {border: none;border-radius: 8px;}
.core .area.thx .form-ff img{border-radius: 8px;}
label.error {font-size:12px;color: red;}
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input.chkmailbox{height: 20px;text-align: left;width: 20px;float: left;margin: 10px 10px 0 0;}
input.food{box-shadow:none;}
.chkmaillabel {margin-top:10px; }
.btn-home {text-align: center;position: relative;bottom: 150px;}
.gohome{background: #007bff;padding: 10px 20px;border-radius: 8px;margin: 0 auto;color: #FFF;}
.catagory {position: relative;z-index: 10;background: #ffffff;padding-bottom: 10px;}
.row-menu,.row-program {width: 100%;display: flex;margin-top: 30px;}
.row-program {margin-bottom: 30px;}
.menu {max-width: 755px;margin: 0 auto;}
.program {max-width: 755px;margin: 0 auto;}
.program ul li{float: left;list-style: none;font-weight: bold;padding-right: 20px;padding-left:20px;border-right: 2px solid #000000;}
.program ul li.first{padding-left: 0; }
.program ul li.last{border-right: none; }
.program ul li a {color: #000000;}
.menu-b {float: left;cursor: pointer;}
.menu-b img {max-width: 150px;}
.gg-formx {max-width: 920px;margin: 0 auto;position: relative;bottom: 123px;}
#f-vote {background: url(../img/ss/vote_12.jpg) no-repeat;background-size: contain;max-width: 700px;margin: 0 auto;height: 320px;}
#thx-form {background: url(../img/ss/thx_vote.jpg) no-repeat;background-size: contain;max-width: 700px;margin: 0 auto;height: 320px;}
.btn-gg-vote {width: 200px;margin: 0 auto 50px auto;}
.btn-gg-vote img{width: 100%}
.program ul li.btn-act a{color:#d0112b;}
.cover {background: url(../img/ss/ss2026_dt.jpg) no-repeat;background-size: cover;background-position:center 0;width: 100%;min-height: 750px;margin-bottom: 30px;}
.cover-af {background: url(../img/af_cover.jpg) no-repeat;background-size: cover;background-position:center 0;width: 100%;height: 750px;margin-bottom: 30px;position: relative;z-index: 999;}
.intro-txt{margin: 0 auto;max-width: 600px;}
.intro-txt h1 {text-align: center;}
.intro-txt h2 {text-align: center;margin: 20px 0;}
.txt-cen {text-align: center;}
.condition-txt {text-decoration: underline;font-weight: bold;margin-top: 30px;}

.gg-formx #i-rpm {height: 4275px;width: 100%;}
.gg-formx #i-balance {height: 3920px;width: 100%;}
.gg-formx #i-combat {height: 3610px;width: 100%;}
.gg-formx #i-bodyjam {height: 4265px;width: 100%;}
.gg-formx #i-bodypump {height: 3925px;width: 100%;}
.gg-formx #i-bodystep {height: 4260px;width: 100%;}
.gg-formx #i-bodyvive {height: 2160px;width: 100%;}
.gg-formx #i-freestyle-sub {height: 3600px;width: 100%;}
.gg-formx #i-hardcore {height: 3595px;width: 100%;}
.gg-formx #i-muay {height: 3925px;width: 100%;}
.gg-formx #i-yoga {height: 4265px;width: 100%;}
.gg-formx #i-zumba {height: 4255px;width: 100%;}


.img-form {max-width: 700px;margin: 0 auto;height: 320px;}
.img-wel-bodybalance {background: url(../img/ss/welcome_bodybalance.jpg) no-repeat;background-size: contain;}
.img-wel-bodycombat {background: url(../img/ss/welcome_bodycombat.jpg) no-repeat;background-size: contain;}
.img-wel-bodyjam {background: url(../img/ss/welcome_bodyjam.jpg) no-repeat;background-size: contain;}
.img-wel-bodypump {background: url(../img/ss/welcome_bodypump.jpg) no-repeat;background-size: contain;}
.img-wel-bodystep {background: url(../img/ss/welcome_bodystep.jpg) no-repeat;background-size: contain;}
.img-wel-bodyvive {background: url(../img/ss/welcome_bodyvive.jpg) no-repeat;background-size: contain;}
.img-wel-fgt {background: url(../img/ss/welcome_fgt.jpg) no-repeat;background-size: contain;}
.img-wel-hardcore {background: url(../img/ss/welcome_hardcore.jpg) no-repeat;background-size: contain;}
.img-wel-muay {background: url(../img/ss/welcome_muay.jpg) no-repeat;background-size: contain;}
.img-wel-rpm {background: url(../img/ss/welcome_rpm.jpg) no-repeat;background-size: contain;}
.img-wel-yoga {background: url(../img/ss/welcome_yoga.jpg) no-repeat;background-size: contain;}
.img-wel-zumba {background: url(../img/ss/welcome_zumba.jpg) no-repeat;background-size: contain;}

#back-to-top {background: #d71619;border: 1px solid #d71619;color: #FFFFFF;position: fixed;right: 50px;bottom: 50px;z-index: 20;}
.md-box {display: block;padding: 0;text-align: center;margin: 80px 0 100px;}
.xs-box {display: none;padding: 0;text-align: center;}
.full-box {padding-left: 0;}

.main-box-deal {background: url(../img/hottestdeal-bg.jpg) no-repeat;background-size: cover;padding: 0;color: #FFF;min-height: 685px;}
.main-box-deal .logo.col-xs-3 {padding-left: 0;right: -10px;position: absolute;z-index: 5;}
.main-box-deal .logo img{max-width: 75px;}
.main-box-deal .txt-title {color: #fff;text-align: left;font-size: 35px;padding: 20px 0 0 0;}
.main-box-deal .deal-img {margin:20px 0 40px 0;}
.main-box-deal .deal-img img{width:100%;}
.main-box-deal .txt-1 {text-align: center;}
.main-box-deal .txt-tel-box {cursor: pointer;}
.main-box-deal .txt-tel {background: #FFF;text-align: center;font-size: 20px;width: 100%;max-width: 200px;margin: 0 auto;padding: 10px 0;border-radius: 5px;}
.main-box-deal .txt-tel img{margin-right: 10px;}
.main-box-deal .txt-tel span{color: #000;font-weight: bold;}
.main-box-deal .txt-time{text-align: center;}
.main-box-deal .time-box{background: #fcfdfe;overflow: hidden;border-radius: 3px;padding: 10px 0;margin: 20px auto;max-width: 345px;}
.main-box-deal .time-txt {color: #000;font-weight: bold;}
.main-box-deal .time-txt .txt-s {float: left;width: 25%}
.main-box-deal .time-txt .txt-s p{text-align: center;margin: 0}
.main-box-deal .code-box {background: #fff;padding: 10px 15px;color: #000;text-align: center;max-width: 145px;margin:20px auto;font-weight: bold;border-radius: 3px; }
.main-box-deal .term {text-align: center;margin: 20px 0;text-decoration: underline;cursor: pointer;}
.main-box-deal .temr-box{background: #000;opacity: 0.5;height: 100%;width: 100%;background-size: cover;position: absolute;z-index: 10;}
.main-box-deal .term-condition {background: #fff;position: absolute;color: #000;z-index: 99;top: 105px;padding: 10px;width: 90%;right: 5%;font-size: 14px;border-radius: 5px;}
.main-box-deal .temr-close {position: absolute;color: #fff;font-size: 20px;background: #da1a32;padding: 3px 12px;top: 84px;right: 2%;z-index: 100;border-radius: 67px;}
.main-box-deal .term-title{font-weight: bold;}
/*--- Report -----*/
.report {padding: 50px 0 0 0;}
.report h1{margin: 0 0 30px 0;text-transform: capitalize;}
.report .pdpa-btn{display: block;background: red;border-radius: 8px;padding: 8px;width: 150px;text-align: center;color: #FFF;float: left;margin:0 30px 0 0;}
.report .shopee-btn{display: block;background: #f84c2f;border-radius: 8px;padding: 8px;width: 150px;text-align: center;color: #FFF;float: left;}
.report .logout-btn{display: block;background: #007bff;border-radius: 8px;padding: 8px;width: 150px;text-align: center;color: #FFF;float: left;clear: both;margin: 50px 0 0 0;}
.report .dw-btn {display: block;background: red;border-radius: 8px;padding: 8px;width: 150px;text-align: center;color: #FFF;margin: 0 0 50px 0;}
.report .dw-btn-back{display: block;background: #007bff;border-radius: 8px;padding: 8px;width: 150px;text-align: center;color: #FFF;}
/*--- Report -----*/

/*--- Chickin -----*/
.checkin{font-family: 'SohoGothicPro-bold';}
.checkin h1{margin: 20px 0 50px 0;text-align: center;}
.checkin .txt-box {margin: 0 auto;width: 500px;}
.checkin .box-btn,.checkin .box-detail {float: left;width: 100%;text-align: center;}
.checkin .box-btn{margin: 0 0 30px 0;padding:0 20px;}
.checkin .pdpa-btn{width:100%;display:block;background: #0400ff;padding: 10px 20px;color: #FFF;border-radius: 8px;font-size: 22px;font-weight: bold;}
.checkin .logout-btn{background: red;padding: 10px 20px;color: #FFF;border-radius: 8px;font-size: 22px;font-weight: bold;width:200px;margin: 50px auto 0 auto;display: block;}
.checkin .box-detail h2 {margin:0px 0 30px 0;}
.checkin .box-btn .f-submit input {width: 230px;font-size: 21px;}
.checkin .box-detail .ff{color:#d71619;}
.checkin .box-detail .cf{color:#54008c;}
/*--- Chickin -----*/

/*--- PDPA -----*/
.banner-pdpa {margin-bottom: 20px;}
.h-1,.h-2{text-align: center;font-weight: bold;font-size: 20px;}
.h-1 {margin-bottom: 10px;}
.txt-detail {text-align: center;}
.f-btm-submit{text-align: center;}
.btm-submit{margin-top: 30px;padding: 0 20px;
    color: #ffffff;
    height: 42px;
    margin: 0 auto;
    transform: skewX(-8.6deg);
    background: #cf152d;
    font-size: 18px;
    border:none;
    border-radius: 0;}
/*--- PDPA -----*/
/*--- newyou -----*/
.update-form-2 { margin: 0 auto; padding: 0;}
.button {
  background-color: #da1a32;
  border: none;
  color: white;
  padding: 12px 30px;
  font-size: 20px;
  cursor: pointer;
  transform: skewX(-8.6deg);
  text-transform: uppercase;
}
.all{ float: left; text-align: center;}
.floatright{ float: right;}   
.bold{font-weight: 600;}
.form-group-new{margin-bottom: 20px;}
.center{text-align: center;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom15{margin-bottom: 15px;}
.margintop15{margin-top: 15px;}
.padding0{padding: 0px;}
.pointer {margin-left: 5px;cursor: pointer;}
.pointer .glyphicon-remove:before{ color: #d71619; }
.login {margin-top:30px;}
.nymenu {max-width: 960px;margin:30px auto 0 auto;background: #989494;padding: 15px;overflow: auto;}
.nymenu .menu-l {float: left;margin: 0 20px 0 0;}
.nymenu .menu-r {float: right;}
.nymenu .menu-l a,.nymenu .menu-r a {background: #fff;padding: 5px;border-radius: 8px;}
.inform .addqrcode {max-width: 300px;margin: 0 auto;text-align: center;}


/*--- superstar 2020 -----*/
/*--- dropdown -----*/
.dropbtn {background-color: #3498DB;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.dropbtn:hover, .dropbtn:focus {background-color: #2980B9;}
.dropdown {position: relative;display: inline-block;margin: 0 0px 10px 10px;}
.dropdown-content { display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ddd}
.show {display:block;}
/*--- dropdown -----*/

/*++checkbox++*/
.btn-vote {
  display: block;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.btn-vote input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}

/* Create a custom checkbox */
.checkmark {height: 40px;width: 70px;margin: 10px auto;border: 1px solid #d71619;border-radius: 8px;text-align: center;}

/* On mouse-over, add a grey background color */
.btn-vote:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.btn-vote input:checked ~ .checkmark {background-color: #d71619;color:#FFF;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.btn-vote input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.btn-vote .checkmark:after {
  left: 9px;
  top: 5px;
  width: 0px;
  height: 0px;
  border: none;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*++checkbox++*/
/*++Upload Image++*/
.checkin.up {font-family: 'SohoGothicPro-regular';}
.checkin.up h1 {margin: 20px 0;}
.up .logout-box {position: absolute;right:13%;z-index: 100;}
.logout-box .logout-btn {margin: 0;text-align: center;font-size: 15px;width: 150px;}
.up .logout-box .img1-btn{background: #f78f20;text-align: center;padding: 10px 20px;color: #FFF;border-radius: 8px;font-size: 17px;font-weight: bold;width: 200px;margin: 0 auto 0 auto;display: block;}
.up .logout-box .img2-btn{background: #689f38;text-align: center;padding: 10px 20px;color: #FFF;border-radius: 8px;font-size: 17px;font-weight: bold;width: 200px;margin: 15px auto;display: block;}
.up .image{margin: 15px auto;}
.up table {width: 100%;}
.up table tr th {text-align:center;padding:5px;}
.up table tr td {padding:5px;font-size: 14px;}
.up .alert {background: #37a95f;}
.up .ccopy {background: #ff8f04;color:#FFF;padding: 3px 5px;border-radius: 5px;margin: 0 0 0 10px;cursor: pointer;}
.up .ccopy:hover{background: #da1a32;color:#FFF;}
.up .ccopy:active{background: #da1a32;color:#000;}
.up .cfcopy {background: #042eff;color:#FFF;padding: 3px 5px;border-radius: 5px;margin: 0 0 0 10px;cursor: pointer;}
.up .cfcopy:hover{background: #da1a32;color:#FFF;}
.up .cfcopy:active{background: #da1a32;color:#000;}
.up .url-box .act {width: 280px;}
/*--Upload Image--*/
a.btn-menu:hover {color: #FFF;text-decoration: none;}
.btn-menu {width: 170px;height: 42px;margin: 0 auto;padding: 9px 0 0 0;transform: skewX(-8.6deg);background: #d71619;color: #FFF;text-align: center;font-size: 19px;font-weight: bold;display: block;cursor: pointer;}
.dt-menu {display: inline-block;}
.m-menu {display: none;}
.s20-menu {max-width: 100%;margin: 0 auto;}
.s20-menu .done-c,.s20-menu .done-c:hover{background: #8d8d8d;cursor: auto;color: #FFF;text-decoration: none;}
.s20mbox {padding: 0;}
.s20intro-txt {margin: 30px auto;max-width: 630px;}
.s20intro-txt h1{text-align: center;}
.s20intro-txt h2{text-align: center;margin: 20px 0;font-size: 1.7rem;}
.s20intro-txt .txt-small {font-size: 12px;}
input.form-control.f-input::placeholder,input.bdate::placeholder,select option:first-child{font-size: 13px;}
h1.s20-title {margin: 10px 0;text-align: center;}
h2.vote {margin: 10px 0 40px 0;}
.forgot {position: absolute;right: 0;border: 2px solid #d71619;padding: 5px 10px;background: #fff;color: #fff;transform: skewX(-8.6deg);top:15px;}
.forgot a {color: #d71619;}
.t-mainbox {max-width: 960px;margin: 0 auto;}
.trainer {float: left;margin-bottom: 20px;}
.trainer img {width: 100%;max-height: 279px;}
.trainer .tname{text-align: center;font-size: 15px;margin: 10px 0;}
.sub-vote{display: flex;}
.btn-submit-20 {text-align: center;margin-bottom: 40px;margin-left: auto;margin-right: auto;}
.btn-submit-20 input {float:left;border-radius: unset;font-size:23px;background: #d71619;transform: skewX(-8.6deg);color:#FFF;width: 200px;height: 60px;background-size: 200px;margin-top: 20px;font-size: 19px;font-weight: bold;display: block;cursor: pointer;}
.btn-submit-20 a.btnx {float:right;border-radius: unset;font-size:23px;background: #d71619;transform: skewX(-8.6deg);color:#FFF;width: 200px;height: 60px;background-size: 200px;margin-top: 20px;font-size: 19px;font-weight: bold;display: block;cursor: pointer;padding-top:15px;}
.close-vote {background: url(../img/bg-mes.jpg) no-repeat;background-size: contain; min-height: 375px;margin: 50px 0;padding: 10px 50px;text-align: center;}
.alert-box{width: 100%;}
.message-box{max-width:590px;text-align: center;color:#FFFFFF;font-weight: bold;font-size: 17px;margin: 0 auto;}
#close-mes{float: right;font-weight: bold;color: #d71619;position: relative;bottom: 10px;font-size: 20px;}
.hide-b {display: none;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;z-index: 99;}
.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 30%;position: relative;transition: all 5s ease-in-out;}
.popup .pop-txt{font-size: 17px;}
.popup-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
    }
    .popup-content {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        max-width: 400px;
        width: 90%;
        position: relative;
    }
    .popup-close {
        position: absolute;
        top: -8px;
        right: 8px;
        font-size: 30px;
        cursor: pointer;
        color: #d71619;
    }
    .popup-close:hover {color: #000;}
    .popup-content p {font-size: 16px;color: #333;margin-bottom: 20px;}
    .popup-content button {padding: 10px 20px;margin: 5px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;}
    #popup-confirm {background-color: #28a745;color: white;}
    #popup-cancel {background-color: #dc3545;color: white;}
    #popup-confirm:hover {background-color: #218838;}
    #popup-cancel:hover {background-color: #c82333;}
@media(max-width: 600px){
  .popup{width: 90%;}
  .cover{background:url(../img/ss/ss2026_mo.jpg);}
  #close-mes {font-size: 16px;}
  #back-to-top {right:20px;}
  .message-box {font-size: 14px;}
  .s20-menu {width: 100%;}
  .s20intro-txt h1{font-size: 1.7rem;}
  .s20intro-txt h2 {font-size: 1.2rem;}
 .m-menu .btn-menu {margin: 0 0 0 20px;}
 .m-menu #all-menu{width: 100%;}
  #btn-menu {padding: 20px 0 0 0;width: 100%;}
  #all-menu .t-dropdown{margin: 0;font-weight: bold;padding: 10px 0 0 20px; }
  #all-menu .sub-m{padding: 12px 12px 10px 40px;}
  #btn-menu a{padding: 5px 0px 5px 40px; }
  #all-menu a.line{border-bottom: 1px solid #d71619; }
  .dropdown {margin: 0;}
  .forgot {right: 10px;z-index: 99;top: -80px;}
  .close-vote {background: none;margin: 30px 0;padding: 10px;float: left;}
  .trainer .tname{font-size: 14px;}
  .dt-menu {display: none;}
  .m-menu {display: block;}
  .btn-submit-20{max-width: 210px;}
  .trainer img {width: 100%;max-height: 100%;}
}
/*
@media(max-width: 410px){  .cover{min-height: 290px} }
@media(max-width: 390px){  .cover{min-height: 270px} }
@media(max-width: 370px){  .cover{min-height: 260px} }
@media(max-width: 350px){  .cover{min-height: 240px} }
*/
/*--- superstar 2020 -----*/
/*--- FF membupdate -----*/
.m-btn-submit{text-align: center;}
.m-btn-submit input{color:#FFF;transform: skewX(-8.6deg);background: #cf152d;border-radius: 0;}
.mem-update {text-align: center;margin: 50px 0;}
.mem-update input {color:#FFF;transform: skewX(-8.6deg);background: #cf152d;border-radius: 0;border: 1px solid #cf152d;}
.member-banner {background: #da1a32;text-align: center;border-radius: 8px 8px 0 0;}
.member-banner img{max-width: 100%;border-radius: 8px 8px 0 0;}
.mem-txt h2 {font-size: 21px;font-weight: bold;}
.mem-txt h2.top{margin: 50px 0 0 0;}
.form-box-detail {max-width: 710px;margin: 0 auto;}
.term-box label{width: 90%;font-size: 14px;}
.form-box-detail .error {font-size: 15px;}
.mem-thx .form-ff{border: 1px solid #ccc;}
.mem-back-to-home {text-align: center;margin-bottom: 30px;}
.mem-back-to-home-edit {text-align: left;margin: 20px;}
@media(max-width: 600px){.term-box label{width: 87%;}}
/*--- FF membupdate -----*/