/*-- Style 1 --*/

html, body {font-family: 'Roboto','微軟正黑體', sans-serif, Lao UI, Geneva, Tahoma, Verdana, Arial,Lato !important;}
.no-focus-outline a:focus,.no-focus-outline button:focus {outline: none !important;}
.btn.focus, .btn:focus, input,select,label,textarea {outline: 0;box-shadow: 0 0 0 0rem rgba(0,123,255,0) !important;}
input:-internal-autofill-selected {background-color: rgba(255, 255, 255,0) !important;}
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 0 transparent !important;}

/*-- Login --*/
body.loginbody {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;background-image:url(../images/login_bg.png);background-repeat:repeat-x;background-position:bottom;}
.form-signin {width: 100%;max-width: 400px;padding: 15px 30px;margin: auto;}
.form-label-group {position: relative;margin-bottom: 1rem;}
.form-label-group input,.form-label-group label {height: 3.125rem;padding: .75rem;}
.form-label-group input,.form-label-group .form-control {font-size:1.5rem;}
.form-label-group label {font-size:1.1rem;position: absolute;top: 0;left: 0;display: block;width: 100%;margin-bottom: 0; /* Override default `<label>` margin */line-height: 1.5;color: #495057;pointer-events: none;cursor: text; /* Match the input under the label */border: 1px solid transparent;border-radius: .25rem;transition: all .1s ease-in-out;}
.form-label-group input::-webkit-input-placeholder {color: transparent;}
.form-label-group input::-moz-placeholder {color: transparent;}
.form-label-group input:-ms-input-placeholder {color: transparent;}
.form-label-group input::-ms-input-placeholder {color: transparent;}
.form-label-group input::placeholder {color: transparent;}
.form-label-group input:not(:-moz-placeholder-shown) {padding-top: 1.25rem;padding-bottom: .25rem;}
.form-label-group input:not(:-ms-input-placeholder) {padding-top: 1.25rem;padding-bottom: .25rem;}
.form-label-group input:not(:placeholder-shown) {padding-top: 1.25rem;padding-bottom: .25rem;}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {padding-top: .25rem;padding-bottom: .25rem;font-size: 12px;color: #777;}
.form-label-group input:not(:-ms-input-placeholder) ~ label {padding-top: 0;padding-bottom: .25rem;font-size: 12px;color: #777;}
.form-label-group input:not(:placeholder-shown) ~ label {padding-top: 0;padding-bottom: .25rem;font-size: 12px;color: #ac2330;}

.bannerModal .close {position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;float: none;font-size: 1.3rem;font-weight: 700 !important;line-height: 0;color: #fff;text-shadow: 0 1px 0 #fff;opacity:1;border:2px solid #ffffff;border-radius:1.5rem;z-index:9999;}
.bannerModal .modal-close {position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;float: none;font-size: 1.3rem;font-weight: 700 !important;line-height: 0;color: #000;text-shadow: 0 1px 0 #fff;opacity:1;border:2px solid #000;border-radius:1.5rem;z-index:9999;}
.bannerModal .modal-content {background-color:transparent;border-color:transparent;color:#fff;}
.bannerModal .col-text-float {position:absolute;bottom:2rem;left:50%;width:80%;background-color:#ffffff;padding:.5rem 1rem;border-radius:.3rem;z-index:9999;transform: translate(-50%, 0);}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {.form-label-group {display: -ms-flexbox;display: flex;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.form-label-group label {position: static;}
.form-label-group input::-ms-input-placeholder {color: #777;}
}
.form-signin .form-control {border:0;border-bottom: 1px solid #000000;border-radius:0;}
.form-signin a {color: #33000e;text-decoration: none;background-color: transparent;}
.form-signin .form-label-group input, .form-signin .form-label-group label {height: 3.5rem;padding: .75rem;padding-bottom:0;}
.oltxt {border-bottom:1px solid #ffcba7;}
.loginbg {}
.form-signin .fc .custom-control-label {color:#ff842b;}
.container-fitmess {min---height:100vh;padding-top:80px;padding-bottom:80px;background--color:#eeeeee;}

.tit-h6 {font-size:1.1rem;border-bottom:1px solid #ffcc00;}

.form-label-group .toggle-password {font-size:1.5rem;position: absolute;top:1.4rem;right:0;color:#ac2330;}
.form-label-group ::-ms-reveal {display: none;}

.form-label-group.fb-group input {font-size:1.2rem !important;}

.form-login-style .form-control {border:0;border-bottom: 1px solid #000000;border-radius:0;}
.form-login-style a {color: #ff842b;text-decoration: none;background-color: transparent;}
.form-login-style .form-label-group input, .form-signin .form-label-group label {height: 3.5rem;padding: .75rem;padding-bottom:0;}
.form-login-style .fc .custom-control-label {color:#ff842b;}

/* Form UI*/
.custom-checkbox .custom-control-label::before {border-radius:0;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
.custom-control-label::after {position: absolute;top: .25rem;left: -1.45rem;display: block;width: 1rem;height: 1rem;content: "";background: no-repeat 50%/100% 100%;background-image: none;}
.custom-control-label::before {position: absolute;top: .15rem;left: -1.5rem;display: block;width: 1.2rem;height: 1.2rem;pointer-events: none;content: "";background-color: #fff;border: #adb5bd solid 1px;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #ff842b;background-color: #ff842b;}

.custom-radio .custom-control-label::after {background: no-repeat 50%/100% 0%;}
.custom-radio label {font-size:1rem !important;}

label {display: inline-block;margin-bottom: 0rem;}
.btn {border-radius:0;}
.btn-submit {color: #30290d;background-color: #ffcc00;border-color: #ffcc00;}
.btn-submit:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.btn-facebook {width:100%;color: #ffffff;text-align:left;padding-left:50px;background-color: #316db6;background-image:url(../images/f-logo.png);background-size:30px 30px;background-repeat:no-repeat;background-position:15px 50%;border-color: #316db6;border-radius:8px;}
.btn-facebook:hover {color: #fff;background-color: #30290d;border-color: #30290d;}
.btn-google {width:100%;color: #30290d;text-align:left;padding-left:50px;background-color: #eeeeee;background-image:url(../images/g-logo.png);background-size:30px 30px;background-repeat:no-repeat;background-position:15px 50%;border-color: #eeeeee;border-radius:8px;}
.btn-google:hover {color: #fff;background-color: #30290d;border-color: #30290d;}
.btn-line {width:100%;color: #ffffff;text-align:left;padding-left:50px;background-color: #2dac37;background-image:url(../images/l-logo.png);background-size:30px 30px;background-repeat:no-repeat;background-position:15px 50%;border-color: #2dac37;border-radius:8px;}
.btn-line:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.btn-nav {width:100%;height:160px;font-size:22px;color: #ffffff;font-weight:900;background-color: #eb6100;border-color: #eb6100;text-align:center;border-radius:1rem;line-height:1.3;padd--ing:1.2rem 1.5rem;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.btn-nav .fas,.btn-nav .far {font-size:4rem;margin-bottom:.7rem;}
.btn-nav:hover,.btn-nav:active {color:#ffffff;}
.btn-nav:hover .fas,.btn-nav:hover .far,.btn-nav:active .fas,.btn-nav:active .far {color:#ffffff;}

.btn-booking {color: #ffffff;background-color: #03a82a;border-color: #03a82a;}
.btn-booking:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.btn-cancel {color: #000000;background-color: #ffcc00;border-color: #ffcc00;}
.btn-cancel:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.btn-closing {color: #ffffff;background-color: #000000;border-color: #000000;cursor:not-allowed !important}
.btn-closing:hover {color: #fff;background-color: #000000;border-color: #000000;}

.btn-full {color: #ffffff;background-color: #e60012;border-color: #e60012;cursor:not-allowed !important;}
.btn-full:hover {color: #fff;background-color: #e60012;border-color: #e60012;}

.btn-wait {color: #ffffff;background-color: #04b6a7;border-color: #04b6a7;}
.btn-wait:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.btn-set {font-size:1.3rem;color: #ffffff;background-color: #eb6100;border-color: #eb6100;line-height:1.6;border-radius: 1.5rem;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.btn-set:hover {color:#000000;background-color: #eb6100;border-color: #eb6100;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);}
.btn-set .fas {font-size:1.6rem;vertical-align:middle;margin-top:-5px;}
.btn-set-logout {font-size:1.3rem;color: #ffffff;background-color: #ac2330;border-color: #ac2330;line-height:1.6;border-radius: 1.5rem;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.btn-set-logout:hover {color: #fff;background-color: #30290d;border-color: #30290d;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0);}
.btn-set-logout .fas {font-size:1.6rem;vertical-align:middle;margin-top:-5px;}

.btn-read {font-size:1rem;color:#6b6a64;font-weight:bold;background-color: #fff;border-color: #ffcc00;border-width:2px;border-radius: 1.5rem;}
.btn-read:hover {color: #000;background-color: #ffcc00;border-color: #ffcc00;}

.qty {position: absolute;top:-8px;right:-12px;display: inline-block;width:25px;height:25px;padding: .2em .2em;font-size: .7rem;font-weight: 700;line-height:1.6;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius:1rem;color: #fff;background-color: #ff0000;font-family: 'Roboto','微軟正黑體', sans-serif, Lao UI, Geneva, Tahoma, Verdana, Arial,Lato !important;}
.qty-left {position: absolute;top:-8px;left:-12px;display: inline-block;width:20px;height:20px;padding: .2em .2em;font-size: .8rem;font-weight: 700;line-height:1.2;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius:.8rem;color: #fff;background-color: #ff0000;font-family: 'Roboto','微軟正黑體', sans-serif, Lao UI, Geneva, Tahoma, Verdana, Arial,Lato !important;}

.load-more__btn {color: #30290d;background-color: #ffcc00;border-color: #ffcc00;}
.load-more__btn:hover {color: #fff;background-color: #30290d;border-color: #30290d;}

.nav-mainbar button p {opacity: 1 !important;}
.nav-mainbar button .fa-spinner {display:none;}

.nav-mainbar .col-loading button p {opacity: 0 !important;}
.nav-mainbar .col-loading button .fa-spinner {display:block;position:absolute;top:8px;left:8px;z-index:11;font-size:3rem;}

.col-SystemIngo {font-size:0.7rem;color:#a0a0a0;}

.col-newLang {width:auto !important;height: calc(1.5em + .75rem + 2px);font-size:1rem;padding: 0 1rem 0 0;border-color: transparent !important;}
.Lang-set {font-size: 1rem;line-height: 1.6;}
.Lang-set .fas {font-size: 1.3rem;vertical-align: middle;margin-top: -5px;}

/* modal */
.modal-backdrop.show {opacity: .9 !important;}
.modal-header {border:0;}
.modal-title {font-size:1.2rem;color:#ac2330;}
.modal-content {border:1px solid rgba(255,204,0,0)}
.modal-backdrop.show {opacity: 0.8;}
.modal-footer {border-top:0;}

#alertModal .modal-content {border:1px solid rgba(255,204,0,.3) !important;background-color:rgba(39,14,17,1) !important;}
#alertModal .modal-body {font-size:1.2rem;color:#ffffff;}
#alertModal .modal-title {font-size:1.4rem;color:#ffcc00;;}
#alertModal .modal-content {max-width:90% !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}

.alertModal .modal-content {border:1px solid rgba(255,204,0,0) !important;background-color:rgba(52,3,8,.5) !important;}
.alertModal .modal-body {font-size:1.2rem;color:#ffffff;}
.alertModal .modal-title {font-size:1.4rem;color:#ffcc00;;}

/* Btn Disabled */
.btn.disabled, .btn:disabled {opacity: .3;cursor: not-allowed;}
.btn-submit.disabled,.btn-submit:disabled {color: #30290d;background-color: #ffcc00;border-color: #ffcc00;}
.btn-nav.disabled,.btn-nav:disabled {width:150px;height:150px;font-size:1.5rem;color: #ffffff;background-color: #eb6100;border-color: #eb6100;text-align:center;border-radius:1rem;line-height:1.3;padding:1.2rem 1.5rem;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.btn-booking.disabled,.btn-booking:disabled {color: #ffffff;background-color: #ee5858;border-color: #ee5858;}
.btn-cancel.disabled,.btn-cancel:disabled {color: #000000;background-color: #e6dddd;border-color: #e6dddd;}
.btn-set.disabled,.btn-set:disabled {font-size:1.3rem;color: #30290d;background-color: #b1e6ff;border-color: #b1e6ff;line-height:1.6;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}

/*主選單 nav-mainbar*/
.nav-mainbar,.nav-topbar {background-color:#ffffff;padding-bottom:1.5rem !important;padding-top:.5rem !important;}
.nav-topbar {background-color:#ac2330;padding-bottom:.8rem !important;padding-top:.8rem !important;background-image:url(../images/head-bg.png);background-repeat:no-repeat;background-position:0 70%;background-size:cover;}
.nav-mainbar .btn{position: relative;font-size:.75rem;padding:0;color:#a0a0a0;}
.nav-mainbar .fas,.nav-mainbar .far {font-size:1.8rem;color:#ffcc00;}
.nav-mainbar .btn.active {color:#000000;}
.nav-mainbar .active .fas,.nav-mainbar .active .far {color:#000000;}
.nav-mainbar .btn-home {width: 4.2rem;color:#000000;margin-top:-1.2rem;border-radius:3rem;background-color:#ffcc00;padding:.7rem 0rem;line-height:1;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.nav-mainbar .btn-home .fas {color:#ac2330;}
.nav-topbar .btn {font-size:.8rem;padding-left:1rem;padding-right:1rem;}
.nav-topbar .btn .fas {position:relative !important;font-size:2rem;vertical-align:middle;color:rgba(255,204,0,1);}

.nav-topbar .btn-none .fas {color: rgba(255,204,0,0);}

.nav-topbar h5 {font-size: 1.35rem !important;line-height:1.7;color:rgba(255,255,255,1)}
.nav-topbar .col-sm-1 {max-width:51px;}

.fa-lc-icon .fas {font-size:1.5rem;color:#006ba9;}

/*個人資料 iddataform*/
.iddataform label {font-size:.8rem;}
.iddataform .form-control {background-color:#fff9df;border:1px solid #ffffff;border-radius:0;}

.infoform a {color:#ac2330 !important;}

.qrcode-bg {background-color:#ffffff;}
#QRcode canvas {width:100%;height:auto;}

/*團體課程 gc-nav-pills*/
.gc-nav-pills li{width:50%;text-align:center;}
.gc-nav-pills .nav-link {color:#6b6a64;background-color:#f4f2e9;}
.gc-nav-pills .nav-link.active, .gc-nav-pills .show > .nav-link {color: #000000;background-color: #ffcc00;}
.gc-nav-pills .nav-link {border-radius:0;}

.gj-modal .gj-picker-bootstrap {color: #000;}
.gj-datepicker-bootstrap .form-control,.gj-datepicker-bootstrap [role="right-icon"] button {border:0 !important;border-bottom:1px solid #ced4da !important;}
.gj-datepicker-bootstrap .form-control {border-radius:0 !important;}
.gj-datepicker-bootstrap [role="right-icon"] button {width:auto !important;}
.gj-datepicker-bootstrap [role="right-icon"] button.btn{font-size:1.5rem;padding:0;padding-right:.4rem;}
.gj-datepicker [role="right-icon"] {background-color: #fff;}

.col-courseweek {padding:0;margin:0;}
.col-courseweek li {list-style:none;display:inline-block;border-radius:1.2rem !important;width:10%;text-align:center;margin-right:5%;background-color:rgba(255,204,0,.2);padding:0.4rem 0;cursor:pointer}
.col-courseweek li:last-child {margin-right:0;}
.col-courseweek li.active {color:#000000;background-color:rgba(255,204,0,1);}
.col-courseweek li:hover {background-color:rgba(255,204,0,1);}

.list-group.list-course {border-radius: 0;}
.list-course {line-height:1.3;}
.list-course p {margin:0;margin-top:.3rem;}
.list-course hr {height:0;padding:0;margin:0;}
.list-course .row {padding:1rem 0;}
.list-course .course-time {display:inline-block;font-size:.8rem;color:#ac2330;color:#645443;}
.list-course .course-time .fas {color:#006ba9;}
.list-course .course-tag {display:block;font-size:.8rem;background-color:#645443;color:#ffffff;padding:0.1rem 1rem;}
.list-course .course-coach {font-size:1rem;color:#0006d1;}
.list-course a {color:#ac2330 !important;font-size:1.3rem;font-weight:bold;}

.btn-today .fa-calendar-day{font-size:1.2rem;margin-right:.3rem;vertical--align:middle;}
.btn-today {color: #ffffff;background-color:#eb6100;border-color:#eb6100;border-radius:.25rem;}
.btn-today:hover {color:#4f85c3;background-color: #ffffff;border-color: #ffffff;}

/* 教練 */
.col-head {background-color:#bb351b;heig-ht:130px;max-height:150px;background-image:url(../images/head-bg.png);background-repeat:no-repeat;background-position:0 80%;background-size:cover;margin-left:auto;margin-right:auto;}

.col-head .nav-topbar .btn .fas {color:rgba(255,204,0,1);}

.col-head .nav-topbar {background-color: transparent !important;background-image: none !important;padding-bottom: .5rem !important;padding-top: .5rem !important;}
.col-head h5 {color:#ffffff !important;}
.col-teac-head {font-size:1.2rem;color:#ffffff;}
.col-teac-head .fa-chalkboard-teacher {font-size:1.2rem;}
.col-teac-head font {font-size:2.5rem;line-height:0;}
.col-teac-head span.tname {display:inline-block;}
.col-teac-head p {font-size:.8rem;margin:0;}
.pth-list {border--bottom:1px solid #e5e5e5;line-height:1 !important;cursor:pointer;}
.pth-list hr{border-top:1px solid #ffcc00}
.pth-list p {font-size:1.2rem;}
.pth-list span.rating1 {font-size:.9rem;color:rgba(172, 35, 48);font-weight:bold;margin-top:-.3rem;display:inline-block;vertical-align:middle;}
.pth-list span.rating2 {font-size:.9rem;color:rgba(127, 45, 0);padding-left:1rem;margin-top:-.3rem;display:inline-block;vertical-align:middle;}
.pth-list span.rating3 {font-size:.9rem;color:rgba(252, 215, 3);padding-left:1rem;margin-top:-.3rem;display:inline-block;vertical-align:middle;}
.pth-list span.rating2 .fas, .pth-list span.rating3 .fas {margin-right:.2rem;}
.pth-list .fa-user-clock {color:#ac2330;}
.pth-list .pth-date {color:#0c10a1;}
#pth-Modal label {color:#0c10a1;}
#pth-Modal .modal-title {font-size:1.3rem;}
#pth-Modal output {color:#ac2330;font-weight:bold;}
#pth-Modal #hardReview i {margin-right:.35rem;}
.coach-item {padding-bottom:1.5rem;cursor:pointer}
.coach-item h5 {text-align:center;}
.coach-icon {position:absolute;top:-3px;left:12px;z-index:11;}
.coach-rec-icon {position:absolute;bottom:62px;right:15px;z-index:11;font-size:1.5rem;color:#ff2cd5;}

.col-head .btn-submit {color: #fff;background-color: #30290d;border-color: #30290d;height:100%;}
.col-head .btn-submit:hover {color: #30290d;background-color: #ffcc00;border-color: #ffcc00;}
.col-pt130 {padding-top:130px;}

.btn-outline-search {color: #495057;background-color:#ffffff;border: 1px solid #ced4da;border-left:0;border-radius: .25rem;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.notify-link {cursor:pointer;}
.notify-link .nttab span {font-size:.9rem;color:#ffffff;padding:.8rem .5rem;border-radius:3rem;}
.notify-link .nttab span {font-size:.9rem;color:#ffffff;padding:.3rem .5rem;border-radius:0rem;border-radius: 1rem;}
.notify-link .nttab span.nti1 {background-color:#dc3545;}
.notify-link .nttab span.nti2 {background-color:#28a745;}
.notify-link .nttab span.nti3 {background-color:#007bff;}
.notify-link .nttab span.nti4 {background-color:#00D9FF;background-color:#ae249f;}
.notify-link .nttab span.nti5 {background-color:#BF00FF;}
.notify-link .nttab span.nti6 {background-color:#00D9FF;}
.notify-link .nttab span.notify-date {color:#000000;}
.notify-date {font-size:.8rem;}
.notify-tit {margin:0;line-height:1.3;padding-bottom:.5rem;}
.notify-tit .course-info {display:block;width:100%;font-size:.9rem;background-color:#ac2330;color:#ffffff;padding:.2rem .5rem;}
.notify-tab-content hr {margin-top:.5rem !important;margin-bottom:.5rem !important;}

.notify-tit font[color='blue'] {color:#7ecef4;}
.notify-tit font[color='green'] {color:#ff842b;}

#pills-read p,#pills-readed p, .news-list p {font-size:1rem;line-height:1.2;margin:0;}
#pills-read hr,#pills-readed hr, .news-list hr, .list-hr {border-top: 1px solid rgb(0,0,0,.5) !important;margin-top:.5rem;margin-bottom:.5rem;}
#pills-readed,.col-readed {color:rgba(0,0,0,.5);}
#pills-readed img {opacity: 0.5;}
.news-list .fa-newspaper {font-size:1.5rem;color:#eb6100;}

.file-archive {margin:0;padding:1rem;list-style:none;margin-top:1rem;border:1px solid rgba(235,97,0,.3);}
.file-archive li {position:relative;padding-left:1.4rem;margin-bottom:1rem;}
.file-archive li:last-child {margin-bottom:0;}
.file-archive li .fa-file-archive {position:absolute;top:0;left:0;font-size:1.4rem;color:#eb6100;}
.file-archive a {color:#000000;}

.col-form-label {padding-top: calc(0.375rem + 1px) !important;padding-bottom: calc(0.375rem + 1px) !important;margin-bottom: 0 !important;font-size: inherit !important;line-height: 1.5 !important;}
.form-control-plaintext {border-bottom:1px solid #ced4da;border-radius:0;}
.planname {font-size:1.4rem;font-weight:bold;}

.invoice-list {padding---top:15px;padding---bottom:15px;border---bottom:1px solid #ced4da;cursor:pointer;}
.invoice-list p {position: relative;font-size:.7rem;margin:0;}
.invoice-list p span {position:absolute;right:0;top:-3px;padding:.1rem .4rem;border-radius:.5rem;color:#ffffff;}
.invoice-list p span.ivi1 {background-color:#dc3545;}
.invoice-list p span.ivi2 {background-color:#28a745;}
.invoice-list p span.ivi3 {background-color:#007bff;}
.invoice-list p span.ivi4 {background-color:#00D9FF;}
.invoice-list p span.ivi5 {background-color:#BF00FF;}
.invoice-list p span.ivi6 {background-color:#00D9FF;}
.invoice-list .inv-r {text-align:right;}

.invoice-list .ivtab span {display:inline-block;width:3rem;font-size:.9rem;color:#ffffff;padding:.8rem .5rem;border-radius:3rem;text-align:center;}
.invoice-list .ivtab span.ivi1 {background-color:#dc3545;}
.invoice-list .ivtab span.ivi2 {background-color:#28a745;}
.invoice-list .ivtab span.ivi3 {background-color:#007bff;}
.invoice-list .ivtab span.ivi4 {background-color:#00D9FF;}
.invoice-list .ivtab span.ivi5 {background-color:#BF00FF;}
.invoice-list .ivtab span.ivi6 {background-color:#00D9FF;}

.invoice-list .ivtab span.ivi {font-size:1.8rem;background-color:#eb6100;padding:.2rem 0;color:#ffffff;}

.invoice-view h4 {font-size:1.6rem;font-weight:bold;text-align:center;}
.invoice-view h3 {font-size:2rem;font-weight:bold;text-align:center;}
.invoice-view .col-li {font---size:1.2rem;}
.invoice-view .col-li p {font-size:1rem;}

.pr-45, .px-45 {padding-right: 2rem !important;}
.valid-fb {display: block;width: 100%;margin-top: .25rem;font-size: 80%;color: #28a745;}
.invalid-fb {display: block;width: 100%;margin-top: .25rem;font-size: 80%;color: #dc3545;}

.plan-list {-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);}
.plan-list .card-body {padding:1rem !important;}
.plan-list .card-text {font-size:0.8rem;color:#000000;}
.plan-list .card-title {font-weight:bold;color:#000000;}
.tab-type {font-size:.9rem;color:#ffffff;padding:.1rem .8rem;border-radius:1rem;margin-bottom:.5rem;display:inline-block;}
.type1 {background-color:#a100b9;}
.type2 {background-color:#28a745;}
.type3 {background-color:#007bff;}

.col-contract p {margin:0;}

/* 預約教練 */
.coach-booking-head div[class^='col']{white-space: nowrap;padding-right:.3rem;padding-left:.3rem;padding-top:.3rem;padding-bottom:.3rem;text-align:center;}
.coach-booking-head .row {margin-right:-.3rem;margin-left:-.3rem;}
.coach-booking-head .cw {color:#ffffff;}

.coach-booking-head .btn {
	width:100%;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255,204,0,1);
    border: 0 solid transparent;
    padding: .7rem 0;
    font-size: 1rem;
    line-height: 1;
    border-radius: 3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor:default !important;
}
.coach-booking-head .btn:hover {background-color: rgba(255,204,0,1);}
.coach-booking-head .btn.active {background-color: #ffcc00 !important;}

.coach-booking-list div[class^='col']{white-space: nowrap;padding-right:.3rem;padding-left:.3rem;padding-top:.3rem;padding-bottom:.3rem;text-align:center;border-left:1px solid #ffffff;border-bottom:1px solid #ffcdaa;line-height:1;display: -ms-flexbox !important;display: flex !important;-ms-flex-align: center !important;align-items: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.coach-booking-list div[class^='col'] a {color:rgba(0,0,0,.5) !important;}
.coach-booking-list div[class^='col']:hover a {color:#000000 !important;text-decoration: none;}
.coach-booking-list .row > div[class^='col']:nth-child(1n+2) {color:#ffffff;cursor:pointer;}
.coach-booking-list .row > div[class^='col']:nth-child(1n+2):hover {background-color: rgba(255,204,0,1);}
.coach-booking-list .row > div[class^='col']:nth-child(2n+2) {background-color: rgba(210,245,240,.2);}
.coach-booking-list .row {margin-right:-.3rem;margin-left:-.3rem;}
.coach-booking-list .row:nth-child(3n+3) div[class^='col'] {border-bottom:0px solid #ffffff;}
.coach-booking-list .row:nth-child(3n+3) {border-bottom:2px solid #eb6100;}
.coach-booking-list .bk,.coach-booking-list .bk:hover {color:#ffffff;background-color:#dc1c5e !important;}
.coach-booking-list .do,.coach-booking-list .do:hover {color:#ffffff;background-color:#e6dfd5 !important;border-bottom:1px solid #ffffff !important;cursor:no-drop !important;}
.coach-booking-list .row > .col-auto,.coach-booking-head .row > .col-auto {font-size:.9rem;width:56px !important;color:#ffffff;background-color: rgba(0,0,0,.5);}
.coach-booking-head .row > .col-auto {background-color:#ffffff;}

/* 設定 個人基本資料 profile-nav-pills*/

.profile-nav-pills {}

.profile-nav-pills li{text-align:center;border-left:1px solid transparent;border-right:1px solid transparent;}
.profile-nav-pills .nav-link {color:#6b6a64;background-color:#f4f2e9;}
.profile-nav-pills .nav-link.active, .profile-nav-pills .show > .nav-link {color: #000000;background-color: #ffcc00;}
.profile-nav-pills .nav-link {border-radius:0;}
.profile-nav-pills li:first-child,.profile-nav-pills li:last-child {border:0;}

.profile-form .tab-content {min-height:300px;}
.profile-form .fa-check {position: absolute;top:.5rem;right:.5rem;font-size:1.2rem;color:#28a745;}
.profile-form .fa-times {position: absolute;top:.5rem;right:.5rem;font-size:1.2rem;color:#dc3545;}
.profile-form label {margin-bottom: .3rem;}
.profile-form .custom-radio label {margin-bottom:0;}
.input-pr-2 {padding-right: 2rem !important;}
.card-edit .fa-trash-alt {position:absolute;top:9px;right:25px;z-index:12;font-size:1.25rem;color:#ac2330;}
.lab-span-color span {color:#db7878;}

#pills-loginid .custom-control-label::before {top: .25rem;height: 1.4rem;}
#pills-loginid .custom-switch .custom-control-label::before {width: 3rem;}
#pills-loginid .custom-switch .custom-control-label::after {top: calc(.25rem + 2px);left: calc(-3.1rem + 0px);width: calc(1rem - 0px);height: calc(1rem - -2px);border-radius: .4rem;}
#pills-loginid .custom-switch .custom-control-label::before {left: -3.25rem;}
#pills-loginid .custom-switch .custom-control-input:checked ~ .custom-control-label::after {-webkit-transform: translateX(1.75rem);transform: translateX(1.75rem);}

.col-credit .col {padding-right: 2px !important;padding-left: 2px !important;}
.col-credit .col:nth-child(1) {padding-left: 15px !important;}
.col-credit .col:nth-child(2) {padding-left: 15px !important;}
.col-credit .col:last-child {padding-right: 15px !important;}
.col-credit .form-control {padding: .375rem .375rem !important;text-align:center;}

.col-plancredit .cct {padding-right: 2px !important;padding-left: 2px !important;}
.col-plancredit .cct:nth-child(2) {padding-left: 15px !important;}
.col-plancredit .cct:last-child {padding-right: 15px !important;}
.col-plancredit .form-control {text-align:center;padding: .375rem .375rem;}

/* FAQ faq-list*/
.faq-selbg {background-color:rgba(238,238,238,1);}

.faq-list {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;}
.faq-list li {position: relative;display: block;padding: .75rem 1.25rem;padding-left:1.8rem;background-color:rgba(51,0,14,0);border-bottom: 1px solid rgba(0,0,0,.125);}
.faq-list li .fa-quora {position:absolute;left:4px;top:13px;font-size:1.4rem;color:#eb6100;}
.faq-list li a {color:#000000;}
.modal .modal-content {color:#000000;}

/* Banner modal full screen */
.modal-banner-dialog {max-width: 100% !important;max-height: 100% !important;margin: 0;padding: 0;}
.modal-banner-content {height: auto;min-height: 100% !important;border-radius: 0;background--color:#000000;}
button.banner-close {padding: 0;background-color:#000000;border:2px solid #ffffff;}
.banner-close {position: absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;float: right;font-size:2rem;font-weight:700;line-height:0;color:#ffffff;opacity:1;border-radius:2rem;}
.modal-banner-body {padding:0;}
.img-banner-fluid {max-width: 100%;height: auto;width: 100%;}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.w-md-maxwidth, .col-head {max-width:500px;}
}/* END Medium devices */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}/* END Extra small */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.nav-topbar {max-width:100%;margin-left:0;margin-right:0;}
	.modal-xl {max-width: 1140px;}
}/* END Small devices */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.nav-topbar {max-width:100%;margin-left:0;margin-right:0;}
}/* END Medium devices */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.nav-topbar {max-width:100%;margin-left:0;margin-right:0;}
}/* END Large devices */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.nav-topbar {max-width:100%;margin-left:0;margin-right:0;}
	.modal-xl {max-width: 450px;}
}/* END Extra large devices */


@media (max-width: 575.98px) {
	.m-xs-0 {margin: 0 !important;}.mt-xs-0,.my-xs-0 {margin-top: 0 !important;}.mr-xs-0,.mx-xs-0 {margin-right: 0 !important;}.mb-xs-0,.my-xs-0 {margin-bottom: 0 !important;}.ml-xs-0,.mx-xs-0 {margin-left: 0 !important;}.m-xs-1 {margin: 0.25rem !important;}.mt-xs-1,.my-xs-1 {margin-top: 0.25rem !important;}.mr-xs-1,.mx-xs-1 {margin-right: 0.25rem !important;}.mb-xs-1,.my-xs-1 {margin-bottom: 0.25rem !important;}.ml-xs-1,.mx-xs-1 {margin-left: 0.25rem !important;}.m-xs-2 {margin: 0.5rem !important;}.mt-xs-2,.my-xs-2 {margin-top: 0.5rem !important;}.mr-xs-2,.mx-xs-2 {margin-right: 0.5rem !important;}.mb-xs-2,.my-xs-2 {margin-bottom: 0.5rem !important;}.ml-xs-2,.mx-xs-2 {margin-left: 0.5rem !important;}.m-xs-3 {margin: 1rem !important;}.mt-xs-3,.my-xs-3 {margin-top: 1rem !important;}.mr-xs-3,.mx-xs-3 {margin-right: 1rem !important;}.mb-xs-3,.my-xs-3 {margin-bottom: 1rem !important;}.ml-xs-3,.mx-xs-3 {margin-left: 1rem !important;}.m-xs-4 {margin: 1.5rem !important;}.mt-xs-4,.my-xs-4 {margin-top: 1.5rem !important;}.mr-xs-4,.mx-xs-4 {margin-right: 1.5rem !important;}.mb-xs-4,.my-xs-4 {margin-bottom: 1.5rem !important;}.ml-xs-4,.mx-xs-4 {margin-left: 1.5rem !important;}.m-xs-5 {margin: 3rem !important;}.mt-xs-5,.my-xs-5 {margin-top: 3rem !important;}.mr-xs-5,.mx-xs-5 {margin-right: 3rem !important;}.mb-xs-5,.my-xs-5 {margin-bottom: 3rem !important;}.ml-xs-5,.mx-xs-5 {margin-left: 3rem !important;}.p-xs-0 {padding: 0 !important;}.pt-xs-0,.py-xs-0 {padding-top: 0 !important;}.pr-xs-0,.px-xs-0 {padding-right: 0 !important;}.pb-xs-0,.py-xs-0 {padding-bottom: 0 !important;}.pl-xs-0,.px-xs-0 {padding-left: 0 !important;}.p-xs-1 {padding: 0.25rem !important;}.pt-xs-1,.py-xs-1 {padding-top: 0.25rem !important;}.pr-xs-1,.px-xs-1 {padding-right: 0.25rem !important;}.pb-xs-1,.py-xs-1 {padding-bottom: 0.25rem !important;}.pl-xs-1,.px-xs-1 {padding-left: 0.25rem !important;}.p-xs-2 {padding: 0.5rem !important;}.pt-xs-2,.py-xs-2 {padding-top: 0.5rem !important;}.pr-xs-2,.px-xs-2 {padding-right: 0.5rem !important;}.pb-xs-2,.py-xs-2 {padding-bottom: 0.5rem !important;}.pl-xs-2,.px-xs-2 {padding-left: 0.5rem !important;}.p-xs-3 {padding: 1rem !important;}.pt-xs-3,.py-xs-3 {padding-top: 1rem !important;}.pr-xs-3,.px-xs-3 {padding-right: 1rem !important;}.pb-xs-3,.py-xs-3 {padding-bottom: 1rem !important;}.pl-xs-3,.px-xs-3 {padding-left: 1rem !important;}.p-xs-4 {padding: 1.5rem !important;}.pt-xs-4,.py-xs-4 {padding-top: 1.5rem !important;}.pr-xs-4,.px-xs-4 {padding-right: 1.5rem !important;}.pb-xs-4,.py-xs-4 {padding-bottom: 1.5rem !important;}.pl-xs-4,.px-xs-4 {padding-left: 1.5rem !important;}.p-xs-5 {padding: 3rem !important;}.pt-xs-5,.py-xs-5 {padding-top: 3rem !important;}.pr-xs-5,.px-xs-5 {padding-right: 3rem !important;}.pb-xs-5,.py-xs-5 {padding-bottom: 3rem !important;}.pl-xs-5,.px-xs-5 {padding-left: 3rem !important;}.m-xs-n1 {margin: -0.25rem !important;}.mt-xs-n1,.my-xs-n1 {margin-top: -0.25rem !important;}.mr-xs-n1,.mx-xs-n1 {margin-right: -0.25rem !important;}.mb-xs-n1,.my-xs-n1 {margin-bottom: -0.25rem !important;}.ml-xs-n1,.mx-xs-n1 {margin-left: -0.25rem !important;}.m-xs-n2 {margin: -0.5rem !important;}.mt-xs-n2,.my-xs-n2 {margin-top: -0.5rem !important;}.mr-xs-n2,.mx-xs-n2 {margin-right: -0.5rem !important;}.mb-xs-n2,.my-xs-n2 {margin-bottom: -0.5rem !important;}.ml-xs-n2,.mx-xs-n2 {margin-left: -0.5rem !important;}.m-xs-n3 {margin: -1rem !important;}.mt-xs-n3,.my-xs-n3 {margin-top: -1rem !important;}.mr-xs-n3,.mx-xs-n3 {margin-right: -1rem !important;}.mb-xs-n3,.my-xs-n3 {margin-bottom: -1rem !important;}.ml-xs-n3,.mx-xs-n3 {margin-left: -1rem !important;}.m-xs-n4 {margin: -1.5rem !important;}.mt-xs-n4,.my-xs-n4 {margin-top: -1.5rem !important;}.mr-xs-n4,.mx-xs-n4 {margin-right: -1.5rem !important;}.mb-xs-n4,.my-xs-n4 {margin-bottom: -1.5rem !important;}.ml-xs-n4,.mx-xs-n4 {margin-left: -1.5rem !important;}.m-xs-n5 {margin: -3rem !important;}.mt-xs-n5,.my-xs-n5 {margin-top: -3rem !important;}.mr-xs-n5,.mx-xs-n5 {margin-right: -3rem !important;}.mb-xs-n5,.my-xs-n5 {margin-bottom: -3rem !important;}.ml-xs-n5,.mx-xs-n5 {margin-left: -3rem !important;}.m-xs-auto {margin: auto !important;}.mt-xs-auto,.my-xs-auto {margin-top: auto !important;}.mr-xs-auto,.mx-xs-auto {margin-right: auto !important;}.mb-xs-auto,.my-xs-auto {margin-bottom: auto !important;}.ml-xs-auto,.mx-xs-auto {margin-left: auto !important;}
	.d-xs-none {display: none !important;}.d-xs-inline {display: inline !important;}.d-xs-inline-block {display: inline-block !important;}.d-xs-block {display: block !important;}.d-xs-table {display: table !important;}.d-xs-table-row {display: table-row !important;}.d-xs-table-cell {display: table-cell !important;}.d-xs-flex {display: -ms-flexbox !important;display: flex !important;}.d-xs-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important;}
	.text-xs-left {text-align: left !important;}.text-xs-right {text-align: right !important;}.text-xs-center {text-align: center !important;}
	.col-xs {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}.row-cols-xs-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}.row-cols-xs-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}.row-cols-xs-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}.row-cols-xs-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}.row-cols-xs-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}.row-cols-xs-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}.col-xs-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;}.col-xs-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}.col-xs-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}.col-xs-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}.col-xs-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}.col-xs-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}.col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}.col-xs-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}.col-xs-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}.col-xs-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}.col-xs-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}.col-xs-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}.col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}.order-xs-first {-ms-flex-order: -1;order: -1;}.order-xs-last {-ms-flex-order: 13;order: 13;}.order-xs-0 {-ms-flex-order: 0;order: 0;}.order-xs-1 {-ms-flex-order: 1;order: 1;}.order-xs-2 {-ms-flex-order: 2;order: 2;}.order-xs-3 {-ms-flex-order: 3;order: 3;}.order-xs-4 {-ms-flex-order: 4;order: 4;}.order-xs-5 {-ms-flex-order: 5;order: 5;}.order-xs-6 {-ms-flex-order: 6;order: 6;}.order-xs-7 {-ms-flex-order: 7;order: 7;}.order-xs-8 {-ms-flex-order: 8;order: 8;}.order-xs-9 {-ms-flex-order: 9;order: 9;}.order-xs-10 {-ms-flex-order: 10;order: 10;}.order-xs-11 {-ms-flex-order: 11;order: 11;}.order-xs-12 {-ms-flex-order: 12;order: 12;}.offset-xs-0 {margin-left: 0;}.offset-xs-1 {margin-left: 8.333333%;}.offset-xs-2 {margin-left: 16.666667%;}.offset-xs-3 {margin-left: 25%;}.offset-xs-4 {margin-left: 33.333333%;}.offset-xs-5 {margin-left: 41.666667%;}.offset-xs-6 {margin-left: 50%;}.offset-xs-7 {margin-left: 58.333333%;}.offset-xs-8 {margin-left: 66.666667%;}.offset-xs-9 {margin-left: 75%;}.offset-xs-10 {margin-left: 83.333333%;}.offset-xs-11 {margin-left: 91.666667%;}
	.w-xs-25 {width: 25% !important;}.w-xs-50 {width: 50% !important;}.w-xs-75 {width: 75% !important;}.w-xs-100 {width: 100% !important;}.w-xs-auto {width: auto !important;}
}

/* swiper-bundle.css */
:root {
  --swiper-theme-color: #ffffff !important;
}