body, html{font-family: 'Roboto','微軟正黑體', sans-serif, Lao UI, Geneva, Tahoma, Verdana, Arial,Lato !important;color:#ffffff;}
body {background-color:#000000;background---image:url(../images/page-bg.jpg);background-repeat:no-repeat;background-size:100% auto;padding:0;}
.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;}

/* NavBar */
.main-navbar {background-color:rgba(0,0,0,1);margin-top:1.5rem;}
.main-navbar .navbar {padding: .5rem 0;font-size:1.2rem;}
.main-navbar .bg-light {background-color:transparent !important;}
.main-navbar .navbar-light .navbar-nav .nav-link {color: rgba(255, 255, 255);}
.main-navbar .navbar-expand-lg .navbar-nav .nav-link {padding-right: .8rem;padding-left: .8rem;}
.main-navbar .dropdown-menu {top:95%;left:.8rem;color:#ffffff;min-width: auto;background-color: #d7171f;background-clip: padding-box;border-radius: 0;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;font-size:1.2rem;}
.main-navbar .dropdown-item{color:#ffffff;padding: .25rem 1rem;}
.main-navbar .dropdown-item:hover {color:#ffffff;background-color:#000000 !important;}

.main-footer {margin---top:5rem;}
.footer-topline {border---top:6px solid #d7171f;}
.col-footer {-ms-flex: 0 0 12.5% !important;flex: 0 0 12.5% !important;max-width: 12.5% !important;}
.col-footer p {font-weight:600;margin:0;color:#d7171f;}
.col-footer a {display:block;font-size:.9rem;color:#ffffff;}
.col-footer p a {font-size:1rem;}
.col-footer a:hover, .col-footer p a:hover {color:#d7171f;}
.footer-bottom {font-size:.9rem;color:#ffffff;background-color:#d7171f;background-color:#000000;border-top:1px solid #434343;}
.footer-bottom a, .footer-bottom a:hover {color:#d7171f;}
.footer-bottom a.footer-link {display:inline-block;width:2rem;height:2rem;border-radius:15px;background--color:#ffffff;text-align:center;margin-right:.7rem;margin-top:.3rem;}
.footer-bottom a.footer-link:hover {}
.footer-bottom a.footer-link .fab {font-size:1.4rem;color:#959595;line-height:1.4;}
.footer-bottom a.footer-link:hover .fab {color:#b4000d;}

.footer-bottom a.footer-link-fb{background:url(../images/footer-link-fb-a.png);background-repeat:no-repeat;}
.footer-bottom a.footer-link-fb:hover{background:url(../images/footer-link-fb-b.png);}
.footer-bottom a.footer-link-ig{background:url(../images/footer-link-ig-a.png);background-repeat:no-repeat;}
.footer-bottom a.footer-link-ig:hover{background:url(../images/footer-link-ig-b.png);}
.footer-bottom a.footer-link-yt{background:url(../images/footer-link-yt-a.png);background-repeat:no-repeat;}
.footer-bottom a.footer-link-yt:hover{background:url(../images/footer-link-yt-b.png);}

.footer-copy {line-height:2.1;}
.footer-copy a {color:#ffffff;}
.footer-copy a:hover {color:#d7171f;}

.footer-free {font-size:1.3rem;font-weight:bold;background-color:#d7171f;text-align:center;}
.footer-free-div{display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;cursor: pointer;}
.footer-free .ff-text1,.footer-free .ff-text2,.footer-free .ff-text3 {position: relative;}
.footer-free .ff-text1 {font-size:2.3rem;}
.footer-free .ff-text2 {font-size:1.5rem;padding:0 1.5rem;}
.footer-free .ff-text4 {font-size:1.5rem;position: relative;color:#d7171f;width: 200px;display:block;padding:1.3rem 0;}

.footer-free .ff-text3 .ff-wbg::before {
width: 180px;
height: 130px;
font-size: 25px;
font-weight: 700;
background-color:#ffffff;}

.footer-free .ff-text3 .ff-wbg::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
-moz-transform: skew(-15deg, 0deg);
-o-transform: skew(-15deg, 0deg);
-ms-transform: skew(-15deg, 0deg);
-webkit-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}

.btn-more {color: #fff;border-color: #c42251;padding: .375rem 1.5rem;border-radius:1.2rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c42251+0,ff425b+100 */
background: #c42251; /* Old browsers */
background: -moz-linear-gradient(left,  #c42251 0%, #ff425b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c42251 0%,#ff425b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c42251 0%,#ff425b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42251', endColorstr='#ff425b',GradientType=1 ); /* IE6-9 */
}
.btn-more:hover {color: #fff;background-color: #84000a;border-color: #c42251;}

.navbar-light .navbar-toggler {color: rgba(255,255,255,1);background-color:rgba(215,23,31,1);border-color: rgba(215,23,31,1);}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler { position:absolute;top:0;right:-1rem;padding:.8rem .5rem; border-radius:0rem;}

.main-banner {margin-top:16px;}
.carousel-control-prev,.carousel-control-next {font-size:5rem;}
.carousel-control-next, .carousel-control-prev {width:10% !important;}

.home-news, .home-coach {padding:4rem 0;}
.col-title {height:3.8rem;font-weight:bold;text-align:center;margin-bottom:2.5rem;background-image:url(../images/home-titbg.png);background-position:0 100%;background-repeat:repeat-x;}
.col-title img {width:20px;vertical-align:middle;margin:0 1rem;margin-top:-.5rem;}
.home-news-img {position: relative;}
.home-news-img .news-tag{position:absolute;left:13px;bottom:0;width:70px;height:28px;color:#ffffff;padding:3px;padding-left:12px;background-image:url(../images/home-news-tagbg.png);background-repeat:no-repeat;background-position:100% 0;}
.swiper-pagination {position: relative;width:100%;height:1rem;text-align:center;margin-top:1.5rem;margin-bottom:2.5rem;}
.home-news .swiper-slide .swiper-link{border:1px solid #eeeeee;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);cursor: pointer;}
.home-coach .swiper-slide .swiper-link {cursor: pointer;}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 0;background: #ffffff;opacity:1;}
.swiper-pagination-bullet-active {opacity: 1;background-color:#d7171f;}
.home-news .swiper-slide h2 {font-size:1.3rem;font-weight:bold;}
.home-news .swiper-slide p {font-size:.9rem;margin:0;}

.home-free {height:492px;background-image:url(../images/home-free-bg.gif);background-repeat:no-repeat;background-position:center !important;}
.home-free-pt {padding-top:8rem;}
.home-free .col {padding-top:3rem;padding-bottom:3rem;background-color:rgba(215, 23, 31, 0.8);}
.home-free .col h2 {font-size:3rem;font-weight:bold;}
.home-free .col p {color:#ffffff;margin:0;}

.text-dark {color: #000000 !important;}
/* PAGES */
.page-title span {color:#000000;position: relative;display:inline-block;width:600px;height:70px;font-size:2.2rem;font-weight:bold;line-height:2;background-image:url(../images/pagrtitlebg.png);background-repeat:no-repeat;}
.page-title .o {display:none;position:absolute;left:50%;bottom:-9px;width:30px;height:18px;margin-left:-15px;background---color:#b4000d;}

.page-body {color: #000000 !important;background-color:#ffffff;}
.h7{font-size:0.75rem !important;}
.h8{font-size:0.5rem !important;}
.page-free-body {background-image:url(../images/free-img.jpg);background-repeat:no-repeat;background-position:top right;background-size:cover;}
.text-lg {font-size:1.7rem;font-weight:bold;}
.free-text {color:#ffffff;padding:3rem;background-color:rgba(215,23,31,0.9);margin-top:5rem;margin-bottom:1rem;}
.free-form {color:#000000;background-color:rgba(255,255,255,0.9);margin-bottom:5rem;}
.program-txt {padding:5rem 0;background-image:url(../images/program-img.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:100%;}
.program-txt span {display:inline-block;color:#ffffff;background-color:rgba(215,23,31,0.9);padding:3rem;}
.col-about-eqm sp--an {position:absolute;top:-30px;left:50%;display:inline-block;font-size:1.4rem;font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.3rem 1.5rem;margin-left:-80px;}
.col-about--------------eqm [class^=col] {padding:0;}
.col-about-eqm h4 {position: relative;font-weight:600;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:2px solid #b4000d;}
.col-about-eqm h4 .tit-o {position:absolute;left:50%;bottom:-9px;width:20px;height:15px;margin-left:-10px;background-color:#b4000d;}



.col-about-eqm div[class*=popup-] {}
.col-about-eqm div[class*=popup-] a[class^=col-] {height:184px;overflow: hidden;margin-bottom:1rem;margin-left:auto;margin-right:auto;}
.col-about-eqm div[class*=popup-] a[class^=col-] img {width:100%;}

.col-news-list {margin-bottom:2rem;}
.col-news-list h2 {font-size:1.4rem;font-weight:bold;margin-top:.5rem;}
.col-news-img {width:171px;height:200px;overflow: hidden;}
.col-news-img img{height:200px;transition: transform .2s;}
.col-news-list .news-date {color:#959595;padding-left:.5rem;}
.col-news-list .news-tag {font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.2rem .3rem;}
.col-news-list:hover,.col-news-list:hover h2,.col-news-list:hover .news-date,.col-news-list:hover .news-text {color:#b4000d;cursor: pointer;}
.col-news-list:hover .col-news-img img{transform: scale(1.2);}
.pagination {border-radius:0;margin:0;}
.pagination li {margin:0 .5rem;}
.page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #000000;background-color: #fff;border:0;border-bottom: 4px solid #ffffff;}
.page-link:hover {z-index: 2;color: #b4000d;text-decoration: none;background-color: #ffffff;border-color: #b4000d;}
.page-item.disabled .page-link {color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;border:0;}
.page-item.active .page-link {z-index: 3;color: #ffffff;background-color: #707070;border-color: #b4000d;}
.page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;}
.page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0;}

.col-news-content h2 {font-weight:bold;margin-top:1rem;}
.col-news-content hr {border-bottom:1px solid #b4000d;}
.col-news-content .news-date {color:#959595;padding-left:.5rem;}
.col-news-content .news-tag {font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.2rem .3rem;}

.col-course-tag {position:absolute;bottom:0;left:15px;z-index:2;font-size:1.2rem;font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.3rem 1rem;padding-right:1.5rem;line-height:1.4;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.col-course-tagnew {display:inline-block;font-size:1rem;font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.3rem 1rem;padding-right:1.5rem;line-height:1.4;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;margin-top:.5rem;}
.col-course-list h4 {height:65.6px;}
.col-course-img .imgbox{width:474px;height:237px;overflow: hidden;}
.col-course-list img{transition: transform .2s;}
.col-course-list:hover .col-course-img img{transform: scale(1.2);}
.col-course-list:hover,.col-course-list:hover h4 {color:#b4000d;cursor: pointer;}
.col-course-list:hover .col-course-tag {background-color:#1d2088;}

.col-course-tag2 {font-size:1.2rem;font-weight:bold;color:#ffffff;background-color:#b4000d;padding:.3rem 1rem;padding-right:1.5rem;line-height:1.4;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;}

.col-coach-list {cursor: pointer;}
.col-coach-list .coachpic {width:231px;height:248px;overflow: hidden;}
.col-coach-list .coachpic img{transition: transform .2s;}
.col-coach-list:hover .coachpic img{transform: scale(1.2);}

.col-coach-list .coachname {position:absolute;bottom:-.8rem;left:0;z-index:2;width:100%;text-align:center;}
.col-coach-list .coachname span {display:inline-block;padding:.3rem 1rem;background-color:#ffd200;background-color:#ffffff;border-radius:2rem;font-weight:bold;-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.7);}
.col-coach-list:hover .coachname span {color:#ffd200;color:#ffffff;background-color:#b4000d;}
#coachModal .modal-dialog {max-width: 650px;}
#coachModal .col-close {position:absolute;top:-1rem;right:-1rem;z-index:1051;background-color:#ffffff;border-radius:2rem;}
#coachModal .col-close .close {font-size: 2.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity:1;}
#coachModal .modal-content {background-color:#000000;color:#ffffff;bor--der:1px solid #b4000d;background-image:url(../images/coach-info-bg.png);background-repeat:no-repeat;background-position:bottom right;}
#coachModal .ename {font-size:2.5rem;color:#ffff00;border-bottom:1px solid #d7171f;padding-bottom:.5rem;margin-bottom:1rem;}
#coachModal .col-txt {color:#ffffff;}

.col-train-list {margin-bottom:2rem;cursor: pointer;}
.col-train-list .hoverbox {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);text-align:center;cursor: pointer;}
.col-train-list:hover .hoverbox {display:inline-block;}
.col-train-list .hoverbox span {display:inline-block;padding:.3rem 1rem;border:1px solid #ffff00;color:#ffff00;margin-top:6.3rem;}
.col-train-list .hoverbox .fa-play-circle {font-size:6rem;color:#d7171f;margin-top:4.5rem;}
.col-train-list .thbn {position: relative;display:block;}
#videoModal .col-close {position:absolute;top:-1.3rem;right:-1.3rem;z-index:1051;background-color:#ffffff;border-radius:2rem;}
#videoModal .col-close.close {font-size: 2.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity:1;}
.col-train-list .tit-h5 {font-size:1.2rem  !important;margin-top:.7rem !important;}

.q-group {border:1px solid #eeeeee;padding:1.6rem 0;margin-bottom:1rem;-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3);}
.btn-nfaq {font-size:1.2rem;text-align:left;padding-left:2.9rem;padding-top:0;padding-bottom:0;position: relative;}
.btn-nfaq .fa-quora {position: absolute;top:0;left:12px;font-size:2rem;color:#b4000d;line-height:.7;margin-left:.2rem;margin-right:.3rem;margin-top:0rem;vertical-align:middle;}
.text-faq {padding-left:3rem;}

.poli-text h4 {margin-top:4rem;margin-bottom:1rem;color:#b4000d;}
.poli-text ol {list-style-type:disc;}

.course-nav {text-align:center;}
.course-nav .nav-tabs {border:0;margin-bottom:.5rem;}
.course-nav .nav-tabs .nav-item {margin-left:.3rem;margin-right:.3rem;}
.course-nav .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-radius:1.2rem;background-color:#B3B3B3;color: #000000;padding: .4rem 1.5rem;}
.course-nav .nav-tabs .nav-link:hover {color:#ffffff;background-color:#d89098;}
.course-nav .nav-tabs .nav-item.show .nav-link,.course-nav .nav-tabs .nav-link.active {color: #ffffff;border-color:transparent;border:0;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c42251+0,ff425b+100 */
background: #c42251; /* Old browsers */
background: -moz-linear-gradient(left,  #c42251 0%, #ff425b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c42251 0%,#ff425b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c42251 0%,#ff425b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42251', endColorstr='#ff425b',GradientType=1 ); /* IE6-9 */
}
.course-nav .nav-tabs,.course-nav .nav-tabs .nav-item {display:inline-block;}
.col-day {position: relative;width: 100%;-ms-flex: 0 0 14.28571428571429%;flex: 0 0 14.28571428571429%;max-width: 14.28571428571429%;}
.col-day a,.col-day a:visited,.col-day a:active {display:block;color:#000000;text-decoration: none;}

.col-th {background-color:#b4000d;color:#ffffff;text-align:center;border:1px solid #009e96;}
.col-row {padding:1rem .3rem;text-align:center;border:1px solid #009e96;}
.col-row h6 {font-size:1.2rem;font-weight:bold;}
.col-row span,.col-row p {display:block;margin:0;}
.col-row span {font-size:.8rem;}
.col-row p {margin-top:.3rem;}
.col-row .ic-new {position:absolute;top:2px;right:2px;z-index:2;}
.col-row .ic-free {position:absolute;top:-2px;left:-2px;z-index:2;}
.jbg {color:#000000;background-color:#ffffff;}
.mbg {color:#000000;background-color:#ffd9db;}
.thbg {background-color:#ffd9db;}
.col-time {width:100%;font-size:.8rem;color:#000000;background-color:#FFC2BB;border-radius:1rem;}
.col-day a:hover {color:#b4000d;}
.col-day a:hover .col-time {color:#000;background-color:#FFC2BB;}

.onlineform {position: relative;width:70%;margin:0 auto;border:1px solid #b4000d;padding:1.5rem 3rem;padding-top:3rem;border-radius:1rem;margin-bottom:5rem;}
.online-body {padding-top:5rem;}
.form-h4 {position:absolute;top:-2rem;left:2.4rem;font-size:1.8rem;font-weight:bold;background-color:#ffffff;padding:1rem .5rem;}
.form-h4 span {display:inline-block;font-size:1rem;color:#b4000d;vertical-align:middle;padding:.5rem .3rem;}
.form-h4 .fas {font-size:.3rem;color:#b4000d;padding:0 .3rem;margin-top:-.5rem;vertical-align:middle;}
.sred {color:#ff0000;}
.redcol {position:absolute;top:.5rem;right:1rem;font-size:.8rem;}
.onlinebg1 {background-image:url(../images/onlinebg1.png);background-repeat:no-repeat;background-position:100% 100%;background--size:100%;}
.onlinebg2 {background-image:url(../images/onlinebg2.png);background-repeat:no-repeat;background-position:100% 100%;background--size:100%;}
.onlinebg3 {background-image:url(../images/onlinebg3.png);background-repeat:no-repeat;background-position:100% 100%;background--size:100%;}

.rightsphoto {display:inline-block;width:150px;height:150px;border-radius:50rem;border:1px solid #009e96;background--color:#ffffff;margin-bottom:1rem;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,158,150,.6);-moz-box-shadow: 0px 0px 25px 0px rgba(0,158,150,.6);box-shadow: 0px 0px 25px 0px rgba(0,158,150,.6);}
.rphoto1 {background-image:url(../images/rp1.jpg);background-repeat:no-repeat;background-size:190%;background-position:80% 50%;}
.rphoto2 {background-image:url(../images/rp2.jpg);background-repeat:no-repeat;background-size:150%;background-position:40% 50%;}
.rphoto3 {background-image:url(../images/rp3.jpg);background-repeat:no-repeat;background-size:190%;background-position:50% 50%;}
.rphoto4 {background-image:url(../images/rp4.jpg);background-repeat:no-repeat;background-size:190%;background-position:80% 50%;}
.rphoto5 {background-image:url(../images/rp5.jpg);background-repeat:no-repeat;background-size:190%;background-position:80% 50%;}
.rphoto6 {background-image:url(../images/rp6.jpg);background-repeat:no-repeat;background-size:190%;background-position:80% 50%;}

.gamma-description h3 {font-weight:600 !important;}

.form-check-text {font-size:0.8rem;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
body {background-size: 150% auto;}
.navbar-toggler {bor--der:0;padd--ing:0;}
.main-navbar {margin-top:0;}
.main-navbar .navbar {margin-left: -1rem;margin-right: -1rem;}
.main-navbar .dropdown-menu {text-align: center;margin-bottom: 1rem;}
.col-footer {-ms-flex: 0 0 33.333333% !important;flex: 0 0 33.333333% !important;max-width: 33.333333% !important;margin-bottom:1rem;}
.home-free {height:492px;background-image:url(../images/home-free-m-bg.gif);background-repeat:no-repeat;background-position:87% 110%  !important;background-size:250% !important;}
.page-title {margin-bottom:1.5rem;}
.page-title span {color:#000000;width:100% !important;background-position:center;}
.page-free-body {background-size: 350%;}
.free-text {margin-top:0;margin-bottom:0;}
.program-txt {padding:0 0;}
.col-about-eqm [class^=col] {margin-bottom:2rem;}
.col-news-list {margin-bottom:0;}
.col-news-list .news-text {display:block;padding-bottom:1rem;margin-bottom:.5rem;border-bottom:1px solid #b4000d;}
.col-news-img {width:100%;text-align: center;}
.col-news-img img {margin:0 auto;}
.col-course-img .imgbox {width:auto;height: auto;overflow: hidden;}
.col-course-list h4 {height:auto;}
.col-coach-list .coachpic {width:auto;height:auto;overflow: hidden;}
.col-day {position: relative;width: 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.xs-j, .xs-m {border:1px solid #959595;}
.course-nav .nav-tabs .nav-link {padding: .5rem 1rem;}
.col-day a .col-time {color:#000;background-color:#FFC2BB;}

.onlineform {position: relative;width:100%;margin:0 auto;border:1px solid transparent;padding:1.5rem 0rem;padding-top:0;border-radius:0;margin-bottom:8rem;}
.form-h4 {position:absolute;top:-3rem;left:0rem;width:100%;font-size:1.7rem;font-weight:bold;background-color:#ffffff;padding:0;text-align:center;}
.redcol {position:absolute;top:-.8rem;right:0rem;font-size:.8rem;}

.onlinebg1 {background-image:url(../images/onlinebg1.png);background-repeat:no-repeat;background-position:0 100%;background--size:100%;}
.onlinebg2 {background-image:url(../images/onlinebg2.png);background-repeat:no-repeat;background-position:-200px 100%;background-size:1000px;}
.onlinebg3 {background-image:url(../images/onlinebg3.png);background-repeat:no-repeat;background-position:0 100%;background--size:100%;}

.gamma-buttons button {background:rgba(142, 250, 239, 0) !important;}
.gamma-nav span {height:100vh !important;top: 0 !important;margin-top: 0 !important;-webkit-transition: all 0s ease !important;-moz-transition: all 0s ease !important;-ms-transition: all 0s ease !important;-o-transition: all 0s ease !important;transition: all 0s ease !important;}
.gamma-nav span::before {margin-top:40vh !important;}

.gamma-single-view {height:100vh !important;}

.form-check-text {font-size:1rem;}

/* 手機版 課程星期選單 */

.day-body {padding-top:66px;}
.navbar-collapse {color:#000000;background-color:#ffffff;}
.main-navbar .navbar-light .navbar-nav .nav-link {color: rgba(0, 0, 0);}

.main-navbar .dropdown-menu {border-bottom-right-radius: 0px;border-bottom-left-radius:0px;}
.course-fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.main-navbar {background--color: rgba(255,255,255,1);}

.navbar-brand img {width:130px;}
.navbar-brand {padding-top:0;padding-bottom:0;}
nav#navigation {
left: 0;
top: 250px;
top:auto;
bottom:35px;
padding: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
position: fixed;
z-index:1500;
box-sizing: border-box;
}

ul.menu {width:100%;list-style: none;margin:0;padding:0;box-sizing: border-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
ul.menu li {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;outline: none;margin: 0;padding:0;box-sizing: border-box;color: #000;background-color:#DBDBDB;}
ul.menu li button {width:100%;display:block;text-align:center;text-decoration: none;color:#000000;padding:.5rem 0;border:1px solid #eeeeee;background-color: transparent;}
ul.menu li button:hover {color: #fff !important;background-color: #d7000f;}
ul.menu li button:focus { outline: none; }
.menusticky {position: fixed;top:66px !important;top:auto !important;bottom:35px !important;}
.active-day {background-color: #d7000f !important;color: #fff !important;border:1px solid #d7000f;}
.inactive { color: #000;background-color: transparent;}
.col-th {padding:.5rem 0;}
.col-day {position: relative;width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-day a, .col-day a:visited, .col-day a:active {float:left;}
.tab-pane div[id^='section_'] {padding-top:138px;padding-top:80px;border:1px solid #fff;}
.tab-pane div[id='section-_0'] {padding-top:80px;padding-top:30px;border:1px solid #fff;}

.footer-free .ff-text1,.footer-free .ff-text2,.footer-free .ff-text3 {display:block;}
.footer-free .ff-text1 {display:none;}
.footer-free .ff-text2 {padding:0 1rem;padding-left:0;}
.footer-free .ff-text4 {width: 145px;padding:1.3rem 0;}

.footer-free .ff-text3 .ff-wbg::before {width: 130px;}

}/* END Extra small */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.main-navbar .dropdown-menu {text-align: center;margin-bottom: 1rem;}
.col-footer {-ms-flex: 0 0 25% !important;flex: 0 0 25% !important;max-width: 25% !important;margin-bottom:1rem;}
.col-day {position: relative;width: 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.xs-j, .xs-m {border:1px solid #959595;}
.course-nav .nav-tabs .nav-link {padding: .5rem .5rem;}
.col-day a .col-time {color:#000;background-color:#FFC2BB;}



}/* END Small devices */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.col-footer {-ms-flex: 0 0 25% !important;flex: 0 0 25% !important;max-width: 25% !important;margin-bottom:1rem;}
}/* END Medium devices */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }/* END Large devices */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.main-navbar .navbar-nav {margin-right:-0.8rem;}
}/* 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;}}
@media (max-width: 575.98px) {.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;}}
@media (max-width: 575.98px) {.text-xs-left {text-align: left !important;}.text-xs-right {text-align: right !important;}.text-xs-center {text-align: center !important;}}
@media (max-width: 575.98px) {.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%;}}