@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC', sans-serif,'微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color: #282828;padding-top: 78px;/* background-color: var(--color-blue-light01); */  overflow-x: hidden;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
body:before{position: fixed;content:'';width: 100%;height: 100%;background: var(--color-blue-dark03);opacity: 0;top: 0;left: 0;z-index: 11;pointer-events: none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
body.needMask:before{opacity: .5;pointer-events: auto;}
body:not(:has(header)){padding-top: 0;}
body:has(.popUp.open){overflow:hidden;}
.needMask:before{position: fixed;content:'';width: 100%;height: 100%;background: var(--color-blue-dark03);opacity: .5;top: 0;left: 0;z-index: 0;pointer-events: none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;z-index: 2;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
.transi{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
/* a[href="javascript:;"]{cursor:initial}
a[href="javascript:;"]:hover{color: inherit;} */
.en{font-family: 'Quicksand', sans-serif;}
* img{backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
/* img{
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;	
} */
* figure{margin-bottom: 0;}
:root{
	--color-blue-light01:#E6F2F7;
	--color-blue-dark01:#0051A3;
	--color-blue-dark02:#000D85;
	--color-blue-dark03:#294675;
	--color-blue-light04:#E7F7FF;
	--color-red-dark:#A00002;
	--color-red-light:#E70003;
	--color-grey02:#EBEBEB;
	--color-grey03:#E8E8E8;
	--color-grey04:#D9D9D9;
	--color-grey05:#BBBBBB;
	--color-grey06:#838383;
	--color-black:#282828;
	--color-yellow:#FFFCD1;
	--color-yellow-dark:#FFEE96;
	--gradient-white: linear-gradient(90deg, rgb(255 255 255 / 0%), #ffffff, rgb(255 255 255 / 0%));
	--gradient-yellow: linear-gradient(90deg, #FFFEF4, #FFFAAD, #FFFEF4);
	--gradient-gold: linear-gradient(90deg, #CEA440, #AB7D33, #F0DDA2);
	--gradient-gold-light: linear-gradient(90deg, #FFD352, #DAA340);
	--gradient-blue: linear-gradient(180deg,#3DB1ED 0%,#0588CC 20%,#004993 100%);
	--gradient-blue-light: linear-gradient(180deg,#C2E2F1 0%,#E6F2F7 100%);
	--gradient-blue-dark: linear-gradient(90deg,#0588CC 0%,#3DB1ED 50%,#0588CC 100%);
	--gradient-red: linear-gradient(180deg, #E20003, #A00002);
	--gradient-red-light01: linear-gradient(180deg, #E46C6D, #D7354D);
	--gradient-orange-light01: linear-gradient(180deg, #FFBB57, #F39815);
	--college-red:linear-gradient(0deg, #B81212, #FF3434 80%, #FF6565);
	--college-blue:linear-gradient(0deg, #024197, #0291DD 80%, #3ABBFF);
	--college-orange:linear-gradient(180deg, #FFB979, #EA5501);
	--college-pink: linear-gradient(180deg, #FF67B9, #ab197c );
	--college-purple:linear-gradient(180deg, #AB7CE7, #5603BE);
	--college-green:linear-gradient(180deg, #40E16D, #008F28);
	--color-disable:linear-gradient(180deg, #E8E8E8, #9A979E);
	--box-shadow:0 1px 10px rgb(0 0 0 / 10%);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}
.blue{color: var(--color-blue-dark02);}

/* 回頂端 */
#goTop{font-size: 22px;display:none;cursor:pointer;position:fixed;bottom: 4rem;right:1rem;width: 60px;height: 60px;line-height: 58px;text-align:center;color:#ccc;background:#fff;border-radius:100%;box-shadow: var(--box-shadow);z-index: 9;}
#goTop:hover{background: var(--color-blue-dark02);color:#FFF}
/* 聯絡我們快速鈕 */
.contactACE{position: fixed;right: 1rem;bottom: 140px;z-index: 11;/* width: 50px; *//* height: 50px; *//* line-height: 44px; */background:var(--gradient-blue);border-radius: 60px;padding: 15px;}
.contactACE a{display: flex;align-items: center;}
.contactACE a span{font-size: 18px;font-weight: 500;display: block;color: #fff;width: 0;height: 0;opacity: 0;pointer-events: none;}
.contactACE figure{width: 30px;margin: 0 auto;}
.contactACE a:hover span{/* display:block; *//* visibility: visible; */opacity: 1;width: auto;height: auto;margin-right: 8px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}

/*按鈕*/
/* .btnWrap { margin:2em 0; text-align:center; } */



/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.tableContainer{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}

/* 共用樣式設定 */
/* 漸層 */
.gradientTxt--blue{background: var(--gradient-blue);background: -webkit-var(--gradient-blue);}
.gradientTxt--red{background: var(--gradient-red);background: -webkit-var(--gradient-red);}
.gradientTxt--red-light{background: var(--gradient-red-light01);background: -webkit-var(--gradient-red-light01);}
.gradientTxt--pink{background: var(--college-pink);background:-webkit-var(--college-pink);}
.gradientTxt--orange{background: var(--gradient-orange-light01);background: -webkit-var(--gradient-orange-light01);}
.gradientTxt--green{background: var(--college-green);background: -webkit-var(--college-green);}
.gradientTxt{background-clip: text;-webkit-background-clip: text;color: transparent;}
/* header */
header.navbar{background-color: #fff;padding: 0 10px;}
.navbar>.container{justify-content: initial;}
.logoWrap{display:flex;align-items: center;gap: 0.5rem;}
.navbarBrand{width: 210px;}
.navbarBrand h1{margin-bottom:0}
.navCollapse--nav{margin: 0 25px 0 20px;}
.navCollapse--search{max-width:450px;width: 100%;position: relative;}
.navCollapse--search input{background: #EBEBEB;border: none;flex: 1;}
.searchBtn{border:none;background:transparent;width: 55px;height: 40px;position: relative;margin-right: 10px;}
.searchBtn:before{position:absolute;content:'';width:1px;height:30px;top: 50%;transform: translateY(-50%);right: 0;background: #fff;}
.searchBtn i{padding-left: 3px;}
.searchClose{box-shadow:none;border:none;background: transparent;font-size: 25px;color: var(--color-blue-dark03);}
.quicklyTag{background: #fff;padding: 20px;position: absolute;border-radius: 4px;box-shadow: var(--box-shadow);display: none;top: 50px;}
.quicklyTag.open{display:block}
.quicklyTag__hot{background: var(--color-red-light);font-size: 12px;font-weight: 500;color: #fff;padding: 4px 9px;border-radius: 4px;margin-right: 8px;}
.quicklyTag__title{font-weight:500;color: var(--color-blue-dark02);}
.searchTags{display: flex;flex-wrap: wrap;gap: 5px;font-size: 15px;}
.gradientIcon{font-size:25px;background: var(--gradient-blue);background: -webkit-var(--gradient-blue);background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;}
.navbarNav{padding-left: 0;list-style: none;margin-bottom: 0;}

.navbarNav{display: flex;}
.navLink{font-size: 24px;padding: 23px 25px;display: block;}
.navbar__tool--cart{margin-left:auto;position: relative;}

.cartNum--wrapper{position:relative;}
.cartNum{position:absolute;background: rgb(0 81 163 / 85%);line-height: 1;aspect-ratio: 1;width: 0;color: transparent;display: inline-flex;align-items: center;justify-content: center;border-radius: 100rem;right: 0;top: 0.375rem;transform: translate(50%,-50%);font-size: 0.875rem;transition: 0.3s all;}
.cartNum.show{width:1.5rem;color:#fff}
.cartNum.show.show--ani{animation: countNum 0.5s forwards ease-in;}
@keyframes countNum{
	0%,100%{transform:translate(50%,-50%) scale(1);background:rgb(0 81 163 / 85%);}
	50%{transform:translate(50%,-50%) scale(1.25);background:rgb(1 45 89 / 85%);}
}

.navbar__tool a{padding: 0px 13px;text-align: center;display: inline-block;}
.navbar__tool--bell{position:relative;}
.bellOn{position:absolute;width: 7px;height: 7px;border-radius: 60px;right: 8px;top: 2px;background: var(--gradient-red);}
.headerLogin{margin-left:10px;display: flex;align-items: center;}
.headerLogin .slash{margin: 0 10px;color: var(--color-grey04);}
.headerLogin .btnLink{font-size: 18px;position: relative;background: var(--gradient-blue);padding: 5px 25px 6px 25px;border-radius: 60px;text-align: center;}
.headerLogin .btnLink:before{position:absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 60px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.headerLogin .btnLink span{position:relative;z-index:1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.headerLogin .btnLink:hover:before{opacity:0}
.headerLogin .btnLink:hover span{color:#fff}
.navbar__tool--cart a{padding: 23px 13px;}
/* 購物車為空 */
/* .navbar__tool--cart:hover .cartEmpty{display:block} */
.cartEmpty.open{display:block}
.cartEmpty{position: absolute;background: #fff;padding: 20px;border-radius: 4px;box-shadow: var(--box-shadow);left: 50%;transform: translateX(-50%);width: 180px;text-align: center;top: 84px;display: none;}
.cartEmpty .btnRadius{padding: 8px 10px 8px 18px;background: var(--gradient-blue);color: #fff;display: flex;align-items: center;width: 130px;margin: 0 auto;}
.cartEmpty b{display: inline-block;width:30px;height:30px;line-height: 30px;background: var(--color-yellow);border-radius: 60px;margin-left: auto;}
.cartEmpty b i{margin-left:0;color: var(--color-blue-dark01);}
.cartEmpty .btnRadius:hover{background:var(--gradient-red-light01)}
/* 會員登入後 */
.navCollapse--member{padding-left:13px;}
.headerMember{display:flex;align-items:center;position: relative;}
.headerMember__main{display: flex;align-items: center;cursor:pointer}
.headerMember__pic{width: 35px;margin-right: 10px;border-radius: 60px;overflow: hidden;}
.headerMember__pic img[src*="level"]{transform:scale(1.55);}
/* .headerMember__title{margin-bottom:0;font-size:18px;border: 1px solid;border-radius: 60px;} */
.headerMember__title{font-size: 18px;position: relative;background: var(--gradient-blue);/* padding: 5px 25px 6px 25px; */border-radius: 60px;margin-bottom: 0;}
.headerMember__title:before{position:absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 60px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.headerMember__title span{position:relative;padding: 5px 15px;display: flex;align-items: center;justify-content: space-between;gap:9px}
.headerMember__title span i{font-size: 16px;color:var(--color-blue-dark01)}
.headerMember__list{position:absolute;left: 0;top: 50px;width: 100%;border-radius: 4px;overflow: hidden;box-shadow: var(--box-shadow);opacity:0;transform:translateY(-10px);pointer-events: none;}
.headerMember__list ul{list-style: none;padding-left: 0;margin-bottom: 0;}
/* .headerMember__list a{display:block} */
.headerMember__list .memberNav{max-height: 300px;padding-bottom: 0;background: var(--color-blue-dark01);}
.headerMember__list .memberSide__nav__list a{/* color: var(--color-black); */padding: 10px 15px;}
.headerMember__list .memberNav__title{font-size:16px;}
.headerMember__title:hover:before{opacity:0}
.headerMember__title:hover span,.headerMember__title:hover i{color:#fff}
.open .headerMember__list{opacity:1;transform:translateY(0);pointer-events: auto;}

/* header__下拉選單 */
.dropdownMenu--course:before{position:absolute;content:'';width: calc(100% - 6px);height: 30px;background: linear-gradient(0deg, #ffffff, rgb(255 255 255 / 0%));z-index: 1;bottom: 0;left: 0;}
.dropdownMenu{/* display: none; */position: absolute;top: 82px;}
/* .dropdownMenu__main{} */
.dropdown:not(.show) .dropdownMenu{display:none;}
.dropdownMenu__main{padding:10px 0;position: relative;width: 230px;background: #fff;/* top: 0; */max-height: 500px;overflow-y: scroll;}

.dropdownMenu__main a{display:block;font-size: 19px;padding: 8px 15px;}
.dropdownMenu__main a:hover,.dropdownMenu__main a.active{color:var(--color-blue-dark01)}
.dropdownMenu__item__title{display:flex;align-items: center;}
.dropdownMenu__item__title i{margin-left:auto;font-size: 15px;}
.dropdownMenuIcon{width:30px;height:30px;margin-right: 7px;position: relative;}
.dropdownMenuIcon img{position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);}
/* .dropdownMenuIcon--picUse{background:transparent;}
.dropdownMenuIcon--picUse img{width:100%} */
/* header__下拉選單__小類 */
/* .dropdownMenu__item[data-num].active+.dropdownMenu__subject{} */
.dropdownMenu__subject:not(.openNow){display: none;}
.dropdownMenu__subject__inner:not(.showup){display: none;}
.dropdownMenu__subject{position: absolute;width: 230px;height: 100%;background: var(--color-blue-light04);padding: 10px 0;top: 0;font-size: 19px;transform: translateX(100%);}
.dropdownMenu__subject__item{display:block;padding: 8.6px 15px;color: var(--color-blue-dark03);}
.dropdownMenu__subject__item:hover{color:var(--color-blue-dark02);background: var(--color-yellow);}
/* RWD用的開啟選單，header，課程篩選*/
.toggleUse{display: flex;align-items: center;justify-content: space-between;font-size: 20px;padding: 15px 20px;background: var(--color-blue-light04);cursor: pointer;position: absolute;z-index: 10;width: 100%;}

/* --共用設定 */
/* --共用:卷軸 */
.scrollbarStyle::-webkit-scrollbar{width:6px;}
/* .scrollbarStyle::-webkit-scrollbar-button{background: transparent;border-radius: 60px;} */
.scrollbarStyle::-webkit-scrollbar-thumb{background-color:var(--color-blue-dark01);}
.scrollbarStyle::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:#eee;}


/* --共用:輸入框設定 */
.inputStyle{padding: 10px;border-radius: 4px;}
.inputStyle--input{height:45px;}
.inputStyle--input--sm{height: 35px;padding: 5px 10px;}
.inputStyle--input:focus{outline:none}
.inputStyle--date{border:1px solid;max-width: 150px;width: 100%;}
.inputStyle--textarea{width:100%;vertical-align: bottom;}
.inputStyle--textarea:focus-visible{outline: 1px solid var(--color-blue-dark01);}
/* --共用:下拉選單 */
.inputStyle--select--blue{color: var(--color-blue-dark01);}
.inputStyle--select--border {border:1px solid;background: #fff;}
.inputStyle--select{position: relative;}
.inputStyle--select__current {position: relative;cursor: pointer;outline: none;}
.inputStyle--select__current:focus + .inputStyle--select__list {
	opacity: 1;
	-webkit-animation-name: none;
			animation-name: none;
}
.inputStyle--select__current:focus + .inputStyle--select__list .inputStyle--select__option {cursor: pointer;}
.inputStyle--select__current:focus .inputStyle--select__icon {transform: translateY(-50%) rotate(180deg);}
.inputStyle--select__icon {position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 20px;transition: 0.2s ease;}
.inputStyle--select__value {display: flex;}
.inputStyle--select__input {display: none;}
.inputStyle--select__input:checked + .inputStyle--select__input-text {display: block;}
.inputStyle--select__input-text {display: none;margin: 0;background-color: #fff;padding-right: 25px;text-wrap-mode: nowrap;}
.inputStyle--select__list{position:absolute;left:0;top:44px;width:100%;padding:0;list-style:none;margin-bottom:0;opacity:0;box-shadow:0 15px 30px -10px rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;z-index:5;-webkit-animation-name:HideList;animation-name:HideList;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:step-start;animation-timing-function:step-start}
.inputStyle--input--sm .inputStyle--select__list{top: 34px;}
.inputStyle--select__option {display: flex; align-items:center;padding: 10px;background-color: #fff;}
.selectMoney{margin-bottom: 0;margin-left: 5px;color: var(--color-blue-dark01);font-weight: 600;}

.inputStyle--select__option:hover, .inputStyle--select__option:focus {background-color: var(--color-blue-light01);}
@-webkit-keyframes HideList {
	from {
	  transform: scaleY(1);
	}
	to {
	  transform: scaleY(0);
	}
}
@keyframes HideList {
	from {
	  transform: scaleY(1);
	}
	to {
	  transform: scaleY(0);
	}
}
.inputStyle--selectSM{padding: 0;height: auto;max-width: 130px;}
.inputStyle--selectSM .inputStyle--select__input-text{background:transparent}
.inputStyle--selectSM .inputStyle--select__list{top:32px}
/* 輸入框(預設樣式) */
.inputStyle--selectDefault{height:45px;padding-top: 8px;}
.inputStyle--selectDefault:focus-visible{outline: none;}
/*input radio/checkbox樣式*/
input[type=radio].lookstyle+label,input[type=checkbox].lookstyle+label{display:inline-block;vertical-align:middle;position:relative;padding-left: 25px;margin-bottom: 0;cursor: pointer;}
input[type=radio].lookstyle+label::before,input[type=checkbox].lookstyle+label::before{content:"";display:inline-block;position:absolute;width:15px;height:15px;left: 0px;top: 52%;transform: translateY(-50%);/* margin-left: -18px; */border: 1px solid var(--color-blue-dark01);background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;}
input[type=radio].lookstyle+label::before{border-radius:50%;border-color: var(--color-grey04);}
input[type=checkbox].lookstyle+label::before{border-radius:2px;}
input[type=radio].lookstyle+label::after,input[type=checkbox].lookstyle+label::after{display:inline-block;position:absolute;content:" ";width: 9px;height: 9px;left: 11px;top: 50%;border-radius:50%;background-color: var(--color-blue-dark01);-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);}
input[type=radio].lookstyle+label::after{left: 3px;top: 52%;}
input[type=radio].lookstyle,input[type=checkbox].lookstyle{opacity:0;z-index:1;display: none;margin-left: -13px;}
input[type=radio].lookstyle:checked + label::after,input[type=checkbox].lookstyle:checked + label::after{-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
input[type=radio].lookstyle:disabled+label,input[type=checkbox].lookstyle:disabled+label{cursor:auto}
input[type=checkbox].lookstyle+label::before{background-color: transparent;border: 1px solid;}
input[type=checkbox].lookstyle+label::after{content: "\F26E";display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: text-bottom;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 0;height: 0;font-size: 18px;top: calc(50% - 8px);left: -1px;}
/* --共用:輪播箭頭設定 */
.slider .slick-arrow:hover{background: var(--color-blue-dark01);}
.slider .slick-arrow:hover:before{color:#fff}
.slider .slick-arrow{z-index:1;width: 45px;height: 45px;border-radius: 60px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.slider .slick-arrow:before{font-family: bootstrap-icons !important;font-size: 20px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;color: var(--color-blue-dark01);}
.slider .slick-prev:before{content:"\f284";}
.slider .slick-next:before{content:"\f285";}
.slider .slick-prev{left: 20px;}
.slider .slick-next{right:20px}
.slider .slick-arrow{background: rgb(255 255 255 / 80%);box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.slider .slick-arrow:focus{background: rgb(255 255 255 / 95%);}
/* --共用:輪播點點設定 */
.slider .slick-dots{bottom: -35px;}
.slider .slick-dots li{margin:0 2px}
.slider .slick-dots li button:before{width: 8px;height: 8px;border-radius: 60px;background: #000;content:'';top: 50%;left: 50%;transform: translate(-50%,-50%);}
.slider .slick-dots li.slick-active button:before{width: 20px;background: var(--gradient-blue);opacity: 1;}
/* --共用:播放按鈕 */
.videoPopBtn{position:relative;display: block;cursor: pointer;}
.playBtn{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;}
.playBtn b{width: 110px;height: 110px;display: block;font-size: 65px;line-height: 110px;position: relative;}
.playBtn b:before{position:absolute;content:'';width:100%;height:100%;border-radius: 60px;background: rgb(255 255 255 / 90%);left: 0;top: 0;z-index: -1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.playBtn i{position: absolute;top: 49%;left: 54%;transform: translate(-50%, -50%);}
.videoPopBtn:hover .playBtn b:before{transform: scale(0.95);}
.videoPopBtn:hover .playBtn i{transform: translate(-50%, -50%) scale(1.15);}
.playBtn b:hover .bi{background: #fff;background-clip: text;-webkit-background-clip: text;}
.playBtn b:hover:before{background:rgb(0 81 163 / 90%);}
.playBtn span{background: var(--gradient-blue);margin-top: 10px;display: inline-block;padding: 2px 10px 3px;border-radius: 60px;color: #fff;}
/* --共用:tag */
.tagItem{border-radius: 60px;position: relative;padding: 5px 10px;display: inline-block;background: var(--gradient-blue);/* flex-grow: 1; */text-align: center;margin: 4px 0;}
.tagItem span{background: var(--gradient-blue);background: -webkit-var(--gradient-blue);}
.tagItem:before{position:absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 60px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.tagItem span{position:relative;font-weight: 400;z-index:1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;background-clip: text;-webkit-background-clip: text;color: transparent;}
.tagItem:hover:before,.tagItem.active:before{opacity:0}
.tagItem:hover span,.tagItem.active span{color:#fff}
.tagItem.tagItem--college:before{opacity:0}
.tagItem.tagItem--college{background:var(--gradient-gold-light);}
.tagItem.tagItem--college span{color:#fff;background: transparent;}
/* -共用:按鈕 */
.btnWrap{display:flex;align-items: center;gap: 15px;}
.btnSmall{font-size: 16px;color: var(--color-yellow);font-weight: 500;}
.btnSmall--red{color: var(--color-red-dark);}
.btnSmall:hover{color: var(--color-yellow);}
.btnSmall--red:hover{color: var(--color-red-dark);}
.btnSmall:hover i{transform:translateX(4px)}
.btnSmall--blue-gradient{color: var(--gradient-blue);}
.btnSmall--blue{color: var(--color-blue-dark01);}
.btnSmall--black{color: var(--color-black);}
.btnSmall--black:hover{color: var(--color-blue-dark03);}
.btnSmall--blue:hover{color: var(--color-blue-dark01);}
.btnSmall i{margin-left:5px;display:inline-block;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.btnSmall--center{display: table;margin: 0 auto;}
.btnSmall--end{display: table;margin-left:auto;}
.btnSmall--underline{border-bottom: 1px solid var(--color-blue-dark01);}
.btnSmall--anchor:hover i{transform:translateY(2px)}
.btnSmall--iconLeft i{margin: 0 5px 0 0;}
.btnSmall--iconLeft:hover i{transform:translateX(-4px)}
.btnSquare{padding: 10px;font-size: 18px;border-radius:4px;color: #fff;position:relative;display: inline-block;text-align: center;border: none;white-space: nowrap;min-width: 4.75rem;}
.btnSquare:before{position:absolute;content:'';width:100%;height:100%;top: 0;left: 0;background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(255 255 255 / 0%));border-radius: 4px;opacity: 0;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.btnSquare--big{padding: 10px 35px;}
.btnSquare--large{padding: 10px 45px;}
.btnSquare--full{width:100%}
.btnSquare--sm{padding: 6px 10px;}
.btnSquare--pink{background:var(--gradient-red-light01)}
.btnSquare--red{background:var(--gradient-red)}
.btnSquare--blue{background:var(--gradient-blue)}
.btnSquare--gray{background: linear-gradient(180deg, #919191 0%, #8d8d8d 20%, #565656 100%);}
.btnSquare--orange{background:var(--gradient-orange-light01)}
.btnSquare--pink-college{background:var(--college-pink)}
.btnSquare--orange-college{background:var(--college-orange)}
.btnSquare--blue-college{background:var(--college-blue)}
.btnSquare--purple-college{background:var(--college-purple)}
.btnSquare span{position:relative;z-index: 1;}
a.btnSquare:hover:before{opacity: 0.15;}
a.btnSquare:hover{color:#fff;}
.btnSquare--disable{pointer-events:none}
.btnSquare--disable span{opacity:.5}
.uploadImg{cursor:pointer}
.inputStyle--file{display:none}
.btnRadius{border-radius: 60px;padding: 6px 10px 7px 15px;display: inline-block;}
.btnRadius--solid{border:1px solid}
.btnRadius--solid--blue02{color:var(--color-blue-dark02);}
.btnRadius--solid--blue02:hover{background:var(--color-blue-dark02);color:#fff;border-color:transparent}
.btnRadius--solid--blue02:hover .iconPic{color:var(--color-blue-dark02);}
.btnRadius--solid--blue01{color:var(--color-blue-dark01);}
.btnRadius--solid--blue01:hover{background:var(--color-blue-dark01);color:#fff;border-color:transparent}
.btnRadius--solid--blue01:hover .iconPic{color:var(--color-blue-dark01);}
.btnRadius--solid--blue02 .iconPic,.btnRadius--solid--blue01 .iconPic{background:var(--color-yellow)}
.btnRadius i{margin-left: 7px;}
.iconPic{border-radius:60px;display: inline-block;width: 20px;height: 20px;line-height: 21px;margin-left: 10px;font-size: 13px;text-align: center;}
.iconPic i{margin-left:0}

/* 第三方按鈕 */
.thirdParty__btn{display:flex;align-items: center;justify-content: center;padding: 12px 10px;border-radius: 4px;margin:10px 0}
.thirdParty__btn figure{width:25px;margin-right: 8px;}
.thirdParty__btn--1111{border: 1px solid var(--color-grey04);}
.thirdParty__btn--1111 figure{margin-top:-3px}
.thirdParty__btn--google{background: #ebebeb;}
.thirdParty__btn--facebook{background:#4A68B0;color: #fff;}
.thirdParty__btn--1111:hover,.thirdParty__btn--google:hover{color: #000;}
.thirdParty__btn--1111:hover{background: #f7f7f7;}
.thirdParty__btn--google:hover{background: #e0e0e0;}
.thirdParty__btn:hover figure{transform:translateX(-2px)}
.thirdParty__btn--facebook:hover{color: #fff;background:#405b9d}

/* -共用:線段 */
.hrBlue{color: var(--color-blue-dark01);}
/* -共用:頁碼 */
.pageNumber{display: flex;align-items: center;justify-content: flex-end;margin: 80px 0 0;}
.pageNumber__total{display:flex;align-items: center;justify-content: center;}
.sum__total{color:var(--color-blue-dark01)}
.sum__total span{margin:0 5px}
.sum__total{margin-right:10px;color: var(--color-blue-dark01);}
.pageNumber .divider{height:20px;margin: 0 20px;}
.pageNumber .inputStyle--select{margin:0 10px}
.pageNumber__btn{background:var(--color-blue-dark01);padding: 5px 14px;border-radius: 60px;color: #fff;display: flex;align-items: center;}
.pageNumber__btn--prev{padding-left:8px}
.pageNumber__btn--next{padding-right:8px}
.pageNumber__btn i{margin: 0 3px;display: inline-block;font-size: 14px;line-height: 16px;}
.pageNumber__btn:hover{color:#fff}
.pageNumber__btn--prev:hover i{transform:translateX(-2px)}
.pageNumber__btn--next:hover i{transform:translateX(2px)}
/* -共用:流程 */
.stepFlow__box{list-style: none;padding-left: 0;display: flex;justify-content: center;margin-bottom: 50px;gap: 40px;}
.stepFlow__item{display:flex;align-items: center;gap: 15px;}
.stepFlow__num{width:60px;height:60px;border-radius: 60px;font-weight: 700;background: var(--color-grey03);font-size: 25px;font-family: 'Quicksand', sans-serif;text-align: center;line-height: 60px;color: var(--color-blue-dark02);}
.stepFlow__item p{margin-bottom:0;font-size: 22px;}
.active.stepFlow__item p{ color: var(--color-blue-dark02);}
.active .stepFlow__num{background: var(--gradient-blue);color: #fff;}
.past .stepFlow__num{background: var(--color-blue-dark02);color: #fff;}

/* -共用:問號說明 */
.inputText--pop{display: block;}
.inputPop{position:relative;display: inline-block;}
.popBox{display: none;position:absolute;background: var(--color-yellow);box-shadow: var(--box-shadow);padding: 6px 8px;z-index: 5;border-radius: 8px;pointer-events: none;min-width: 200px;}
.popBtn{cursor:pointer;font-size: 20px;color: var(--color-blue-dark02);}
.popBtn:hover{color: var(--color-blue-dark01);}
.popBtn:hover+.popBox{display:block}
.inputPop--right .popBox{top: 50%;transform: translateY(-50%);left: 30px;}
.inputPop--bottom .popBox{left:50%;transform: translateX(-50%);margin-top: 5px;}

/* 自定義頁面 */
/* 關於協會 */
.editorArea{max-width: 1400px;margin: 50px auto;padding: 0 15px;}
.editorArea--full{max-width:100%}
.editorArea__box+.editorArea__box{margin-top: 60px;}
.editorArea__box{font-size:18px;color: var(--color-blue-dark02);}
.editorArea__box .star{width: 20px;margin-right: 10px;}
.editorArea__img{margin-bottom: 30px;text-align: center;}
.editorArea__img--left,.editorArea__img--right{max-width: 40%;width: 100%;}
.editorArea__img--left{float: left;padding-right: 30px;}
.editorArea__img--right{float: right;padding-left: 30px;}
.editorArea__title--tsg{font-size:25px;margin-bottom: 20px;display: block;color: var(--color-blue-dark01);position: relative;}
/* .editorArea__title--tsg:before{position:absolute;content:'';width: 40px;height: 39px;top: 2px;background: linear-gradient(90deg, #FFFCD1, rgb(255 255 255 / 0%));z-index: -1;left: -10px;} */
.arrow{width: 30px;vertical-align: middle;margin-right: 0px;}
.arrow2{padding:0px 0px 0px 30px;background-image: url(../images/all/arrow2.png);background-repeat: no-repeat;background-position: left;}
.star2{padding:0px 0px 0px 30px;background-image:url(../images/all/star2.png);background-repeat: no-repeat;background-position: left;background-position-y: top;}


/* 共用-單元二階選單(常見問題、部落格單元使用) */
.unitBtn{display:none}
/* .unitMenu{overflow:hidden} */
.unitMenu .lOne{list-style:none;padding-left:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.unitMenu .lOne.pc{display:flex!important}
.unitMenu .lOne.pc h3,.unitMenu .lOne.pc h4{margin:0}
.unitMenu .lOne:before{content:'';position:absolute;display:block;width:200%;height:100%;transform:translateX(-50%);left:50%;background:linear-gradient(90deg,#0588CC 0%,#3DB1ED 50%,#0588CC 100%);pointer-events:none}
.lOne__item{padding:0 12px;cursor:pointer}
.lOne__item >.link{font-size:clamp(18px,1.5vw,22px);font-weight:400;color:#fff;display:inline-block;padding:22px 12px;position:relative}
.lOne__item + .lOne__item .link::before{content:'';display:block;position:absolute;transform:translateY(-50%);left:-12px;top:50%;width:1px;height:18px;background-color:#fff}
.lOne__item >.link::after{content:'';display:block;width:clamp(44px,5vw,88px);height:clamp(2px,.5vw,5px);border-radius:10px;background-color:#fff;bottom:8px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;position:absolute}
.lOne__item:hover .link::after{opacity:1}
.lOne__item:hover .lTwo{opacity:1;pointer-events:all}
.lTwo{list-style:none;padding-left:0;display:flex;flex-wrap: wrap;align-items:center;justify-content:center;position:absolute;top:100%;width:100vw;transform:translateX(-50%);left:50%;background:linear-gradient(90deg,rgba(248,248,248,0.70) -0.62%,rgba(255,255,255,0.20) -0.61%,#FFF 49.69%,rgba(255,255,255,0.70) 100%);box-shadow:0 2px 15px 0 rgba(0,0,0,0.10);opacity:0;pointer-events:none}
.pc .lTwo{display:flex!important}
.lTwo .link{color:var(--color-black);transition:color .3s}
.lTwo .link:hover{color:var(--color-blue-dark01)}
.lTwo__item{position:relative;padding:10px 12px}
.lTwo__item .link{font-size: clamp(16px,1.5vw,22px);font-weight:400;padding:6px 22px;display:block}
.lTwo__item +.lTwo__item::before{content:'';display:block;position:absolute;transform:translateY(-50%);left:0;top:50%;width:1px;height:18px;background-color:var(--color-grey05)}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: 6rem 0;}

/* 首頁 */
/* 首頁banner */
.indexBanner{max-width: calc(100% - 60px);margin: 0 auto;}
.bannerIndex__item{border-radius: 12px;overflow: hidden;}

/* 標題 */
.mainTitleTop{margin-bottom:40px}
.mainTitleTop .mainTitle{margin-bottom: 20px;}

.mainTitle{font-size: 45px;font-weight: 600;letter-spacing: 8px;text-align: center;margin-bottom: 50px;}
.blockHeight--college .mainTitle{font-size: 72px;}
/* 首頁內容 */
.indexPage__inner{position:relative;padding-top: 40px;}
.bkUse{position:relative}
.bkImg{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;}
.bkImg--02{top:auto;bottom:0}
.bkImg--03{top: -205px;}
.bkImg--04{bottom: 0;top: auto;}
.bkImg--sticky{position: fixed;top: 0;}
.bkImg--deco{width: auto;bottom:0;right:0;left: auto;top: inherit;max-width: 50%;/* position: fixed; */}
.feature{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;justify-content: space-between;}
.feature__item{display:flex;align-items: center;}
.feature__pic{margin-right: 15px;}
.featureNumber{position:relative;display: flex;align-items: center;}
.featureNumber__left {font-size: 45px;display: flex;align-items: center;font-weight: 900;position: relative;}
.featureSup{position:absolute;font-size: 28px;right: -20px;top: -10px;font-weight: 500;}
.featureNumber__right{font-size:25px;font-weight: 500;margin-left: 20px;}
.featureNumber__right span+span{margin-left: 5px;}
.feature__title{margin-bottom:0;font-size: 25px;letter-spacing: 1px;}
.timer{margin-bottom: 0;margin-right: 4px;}
#num{display: none;}
.medalList{list-style: none;margin-bottom: 0;display: flex;justify-content: space-between;padding: 0 30px;}
.medalList__list a{position:relative;overflow: hidden;z-index: 1;}
.medalList__list a figure:nth-of-type(2){position:absolute;top: 0;left: 0;z-index: -1;overflow: hidden;clip-path: circle(46% at 50% 50%);}
.medalList__list a figure:nth-of-type(2):before,.medalList__list a figure:nth-of-type(2):after{position:absolute;content:'';height:100%;background: linear-gradient(to right,transparent,rgb(255 255 255 / 100%),transparent);transform: skewX(-27deg);}
.medalList__list a figure:nth-of-type(2):before{width: 7rem;top: 0;left: -7rem;}
.medalList__list a figure:nth-of-type(2):after{width: 3rem;top: 0;left: -3rem;}
.medalList__list a:hover figure:nth-of-type(2):before{animation: ltr 6s;}
.medalList__list a:hover figure:nth-of-type(2):after{animation: ltrSec 5s;}
@keyframes ltr{
	0%,100%{left:-7rem;opacity:0}
	45%,50%{left:calc(100% + 7rem);opacity:1}
}
@keyframes ltrSec{
	0%,100%{left:-3rem;opacity:0}
	45%,50%{left:calc(100% + 3rem);opacity:1}
}
/* 推薦課程 */
.tabsGroup__container .courseBox:not(.showup){display: none;}
.blockHeight--class{padding-bottom:10rem}
.tabsGroup__tabs{list-style: none;padding-left: 0;display:flex;align-items: center;justify-content: center;position: relative;}
.themeTab{max-width: 1000px;margin: 0 auto;margin-bottom: 60px;}
.themeTab:before{position:absolute;content:'';width: 100%;height: calc(100% - 10px);top: 50%;transform: translateY(-50%);background: var(--gradient-white);z-index: -1;}
.themeTab__list{position:relative;border-radius: 12px;}
.themeTab__list+.themeTab__list:before{position:absolute;content:'';width: 1px;height: 20px;background: var(--color-grey04);top: 50%;transform: translateY(-50%);}
.themeTab__list a{display: flex;align-items: center;justify-content: center;padding:20px;}
.themeTab__list:not(.active) a:hover h4{color:var(--color-blue-dark01)}
.themeTab__list h3{font-size: 28px;letter-spacing: 1px;margin-bottom: 0;font-weight: 400;}
.themeIcon{width: 30px;margin-right: 5px;}
.themeTab__list:not(.active) .themeIcon{background: var(--gradient-blue);}
.themeTab__list:not(.active) .themeIcon01{-webkit-mask:url(../images/index/theme01.png)no-repeat top center / cover;mask: url(../images/index/theme01.png)no-repeat top center / cover;}
.themeTab__list:not(.active) .themeIcon02{-webkit-mask:url(../images/index/theme02.png)no-repeat top center / cover;mask: url(../images/index/theme02.png)no-repeat top center / cover;}
.themeTab__list:not(.active) .themeIcon03{-webkit-mask:url(../images/index/theme03.png)no-repeat top center / cover;mask: url(../images/index/theme03.png)no-repeat top center / cover;}
.themeTab__list:not(.active) .themeIcon04{-webkit-mask:url(../images/index/theme04.png)no-repeat top center / cover;mask: url(../images/index/theme04.png)no-repeat top center / cover;}
.themeTab__list:not(.active) img{opacity:0}
.active.themeTab__list{background: var(--gradient-blue);}
.active.themeTab__list h3{color: #fff;}
.active.themeTab__list:before{opacity:0;}
.active.themeTab__list::after{position: absolute;content:'';background-image: url(../images/index/triangle-down.png);width: 15px;height: 9px;bottom: -9px;left: 50%;transform: translateX(-50%);}
.blockHeight--class .btnSmall{margin-top: 20px;}
/* 課程卡片 */
.courseBox .slick-track,.courseClass .slick-track{display: flex;gap: 10px;}
.courseBox .slick-slide,.courseClass .slick-slide{height:auto;}
/* div:not(.tabsGroup__container) .courseBox{display: flex;flex-wrap: wrap;justify-content: space-between;} */
/* .courseBox{display: flex;flex-wrap: wrap;justify-content: space-between;} */
.courseBox__slider{display: grid;grid-template-columns: repeat(4,1fr);/* flex-wrap: wrap; *//* justify-content: space-between; */}
.courseCard{max-width: 350px;width: 100%;}
.courseCard__inner{height: 100%;display: flex;flex-direction: column;align-items: center;background: #fff;border-radius: 8px;position: relative;}
.courseCard__top{position: relative;align-self: flex-start;overflow: hidden;}
.courseCard__pic{border-radius:8px 8px 0 0;overflow: hidden;}
.courseCard__pic img{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.saleTxt{position:absolute;background: var(--gradient-red);color: #fff;font-weight: 600;padding: 4px 10px 5px;border-radius: 4px;top: -8px;left: 8px;z-index: 1;}
.courseCard__top .collet{position:absolute;font-size: 25px;right: 8px;top: 8px;width: 40px;height: 40px;text-align: center;cursor: pointer;z-index: 1;color: var(--color-yellow-dark);border-radius: 60px;background: rgb(0 81 163 / 60%);backdrop-filter: blur(5px);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}

.collet .bi{position:absolute;height: 26px;width: 26px;line-height: 26px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.collet.click .bi-suit-heart{opacity:0;}
.collet:not(.click) .bi-suit-heart-fill{opacity:0;}
.courseCard__mid{padding:10px;align-self: flex-start;}
.courseCard__txt{margin-top:10px}
.courseCard__title{font-size:19px;font-weight: 800;margin-bottom: 4px;}
.courseCard__sub{font-weight: 800;margin-bottom: 3px;}
.courseCard__time{display: flex;align-items: center;font-size: 13px;margin-bottom: 0;}
.courseCard__time i{margin-right:5px}
.courseCard__time .courseCard__time__show{margin-left:2px}
.courseCard__bom{display:flex;align-items: center;justify-content: space-between;padding: 0 10px 10px;margin-top:auto;width: 100%;}
.courseCard:hover .courseCard__pic img{transform:scale(1.02)}
/* 課程卡片-tag */
.courseState{display:flex;align-items:center}
.courseState .stateTag+.stateTag{margin-left: 8px;}
.stateTag--class{position:relative;background: var(--gradient-blue);}
.stateTag--class--red{background: var(--gradient-red);}
.stateTag--class:before{position:absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 60px;}
.stateTag--class span{position:relative;z-index:1}
.stateTag{border-radius: 60px;margin-bottom: 0;padding: 2px 10px;display: inline-block;font-size: 16px;}
.courseCard .stateTag{font-size: 14px;letter-spacing: .5px;}
.stateTag--set{color:#fff}
.stateTag--red{background:var(--gradient-red-light01)}
.stateTag--orange{background:var(--gradient-orange-light01)}
.stateTag--purple{background: var(--college-purple);}
/* 課程卡片-進度條 */
.courseCard__mid__top{position:relative}
.courseState+.progressBar{margin-top: 8px;}
.progressBar__percent{font-size:14px;font-weight: 500;}
.progressBar__line{margin-bottom:0;width: 100%;height: 3px;position: relative;border-radius: 60px;overflow: hidden;background: var(--color-grey02);}
.progressBar__line b{position:absolute;height: 100%;background: var(--gradient-gold);z-index: 5;}
.courseCard .progressBar__percent{position:absolute;right: 0;top: 2px;}
/* 課程卡片-老師 */
.teacherLink{display:flex;align-items: center;}
.teacherLink__pic{overflow:hidden;width: 25px;height: 25px;border-radius: 60px;margin-right: 8px;}
.teacherLink__pic img{vertical-align: bottom;}
.teacherLink__name{margin-bottom:0;font-size: 14px;}
.teacherLink__name span{margin-right: 3px;}
.teacherLink:hover .teacherLink__name{color:var(--color-blue-dark01)}
/* 課程金額 */
.courseMoney__price{margin-bottom: 0;position: relative;display: flex;align-items: center;flex-wrap: wrap;}
.courseMoney__price + .courseMoney__price{margin-top:0.5rem;}
.originalPrice{margin-bottom:-3px;}
.priceName{font-size:14px;font-weight: 500;display: inline-block;}
.originalPrice .priceName,.originalPrice .price{background: var(--gradient-blue);background: -webkit-var(--gradient-blue);background-clip: text;-webkit-background-clip: text;color: transparent;}
.payPrice .priceName,.payPrice .price{background: var(--gradient-red);background: -webkit-var(--gradient-red);background-clip: text;-webkit-background-clip: text;color: transparent;}
.courseMoney__price .price{margin-left: 3px;}
.payPrice .price{font-size:20px;}
.originalPrice .price:before{position: absolute;content:'';width: 80px;/*height: 1px;background: var(--gradient-blue);*/top: 50%;}
/* 課程下方按鈕 */
.courseCard__btn{font-size: 18px;letter-spacing: 1px;border-radius: 0 0 8px 8px;width: 100%;}
.courseCard__btn a{padding:10px;display: block;text-align: center;color: #fff;}
.courseCard__btn--red{background:var(--gradient-red)}
.courseCard__btn--orange{background:var(--gradient-orange-light01)}
.courseCard__btn--purple{background:var(--college-purple)}
.courseCard:hover .courseCard__btn{background: var(--gradient-blue);}
/* 線上熱門課程 */
.blockHeight--hito{overflow:hidden;background-image: url(../images/index/hito-bk.png);background-size: cover;background-position: center;}

.blockHeight--hito .mainTitle{color: #fff;}
.blockHeight--hito .slick-track{padding:50px 0}
.blockHeight--hito .courseHito__media{overflow: hidden;border-radius: 8px;}
.courseHito__tags{display:flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin-top: 20px;}
.courseHito__item{transform: scale(0.85);position: relative;}
.courseHito__item::before{position: absolute;content:'';width: calc(100% + 150px);height: calc(100% + 90px);border-radius: 12px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-image: url(../images/index/hito.jpg);background-size: cover;background-position: center;opacity: 0;z-index: -17;}
.multipleSlick__item .courseHito__media{position:relative}
.multipleSlick__item .courseHito__media:before{position:absolute;content:'';width:100%;height:100%;background:#282828;opacity: .3;z-index: 1;pointer-events: none;}
.slick-center.multipleSlick__item{position:relative;z-index: -1;}
.slick-center .courseHito__item{transform: scale(1);}
.multipleSlick__item .playBtn{display:none}
.multipleSlick__item .courseHito__tags{opacity:0;pointer-events:none}

.slick-current.multipleSlick__item + .slick-active .courseHito__item::before{opacity:1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.slick-current.multipleSlick__item + .slick-active .courseHito__item .playBtn{display:block}
.slick-current.multipleSlick__item + .slick-active .courseHito__item .courseHito__tags{opacity:1;pointer-events:initial}
.slick-current.multipleSlick__item + .slick-active .courseHito__media:before{opacity:0}

.blockHeight--hito .slick-arrow{top: calc(50% - 20px);}
.blockHeight--hito .slick-prev{left: calc(33% - 63px);}
.blockHeight--hito .slick-next{right: calc(33% - 65px);}
/* 企業內訊 */
.trainArea{overflow:hidden;position: relative;}
.train__container{padding-left: calc((100% - var(--container)) / 2);}
.train__container--top{background-image: url(../images/index/trainBK.png);padding-top: 5rem;padding-bottom: 10rem;background-size: cover;background-position: center;background-repeat: no-repeat;}
.blockHeight--train__left{max-width: 700px;width: 100%;flex: 1;padding-left: 30px;}
.trainLogo{width: 250px;margin-bottom: 40px;}
.trainSlogan{font-family: 'Noto Serif TC', serif;color: var(--color-yellow-dark);display: inline-block;margin-bottom: 25px;}
.trainSlogan__txt{letter-spacing:1.5px;font-size: 1.75rem;}
.trainSlogan__name{font-size:25px;display: flex;align-items: center;justify-content: flex-end;}
.trainSlogan__name span{width:50px;height:1px;background-color: var(--color-yellow-dark);display: inline-block;margin-top: 5px;margin-right: 10px;}
.train__container--bom{margin-top: -8.5rem;position: relative;}
.trainTxt{font-size: 22px;font-weight: 600;letter-spacing: 1px;color: #fff;line-height: 1.8;}
.train__advantage{max-width:750px;width: 100%;position: absolute;right: -40px;top: 40px;}

.advantage__txt{position:absolute;z-index: 9;top: 22%;left: 20%;font-size: 23px;font-weight: 500;color: var(--color-blue-dark01);}
.advantage__txt h2{position:relative;padding-left: 40px;margin-bottom: 1rem;letter-spacing: 1px;font-size: unset;}
.advantage__txt h2:before{position:absolute;content:'';width:35px;height:35px;background-image: url(../images/index/star.png);background-position: center;background-size: contain;z-index: 1;left: 0;}
.advantage__txt_red{color:var(--color-red-dark)}
.trainArea__btn{font-size:26px;padding: 10px 12px 10px 30px;border-radius: 60px;background: var(--gradient-blue);color: #fff;font-weight: 700;position: absolute;left: calc(((100% - var(--container)) / 2) + 30px);top: 30px;z-index: 1;width: 250px;}
.trainArea__btn b{display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 60px;text-align: center;margin-left: 5px;background: var(--gradient-red);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.trainArea__btn:hover{color:#fff}
.trainArea__btn:hover b{background:var(--color-yellow-dark);color: var(--color-red-light);}
/* 文章 */
/* 文章--item */
.blogBox{display: flex;align-items: flex-start;column-gap: 25px;}
.blogSlick__item{width: calc(50% - 5px);}
.blogItem{display:flex;align-items: center;padding: 15px;position: relative;border-bottom: 1px dashed var(--color-blue-dark03);}
.blogItem:before{position:absolute;content:'';width:100%;height:100%;left: 0;top: 0;border-radius: 8px;z-index: -1;background: var(--gradient-yellow);opacity: 0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.blogSlick__item .blogItem:last-child{border-bottom:none}
.blogItem+.blogItem{/* border-top: 1px dashed var(--color-blue-dark03); */}
.blogItem__txt{padding-right: 20px;flex: 1;}
.blogItem__txt__top{display: flex;align-items: center;margin-bottom: 10px;font-size: 14px;}
.blogSort{font-size:17px;flex-shrink: 0;}
.blogSort__type{color:var(--color-blue-dark01);font-size: 17px;font-weight: 600;margin-left: 15px;position: relative;}
.blogSort__type:before{position:absolute;content:'';width: 1px;height: 15px;background: var(--color-blue-dark01);top: 50%;transform: translateY(-50%);left: -9px;}
.blogItem__txt__top .slash{margin: 0 8px;color: var(--color-grey05);}
.blogItem__title{font-size: 18px;color: var(--color-black);font-weight: 600;margin-bottom: 10px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom: 6px;}
.blogItem__pic{border-radius:8px;display: table;overflow: hidden;width: 200px;}
.blogItem__pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.blogItem:hover{color: var(--color-blue-dark03);}
.blogItem:hover .blogItem__title{color: var(--color-blue-dark03);}
.blogItem:hover:before{opacity:1;box-shadow: 0 2px 15px rgb(0 0 0 / 15%);}
/* 本月精選 */
.blockHeight--ad{padding-bottom:10rem;}
.adBox{padding:0 30px}
.adBox__item{text-align:center}
.adBox__item a{padding: 0 10px;display: block;}
.adBox__item figure{display: table;margin: 0 auto;overflow: hidden;border-radius: 8px;}
.adBox__item img{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.adBox__item:hover img{transform:scale(1.02)}


/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}

/* footer */
footer{background: var(--gradient-blue);color:#fff;padding: 20px 0;position: relative;z-index: 1;}
.footerTop{display:flex;align-items: flex-start;justify-content: center;gap: 100px;}
.footerSitemap{display: flex;justify-content: space-between;max-width: 600px;width: 100%;}
.footerItem__title{font-size:22px;font-weight: 500;}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li+li{margin-top:5px}
footer a{color: #fff;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.footerItem--social i{font-size: 20px;}
.footerItem--social a{display:flex;align-items: center;gap: 5px;}
.socialIcon{width:20px;height: 20px;display: inline-block;border-radius: 60px;background: #fff;text-align: center;position: relative;}
.socialIcon i{font-size: 12px;background: var(--gradient-blue);background: -webkit-var(--gradient-blue);background-clip: text;-webkit-background-clip: text;color: transparent;position: absolute;left: 51%;top: 48%;transform: translate(-50%, -50%);}
.footerBom{border-top:1px solid #fff;margin-top: 80px;padding-top: 15px;}
.footerBom .container{display:flex;align-items:center;justify-content: center;}
.footerBom .unit{display:flex;align-items:center;margin-right: 50px;}
.footerBom .unit p{margin-bottom:0;position: relative;}
.footerBom .unit p:nth-of-type(2){margin-left:20px}
.footerBom .unit p:nth-of-type(2):before{position:absolute;content:'';width: 1px;height: 15px;background: #fff;left: -10px;top: 52%;transform: translateY(-50%);}

/* 課程總覽開始 */
.coursePage{position: relative;padding-bottom: 80px;}
.coursePage--detail{padding-bottom:0}
.courseGrid{margin-top:30px;}
.courseGrid__inner{display: flex;flex-wrap: wrap;/* justify-content: space-between; */row-gap: 30px;gap: 32px;}
.noCollege{margin-top: -160px;}
/* 課程總覽__文字列表 */
.courseGrid:not(.courseGrid--text) .courseGrid__title,.courseGrid:not(.courseGrid--text) .courseGrid__inner--text{display: none;}
.courseGrid--text .courseGrid__inner--pic{display: none;}
.courseGrid--text .courseGrid__inner--text{display: block;}
.courseGrid__title{background: var(--gradient-blue);border-radius: 8px 8px 0 0;color: #fff;font-size: 21px;font-weight: 500;}

.courseForm{list-style:none;padding-left: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.courseForm--list{background:#fff;align-items: center;margin-bottom: 15px;}
.courseForm__list{display: table-cell;vertical-align:top;max-width: calc( 100% );width: 100%;text-align:center;padding: 17px 10px;flex: 1;}

.courseForm__list--name{max-width: 30%;flex: auto;}
.courseForm__list--price{max-width:170px;flex: auto;}
.courseForm__list--tag{max-width: 200px;flex: auto;}
.courseForm--list .courseForm__list{padding: 10px;}
.courseForm--list .courseForm__list--name{display:flex;align-items: center;}
.courseForm--list  .courseForm__list--time,.courseForm--list  .courseForm__list--area{font-size:18px;font-weight: 500;}
.courseForm .saleTxt{position:initial;font-size: 14px;}
.courseForm__list__nameBox{margin-bottom:0;flex: 1;text-align: left;padding-left: 10px;display: block;}
.courseForm__list__nameBox .courseCard__title{margin-bottom:0}
.courseForm .courseMoney{text-align:left}
.courseForm .courseState{justify-content:center}
.statusTag{display:none;}


/* 課程總覽__BN */
.courseBN{background-position: center bottom;background-size: cover;}
.bnTxt{text-align: center;padding: 110px 15px 220px;}
.bnTxt--left{text-align: left;}
.bnTxt h1{font-size: 55px;font-weight: 700;letter-spacing: 8px;margin-bottom: 20px;}
.bnTxt h2{font-size: 30px;font-weight: 700;letter-spacing: 8px;}
/* 課程總覽__六大學院 */
.college{max-width: 1300px;margin: -160px auto 20px;}
.college__main{display:flex;align-items: flex-start;justify-content: space-between;}
.college__item{position: relative;text-align: center;width: 200px;border-radius: 8px;}
/* 課程總覽__六大學院__代表色 */
.college__item--digit{background: var(--college-red);}
.college__item--hr{background: var(--college-blue);}
.college__item--finance{background: var(--college-orange);}
.college__item--business{background: var(--college-pink);}
.college__item--marketing{background: var(--college-purple);}
.college__item--esg{background: var(--college-green);}
.college__item a::before{position: absolute;content: '';background-size: contain;left: 50%;transform: translate(-50%,-10px);width: 168px;height: 11px;bottom: -10px;z-index: -1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.college__item--digit a::before{background-image: url(../images/deco/polygon-red.png);}
.college__item--hr a::before{background-image: url(../images/deco/polygon-blue.png);}
.college__item--finance a::before{background-image: url(../images/deco/polygon-orange.png);}
.college__item--business a::before{background-image: url(../images/deco/polygon-pink.png);}
.college__item--marketing a::before{background-image: url(../images/deco/polygon-purple.png);}
.college__item--esg a::before{background-image: url(../images/deco/polygon-green.png);}
.college__item:hover a::before,.active.college__item a::before{transform: translate(-50%,0);}
.college__item a{padding: 20px 0;display: block;}
.college__item::before,.college__item:after{position: absolute;content: '';width: 20px;height: 20px;}
.college__item::before{background-image: url(../images/deco/rectangle-lt.png);top: 0;left: 0;}
.college__item:after{background-image: url(../images/deco/rectangle-rb.png);bottom: 0;right: 0;}
.college__item .iconPic{width:30px;margin: 0 auto 10px;display: table;}
.college__item h3{font-size:22px;margin-bottom: 0;color: #fff;}
/* 課程總覽__六大學院__小類 */
.college__sub{display: flex;align-items: center;justify-content: center;list-style: none;padding-left: 0;margin-bottom: 0;margin-top: 20px;font-size: 18px;gap: 10px;}
.college__subItem__link{font-size: 18px;position: relative;padding: 5px 15px 6px 15px;border-radius: 8px;color: #fff;display: inline-block;}
.college__subItem__link:before{position:absolute;content:'';width: calc(100% - 2px);height: calc(100% - 2px);top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 7px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.college__sub--tech .college__subItem__link{background: var(--college-red);}
.college__sub--tech .college__subItem__link:before{background: #F17171;}
.college__sub--hr .college__subItem__link{background: var(--college-blue);}
.college__sub--hr .college__subItem__link:before{background: #0291DD;}
.college__sub--finance .college__subItem__link{background: var(--college-orange);}
.college__sub--finance .college__subItem__link:before{background: #FFB979;}
.college__sub--business .college__subItem__link{background: var(--college-pink);}
.college__sub--business .college__subItem__link:before{background: #FF67B9;}
.college__sub--marketing .college__subItem__link{background: var(--college-purple);}
.college__sub--marketing .college__subItem__link:before{background: #AB7CE7;}
.college__sub--esg .college__subItem__link{background: var(--college-green);}
.college__sub--esg .college__subItem__link:before{background: #34d060;}
.college__subItem__txt{position:relative;z-index:1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.college__subItem__link:hover{color:#fff}
.college__subItem__link:hover:before,.college__subItem.active .college__subItem__link:before{opacity: .4;}
.moreThan .college__subItem{white-space:nowrap;margin: 0 8px;}
/* 課程總覽__搜尋 */
/* 課程總覽__搜尋__預設 */
.courseSearch__form{background-color: #fff;box-shadow:  0 2px 15px rgb(0 0 0 / 15%);border-radius: 8px;}
.courseSearch__form__inner{padding: 20px;}
.courseSearch__form__innerTop,.courseSearch__form__innerBom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.courseSearch__form__innerTop{margin-bottom:10px}
.courseSearch__keword{max-width: 700px;width: 100%;flex: 1;}
.courseSearch__keword.--noMax{max-width: unset;}
.courseSearch__keword input{background: #EBEBEB;border: none;width: 100%;}
.courseSearch__select .inputStyle--select{width: 160px;}
.courseSearch__select{display:flex;gap: 20px;}
.courseSearch__form select{border-color: var(--color-blue-dark01);}
.courseSearch__date{display: flex;align-items: center;}
.courseSearch__date .inputStyle--date{border-color: var(--color-blue-dark01);}
.courseSearch__date .inputStyle--date::placeholder{ color: var(--color-blue-dark01);opacity: 1; }
.courseSearch__form .middleElement{margin:0 10px;font-size: 18px;color: var(--color-blue-dark01);;}
.courseSearch__tags{display: flex;align-items: center;gap: 5px;}
.courseSearch__check{display: flex;align-items: center;color: var(--color-blue-dark01);margin-left: auto;}
.divider{width: 1px;height: 35px;background: var(--color-blue-dark01);}
.divider--s{height: 20px;}
.courseSearch__btn{display:flex;gap:10px}
/* 課程總覽__工具列 */
.courseToolBar{display:flex;justify-content: flex-end;gap: 15px;}
.courseToolBar .inputStyle--select{width: 130px;}
.gridBtn{border-radius:4px;border: 1px solid var(--color-blue-dark01);display: flex;position: relative;overflow: hidden;}
.gridBtn__item{padding: 1px 10px;font-size: 20px;line-height: 31px;color:var(--color-blue-dark01);background: #fff;}
.gridBtn__item--active{background: var(--color-blue-dark01);color: #fff;pointer-events: none;}
.gridBtn__item:not(.gridBtn__item--active){cursor:pointer}

/* 課程底層 */
/* 課程底層__上面 */
.courseInfo{background:var(--gradient-blue-light);padding: 50px 0;}
.courseInfo__inner{display:flex;flex-wrap: wrap;align-items: center;}
.courseInfo__inner .courseInfo__media{width: 100%;padding-right: 50px;flex: 1 1;}
.courseInfo__inner .courseInfo__txt{flex: 1 1;position: relative;display: flex;flex-direction: column;}
.courseInfo__media__show{position: relative;}

.courseInfo__media__show__pic{position:relative;width: 100%;top: 0;/* z-index: -1; */}
.courseInfo__media__show__iframe{position:absolute;width: 100%;height: 100%;z-index: 1;}
.courseInfo__media__show__iframe:before{position:absolute;content:'';width:100%;height:100%;background: var(--color-blue-light01);}

.classroomIntro__inner .courseInfo__tags{display:flex;align-items:center;flex-wrap: wrap;gap: 5px;}
.courseInfo__tags{margin-bottom:10px;}
.courseInfo__tags a:not(.tagItem){margin-left:auto;position: relative;}
.courseInfo__tags a:not(.tagItem):before{position:absolute;content:'';width:1px;height:30px;background: var(--color-blue-dark02);left: -15px;top: 50%;transform: translateY(-50%);}
.courseInfo__title__main{font-size: 28px;font-weight: 700;}
.courseInfo__title__sub{font-size: 18px;}
.courseInfo__list{display:flex;flex-wrap:wrap;/* gap: 8px; */}
.courseInfo__item{display:flex;align-items: center;margin: 8px 0;flex-wrap: wrap;width: 100%;}
/* .courseInfo__txt .courseInfo__item:nth-of-type(1),.courseInfo__txt .courseInfo__item:nth-of-type(2){width:100%} */
/* .courseInfo__item:nth-of-type(4){margin-left:20px} */

.courseInfo__item b{background:var(--color-blue-dark01);border-radius: 4px;padding: 2px 5px 3px;color: #fff;font-weight: 400;margin-right: 5px;}
.courseInfo__item b i{margin-right:3px}
.courseInfo__item p{margin-bottom:0;margin-left: 10px;color: var(--color-blue-dark02);flex: 1;}
.courseInfo__tool{display: flex;align-items: center;font-size: 15px;margin-top: 15px;}
/* 麵包屑 */
.breadCrumbs{display: flex;align-items: center;flex-wrap: wrap;padding-left: 0;list-style: none;color: var(--color-blue-dark01);}
.breadCrumbs a{color: var(--color-blue-dark01);}
.breadCrumbs .item{position:relative}
.breadCrumbs .item+.item{margin-left: 20px;}
.breadCrumbs .item+.item:before{position:absolute;content:'\F285';font-family: bootstrap-icons !important;display: block;left: -15px;top: 3px;font-size: 14px;}
.breadCrumbs .item.active{font-weight:500}
/* 收藏 */
.colletBtn{display: flex;align-items: center;padding: 5px 10px 5px 6px;border-radius: 4px;background: #fff;border: 1px solid;color: var(--color-blue-dark01);cursor: pointer;}
.colletBtn .collet{position:relative;width: 24px;height: 20px;text-align: center;margin-top: 1px;}
.colletBtn p{margin-bottom:0;position: relative;margin-left: 15px;}
.colletBtn p:before{position:absolute;content:'';width:1px;height: 15px;background: var(--color-blue-dark01);top: 52%;transform: translateY(-50%);left: -7px;}
/* 分享 */
.colletBtn+.shareBtn{margin-left:10px}
.shareBtn{position:relative}
.shareBtn__title{padding: 6px 15px;background: var(--gradient-blue);border-radius: 4px;color: #fff;cursor: pointer;margin-bottom: 0;}
.shareBox{list-style:none;padding-left:0;margin-bottom: 0;position: absolute;background: #fff;display: flex;border-radius: 4px;top: 50%;transform: translateY(-50%);left: calc(100% + 15px);}
.shareBtn:not(.show) .shareBox{opacity: 0;pointer-events: none;}
.shareBox:before{position:absolute;content:'';width: 0;height: 0;border-style: solid;border-width: 5px 8px 5px 0;border-color: transparent #ffffff transparent transparent;left: -8px;top: 50%;transform: translateY(-50%);}
.shareBox__item{position:relative;overflow: hidden;}
.shareBox__item:first-child{border-radius:4px 0 0 4px}
.shareBox__item:last-child{border-radius:0 4px 4px 0}
.shareBox__item+.shareBox__item:before{position:absolute;content:'';width:1px;height: 20px;background: #eee;top: 50%;transform: translateY(-50%);}
.shareBox__item a{padding: 8px 16px;display: block;font-size: 20px;overflow: hidden;}
.copyUrl{/* padding: 8px 10px; */}
.copyUrl input{opacity: 0;position: absolute;pointer-events: none;}
.copyUrl__btn{border:none;background: transparent;font-size: 22px;padding: 7px 12px;color: var(--color-blue-dark01);}

.shareBox__item--line a{color: #24bd1c;}
.shareBox__item--fb a{color: #4A68B0;}
.shareBox__item--mail a{color: var(--color-red-light);}
.shareBox__item a:hover,.copyUrl__btn:hover{background: var(--color-yellow);}
/* 課程底層__特色 */
.courseFeature{padding: 13px 0;background:var(--gradient-blue-dark)}
.courseFeature .container{display:flex;align-items: center;justify-content: center;gap: 60px;max-width: 1200px;}
.courseFeature__item{display:flex;align-items: center;justify-content: center;width: 250px;}
.courseFeature__item figure{margin-right:15px}
.courseFeature__item__item p{color:#fff;margin-bottom: 0;}
.courseFeature__item__item b{font-size:20px;color:var(--color-yellow)}

/* 課程底層__介紹 */
/* 課程底層__介紹__錨點 */
.courseTab{/* background:var(--gradient-white); */background: linear-gradient(90deg, rgb(255 255 255 / 50%), #ffffff, rgb(255 255 255 / 50%));position: sticky;top: 78.5px;z-index: 10;box-shadow: var(--box-shadow);}
.courseTab__box{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;/* justify-content: center; */font-size: 22px;}
.courseTab__box .courseTab__item:nth-of-type(1){padding-left:0}
.courseTab__item{padding:0 30px}
.courseTab__item p{margin-bottom:0}
.courseTab__item+.courseTab__item{position:relative}
.courseTab__item+.courseTab__item:before{position:absolute;content:'';width:1px;height:20px;background: var(--color-grey04);left: 0;top: 50%;transform: translateY(-50%);}
.courseTab__item a{padding: 20px 0;display: flex;align-items: center;color: var(--color-blue-dark01);position: relative;}
.courseTab__item a:before{position:absolute;content:'';width:100%;height:5px;border-radius: 60px;bottom: -4px;background: linear-gradient(90deg, #024197, #0291DD 80%, #3ABBFF);left: 0;opacity: 0;}
.courseTab__item.active a:before{opacity:1}
.anchor {position: absolute;margin-top: -90px;}
.anchor--noSticky{margin-top: -150px;}
/* 課程底層__介紹開始 */
.courseContent .container{padding-top:50px}
.courseContent__left{float: left;max-width: calc(100% - 420px);padding-right: 30px;}
.courseContent__right{float: right;max-width: 420px;width: 100%;position: sticky;top: calc(78px + 73px);}
.courseContent__part{padding: 30px 0;}
/* 課程底層__右側常駐 */
.courseBuy{background: var(--color-yellow);padding: 15px;margin-bottom: 20px;position: relative;}
.courseBuy .courseMoney{display:flex;align-items: flex-end;}
.courseBuy .courseMoney__price{display: block;}
.courseBuy .payPrice .priceName{font-size:16px;display: block;color: var(--color-red-dark);width: 100%;text-align: left;margin-bottom: -5px;}
.courseBuy .payPrice .price{font-size:32px;margin-left: 0;}
.courseBuy .priceName{font-size:16px;width:auto}
.courseBuy .originalPrice{margin-bottom:5px;margin-left: 10px;}
.courseBuy__btn{display:flex;gap: 8px;margin-top: 10px;}
.courseBuy .btnSquare{padding-left:0;padding-right:0;flex: 1;text-align: center;}
.courseBuy .btnSquare:hover{background:var(--gradient-red)}
.courseBuy .progressBar{margin:10px 0}
.courseBuy .progressBar .progressBar__percent{margin-left: auto;display: table;}
.courseBuy__notic{margin-top:10px;text-align: left;}
.courseBuy__notic__title{font-size:20px;font-weight: 600;color: var(--color-blue-dark01);margin-bottom: 8px;}
.courseBuy__notic__txt{max-height: 250px;overflow-y: scroll;}
.courseBuy__notic__txt p{margin-bottom:0;color: var(--color-blue-dark02);line-height: 1.7;letter-spacing: .5px;}
/* 課程底層__右側常駐__ad */
.courseAD__edit figure{margin-bottom:10px}
/* 課程底層__介紹__編輯器 */
.courseContent__partTitle{color:var(--color-blue-dark01);display: inline-block;font-size: 26px;font-weight: 600;margin-bottom: 15px;}
.courseContent__partTitle--center{display: block;text-align: center;margin-bottom: 40px;}
.courseContent__partContent{color: var(--color-blue-dark02);font-weight: 500;letter-spacing: 1px;line-height: 1.8;}
.courseContent__part--edit figure{margin-bottom:10px}
.courseAll{display: flex;flex-wrap: wrap;row-gap: 30px;gap: 32px;}
/* 課程底層__介紹__編輯器__標題按鈕樣式 */
.editBtn{border-radius: 60px;display: block;text-align: center;color: #fff;padding: 10px 20px 10px 10px;position: relative;margin: 10px 0;}
.editBtn:before{position:absolute;content:'\F231';display: inline-block;font-family: bootstrap-icons !important;right: 10px;top: 50%;transform: translateY(-50%);font-size: 12px;}
.editBtn--blue{background:var(--gradient-blue)}
.editBtn--pink{background:var(--gradient-red-light01)}
.editBtn:hover{color:#fff}
.editBtn:hover:before{transform:translate(2px,-50%)}
/* 課程底層__介紹__老師 */
.courseTeacher+.courseTeacher{margin-top:30px}
.courseTeacher__person{display: flex;align-items: center;margin-bottom: 20px;}
.courseTeacher__person .teacherLink__pic{width:65px;height: 65px;margin-right: 15px;}
.courseTeacher__person__name p{font-size:24px;font-weight: 600;margin-bottom: 0;color: var(--color-blue-dark01);}
.courseTeacher__text p{margin-bottom:0}
/* 課程底層__介紹__檔案下載 */
.downloadBox{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;list-style: none;padding-left: 0;margin-bottom: 0;}
.downloadBox__item{position: relative;border-radius:4px;overflow: hidden;background: var(--gradient-orange-light01);}
.downloadBox__item:before{position:absolute;content:'';width:100%;height:100%;top: 0;left: 0;background: linear-gradient(0deg, rgb(231 157 52), rgb(255 255 255 / 0%));border-radius: 4px;opacity: 0;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;pointer-events: none;}
.downloadBox__item a{padding: 5px 15px;display: flex;align-items: center;font-weight: 500;position: relative;z-index: 1;}
.downloadBox__item a span{padding-right:5px}
.downloadBox__item a i{margin-left:auto;font-size: 22px;}
.downloadBox__item:hover a{color:inherit}
.downloadBox__item:hover:before{opacity:0.4}
/* 課程底層__介紹__目錄一覽 */
.catalogTab{border-bottom: 2px solid var(--color-blue-dark01);}
.catalogTab__list{/* width:50%; */flex: 1;}
.catalogTab__list a{display:flex;align-items:center;font-size: 18px;padding: 10px 15px;background: var(--gradient-blue-light);border-radius: 4px 4px 0 0;color: var(--color-blue-dark01);position: relative;}
.catalogTab__list a:before{position:absolute;content:'';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: var(--color-blue-dark01) transparent transparent transparent;left: 50%;transform: translateX(-50%);bottom: -12px;opacity: 0;}
.active.catalogTab__list a{background: var(--gradient-blue);color: #fff;}
.active.catalogTab__list a:before{opacity:1}
.catalogTab__list p{margin-bottom:0;font-weight: 500;}
.catalog__list{list-style:none;padding-left:0;}
/* 課程目錄清單 */
.catalog__list__item{display:flex;align-items: center;/* justify-content: space-between; */flex-wrap: wrap;gap: 8px;padding: 10px;}
.catalog__list__item+.catalog__list__item{border-top: 1px solid #ffffff;}
a.catalog__list__item:hover{color:var(--color-blue-dark01)}
.videoName{font-weight:500;margin-bottom: 0;padding-right: 5px;/* flex: 1; */}
.prepare{background: var(--color-yellow);font-weight: 500;color: var(--color-blue-dark01);padding: 1px 6px 2px;border-radius: 4px;font-size: 15px;}
.videoTime{font-size:12px}

/* 課程底層__textarea */
.userTextarea .inputStyle--textarea{background:#EBEBEB;border: none;}
.userTextarea__btn{justify-content:flex-end;margin-top: 15px;}
/* 課程底層__留言板 */
.replyArea__item+.replyArea__item{margin-top:15px}
.replyArea__item__top{display: flex;align-items: center;}
.replyPerson{width:40px;height:40px;border-radius: 60px;overflow: hidden;}
.replyTime{color:var(--color-blue-dark01);font-size: 14px;font-weight: 500;margin-left: 10px;}
.replyContent{padding-left:50px;}
.replyContent__bubble{padding: 10px 12px;display: table;border-radius: 8px;}
.replyContent__bubble--pic{padding:10px}
.replyContent__bubble+.replyContent__bubble{margin-top:8px}
.replyContent__bubble p{margin-bottom:0}
.replyArea__item--buyer .replyContent__bubble{background:#fff;color: var(--color-blue-dark02);}
.replyArea__item--admin .replyContent__bubble{background: var(--color-blue-dark02);color: #fff;}
/* 課程底層__其他課 */
.courseClass{padding: 60px 0 80px;background: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 75%), rgb(255 255 255 / 0%));margin-top: 150px;box-shadow: 0 -6px 5px rgb(0 0 0 / 2%);}
.courseClass .slick-track{padding-top:10px}
.courseSlick__item .courseCard{display:table;margin: 0 auto;height: 100%;}
.courseClass .slider .slick-prev{left: -50px;}
.courseClass .slider .slick-next{right:-50px}

/* 上課教室 */
.coursePage--classroom{position:relative}
.coursePage--classroom:before{position:absolute;content:'';background: linear-gradient(180deg,#e0eff7 0%,rgb(255 255 255 / 0%) 100%);width: 100%;height: 100%;z-index: -1;}
.coursePage--classroom .courseInfo{background:transparent}
.coursePage--classroom .courseInfo__inner{align-items:initial}
.coursePage--classroom .courseInfo__inner .courseInfo__media{flex: 2.5 1;padding-right: 30px;}
.coursePage--classroom .courseInfo__media__show__iframe{position: initial;}
.courseInfo__catalog{flex: 1 1;}
.coursePage--classroom .courseInfo__media__show{border-radius:8px;overflow: hidden;position: relative;}
.classroomIntro{padding-bottom:80px}
.classroomIntro .container{display: flex;}
.classroomIntro__inner{flex: 2.5 1;padding-right: 30px;}
.classroomIntro__flexUse{flex: 1 1;}
.coursePage--classroom .prepare{/* margin-right:auto; */}
/* 上課教室--試看 */
.testViewAlert{position:absolute;top:0;left:0;width: 100%;padding: 15px 15px;background: rgb(0 13 133 / 50%);box-shadow: 0 0 15px rgb(0 0 0 / 80%);z-index: 1;}
.testViewAlert .testView{font-size:15px;padding: 5px 8px 4px;margin-right: 0;margin-bottom: 2px;display: inline-block;width: auto;}
.testViewAlert .videoName{color:#fff;font-size: 25px;}
/* 上課教室--收合清單 */
.fullView .courseInfo{background-color:var(--gradient-blue-light);box-shadow: 0 0 15px rgb(0 0 0 / 30%);margin-bottom: 50px;}
.fullView .courseInfo__catalog{display: none;}
.fullView .openCatalog{display:block}
.openCatalog{position:absolute;right: 0;top: 30px;width: 40px;background: var(--gradient-blue);color: var(--color-yellow);text-align: center;padding: 8px 0;border-radius: 8px 0 0 8px;display:none;cursor: pointer;z-index: 12;}

/* 上課教室__播放清單 */
.courseInfo__catalog{background:var(--gradient-blue);border-radius: 8px;}
.courseInfo__catalog__top{border-radius:8px 8px 0 0;background: var(--color-blue-dark01);display: flex;align-items: center;padding: 10px 10px 8px;}
.courseInfo__catalog__bom{height: calc(100% - 42px);}
.courseInfo__catalog__bom .tabsGroup__container{height:100%;}
.courseInfo__catalog .catalogBox{height: 540px;overflow-y: scroll;}
.catalogToggle{color: var(--color-yellow);font-size: 14px;margin-left: auto;cursor: pointer;}
.classroomCatalogTab{margin-bottom:0}
.classroomCatalogTab__list{padding:0 10px}
.courseInfo__catalog__bom .catalog__list{padding:0 10px;}
.classroomCatalogTab__list a{position: relative;opacity: .5;color:#fff}
.classroomCatalogTab__list a:before{position:absolute;content:'';width:100%;height:4px;bottom: -9px;background: #fff;border-radius: 60px;opacity:0}
.classroomCatalogTab__list.active a{opacity:1}
.classroomCatalogTab__list.active a:before{opacity:1}
.classroomCatalogTab__list p{margin-bottom:0;font-weight: 600;}
.catalog__list__item.watchNow{position:relative;z-index: 1;}
.catalog__list__item.watchNow .videoName{color:var(--color-blue-dark01)}
.catalog__list__item.watchNow:before{position:absolute;content:'';width: calc(100% + 20px);height: calc(100% + 1px);left: -10px;top: 0;background: var(--color-yellow);z-index: -1;}
.catalog__list__item.watchNow .videoTime{color:#000}
.courseInfo__catalog .videoName{color:#fff}
.courseInfo__catalog .videoTime{color:var(--color-yellow);margin-left: auto;}
.testView{background: var(--gradient-red);border-radius: 4px;color: #fff;font-size: 12px;font-weight: 400;width: 46px;text-align: center;padding: 3px 0;margin-bottom: auto;}
.videoState{margin-right:5px;color: var(--color-blue-dark01);}
.videoState b{width: 16px;height: 16px;line-height: 16px;display: block;border-radius: 60px;background: #fff;border: 1px solid;position: relative;}
.videoState b i{position:absolute;top: -1px;left: 0px;font-size: 14px;}
/* 上課教室--已買 */
.fullView .nowVideoName{display: block;}
.nowVideoName{width: 100%;margin-top: 20px;display: none;}
.nowVideoName__txt{display: flex;align-items: center;font-size:25px;color: var(--color-blue-dark02);}
.nowVideoName p{margin-bottom:0;font-weight: 500;position: relative;padding-left: 30px;}
.nowVideoName p:before{position:absolute;content:'';width:1px;height: 25px;background: var(--color-grey04);top: 50%;transform: translateY(-50%);left: 10px;}
/* 搜尋 */
/* -搜尋共用:上方 */
.normalBanner{background-position:center;background-size: cover;box-shadow: var(--box-shadow);}
.bnTxt .searchRuselt{font-size: 20px;letter-spacing: 1px;font-weight: 500;}
.normalBanner .bnTxt{padding: 65px 0;}
.searchRuselt__keyword{color: var(--color-blue-dark01);}
.searchTab{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;margin-bottom: 30px;border-bottom: 1px solid var(--color-blue-light01);}
.searchTab__item{font-size: 20px;font-weight: 500;list-style: none;padding-left: 0;margin-bottom: 0;display: flex;text-align: center;}
.searchTab__item a{padding: 15px 20px;display: inline-block;color: var(--color-grey06);position: relative;}
.searchTab__item a:before{position:absolute;content:'';width:100%;height:3px;left: 0;bottom: -2px;background: var(--color-blue-dark01);opacity: 0;}
.searchTab__item .active a{color: var(--color-blue-dark01);}
.searchTab__item .active a:before{opacity: 1;}

/*404*/
.errorBox{text-align:center;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;z-index: 1;position: relative;}
.errorBox__tt{position:relative;font-size:clamp(2rem,10vw,10rem);font-weight:700;margin: 0;}
.errorBox__tt:before{
    --stroke: 1rem #fff;
    content:'404';
    position:absolute;
    left:0;
    top:0;
    color:#000;
    -webkit-text-stroke: var(--stroke);
    text-stroke: var(--stroke);
    z-index:-1;
    text-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);
    }
.errorBox__ct{font-size:1.5rem;margin-bottom:2rem}


/* 會員 */
/* -會員共用:輸入框 */
.memberSide+.memberPage__inner{max-width: calc(100% - 300px);width: 100%;float: right;padding-left: 40px;padding-right: 60px;margin-bottom: 150px;}
.memberPage__inner{margin-top: 85px;margin-bottom: 85px;}
.memberInput__mainTitle{text-align: center;margin-bottom: 50px;}
.memberInput__mainTitle h1{font-size:35px;}
.memberInput__mainTitle small{font-size:16px;color: var(--color-blue-dark02);font-weight: 600;}
.memberInput__mainTitle small span{margin:0 10px;}
.memberInput__mainTitle p{color: var(--color-blue-dark03);font-weight: 500;margin: 5px 0 0;font-size: 18px;letter-spacing: 1px;}
.memberInput__box{margin: 30px 0;}
.memberInput__boxFlex{display: flex;align-items: center;}
.memberInput__title{font-size:18px;color: var(--color-blue-dark02);margin-right: 15px;}
.memberInput__inner{flex:1}
.memberInput__input{position:relative}
.memberInput__input .inputStyle{border: 1px solid var(--color-grey04);width:100%;}
.memberInput__input ::placeholder {letter-spacing:1px;color:var(--color-grey05);}
.memberInput__input--complex{display:flex;align-items: flex-start;flex-wrap: wrap;gap:10px}
.memberInput__input--complex--radio{gap: 30px;align-items: center;}
.memberInput__input__inner{position:relative}
.memberInput__input__inner small{display: table;margin-top: 5px;}
.memberInput__input--complex3 .memberInput__input__inner{flex: 1;}
.placardInfo{margin-top:-10px;}
.memberInput__input--flex{display:flex;align-items: center;justify-content: space-between;}
.memberInput__input--flex .inputStyle{width:80%}
/* 會員--登入 */
.memberBox{max-width: 700px;padding: 50px 0 0;margin: 0 auto;background: #fff;border-radius: 12px;overflow: hidden;box-shadow: var(--box-shadow);}
.memberBox__smTxt{text-align: center;font-size:18px;}
.memberBox__inner{max-width:475px;margin: 0 auto;}
.memberBox__inner--bottom{margin-bottom: 50px;}
.memberBox__bom{background:var(--color-blue-dark01);margin-top: 70px;padding: 20px 30px;color: #fff;display: flex;align-items: center;justify-content: space-between;}
.justify-content-center.memberBox__bom{gap:15px}
.loginOption{display:flex;margin-bottom: 50px;}
.loginOption__item{width:50%;text-align: center;font-size: 20px;padding: 10px;cursor: pointer;position: relative;background: var(--color-grey02);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.loginOption__item:before{position:absolute;content:'';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: var(--color-blue-dark01) transparent transparent transparent;left: 50%;transform: translateX(-50%);bottom: -10px;opacity: 0;}
.loginOption__item--1111{border-radius:0 4px 4px 0;background: var(--color-red-light);color: #fff;}
.loginOption__item--1111:before{border-color: var(--color-red-light) transparent transparent transparent;}
.loginOption__item--1111:hover{background: var(--color-red-dark);}
.loginOption__item--web{border-radius: 4px 0 0 4px;}
.loginOption__item--web.active{background:var(--color-blue-dark01);color: #fff;}
.loginOption__item.active:before{opacity:1}
.loginWindow:not(.active){display:none}
.loginWindow .memberInput__title{width:60px}
#renew{width: 30px;text-align: center;height: 30px;line-height: 30px;background: var(--color-blue-dark03);color: #fff;border-radius: 4px;}
#renew:hover{background:var(--color-blue-dark02)}
.memberInput__input--code{display: flex;align-items: center;gap: 8px;}
.memberInput__input--code .codePic{display: flex;align-items: center;height: 45px;background: #e0eaed;padding-right: 5px;border-radius: 4px;}
.memberBox__bom p{margin-bottom:0;font-size: 18px;}
.memberBox__bom a{color:#fff}
.memberBox__bom .btnRadius--solid:hover{background:#fff;color:var(--color-blue-dark01);border-color:#fff;}
.forgetBtn b{font-weight:500;margin-right: 5px;}
.forgetBtn:hover{/* text-decoration:underline; */color: transparent;background: var(--gradient-orange-light01);background: -webkit-var(--gradient-orange-light01);background-clip: text;-webkit-background-clip: text;border-bottom: 1px solid #F0C689;}
.or{position:relative;width:100%;text-align: center;margin: 30px 0;}
.or:before{position:absolute;content:'';width:100%;height: 1px;top: 50%;left: 0;background: var(--color-grey02);z-index: 0;}
.or span{background:#fff;position: relative;padding: 0 20px;z-index: 1;}
.passwordIcon{position:absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 25px;text-align: center;right: 7px;font-size: 19px;line-height: 1.3;cursor: pointer;z-index: 2;}
/* 會員等級 */
.memberDegree{display:flex;justify-content: center;gap: 30px;}
.memberDegree__item{background-color: #fff;border-radius: 8px;display: inline-block;box-shadow: var(--box-shadow);width: 100%;max-width: 350px;}
.memberDegree__01 .tt,.memberDegree__01 .signBtn{background:var(--college-orange)}
.memberDegree__02 .tt, .memberDegree__02 .signBtn{background:var(--college-blue)}
.memberDegree__03 .tt,.memberDegree__03 .signBtn{background:var(--college-pink)}
.memberDegree__item .tt{font-size: 24px;background-clip: text;-webkit-background-clip: text;color: transparent;display: block;text-align: center;padding: 10px;border-bottom: 1px solid var(--color-grey02);}
.memberDegree__pic{text-align:center;width: 340px;margin: 0 auto;}
.memberDegree__pic figure{width:300px;display: table;margin: 0 auto;}
.memberDegree__inner{padding: 0 15px 30px;}
.memberFee{font-size:24px;font-weight: 500;text-align: center;margin-bottom: 15px;}
.memberFee p{margin-bottom:0;color: var(--color-blue-dark03);}
.memberFee p span{margin-left:10px;background: var(--gradient-red);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 600;}
.signBtn{display: block;font-size: 18px;text-align: center;color: #fff;padding: 8px 15px;position: relative;}
.signBtn span{position:relative;z-index:1}
.signBtn:before{position:absolute;content:'';width:100%;height:100%;top: 0;left: 0;background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(255 255 255 / 0%));border-radius: 4px;opacity: 0;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.signBtn:hover{color:#fff}
.signBtn:hover:before{opacity: 0.15;}
.memberDegree__inner ul{margin-bottom:0;margin-top: 15px;list-style: none;padding-left: 0;font-size: 17px;font-weight: 500;letter-spacing: 1px;color: var(--color-blue-dark02);min-height: 140px;}
.memberDegree__inner ul li{align-items: center;display:flex;margin: 10px 0;}
.memberDegree__inner ul h3{font-size:1rem;margin: 0;}
.memberDegree__inner ul i{background: var(--college-green);background-clip: text;-webkit-background-clip: text;color: transparent;font-size: 25px;line-height: 25px;height: 25px;display: inline-block;margin-right: 2px;}
.more_bnf{display: block;text-align:right;margin-right: 0;}
.more_bnf a{display:inline-block;color:#266bb1;font-weight:500;letter-spacing:0.15em;text-decoration:underline;text-underline-offset:4px;}
/* 會員註冊流程 */
.memberInput+.memberInput{margin-top:50px}
.memberBox__innerTitle{text-align: center;margin-bottom: 30px;}
.signupTitle {font-size:25px;color: var(--color-blue-dark01);font-weight: 600;margin-bottom: 5px;}
/* 會員資料填寫 */
.memberBox--infomation .memberBox__inner{max-width: 535px;}
.memberInput--infomation .memberInput__title{width: 120px;}
.inputStyle[disabled="disabled"]{color: var(--color-blue-dark03);background: var(--color-grey02);}
.verifyState{margin-top: 4px;border-radius:60px;font-size: 15px;display: inline-block;/* align-items: center; */margin-bottom: 0;padding: 2px 10px 2px 6px;color: #fff;letter-spacing: .5px;}
.verifyState i{margin-right:5px;font-size: 14px;}
.verifyState--ok{background:var(--college-green)}
.verifyState--error{background: var(--gradient-red);}
/* 但書文字 */
.declare{color: var(--color-blue-dark03);margin-bottom: 20px;margin-top: 30px;border-top: 1px solid var(--color-grey02);padding-top: 20px;}
.declare a{color: var(--color-blue-dark03);}
.declare a:hover{color:var(--color-black);text-decoration: underline;}
.declareWarn{padding-left: 25px;}
/* 電子發票/收據 */
.memberInput__box--receipt{margin: 0;}
.memberInput__box--receipt+.memberInput__box--receipt{margin-top:10px;}
.receiptBox{background: var(--color-yellow);padding: 10px;}
.receiptBox .memberInput__input--complex--radio{gap: 15px;/* justify-content: space-between; */}
.receiptBox input[type=radio].lookstyle+label::after{top:52%}
/* 註冊/付款完成 */
.successInner{margin-bottom:30px}
.successInner__title{text-align: center;margin-bottom: 20px;}
.successInner__title h1{font-size:34px;font-weight: 600;letter-spacing: 1px;}
.successInner__title h2{font-size: 22px;letter-spacing: 2px;line-height: 1.4;color: var(--color-blue-dark02);margin-bottom: 0;}
.success__payInfo{background: var(--color-yellow);padding: 20px 30px;color: var(--color-blue-dark03);font-weight: 500;font-size: 18px;letter-spacing: 1px;}
.success__payInfo a{color: var(--color-blue-dark03);}
.success__payInfo a:hover{text-decoration:underline;}
.success__payInfo__list{margin: 0 auto;list-style: none;padding-left: 0;display: table;}
.success__payInfo__list li{margin:5px 0;display: flex;align-items: center;}
.success__payInfo__list li .listInner{color:var(--color-black);font-weight: 400;}
.success__payInfo__list li .btnSquare{font-size:15px;padding:5px 10px}
.listInner p{margin-bottom:0}
/* 註冊/付款完成動畫 */
.checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.checkmark {width: 100px;height: 100px;border-radius: 50%;display: block;stroke-width: 4;stroke: #fff;stroke-miterlimit: 10;margin: 0px auto 25px;box-shadow: inset 0px 0px 0px #7ac142;animation: fill 0.4s ease-in-out 0.4s forwards,scale 0.3s ease-in-out 0.9s both;}
.checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
	}
	@keyframes scale {
	0%,
	100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
	}
	@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 50px #7ac142;
	}
}

/* 會員中心 */
/* 彈窗 */
.popUp{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;opacity: 1;}

.popUp{pointer-events:none;transition:0.5s all ease-in;opacity:0;transform:translateY(1rem);}
.popUp.open{pointer-events:all;opacity:1;transform:translateY(0);}

.popUp::before{position: absolute;content:'';width: 100%;height: 100%;background: var(--color-blue-dark03);opacity: .5;}
.popUp__container{position:relative;width: 100%;height: 100%;}
.popUp__content{max-width:800px;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0 15px;}
.popUp__content--samll{max-width:600px;}
.popUp__content--large{max-width: 1000px;}
.popUp__content__head{background: var(--color-blue-dark01);color: #fff;font-weight: 500;font-size: 28px;padding: 15px 30px;text-align: center;border-radius: 8px 8px 0 0;}
.popUp__content__body{padding:30px;background: #fff;border-radius: 0 0 8px 8px;max-height: 75vh;overflow-y: scroll;}
.popUp__close{display: flex;align-items: center;gap: 5px;position: absolute;font-size: 20px;font-weight: 600;right: 25px;top: -20px;background: #eee;border-radius: 60px;padding: 5px 15px;cursor: pointer;}
.popUp__close i{font-size:24px}
.popUp__close:hover{background: var(--color-blue-light04);color: var(--color-blue-dark01);}
.popUp--blog .popUp__content__head{padding: 15px 110px;}
.popUp__content__body img{display:table;margin:0 auto}
/* 彈窗--會員 */
.popUp--degree .popUp__content{max-width: 1100px;}
.popUp--degree .memberDegree__pic{display: none;}
.popUp--degree .signBtn{display: none;}
.popUp--degree .memberDegree__item strong{font-size:30px}
.popUp--degree .memberDegree__inner{padding-top:20px}
.popUp--degree .memberFee{margin-bottom: 10px;background: var(--color-yellow);padding: 10px 0;border-radius: 4px;}
.popUp--degree .memberDegree__item{max-width:calc(100% / 3)}
/* 彈窗--客服 */
.popUp--custom .popUp__content{max-width: 600px;}
.popUp--custom .popUp__content__body{font-size:18px;font-weight: 500;color: var(--color-blue-dark03);}
.popUp--custom .popUp__content__body li+li{margin-top:5px}
.popUp--custom .popUp__content__body a{color: var(--color-blue-dark03);}
.popUp--custom .popUp__content__body a:hover{text-decoration:underline}
/* 彈窗--輸入框 */
.textareaMax b{color:var(--color-blue-dark01)}

/* -會員中心共用:架構 */
.memberPage main{position: relative;padding-bottom: 0;}
.memberArea__inner{padding: 30px;background: rgb(255 255 255 / 75%);}
.memberArea__inner__head{margin-bottom:30px;}
.memberArea__Title{font-size: 24px;display: inline-block;font-weight: 600;color: var(--color-blue-dark02);}
.memberArea__Title+.btnSmall{margin-left:10px;font-size: 14px;}
.memberPage__middle{float:left;width: calc(100% - 340px - 35px);}
.memberPage__middleTop{display:flex;align-items:center;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px;gap: 10px;}
.memberPage__middleTop .btnSmall{font-size:16px;}
.memberPage__middle__title{font-size: 32px;font-weight: 700;color: var(--color-blue-dark02);margin-bottom: 0;}
.memberArea+.memberArea{margin-top: 15px;}
.memberArea--single{width:50%;margin-left: auto;}
.memberPage__right{max-width: 340px;width: 100%;position: sticky;top: 80px;float: right;}

.memberArea__top--tab{display: flex;background: var(--color-blue-dark01);border-radius: 4px 4px 0 0;}
.memberArea__top--tabItem{display:table-cell;vertical-align:top;width: calc( 100% );text-align:center;font-size: 20px;position: relative;}
.memberArea__top--tabItem+.memberArea__top--tabItem:before{position: absolute;content:'';width:1px;height: 25px;background:#fff;left: 0;top: 50%;transform: translateY(-50%);}
.memberArea__top--tabItem a{padding: 15px 10px;display:block;}
.memberArea__top--tabItem a span{color: rgb(255 255 255 / 50%);position: relative;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.memberArea__top--tabItem a:hover span{color: rgb(255 255 255 / 80%);}
.memberArea__top--tabItem a span:before{position:absolute;content:'';width: calc(100% + 10px);height:5px;border-radius: 60px;background: var(--color-yellow);bottom: -18px;left: 50%;transform: translateX(-50%);opacity: 0;}
.active.memberArea__top--tabItem a span{color:#fff}
.active.memberArea__top--tabItem a span:before{opacity:1}
.memberArea__inner__tab{border-bottom: 1px solid var(--color-blue-dark01);margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;}
.memberArea__inner__tab__btn{list-style:none;padding-left: 0;display: flex;gap: 10px;font-weight: 700;margin-bottom: 0;}
.memberArea__inner__tab a{padding: 10px 15px;color: var(--color-blue-dark03);opacity:.5;display: block;position:relative}
.memberArea__inner__tab .active a{opacity:1;color: var(--color-blue-dark02);}
.memberArea__inner__tab a:before{position:absolute;content:'';width:100%;height:3px;left: 0;bottom: 0;background: var(--color-blue-dark02);opacity:0}
.memberArea__inner__tab .active a:before{opacity:1}
.memberArea__inner__title{background: var(--color-yellow);display: flex;align-items: center;justify-content: space-between;padding: 7px 15px 7px 20px;position: relative;margin-bottom: 30px;}
.memberArea__inner__title:before{position:absolute;content:'';width: 4px;height:100%;left: 0;background: var(--gradient-blue);}
.memberArea__inner__titleTxt{font-size:22px;font-weight: 700;margin-bottom: 0;}
.memberArea__inner__title .btnSmall--blue{font-size:14px}
.memberPage__noticTT{width: 100%;/* margin-top: 10px; */font-weight: 500;}
.memberUploadImg{display:flex;align-items: center;flex-wrap: wrap;gap: 8px;}
.memberUploadImg__demo{width: 120px;overflow: hidden;border-radius: 100%;}
.memberUploadImg__note{color:var(--color-blue-dark01);}
/*  -會員中心共用:右邊視窗區塊 */
.memberPage__window{border-radius:4px;background: #fff;border-top: 4px solid var(--color-blue-dark01);}
.memberPage__window+.memberPage__window{margin-top:20px}
.memberPage__window__inner{padding: 25px 20px 20px;}
.memberPage__window__content+.memberPage__window__content{margin-top: 20px;}
.memberPage__window__content+.btnSquare{margin-top:20px}
.memberPage__window__contentTop{display:flex;justify-content:space-between;align-items: flex-end;margin-bottom: 10px;}
.memberPage__windowTitle{font-size:22px;color: var(--color-blue-dark02);}
.memberPage__window__contentTop .btnSmall{font-size:14px;}
.memberPage__window__contentBom{background:var(--color-yellow);padding: 10px;margin-top: 10px;}
.memberPage__window .videoName{flex:1}
.memberPage__window--onlineCourse .windowCourse__name{position: relative;}
.memberPage__window--onlineCourse .windowCourse__name:before{font-family: bootstrap-icons !important;content:"\F309";font-size: 12px;}
/* -會員中心共用:右邊視窗區塊--成為菁英會員享有更多優惠 */
.memberPage__window--degree strong{font-size: 25px;color: var(--color-blue-dark01);font-weight: 500;margin-bottom: 5px;display: block;}
/* -會員中心共用:右邊視窗區塊--課程觀看紀錄 */
.windowCourse__name{font-size:18px;font-weight:700;margin-bottom: 5px;}
.windowCourse__now,.windowCourse__now span{position:relative}
.windowCourse__now span{z-index:1}
.windowCourse__now:before{position:absolute;content:'';width:100%;height:1px;background:#F2EFC5;top: 50%;z-index: 0;}
.windowCourse__now span:before{position:absolute;content:'';width: calc(100% + 10px);height:100%;background:var(--color-yellow);z-index: -1;}
.memberPage__window--course .catalog__list__item{padding:0;margin: 10px 0 15px;}
.memberPage__window--course .videoName{padding-right:0;color: var(--color-blue-dark01);}
/* -會員中心共用:右邊視窗區塊--注意事項提醒 */
.memberPage__window--warn .memberPage__window__contentBom{color: var(--color-blue-dark03);}
/* 會員中心__側選單 */
.memberSide{max-width: 300px;width: 100%;background: var(--color-blue-dark01);padding-top: 20px;padding-bottom: 30px;position: sticky;top: 80px;float: left;}
.memberInfo{text-align:center;padding-bottom: 15px;position: relative;background: var(--color-blue-dark01);}
.memberInfo:before{position:absolute;content:'';width: calc( 100% - 30px);height: 9px;left: 50%;transform: translateX(-50%);bottom: -5px;/* box-shadow: 0 0 5px #fff; *//* background: #fff; */background: linear-gradient(0deg, rgb(255 255 255 / 0%), rgb(0 73 147));filter: blur(.5px);opacity: .8;z-index: -1;}
.memberInfo__pic{display: inline-block;margin-bottom: 15px;width: 120px;height: 120px;border-radius: 100px;overflow: hidden;}
.memberInfo__pic img[src*="level01"]{transform:scale(1.5);}
.memberInfo__pic img[src*="level02"]{transform: scale(1.05);}

.memberInfo__degree{color:#fff;display: table;padding: 5px 15px;border-radius: 60px;margin: 0 auto;}
.memberInfo__degree--01{background:var(--college-orange);}
.memberInfo__degree--02{background:var(--college-blue);}
.memberInfo__degree--03{background:var(--college-pink);}
.memberInfo__name{font-size:25px;font-weight: 800;color: #fff;margin-bottom: 0;margin-top: 3px;}
.memberNav{overflow-y:scroll;max-height: calc(100vh - 225px - 80px);padding-bottom: 30px;}

.memberSide__nav{list-style: none;padding-left: 0;margin-bottom: 0;}
.memberSide__nav__list.active{background:var(--color-yellow);}
.memberSide__nav__list.active a{color: var(--color-blue-dark02);}
.memberSide__nav__list.active .bi-chevron-right{opacity:1}
.memberSide__nav__list a{display: flex;align-items: center;justify-content: space-between;padding: 12px 30px;color: #fff;}
.memberSide__nav__list a .bi-chevron-right{font-size:12px;opacity: 0;}
.memberSide__nav__list:not(.active):hover .bi-chevron-right{opacity:1}
.memberNav__title{font-size: 21px;}
.memberNav__title i{margin-right: 7px;}
/* 會員中心 */
.memberCenter{display:flex;align-items: center;justify-content: space-between;background: linear-gradient(90deg,#0588CC, #3DB1ED,#0588CC);border-radius: 4px 4px 0 0;padding: 15px 30px;}
.welcome{margin-bottom:0;font-size: 35px;letter-spacing: .5px;font-weight: 700;color:#fff;}
.memberCenter .btnRadius{color: var(--color-yellow);display: flex;align-items: center;}
.memberCenter .btnRadius:hover{background:var(--color-yellow);color: var(--color-blue-dark01);border-color: transparent;}
.memberCenter .btnRadius .iconPic{background:var(--color-yellow);color: var(--color-blue-dark01);}
.memberCenter .btnRadius:hover .iconPic{background: var(--color-blue-dark01);color:#fff}
/* .memberPage--class .btnRadius{border-color:var(--color-blue-dark01);color: var(--color-blue-dark01);}
.memberPage--class .iconPic{background:var(--color-blue-dark01);color: var(--color-yellow);}
.memberPage--class .btnRadius:hover{background:var(--color-blue-dark01);color:var(--color-yellow);}
.memberPage--class .btnRadius:hover .iconPic{background:var(--color-yellow);color: var(--color-blue-dark01);} */
/* 基本資料 */
.memberArea .inputStyle{color:var(--color-blue-dark01);}
.disabledInput{color: var(--color-blue-dark03);background: var(--color-grey02);border: 1px solid var(--color-grey04);display:flex;justify-content: space-between;}
.disabledInput__txt{margin-bottom:0}
.disabledInput span{color:var(--color-black);opacity: .7;}
.memberArea .verifyState{position: absolute;top: 50%;transform: translateY(-50%);right: 10px;margin-top: 0;display: block;}
/* 系統公告 */
.announcement__list{display: flex;align-items: center;padding: 20px;background: #fff;}
.announcement__listTxT{flex:1}
.announcement__list+.announcement__list{margin-top:10px}
.announcement__pic{width:170px;border-radius:4px;overflow:hidden}
.announcement__pic+.announcement__listTxT{padding-left:20px;display:block;}
.announcement__pic+.announcement__listTxT .announcement__text{padding-right: 0;margin-bottom: 10px;}
.announcement__pic+.announcement__listTxT .announcement__date{display:table;margin-left:auto}
/* .announcement__listTxT{} */

.announcement__date{color:var(--color-blue-dark02);margin-left: auto;display: table;}
.memberPage--center .announcement__pic{display: none;}
.memberPage--center .announcement__listTxT{display:flex;flex: 1;width: 100%;justify-content: space-between;}
.memberPage--center .announcement__text{margin-bottom:0;flex: 1;padding-right: 15px;}
.memberPage--center .announcement__text{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 功能表格(list) */
.functionTable__head{font-weight:600;background: var(--color-blue-dark01);color: #fff;border-radius: 8px 8px 0 0;}
.functionTable .functionTable__tr{list-style: none;padding-left: 0;display: flex;align-items: center;margin-bottom: 0;}
.functionTable .functionTable__list{display:table-cell;vertical-align:top;max-width: calc( 100% );width: 100%;text-align:center;padding: 17px 10px;flex: 1;word-break: break-all!important;}
.functionTable__body .functionTable__tr{background:#fff;font-weight: 500;}
.functionTable__body .functionTable__tr+.functionTable__tr{margin-top:10px}
.functionTable__body .functionTable__tool{padding-top: 0;padding-bottom: 0;}
.functionTable .functionTable__class{width: 260px;flex: initial;}
.functionTable .functionTable__sex{width: 60px;flex: initial;}
.functionTable .functionTable__state{width: 100px;flex: initial;}
.functionTable .functionTable__name{width: 100px;flex: initial;}
.functionTable .functionTable__item{width: 80px;flex: initial;}
.functionTable .functionTable__tool{width: 120px;flex: initial;}
.functionTable .functionTable__switch{width: 150px;flex: initial;display: flex;align-items: center;justify-content: center;}
.functionTable .functionTable__details{width: 240px;flex: initial;}

.functionTable__tool .btnSquare + .btnSquare{margin-top:5px;}
.functionTable__tool:has(.btnSquare:not(:only-child)){padding:10px 0}

/* 我的課程 */
.myCourse{background: #fff;/* padding: 15px; */border-radius: 4px;}
.myCourse+.myCourse{margin-top:10px}
.myCourse__inner{display:flex;align-items: flex-start;padding: 15px;}
.myCourse .courseCard__pic{width:220px;border-radius: 8px;}
.myCourse__text{flex:1;padding: 0px 15px;}
.myCourse__text .courseCard__mid__top{display:flex;flex-wrap: wrap;gap: 10px;}
.myCourse__text .courseInfo__list{flex-direction: row;gap: 10px;margin-top: 10px;}
.myCourse__text .courseInfo__list .courseInfo__item{margin:0}
.myCourse__text .courseInfo__item b i{font-size:14px}
.myCourse__text .courseInfo__item b{font-size:15px;}
.myCourse__text .courseInfo__item p{margin-left: 5px;}
.myCourse__btn{display:flex;align-items: center;gap: 10px;}
.myCourse__btn .btnSquare{font-size: 17px;}
.myCourse__bom{border-top:1px solid var(--color-grey02);padding: 10px;}
.myCourse__bom .btnRadius{font-weight:600;padding: 5px 8px 6px 12px;}
.openNotic{/* margin-left:10px; */margin: 5px 0;}
.bubbleShow{font-size: 12px;font-weight: 400;position: absolute;top: -12px;background: var(--college-purple);border-radius: 60px;padding: 3px 10px;}
/* 我的最愛 */
.memberArea__inner .courseGrid__inner{gap: 15px;/* margin: 0 -4px; */display: grid;grid-template-columns: repeat(3,1fr);}
.memberArea__inner .courseGrid__inner .courseCard{margin-right: auto;/* margin: 0 4px; */max-width: 100%;}
/* 訂單管理 */
.memberArea__top--order{display: flex;background: #fff;}
.memberArea__top--order .orderInfo{display:table-cell;vertical-align:top;width: calc( 100% );padding: 15px 20px;position: relative;}
.memberArea__top--order .orderInfo:before{position:absolute;content:'';width:1px;height:20px;top: 50%;transform: translateY(-50%);left: 0;background: var(--color-grey03);}
.orderInfo__title{color:var(--color-blue-dark01);font-size: 18px;}
.orderInfo__content{margin-bottom:0;font-size: 22px;color: var(--color-blue-dark02);font-weight: 500;}
.memberArea__inner--two{display: flex;gap: 60px;}
.memberArea__inner--two .memberArea__inner__body{position:relative;width:50%}
.memberArea__inner--two .memberArea__inner__body+.memberArea__inner__body:before{position:absolute;content:'';width:1px;height:100%;background: #eaeaea;left: -30px;}
.orderInner--two{display: grid;grid-template-columns: repeat(2,1fr);gap: 60px;}
.orderInner--two .orderInner__list:nth-of-type(even):before{position:absolute;content:'';width:1px;height:100%;background: #eaeaea;left: -30px;}
.orderInner__list{list-style: none;padding-left: 0;margin-bottom: 0;position: relative;}
.orderInner:not(.orderInner--two) .orderInner__list+.orderInner__list{margin-top:20px}
.orderInner__list .orderInfo--top{padding:5px 0;border-style:solid;border-width:1px 0;border-color: var(--color-blue-dark01);}
.orderInner__list .orderInfo{display:flex;align-items: center;}
.orderInner__list .orderInfo+.orderInfo{margin-top:10px;}
.orderInner__list .orderInfo__title{width: 120px;}
.orderInner__list .orderInfo__content{font-size:20px;margin-left: 15px;font-weight: 400;flex: 1;}
.orderCourse+.orderCourse{margin-top:10px}
.orderCourse__top{background:#fff;padding: 6px 5px;text-align: right;border-bottom: 1px solid var(--color-grey02);}
.orderCourse .courseCard__pic{border-radius: 8px;width: 200px;}
.orderCourse .orderCourse__package .courseCard__pic{width: 140px;}
.cancelTxt{color: var(--color-blue-dark02);font-weight: 500;margin-right: 5px;}
.cancelBtn{background: var(--college-purple);color: #fff;border-radius: 60px;font-size: 12px;padding: 5px 10px;display: inline-block;}
.disableBtn{background: var(--color-disable);cursor: not-allowed;}
.cancelBtn:hover{color:#fff}
.orderCourse{position:relative}
.orderCourse__txt{background:#fff;padding: 15px;display: flex;align-items: flex-end;flex-wrap: wrap;}
.orderCourse__txt__left{/* flex:1; */margin-right: auto;}
.orderCourse__money{margin-left:auto}
.orderCourse__txt .courseCard__mid__top{display:flex;align-items: center;gap: 10px;flex-wrap: wrap;padding-right: 30px;}
.orderCourse__txt .courseCard__mid__top .courseInfo__item{margin:0}
.orderCourse__money .priceName{width:80px;text-align: right;}
.orderCourse__package .orderCourse__txt{background: var(--color-blue-light04);}
.orderCourse__package .orderCourse__txt+.orderCourse__txt{margin-top:3px}
.barcode_memo{font-size:0.8em;line-height:1.25;padding:0.25rem 0;color:#d83950}
/* 訂單__費用明細 */
.orderInner__list--money .orderInfo__content{flex:1;text-align: right;}
.orderInner__list .orderInfo.orderInfo--total{border-top: 1px solid var(--color-blue-dark01);padding-top: 20px;margin-top: 20px;}
.orderInner__list .orderInfo.orderInfo--total .orderInfo__content{color: var(--color-red-light);font-weight: 500;}
/* 會籍管理 */
/* .functionTable .functionTable__list.functionTable__period{} */
.membershipTime{display: block;margin-bottom: 10px;}

/* 折扣券 */
.couponList{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;}
.coupon{position: relative;}
.coupon::before{position: absolute;content: '';width: 100%;height: 100%;background: var(--color-black);z-index: 1;border-radius: 12px;opacity: .5;}
.memberPage--couponUsable .coupon::before{display: none;}
.coupon__top{padding: 15px 10px 20px;border-radius: 12px 12px 0 0;background: #fff;}
.couponName{font-size:24px;display: table;margin: 0 auto;}
.couponDiscount{font-size:40px;text-align: center;font-weight: 900;margin-bottom: 10px;}
.couponTxt{color:var(--color-blue-dark03);font-weight: 500;display: block;}
.couponTxt p{margin-bottom:0}
.coupon__bom{text-align:center;background: #fff;border-top: 1px dashed var(--color-blue-dark01);padding: 10px 10px 15px;border-radius: 0 0 12px 12px;position: relative;}
.coupon__bom:before,.coupon__bom:after{position:absolute;content:'';width: 18px;height: 18px;border-radius: 60px;top: -9px;z-index: 11;}
.coupon__bom:before{left:-9px;background: linear-gradient(90deg, rgb(255 255 255 / 0%), #f3fdff 50%);}
.coupon__bom:after{right:-9px;background: linear-gradient(-90deg, rgb(255 255 255 / 0%), #f3fdff 50%);}
.couponTime{margin: 5px 0 0;background: var(--color-yellow);color: var(--color-blue-dark01);display: inline-block;font-weight: 500;padding: 3px 15px 4px;border-radius: 60px;}
.couponState{position: absolute;width: 80px;height: 80px;top: 10px;left: 10px;transform: rotate(-15deg);z-index: 1;border-radius: 60%;opacity: .7;}
.couponState::before{position: absolute;content: '';width: 100%;height: 100%;font-size: 16px;font-weight: 900;text-align: center;line-height: 80px;background: #eee;border-radius: 60px;color: var(--color-blue-dark03);}
.couponState::after{position:absolute;content:'';width: calc(100% - 8px);height: calc(100% - 8px);border: 2px solid #fff;border-radius: 60px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.memberPage--couponUsed .couponState::before{content: '已使用';}
.memberPage--expired .couponState::before{content: '已過期';}
/* 子帳號管理 */
.notihing{display: table;width: 30px;height: 3px;border-radius: 60px;background: var(--color-blue-dark03);margin: 0 auto;}
.switchToggle{display: inline-flex;}
.switchToggle input[type=checkbox]{height: 0;width: 0;visibility: hidden;}
.switchToggle label {cursor: pointer;width: 90px;height: 42px;background: var(--color-blue-light04);border-radius: 100px;position: relative;}
.switchToggle label:before,.switchToggle label:after{content: '';position: absolute;top: 6px;left: 5px;width: 30px;height: 30px;border-radius: 90px;transition: 0.3s;}
.switchToggle label:before{background: linear-gradient(180deg, #B81212, #FF3434 80%, #FF6565);}
.switchToggle label:after {transform:scale(.8);background: var(--college-red);}
.switchToggle .switchTxt::before,
.switchToggle .switchTxt::after {color: #fff;font-weight: 500; box-sizing: border-box;font-size: 17px;}
.switchTxt{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
.switchToggle .switchTxt::before {content: attr(turnOn);color: var(--color-blue-dark02);opacity: 0;padding-left: 5px;}
.switchToggle .switchTxt::after {content: attr(turnOff);color: var(--color-red-light);padding-right: 5px;}
.switchToggle input:checked + label {background: var(--color-blue-light04);}
.switchToggle input:checked + label .switchTxt::before{opacity: 1;}
.switchToggle input:checked + label .switchTxt::after{opacity:0}
.switchToggle label:active:before,.switchToggle label:active:after {width: 50px;}
.switchToggle input:checked + label:before{left: calc(100% - 5px);transform: translateX(-100%);background: linear-gradient(180deg, #008F28, #40E16D);}
.switchToggle input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%) scale(.8);background: var(--college-green);}
/* 黃金存摺 */
.memberArea__inner__head--gold{display:flex;align-items: flex-end;}
.goldTotal{font-weight: 900;font-size: 20px;color: var(--color-blue-dark01);}
.goldTotal__money{font-size: 30px;margin: 0 2px;}
.planBox{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.planCard{background:#fff;padding: 15px;}
.planCard__title{font-size:20px;color: var(--color-blue-dark02);margin-bottom: 10px;display: table;}
.planCard__content{font-size:18px;font-weight:600;color: var(--color-blue-dark01);margin-bottom: 10px;}
.planCard__content p{margin-bottom:0}



/* 講師介紹 */
.bannerbg{background-image:url(../images/banner/courseBN.png);background-position:top center;background-repeat:no-repeat;position:relative;padding-bottom: 80px;}
.lectorBox{display:grid;grid-template-columns:repeat(4,1fr);gap: 30px;padding-left:0;list-style:none;margin-bottom: 0;}
.lectorCard{overflow:hidden;border-radius: 8px;}
.lectorCard__link{display:flex;flex-direction:column;height: 100%;}
.lectorPic{overflow:hidden}
.lectorPic img{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.lectorCard__link:hover img{transform:scale(1.02)}
.lectorTextBox{background:var(--gradient-blue);padding: 12px 20px 15px;color:#fff;/* height: 100%; */flex: 1;}
.lectorName{font-size:18px;font-weight: 500;margin-bottom: 0;}
.lectorName span{font-size: 27px;margin-right: 5px;font-weight: 600;letter-spacing: .5px;}
.lectorTitle{font-size: 18px;letter-spacing: .5px;margin-bottom: 8px;}
.lectorPower{border-top: 1px solid rgb(255 255 255 / 10%);padding-top: 8px;}
.lectorPower strong{color: var(--color-yellow);font-weight: 500;display: inline-block;margin-bottom: 2px;}
.lectorPower__item{font-size:17px;}



.lectorTextBox .lectorText{display:flex;align-items:center;justify-content:space-between}
/* .lectorCard .lectorMsg{width:100%;height:100%;position:absolute;transform:translate(-50%,-50%);top:-20%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255,255,255,0);transition:all .3s;pointer-events:all;max-width:240px;max-height:240px;border-radius:50%;box-shadow:0 0 8px 0 var(--color-blue-dark01);opacity:0} */
.lectorCard .lectorMsg .editor{opacity:0;transition:opacity .3s;position:relative;z-index:1}
.lectorCard:hover .lectorMsg .editor{opacity:1}
.lectorCard .lectorMsg p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.lectorTextBox .lectorText .lectorName{font-size:18px;font-weight:500}
.lectorTextBox .lectorText .lectorTitel{font-size:16px;font-weight:500}
/* .lectorBox .lectorPic{background-image:url(../images/lector/default_image.jpg);background-position:center;background-size:cover;} */
.lectorBox .lectorPic .pic{/* width:100%; *//* height:100%; *//* object-fit:cover; */}
/* 講師介紹__底層 */
.pageInfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.pageInfo .backLink{padding-right:20px;position:relative;color:var(--color-blue-dark01)}
.pageInfo .backLink:before{content:'\F285';font-family:bootstrap-icons!important;font-size:14px;color:var(--color-blue-dark01);display:block;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.lectorPage--detail{overflow:hidden;padding-bottom: 0;}
.lectorPage--detail .count{color:var(--color-blue-dark01)}

.teacher__left{float:left;max-width: 500px;}
.teacher__pic{border-radius: 4px;overflow: hidden;}
.IntoTxt{background: var(--color-blue-light01);padding: 20px;border-radius: 8px;width: calc(100% - 30px);margin: -20px auto 0;position: relative;}
.IntoTxt .lectorName{color: var(--color-blue-dark01);}
.IntoTxt{color: var(--color-blue-dark02);}
.IntoTxt .lectorPower strong{color: var(--color-blue-dark03);}
.commentArea{margin-top: 20px;border-top: 1px dashed #fff;padding-top: 10px;}
.commentArea__title{font-size: 22px;color: var(--color-blue-dark02);margin-bottom: 10px;display: inline-block;}
.commentArea__edit{color:var(--color-blue-dark01);font-size: 17px;}
.teacher__right{float:right;width: calc(100% - 500px);padding-left: 50px;margin-top: 50px;color: var(--color-blue-dark02);}

.IntoBox__bg{/* border:1px solid #D9D9D9; *//* background:rgba(255,255,255,.74); *//* display:flex; *//* padding:clamp(30px,4vw,70px) clamp(70px,10vw,180px); *//* margin-bottom:clamp(30px,5vw,80px); *//* border-radius:6px; */}
.IntoBox__bg .IntoPic{width:clamp(140px,14vw,262px);height:clamp(140px,14vw,262px);border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:clamp(30px,4vw,60px);background:var(--gradient-blue-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;float: left;}
.IntoBox__bg .IntoPic img{/* width:100%; *//* height:100%; *//* object-fit:cover; */}
.IntoBox__bg .IntoPic .Qtext{font-size:clamp(110px,9vw,180px);font-weight:700;color:#fff;margin:0;line-height:1;position:relative;top:-24px}
.intoBox .name{font-size:clamp(22px,2vw,28px);font-weight:700;background:var(--gradient-blue);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom: 0;margin-bottom: 0;}
.IntoBox .editor{color:var(--color-blue-dark02)}
.IntoBox .editor .col-lg-6{margin:6px 0}
.IntoPage--detail{width:100%;overflow:hidden}
.relatedBox{padding-top:clamp(36px,4.5vw,76px);padding-bottom:clamp(42px,5.5vw,88px);position:relative}
.relatedBox::before{content:'';display:block;width:150%;height:100%;position:absolute;left: -25%;top:0;background-image:linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.00) 100%);filter:drop-shadow(0px 2px 15px rgba(0,0,0,0.10))}
.lectorPage--detail .relatedBox__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(26px,3vw,50px);position:relative;z-index:2}
.lectorPage--detail .relatedBox .count{color:var(--color-blue-dark01);flex-shrink:0}
.lectorPage--detail .courseGrid__inner{position:relative;z-index:1}
/* .lectorPage--detail.IntoPic--fixed .IntoPic{position:fixed;top:100px} */
/* .lectorPage--detail.IntoPic--fixed .intoBox{width:calc(100% - clamp(140px,14vw,262px) - clamp(30px,4vw,60px));margin-left:auto} */

/* 聯絡我們 */
.contactPage .IntoBox__bg{max-width:950px;margin:auto;padding:clamp(20px,3vw,36px) clamp(40px,5vw,84px)}
.contactPage > .container{padding-bottom:clamp(40px,5vw,90px)}
.contactForm{width:100%}
.contactForm .formGroup__item{display:flex;flex-wrap:wrap;margin-bottom:30px}
.contactForm .formTitle{width:160px;padding-right:30px;display:flex;align-items:center;flex-shrink:0;font-size:18px;font-weight:400;color:var(--color-blue-dark02)}
.contactForm .formInput{width:calc(100% - 160px);}
.contactForm .form-control{padding:9px 20px;border-color:var(--color-grey04)}
.contactForm .notes{width:100%}

/* 常見問題 */
/* 常見問題__搜尋 */
.faqSearch{max-width: 800px;margin: 30px auto 0;background: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 2px 15px rgb(0 0 0 / 15%);display: flex;align-items: center;gap: 10px;}
.faqSearch form{display: flex;align-items: center;gap: 10px;flex: 1;}
/* 常見問題__內文 */
.faqPage--detail__title{font-size: 35px;margin-bottom: 20px;font-weight: 600;position: relative;padding-left: 20px;}
.faqPage--detail__title:before{position:absolute;content:'';width: 6px;height:100%;border-radius: 60px;background: var(--color-blue-dark01);left: 0;top: 53%;transform: translateY(-50%);}
.faqPage{width:100%;/* overflow:hidden; */position: relative;padding-bottom: 50px;}
.faqBox{margin-top: 70px;}
.faqRuselt{margin-bottom:20px}

.faqList{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;padding-left:0;list-style:none;}
.faqList .listItem{/* width:calc(50% - 24px); */border-radius:50px;background:var(--gradient-blue);border-radius:50px;padding:2px;}
.faqList .link{display:flex;align-items:center;justify-content:flex-start;background:var(--gradient-yellow);position:relative;border-radius:50px;padding:8px 32px 8px 8px;transition:background .3s}
.faqList .link:hover{background:linear-gradient(90deg,#FFFEF4 0%,#FFFAAD 0.01%,#FFFEF4 50%,#fff 100%)}
.faqList .link:hover .icon{transform: translateX(6px);}
.faqList .listItem .icon{display:inline-block;position: relative;width:45px;height:45px;background-image:var(--gradient-blue);border-radius:50%;color:#fff;/* display:flex; *//* align-items:center; *//* justify-content:center; */margin-right: 15px;font-size: 33px;transition:transform .3s;flex-shrink:0}
.faqList .listItem .icon .bi{position: absolute;top: 49%;left: 50%;transform: translate(-50%, -50%);line-height: 0;}
.faqList .listItem .text{color:var(--color-blue-dark03);font-size:18px}
.faqList .listItem .arr{width:12px;height:12px;border-color:var(--color-blue-dark03);border-style:solid;border-width:0 2px 2px 0;transform:rotate(-45deg) translateY(-50%);position:absolute;right:12px;top:50%}
/* 常見問題__底層 */
.faqBox .editorArea{padding:0;margin: 0 0 50px;max-width: 100%;}
/* .faqPage--detail .IntoBox__bg{background:rgba(255,255,255,.8)} */
/* .faqPage--detail.IntoPic--fixed .IntoPic{position:fixed;top:100px} */
/* .faqPage--detail.IntoPic--fixed .intoBox{width:calc(100% - clamp(140px,14vw,262px) - clamp(30px,4vw,60px));margin-left:auto} */
/* 影片上傳 */
.videoArea{/* padding:36px 0; */margin-bottom: 30px;/* border-top:1px solid #D9D9D9; *//* border-bottom:1px solid #D9D9D9; */}

/* 相關連結 */
.relArea .area__tit{color:var(--color-blue-dark01);font-size:clamp(21px,2vw,26px);font-weight:700;margin-bottom:10px}
.relArea .relLink .link{font-size:18px;display:block;position:relative;padding: 12px 32px 12px 0;color:var(--color-blue-dark02);/* transition:color .3s; */background: linear-gradient(90deg, var(--color-yellow), rgb(255 255 255 / 0%));border-radius: 4px;padding-left: 15px;box-shadow: 3px 3px 10px -2px rgb(187 187 187 / 40%);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.relArea .relLink .link:hover{
    background: linear-gradient(90deg, var(--color-yellow), rgb(255 255 255 / 50%));
}
.relArea .relLink .link:hover::after{transform: translateX(5px) translateY(-50%) rotate(-45deg);}
.relArea .relLink .link +.link{margin-top: 8px;}
.relArea .relLink .link::after{content:'';position:absolute;transform:translateY(-50%) rotate(-45deg);top:50%;right: 20px;width:12px;height:12px;border-color:var(--color-blue-dark02);border-style:solid;border-width:0 1px 1px 0;transition:transform .3s}
/* 部落格 */
.blogPage{position: relative;padding-bottom: 80px;}
.intoBox{padding-right: 50px;width: calc(100% - 400px);color: var(--color-blue-dark02);float: left;}
.blogPage .blogBox{flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1;}
.blogOutter{margin-top: 70px;/* margin-bottom: 50px; */}
.blogPage .blogBox .blogItem{width:calc(50% - 14px)}
/* .blogItem:nth-child(2){border-top:none} */
.blogPage--detail{width:100%;/* overflow:hidden; */padding-bottom: 0;}
.blogPage--detail .blogTit{position:relative}
.blogPage--detail .intoBox .name{padding-right:100px}
.blogPage--detail .smoList{position:absolute;right:0;bottom: 0;}
.blogContent{/* display:flex; */}
.blogContent .editorArea{padding:0}
.blogInto{font-size:14px}
.blogInto .secInto{color:#838383}
.blogInto .data{color:var(--color-grey05)}
.blogPage--detail .mainTitle{font-size:clamp(22px,1.75vw,26px);letter-spacing:0}
.blogPage--detail .relatedBox .container{position:relative;z-index:1}

/* 熱門列表 */
.hotList{max-width: 400px;float: right;position: sticky;top: 90px;margin-bottom: 50px;}
.hotList .hotTitle{font-size:clamp(20px,1.5vw,24px);font-weight:500;line-height:1.25;background-image:var(--gradient-red);background-clip:text;-webkit-background-clip:text;color:transparent;border-bottom:1px solid var(--color-red-light);padding-bottom:10px;margin-bottom:4px}
.hotList .link{display:flex;padding:16px 0;align-items:center}
.hotList .link + .link{border-top:1px dashed var(--color-grey02)}
.hotList .link .num{display:inline-block;width:clamp(32px,2vw,46px);height:clamp(36px,2.2vw,52px);line-height:clamp(36px,2.2vw,52px);font-size:clamp(26px,1.5vw,34px);font-weight:500;color:#fff;background-image:var(--gradient-blue);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:clamp(12px,1vw,18px)}
.hotList .link .text{font-size:18px;font-weight:500;color:var(--color-blue-dark03)}
/* 社群分享列表 */
.smoList {display: flex;gap: 5px;}
.smoList .item{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 37px;border-radius: 4px;}
.smoList .item + .item{margin-left: 4px;}
.smoList .item .bi{background-color: inherit;font-size: 24px;color: #fff;}
.fbItem{
	background-color: #3B5998;
}
.lineItem{background-color: #01B901;}

/* 購物車 */
/* -購物車共用:架構 */
.cartPage__inner{margin-top: 85px;margin-bottom: 85px;}
.cartPage__inner .memberPage__right:before{position:absolute;content:'';width:100%;height:100%;background:#fff;bottom: -50%;pointer-events: none;z-index: -1;}
.cartContent__left{width: calc(100% - 340px - 35px);float:left}
.cartContent__left .courseCard__pic+.orderCourse__txt__left{margin-bottom:auto;padding-left: 15px;flex: 1;}
.cartContent__left .orderCourse__txt{display: block;position: relative;}
.orderCourse__txt__link{display:flex;align-items: flex-end;}
.cartContent__left .orderCourse .orderCourse__txt__link:hover img{transform:scale(1.025)}
.saleShow{font-size: 14px;padding:5px 10px;position: relative;background: var(--gradient-red);border-radius: 4px;display: table;}
.saleShow::before{position:absolute;content:'';width: calc(100% - 3px);height: calc(100% - 2px);background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 4px;}
.saleShow span{position:relative;z-index:1}
.delete{position: absolute;font-size: 18px;right: 5px;top: 5px;z-index: 999;}
.delete a{color: var(--color-blue-dark03);display: block;padding: 3px 10px;}
.delete:hover{background:var(--color-blue-light04)}
.orderCourse__exam{padding:15px;background: var(--color-yellow);}
.orderCourse__exam p{font-weight: 600;margin-bottom:0;color: var(--color-blue-dark01);}
.cartContent__right .inputStyle--select__input-text{font-size: 15px;text-overflow: ellipsis;overflow: hidden;}
.cartContent__right .memberInput__box{margin: 0;}
.couponNow{display: flex;align-items: center;width: 100%;margin-top: 10px;}
.memberPage__window__contentBom--coupon .radioInput__title{color: var(--color-blue-dark01);font-weight: 500;margin-bottom: 5px;}
.couponUseNum{color: var(--color-blue-dark03);}
.couponNow .delete{position:initial;}
.delete+.couponNow__box{width: calc(100% - 38px);}
.couponNow__box{display: flex;align-items: center;width: 100%;justify-content: space-between;background: var(--gradient-orange-light01);padding: 5px 10px;border-radius: 4px;}
.delete+.couponNow__box .couponNow__title{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.couponNow__title{flex: 1;padding-right: 10px;display: block;color: #fff;}
.couponNow__money{display:table;color: var(--color-blue-dark01);margin-left: auto;}
.memberPage__window__contentBom--coupon .radioInput+.radioInput{margin-top: 15px;}
.cartPayBom{margin-top: 15px;}
.buyNotic{margin-top: 10px;font-weight: 500;}
.cartPayBom .declare{border-top:none;margin-top: 0;margin-bottom: 0;padding: 0 0 20px;}
.cartPayBom .declare input[type=checkbox].lookstyle+label::before{top: 14px;}
.cartPayBom .declare input[type=checkbox].lookstyle:checked + label::after{top: 5px;}
.memberArea__inner--btn{border-top: 1px solid #fff;padding: 10px 30px;background: var(--color-blue-light04);}
.container--cart .memberInput__input--complex3 .memberInput__input__inner{flex: none;}
.container--cart .memberInput__input--complex3 .memberInput__input__inner:nth-of-type(4){width:100%}
/* 外部合作課程報名 */
.cartContent--external{max-width: 800px;margin: 0 auto;}
.cartContent--external .cartContent__left{float: none;width: 100%;}
.cartContent--external .declare{border-top: none;padding-top: 0;margin-top: 15px;}
/* 內訊&輔導 */
:root{
	--train-red:#902A28;
	--train-yellow:#FFF400;
	--train-blue:#0D1F73;
}
.zoneWB{position: relative;}
.zoneWB:before{position:absolute;content:'';width:100%;height:100%;background-color: #fff;z-index: -1;top: 0;left: 0;}
.blueBK{/* position: absolute; *//* top: 0; *//* width: 100%; *//* height: 100vh; *//* z-index: 0; *//* left: 50%; *//* transform: translateX(-50%); */position: sticky;left: 0;top: 0;}
/* .blueBK:before{position: absolute;content:'';background-image: url(../images/index/hito-bk.png);background-size: cover;background-position: center;width: 100%;height: 100%;top: 0;left: 0;} */
.enterprisePage .memberBox{max-width: 800px;}
.enterprisePage .memberBox .memberBox__inner{max-width: 100%;padding: 0 100px;}
.enterprisePage .memberInput--infomation .memberInput__title{width: 150px;}
.open .openMore{display: none;}
.longOpenMian{position:relative;}
.openMore{cursor: pointer;display: table;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);background-color: var(--color-red-dark);padding: 5px 15px;border-radius: 60px;}
.openMore i{/* display:table; *//* margin: 0 auto; */font-size: 12px;}
.openMore:hover i{transform: translateY(2px);}
.longOpen{display: none;}
.titlePic .openMore{bottom: 35px;}
/* 企業內訊 */
.zonePB{padding-bottom:100px;/* overflow: hidden; */}
.zonePT{padding-top:100px}
.zonePTBIG{padding-top:150px}
.fontStyle{font-size: 32px;line-height: 1.6;font-weight: 600;letter-spacing: 3px;color: var(--train-blue);}
/* 比爾蓋茲 */
.introZone{padding-top: 120px;margin-top: -30px;z-index: 0;}
.introZone .container{position:relative;z-index:1}
.introZone__title{text-align:right;color: var(--train-red);font-family: 'Noto Serif TC', serif;font-weight: 900;margin-bottom: 100px;}
.introZone__title h3{font-size:50px;margin-bottom: 30px;font-weight: 900;}
.introZone__title p{font-size:35px;display: table;margin-left: auto;position: relative;margin-bottom: 0;}
.introZone__title p:before{position:absolute;content:'';width:50px;height:1px;background: var(--train-red);top: 50%;left: -65px;}
.introZone__bk{position:absolute;z-index:0;top: 0;max-width: 1400px;pointer-events: none;}
/* 10大優勢 */
.tenZone{background: url(../images/train/city.png),#fff;background-size: cover;background-position: center 100%;display: flex;align-items: flex-end;justify-content: space-between;padding: 30px 80px 0 0;overflow: hidden;z-index: 1;position: relative;}
.tenZone__right{text-align:center;position: relative;}
.enterprisePage__title{margin-bottom:20px;position: relative;z-index: 1;}
.tenZone__left{width: 1100px;height: 1100px;background: linear-gradient(90deg, #B1884E, #EBDF97, #B1884E);border-radius: 100%;margin-bottom: -220px;position: relative;padding-top: 30px;margin-right: -60px;box-shadow: 0 0 8px #000;}
.tenZone__left:before{position:absolute;content:'';width: calc(100% - 30px);height:calc(100% - 30px);border-radius: 100%;background: linear-gradient(60deg, #A83434, #902A28, #741819);top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 0;}
.tenZone__left__title{position:relative;z-index:1}
.tenZone__left article{font-size: 37px;font-weight: 900;letter-spacing: .5px;margin-top: 80px;position: relative;z-index: 1;display: table;margin: 0 auto;}
.tenZone__left article ul{list-style:none;color:#fff}
.tenZone__left article li{position:relative;padding-left: 45px;}
.tenZone__left article li+li{margin-top: 2px;}
.tenZone__left article li:before{position:absolute;content:'';width: 40px;height: 40px;background-image: url(../images/index/star.png);background-position: center;background-size: contain;z-index: 1;left: 0;top: 50%;transform: translateY(-50%);}
.tenZone__left article span{color:var(--train-yellow);}
/* 7大服務流程 */
.flowZone{z-index:0}
.flowZone .enterprisePage__title,.hot7Zone .enterprisePage__title{margin-bottom: 80px;}
.flow7Box{display:flex;flex-direction:column;gap: 16px;}
.flow7Box__item{display: flex;align-items: flex-start;}
.flow7Box__pic{width:170px;margin-top: -10px;}
.flow7Box__text{flex:1;background: var(--train-blue);padding: 10px 30px 15px 80px;border-radius: 8px;margin-left: -45px;box-shadow: 0 0 8px #717171;}
.flow7Box__text h4{font-size: 45px;font-weight: 700;color: var(--train-yellow);}
.flow7Box__text p{color:#fff;font-size:32px;margin-bottom: 0;}
/* 7大核心熱門課程 */
.hot7Zone{position:relative;background: url(../images/train/blue-long.png);background-size: cover;background-position: center;}
.hot7Zone__slogan{position: relative;font-size: 48px;font-weight: 800;color: var(--train-red);text-align: center;margin: 0 auto;padding: 20px 65px;border-radius: 100px;background: linear-gradient(90.04deg, #E2CA90 0.08%, #FFF9E7 50.06%, #E2CA90 100.03%);margin-bottom: 50px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.hot7Zone__slogan:before,.hot7Zone__slogan:after{position:absolute;content:'';width:16px;height:16px;border-radius:60px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);background: linear-gradient(180deg, #CEA440 -138.01%, #AB7D33 -36.54%, #F0DDA2 87.74%, #CEA440 211.83%, #97642B 305.91%);top: 50%;transform: translateY(-50%);}
.hot7Zone__slogan:before{left: 30px;}
.hot7Zone__slogan:after{right: 30px;}
.hot7Box{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
.hot7Box__item{box-shadow: var(--box-shadow);border-radius: 16px;overflow: hidden;display: flex;flex-direction: column;background: linear-gradient(180deg, #FFFEF4, #FFFAAD);}
.hot7Box__item__txt{/* background: linear-gradient(180deg, #FFFEF4, #FFFAAD); */padding: 20px 20px 0;margin-bottom: auto;}
.hot7Box__title{position:relative;background: linear-gradient(180deg, #3DB1ED, #0588CC, #004993);border-radius: 10px;display: flex;align-items: flex-end;padding: 20px 10px 25px 115px;z-index: 0;margin-bottom: 20px;}
.hot7Box__title__pic{position:absolute;top: -10px;left: 0;}
.hot7Box__title h4{font-size: 40px;color: #fff;margin-bottom: 0;margin-right: 10px;}
.hot7Box__title:before{position:absolute;content:'';width: 60%;height:100%;background-size: cover;background-position: right;top: 0;right: 0;border-radius: 0 10px 10px 0;z-index: -1;}
.hot7Box__title--01:before{background-image:url(../images/train/itembk01.png);}
.hot7Box__title--02:before{background-image:url(../images/train/itembk02.png);}
.hot7Box__title--03:before{background-image:url(../images/train/itembk03.png);}
.hot7Box__title--04:before{background-image:url(../images/train/itembk04.png);}
.hot7Box__title--05:before{background-image:url(../images/train/itembk05.png);}
.hot7Box__title--06:before{background-image:url(../images/train/itembk06.png);}
.hot7Box__title--07:before{background-image:url(../images/train/itembk07.png);}
.hot7Box__list{list-style:none;padding-left: 0;margin-bottom: 0;font-size: 24px;font-weight: 600;color: var(--train-blue);display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
.hot7Box__list li{position:relative;padding-left: 30px;align-self: flex-start;}
.hot7Box__list li:before{position:absolute;content:'';width: 25px;height: 25px;background-image: url(../images/index/star.png);background-position: center;background-size: contain;z-index: 1;left: 0;top: 50%;transform: translateY(-50%);}
.roleBox{text-align: center;background: linear-gradient(0deg, #741819, #902A28, #A83434);padding: 10px;margin-top: 15px;}
.roleBox span{font-size:20px;padding: 2px 15px;background: #fff;font-weight: 500;border-radius: 60px;display: inline-block;margin-bottom: 2px;color: var(--train-blue);}
.roleBox p{color: #fff;margin-bottom:0;font-size: 22px;font-weight: 600;}
.hot7Box__item:last-child{ grid-column: span 2;grid-row: span 1;}

.hot7Link{position:relative;padding: 2.5rem 0 3rem;margin-top: 2rem;z-index: 1;background: linear-gradient(90deg, rgba(165,226,255,0) 0%,rgba(165,226,255,0.51) 25%,rgba(255,255,255,0.91) 50%,rgba(252,254,255,0.93) 51%,rgba(165,226,255,0.42) 81%,rgba(165,226,255,0) 100%);text-align: center;}
.bigTit{font-size: 50px;letter-spacing: 6px;font-weight: 900;-webkit-text-stroke-width: 8px;-webkit-text-stroke-color: #ffffff;}
.bigTit:before{content: attr(data-title);position: absolute;-webkit-text-stroke-width: 0;background: var(--gradient-red);background-clip: text;-webkit-background-clip: text;color: transparent;left: 50%;transform: translateX(-50%);width: 100%;}
.hot7Link .trainArea__btn{bottom: -30px;top:inherit;left:50%;transform:translateX(-50%)}
/*知名企業委託認證班*/
.classListZone{position:relative;background: linear-gradient(180deg, #a83434, #902a28, #741819);/* padding-top: 40px; */z-index: 1;}
.classListZone::before{position: absolute;content: '';width: 100%;height: 150px;background: linear-gradient(180deg, rgba(116, 24, 26, 0),#741819);bottom: 0;}
.classListZone .classListZone__inner{position: relative;}
.classListZone__left{max-width: 1200px;}
.classListZone__right{margin-top: 40px;width: 900px;/* float: right; */position: absolute;top: 0;right: 0;}
.over880title{margin-bottom: 30px;}
.classList{list-style:none;padding-left:0;display: grid;grid-template-columns: repeat(2, 1fr);font-size: 25px;color: #fff;font-weight: 800;row-gap: 14px;margin-bottom: 0;padding: 0 30px;}
.classList li+li{/* margin-bottom: 2rem; */}
.classList li{position:relative;padding-left: 3rem;}
.classList li:before{content:'';position:absolute;background-image: url(../images/train/listIcon.png);background-size: cover;width: 45px;height: 45px;left: -5px;top: -2px;}
.titlePic{position:absolute;bottom: -100px;left:50%;transform:translateX(-50%);width: 100%;text-align: center;}
/*產業介紹*/
.industryIntro{position: relative;z-index: 0;overflow: hidden;}
.industryBox{display:flex;align-items:center;padding: 3rem 1rem;background-image: url(../images/train/introBg.jpg);background-position: center;background-size: cover;}
.industryBox:nth-child(even){background-image: url(../images/train/introBg-turn.jpg);}

.industryBox+.industryBox{margin-top:1.5rem}
.industryBox .boxLeft{width: 30%;display:flex;align-items: center;/* padding: 1rem; */justify-content: center;}
.industryBox .boxLeft .nameBox{margin-left:2rem;text-align: center;width: 200px;}
.boxName{color: var(--color-blue-dark02);font-weight: 800;font-size: 25px;letter-spacing: 2px;}
.boxEn{font-size: 18px;font-weight: 600;color:var(--color-grey06);margin-bottom: 0;}
.industryBox .boxRight{width: 70%;font-size: 20px;letter-spacing: 1px;line-height: 34px;color: var(--color-blue-dark03);}
.bigTxt{font-weight:800}
.industryBox .boxRight .content{margin-bottom:0}
/*客戶見證*/
.customZone__bk{background:url(../images/train/customBg.png)no-repeat center/cover}
.customZone .title{background:url(../images/train/customTit.jpg)no-repeat center/cover;padding: 80px 30px 50px;text-align: center;}
.customZone .title.open{padding: 50px 30px 50px;}
.customGrid{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 1rem;grid-row-gap: 2em;padding: 5rem 0 0 0;}
.customGrid__item__top{}
.customGrid__company{display:flex;align-items:center;margin-bottom: -35px;}
.customGrid__company figure{width:75px}
.customGrid__company strong{font-size:25px;padding: 8px 20px 10px 40px;margin-left: -30px;background: var(--gradient-blue);border: 1px solid var(--color-yellow);border-radius: 0 60px 60px 0;color: var(--color-yellow);}
.customGrid__theme{color:#fff;font-size:23px;display: block;background:var(--color-blue-dark02);border-radius: 0 20px 0 0;padding: 40px 10px 11px;}
.customGrid__theme img{width:22px;vertical-align: inherit;}
.customGrid__item{border-radius: 0 0 15px 15px;display: flex;flex-direction: column;overflow: hidden;}
.customGrid__item__txt{background-color: var(--color-yellow);padding: 15px 20px 20px;font-size: 20px;color: var(--color-blue-dark03);font-weight: 500;line-height: 1.55;text-align: justify;height: 100%;box-shadow: var(--box-shadow);}
/*聯絡內訓*/
.contactZone{position: relative;}
.contactZone::before{content:'';position: fixed;top:0;left:0;background-image: url(../images/train/contactBg.jpg);background-size: cover;background-position: center;width: 100%;height: 100%;z-index: -1;}
.contactTit{margin-bottom:2rem}
.titName{background: var(--main-02, linear-gradient(180deg, #3DB1ED 4.69%, #0588CC 23.96%, #004993 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 48px;font-weight: 800;}
.subName{border-radius: 60px;background: linear-gradient(90deg, #E2CA90 0.08%, #FFF9E7 50.06%, #E2CA90 100.03%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);display: inline-flex;padding: 10px 50px;justify-content: center;align-items: center;gap: 10px;color: var(---, #902A28);font-family: "Noto Sans TC";font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 1px;margin-top: 1rem;}
.contactZone .memberInput__input--complex--radio{gap: 10px 15px;}

/*紅色版樣式*/
.boardStyle{/* padding: 5rem 4rem; */position: relative;max-width: 1140px;width: 100%;z-index: 1;padding: 30px;}
.boardStyle:before,.boardStyle:after{content:'';position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.boardStyle:before{border-radius: 6px;background: linear-gradient(140deg, #CEA440 0%, #F0DDA2 92.08%, #97642B 171.29%);width: calc(100% - 30px);height: calc(100% - 30px);z-index: 0;}
.boardStyle:after{border-radius: 8px;background: linear-gradient(360deg, #CEA440 0%, #F0DDA2 92.08%, #97642B 171.29%);z-index: -2;box-shadow: 0px 10px 20px rgb(0 0 0 / 50%);width: 100%;height: 100%;}
.boardStyle__inner{background: linear-gradient(323deg, #741819 1.36%, #902A28 27.43%, #A83434 51.98%);padding: 2.5rem 3rem 4rem;position: relative;z-index: 1;}
/*企業輔導*/
.counselingTitle{margin: 0 auto 2rem;display: table;}
.bannerZone{position:relative;z-index: 2;}
.zone02{background:url(../images/counseling/zone2Bg.png)no-repeat;background-size: cover;background-position: center bottom;margin-top: -30px;padding: 13rem 0 10rem 0;position: relative;}
.zone02People{position:absolute;bottom:0;right:0;z-index: 2;max-width: 700px;width: 100%;}
.crownPic{position:absolute;}
.zone02 .crownPic{top: -105px;left:0;z-index: 1;}
.leftInner .title{text-align:center;}
.zone02List{color: #fff;font-size: 34px;font-weight: 900;/* line-height: 55px; */letter-spacing: 1px;}
.zone02List li+li{margin-top:10px;}
.zone02List span{color: var(--train-yellow);}

.zone03{background: url(../images/counseling/zone3Bg.png) #026eb9;background-size: cover;background-position: left bottom;/* margin-top: -30px; */padding: 4rem 0 10rem;position: relative;/* z-index: -2; */}
.zone03 .counselingTitle{/* margin-bottom: 5rem; */}
.zone03 .boardStyle{margin:0 auto;}
.zone03 ul{list-style:none;font-size: 28px;display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;font-weight: 700;color: #fff;padding-left: 0;/* margin-top: 3rem; */margin-bottom: 0;}
.zone03 ul li{position:relative;padding-left: 2rem;}
.zone03 ul li:before{content:'';background: url(../images/counseling/Check.png)no-repeat;background-size: contain;width: 27px;height: 27px;position: absolute;left: 0;top: 10px;}
.zone03 .crownPic{left:inherit;right:0;bottom: -39px;top:inherit;}

.zone04{position:relative;padding: 5rem 0;z-index: 1;overflow: hidden;background-color:#fff;}
.zone04:before{position:absolute;content:'';width: 100%;height: 100%;background-image: url(../images/counseling/zone4Bg.png);z-index: 0;background-size: cover;background-repeat: no-repeat;background-position: center -100px;left: 50%;bottom: 0;transform: translateX(-50%);}
.zone04 .container{position:relative;z-index:1}
.zone4Content{max-width: 1000px;margin: 0 auto;position: relative;}
.zone4Content:before{content:'';position:absolute;left: 83px;top: 3%;width:5px;height: 90%;background:#fff;}
.zone4TxtBox{display:flex;align-items: center;position: relative;margin-left: -50px;}
.zone4TxtBox+.zone4TxtBox{margin-top:1rem;}
.stepBox{background:var(--color-blue-dark02);font-size: 30px;color: #fff;font-weight: 800;padding: 10px 20px;border-radius: 3rem;/* position: absolute; */width: 200px;text-align: center;transform: translateX(50px);position: relative;}
.stepBox:before{content:'';position:absolute;bottom: -30px;left: 35%;width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 15px;border-color: #f00 transparent transparent transparent;}
.zone4TxtBox:last-child .stepBox:before{display:none;}
.stepTxt{font-weight: 800;font-size:39px;color:var(--color-blue-dark02);background: #fff;border-top: 10px solid #FFC107;border-radius: 7px;padding: 1rem 4rem;width: 80%;/* text-align: center; */padding-left: 9rem;/* margin-left: 5rem; */}
/* 近年委託產業 */
.coopBes{text-align: center;margin-top: 9rem;}
.coopBes figure{display:table;margin: 0 auto -45px;padding: 5px 100px;position: relative;z-index: 1;}
.coopBes figure:before{position:absolute;content:'';background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}
.coopBes__txt{font-size:30px;margin-bottom: 0;font-weight: 500;color: var(--color-blue-dark03);background-image: url(../images/train/introBg.jpg);background-position: center;background-size: cover;padding: 5rem 3rem 3rem;border-radius: 4px;}

/* =====美工頁*/
.fontSet{font-size:1rem}
/* 美工頁(隱私權政策)*/
.artPage{position: relative;z-index: 0;}
.artPageBox{padding: 3rem clamp(3rem,4vw,5rem);background: #fff;border-radius: 12px;box-shadow: var(--box-shadow);font-size:18px;}
.artTt{color: var(--color-blue-dark01);display: inline-block;font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.artTt--mj{font-size:26px;}
.artBrief p{margin-bottom:10px;}
.artBrief p:last-child{margin-bottom:0;}
.artBrief ol{margin-bottom:0}
.artBrief a{color:var(--color-blue-dark03);text-decoration:underline;text-underline-offset:4px;}
.artPageBox__head{--sp: 25px;margin-bottom:var(--sp);padding-bottom: var(--sp);border-bottom: 1px solid #ddd;}
.artPageBox__head .artBrief{color:var(--color-blue-dark03);font-weight:500;}
.artPageBox__body{--gapY: 1.5rem;display:flex;flex-direction:column;gap: var(--gapY);position:relative;}
.artPageBox__body__item:not(:last-child){border-bottom: 1px dashed #ddd;padding-bottom: var(--gapY);}
.artPageBox__body.--sitemap{counter-reset: num;}
.artLink{--num: 5;counter-reset: subNum;display: grid;grid-template-columns: repeat(var(--num),1fr);}
.artLink__item{position:relative;display: inline-block;padding: 0.5rem 0;padding-left: 0.125rem;font-size: 1.125rem;}
.artLink__item:before{content: counter(num)'.'counter(subNum);counter-increment:subNum;margin-right: 0.75rem;display: inline-block;}
.artLink__item:nth-child(n+10):before{transform: translateX(-0.5rem);margin-right: 0.125rem;}
.--sitemap .artPageBox__body__item{/* max-width:350px; */background:#fff;padding: 20px 30px;border-radius:8px;box-shadow: var(--box-shadow);counter-increment: num;border: none;}
.--sitemap .artTt{display:block;margin-bottom:0.5rem;padding-bottom:0.5rem;border-bottom:1px solid #ddd;position: relative;}
.--sitemap .artTt:before{content:counter(num)'.';margin-right:0.5rem}

/*開課據點*/
.artPageBox.--location{--imgW: 48%;--gapX: 3rem;display:flex;gap: var(--gapX);align-items: center;}
.locTop{position:relative;width: var(--imgW);}
.locTop__map__pic {width:100%;}
/* .mapPin{position: absolute;width:100%;height:100%;left:0;top:0;} */
.mapPin__item{position:absolute;font-size: 2.5rem;z-index: 1;color: var(--color-red-dark);transform-origin: center bottom;white-space: nowrap;}
.mapPin__item:before{background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23fff'/%3E%3C/svg%3E") no-repeat;background-size: 50%;background-position: center 15%;}
.mapPin__item:after{content:attr(data-tt);font-style:normal;font-size: 1.25rem;font-weight: 700;letter-spacing:0.1em;display:inline-block;transform: translate(-2rem,-25%);text-shadow: 0 0 0.125rem #fff,0 0 0.25rem #fff,0 0 0.5rem #fff,0 0 0.75rem #fff,0 0 1rem #fff;transition: 0.3s all;pointer-events: none;opacity: 0;}
.mapPin__item:hover:after{opacity:1;transform:translate(0,-25%);}
.mapPin__item:hover{color: var(--color-blue-dark02);z-index: 5;}
/* .mapPin__item:after{content:'';position:absolute;width: 65%;aspect-ratio:1;background: #fff;left: 50%;top: 46%;transform: translate(-50%,-50%);border-radius: 100rem;z-index: -1;} */
.mapPin__item.--n1{left: 60%;top: 0%;}
.mapPin__item.--n2{left: 51.5%;top: 4%;}
.mapPin__item.--n3{left: 47%;top: 9%;}
.mapPin__item.--n4{left: 50%;top: 14%;}
.mapPin__item.--m1{left: 38%;top: 28%;}
.mapPin__item.--s1{left: 31%;top: 45%;}
.mapPin__item.--s2{left: 22%;top: 55%;}
.mapPin__item.--s3{left: 27%;top: 59%;}
.mapPin__item.--s4{left: 34%;top: 62.5%;}
.mapPin__item.--s5{left: 29%;top: 70%;}
.mapPin__item.--w1{left: 59%;top: 35%;}

.locBtmWrap{width:calc(100% - var(--gapX) - var(--imgW));}
.locBtm{display:flex;flex-direction:column;gap: 1rem;}
.locBtm__item{--ttW:4rem;display:grid;grid-template-columns:var(--ttW) 1fr;gap:1rem;}
.locBtm__item__tt{width: var(--ttW);aspect-ratio:1;display:inline-flex;align-items: center;justify-content: center;border: 0.125rem solid var(--color-blue-dark02);border-radius: 100rem;font-weight: 700;color: var(--color-blue-dark02);}
.locBtm__item__ct{padding: 0.25rem 0;min-height: var(--ttW);display: flex;flex-direction: column;justify-content: center;}
.locName{padding:0.25rem 0;}
.locDl{--space:1rem;padding-top:var(--space);margin-top:var(--space);border-top:1px solid #ddd;}
.locDl__btn{display:inline-block;padding:0.5rem 1.5rem;background:var(--college-blue);color:#fff;background-size:100% 100%;}
.locDl__btn:hover{color:#fff;background-size:100% 150%;}

@media screen and (min-width: 1441px){
	:root{
		--container: 1520px;
	}
	.container{max-width: var(--container);}
	.navbar__tool--search{display: none;}
	/* .navCollapse--search{order: 1;} */
	.toggleMem{display: none;}
}
@media screen and (min-width: 1301px){
	.bkImg--02 .pad{display: none;}
}
@media screen and (min-width: 1240px){
	:root{
		--container-course: 1220px;
	}
	.container--courseUse{max-width: var(--container-course);}
}
@media screen and (min-width: 1201px){
	.courseBuy__warn{display: none;}
	.advantage__ten{display:none}
}
@media screen and (min-width: 992px){
	/* 選單 */
	.navbarBrand{order: -1;}

	.navbar__tool--cart{order: 2;}
	.navbar__tool--bell{order: 3;}
	.navCollapse--member{order: 4;}
	.navCollapse--search form{background:#EBEBEB;display: flex;align-items: center;border-radius: 4px;overflow: hidden;}
	.navbarToggler{display: none;}
	.navLink .bi-chevron-right{display: none;}
	.navbar--pc{display: none;}
	/* 首頁 */
	.trainBar--mb{display: none;}
	.trainBar--bk{display: none;}
	.bkImg--02 .mb{display: none;}
	.courseCard:hover .courseCard__top .collet,.courseCard__top .collet.click{transform:translateY(0);opacity:1}
	.courseCard__top .collet{transform: translateY(-50px);opacity: 0;}

}
@media screen and (min-width: 769px){
	/* 首頁BN */
	.bannerIndex__pic--sp{display: none;}
	/* 自訂義BN */
	.bnImg__mb{display: none;}
	/* 首頁 */
	.feature__title--pc{display:none}

	/* 上課教室--收合清單 */
	.openCatalog span{-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;margin-top: 5px;font-weight: 500;font-size: 18px;}
	.memberSide .toggleMem__btn--close{display:none}

	/* 企業內訊 */
	.mediaChange--768{display:none}
	/* 課程底層 */
	.courseInfo__item:last-child{width:auto;margin-left: 20px;}
	.courseInfo__item:nth-last-child(2){width:auto}
}
@media screen and (min-width: 641px){
	.navItem--index{display:none}
}

/* --------RWD開始-------- */
@media screen and (max-width: 1800px){
	/* 企業輔導 */
	.zone02People{max-width: 640px;}
}
@media screen and (max-width: 1650px){
	/* 首頁內容 */
	/* 企業內訊 */
	/* 10大優勢 */
	.tenZone{padding: 50px 50px 0 0;}
	.tenZone__left{height: 920px;}
	.tenZone__left__title{margin-bottom:10px}
	.tenZone__left__title img{width:600px;}
	.tenZone__left article{font-size: 28px;}
	/*知名企業委託認證班*/
	.classListZone__left{max-width: 1100px;margin-left: -110px;}
	.over880title{width: 800px;margin-left: auto;}
	.classList{font-size: 22px;padding: 0 0 0 100px;}
	/* 我的課程 */
	.myCourse .courseCard__pic{width: 200px;}
	.myCourse__inner{flex-wrap:wrap}
	.myCourse__text{width:calc(100% - 200px);flex: none;padding-right: 0;}
	.myCourse__btn{margin-left:auto;margin-top: 15px;}
	/* 我的最愛 */
	.memberArea__inner .courseGrid__inner{gap: 15px;grid-template-columns: repeat(2,1fr);}
	/* 折扣券 */
	.couponList{grid-template-columns: repeat(3,1fr);}
	/* 企業輔導 */
	.counselingTitle{max-width: 800px;}
	.zone02People{max-width: 600px;}
	.zone02List{font-size: 31px;}


}
@media screen and (max-width: 1550px){
	/* 首頁內容 */
	/* 企業內訊 */
	.train__advantage{max-width:700px;top: 20px;}
	.advantage__txt{left:18%}
	/*知名企業委託認證班*/
	.classListZone__left{max-width: 1000px;}
	.classListZone__right{width:800px;}
	.over880title{width: 700px;}
	.classList{font-size: 21px;}
	.classList li:before{width:40px;height:40px;}
	.titlePic{max-width: 1200px;bottom: -106px;}
	/* 課程總覽開始 */
	.courseGrid__inner--pic{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
	.courseGrid__inner--pic .courseCard{max-width: 100%;}
	/* 課程總覽__搜尋 */
	/* 課程總覽__搜尋__實體 */
	.courseSearch--person .courseSearch__select:nth-of-type(1){width: 50%;}
	.courseSearch--person .courseSearch__select:nth-of-type(3){flex: 1;}
	.courseSearch--person .courseSearch__select .inputStyle--select{width: 100%;}
	.courseSearch--person .courseSearch__form__innerTop{flex-wrap: wrap;}
	.courseSearch--person .courseSearch__keword{max-width: 100%;flex: none;}
	/* 課程底層__其他課 */
	.courseAll{display:grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
	.courseClass .courseAll .courseCard{padding:0}
	.courseClass .container{max-width:1200px}
	.courseClass .courseSlick{padding:0 40px}
	.courseClass .courseCard{max-width:100%;padding: 0 10px;}
	.courseClass .slider .slick-prev{left: 15px;}
	.courseClass .slider .slick-next{right:15px}
	/* 會員 */

	/* -會員共用:輸入框 */
	.memberSide+.memberPage__inner{padding-right: 20px;}
	/* -會員中心共用:架構 */
	.memberPage__middle{width: calc(100% - 340px - 20px);}
	/* 黃金存摺 */
	.planBox{grid-template-columns: repeat(2,1fr);}
	/* 子帳號管理 */
	.functionTable--csroll{overflow-x:scroll}
	.functionTable--csroll .functionTable__inner{width:1200px;padding-bottom: 15px;}
	/* 講師介紹 */
	.lectorBox {grid-template-columns: repeat(3,1fr);}
	/* 企業內訊 */
	/* 10大優勢 */
	.tenZone__left__title img{width:550px;}
	.tenZone__left{margin-left:-50px;height: 900px;}
	/* 企業輔導 */
	.counselingTitle{max-width: 750px;}
	.zone02People{max-width: 550px;}
	.zone02List{font-size: 30px;}
}

@media screen and (max-width: 1440px){
	/* header */
	.navCollapse--nav{margin: 0 15px;}
	.navLink{font-size: 22px;padding: 23px 15px;}
	.navCollapse--member{padding-left:0}
	.navCollapse--search{display: none;position:absolute;max-width: 100%;background: #fff;left: 0;top: 79px;padding: 15px;border-top: 1px solid var(--color-grey02);}
	.navbar__tool--search.open+.navCollapse--search{display:block}
	.navCollapse--search form{max-width: 500px;margin: 0 auto;}
	.navbar__tool--search a{display:flex;align-items:center;gap: 8px;}
	.navbar__tool--search a span{color:var(--color-blue-dark03)}
	.navbar__tool--search:not(.open) a span{display:none}
	.quicklyTag{position:initial;max-width: 500px;margin: 0 auto;box-shadow: none;padding: 15px 0 0;display: block;}
	
	/* --共用:播放按鈕 */
	.playBtn b{width: 80px;height: 80px;line-height: 64px;}

	/*---------------------- 頁面開始 ----------------------*/
	/*全頁佈局*/
	.blockHeight{padding: 5rem 0;}
	/* 標題 */
	.mainTitle{font-size: 40px;letter-spacing: 4px;}
	.blockHeight--college .mainTitle{font-size: 60px;}
	/* 首頁內容 */
	.themeTab{margin-bottom:20px}
	.feature__pic{width: 95px;margin-right: 12px;}
	.feature__title{font-size: 22px;}
	.featureNumber__left{font-size: 35px;}
	.blockHeight--class .slick-list{padding-top: 15px!important;margin: 0 -15px;}
	.blockHeight--class .courseCard{/* max-width: 100%; *//* padding: 0 15px; *//* margin-bottom: 50px; */}
	.courseBox{display: flex;flex-direction: column;}
	/* 推薦課程 */

	.blockHeight--class .btnSmall{order: -1;margin-top: 0;margin-bottom: 40px;margin-right: auto;/* margin-left: 0; */}
	.blockHeight--class .slider .slick-arrow{top: -25px;}
	.blockHeight--class .slider .slick-next{right:0}
	.blockHeight--class .slider .slick-prev{left:auto;right: 65px;}
	/* 企業內訊 */
	.blockHeight--train__left{max-width: calc(100% - 650px);}
	.trainArea__btn{left:30px;top: -20px;}
	.train__advantage{max-width:650px}
	.advantage__txt{font-size:21px}
	.train__container--bom{margin-top: -6rem;}
	
	/* 線上熱門課程 */
	.blockHeight--hito .slick-prev{left: calc(33% - 55px);}
	.blockHeight--hito .slick-next{right: calc(33% - 55px);}
	/* 課程總覽開始 */
	.courseGrid__inner--pic{grid-template-columns: repeat(3,1fr);}
	/* 課程總覽__搜尋 */
	/* 課程總覽__搜尋__線上 */
	.courseSearch--online .courseSearch__select{flex: 1;}
	.courseSearch--online .courseSearch__select .inputStyle--select{width: 100%;}
	.courseSearch--online .courseSearch__date+.divider{display:none}
	.courseSearch--online .courseSearch__form__innerTop{flex-wrap: wrap;}
	.courseSearch--online .courseSearch__keword{max-width: 100%;flex: none;}
	/* 課程總覽__文字列表 */
	.courseGrid__inner--text .courseForm__list--name{flex-direction: column;align-items: flex-start;/* max-width:20px; */}
	.courseForm__list__nameBox{padding-left:0}
	/* 課程總覽__六大學院 */
	.college__item{width:190px}
	/* 上課教室 */
	.classroomIntro__flexUse{flex: initial;max-width: 420px;}
	/* 上課教室--收合清單 */
	.openCatalog{display:block}
	/* 上課教室__播放清單 */
	.coursePage--classroom .courseInfo__inner .courseInfo__media{padding-right:0;flex: initial;}
	.courseInfo__catalog{position: fixed;right: 0;top: 79px;width: 400px;height: calc(100vh - 79px);z-index: 12;display: none;}
	.courseInfo__catalog__bom .catalog__list{max-height: calc(100vh - 50px);overflow-y: scroll;}
	.courseInfo__catalog.open{display:block}
	.courseInfo__catalog__top{border-radius:8px 0 0 0}
	.courseInfo__catalog{border-radius: 8px 0 0 8px;}
	.courseInfo__catalog .catalogBox{height:100%;}
	.courseInfo__catalog__bom .catalog__list{overflow: initial;}
	/* 會員中心 */
	.welcome{font-size:30px}
	/* 會員中心__側選單 */
	:root{
		--memberSide:250px
	}
	.memberSide{max-width: var(--memberSide);}
	/* -會員中心共用:架構 */
	.memberSide+.memberPage__inner{max-width: calc(100% - var(--memberSide));}
	.memberPage__middle{width: calc(100% - 300px - 20px);}
	.memberPage__right{max-width: 300px;}
	.none.memberSide{display: none;}
	.memberPage__inner{margin-top:60px}
	.none.memberSide+.memberPage__inner{max-width:100%}
	.toggleMem{position: absolute;top: 10px;left: 250px;z-index: 10;}
	.toggleMem__btn{display:block;width: 35px;color: #fff;text-align: center;padding: 5px 0;border-radius: 0 4px 4px 0;background: var(--color-blue-dark02);cursor: pointer;}

	.toggleMem__btn span{-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;margin-top: 5px;font-weight: 500;font-size: 16px;}
	.toggleMem:not(.clicked) .toggleMem__btn--open{display: none;}
	.toggleMem.clicked .toggleMem__btn--close{display:none}
	.toggleMem.clicked{left:0;}
	
	/*  -會員中心共用:右邊視窗區塊 */
	.memberPage__window__inner{padding: 20px 15px 15px;}
	.memberPage__window--degree strong{font-size:22px}
	.memberPage__windowTitle{font-size:20px}
	/* 訂單管理 */
	.memberArea__inner--two{flex-direction:column;gap: 30px;}
	.memberArea__inner--two .memberArea__inner__body{width:100%}
	.memberArea__inner--two .memberArea__inner__body+.memberArea__inner__body:before{display:none}
	.orderInfo__content{font-size: 18px;}
	.orderInner__list .orderInfo__content{font-size: 18px;}
	.orderInner--two{display: grid;grid-template-columns: repeat(1,1fr);gap: 30px;}
	/* 購物車 */
	/* -購物車共用:架構 */
	.cartPage__inner{margin-top: 60px;}
	.cartContent__left{width: calc(100% - 300px - 20px);}
	/* 內訊&輔導 */
	.zonePB{padding-bottom:80px;padding-top: 8rem;}
	.zonePT{padding-top:80px}
	.enterprisePage__title{max-width: 700px;margin: 0 auto;}
	/* 10大優勢 */
	.tenZone{padding: 50px 30px 0 0;}
	.tenZone__right{max-width: 750px;width: 100%;}
	.tenZone__left{margin-left:-60px;height: 880px;}
	.tenZone__left__title img{width:500px;}
	.tenZone__left article{font-size: 26px;}
	.tenZone__left article li+li{margin-top:5px}
	
	/*客戶見證*/
	.customGrid{grid-template-columns: repeat(2, 1fr);padding-top: 3rem;}
	/* 比爾蓋茲 */
	.introZone__title h3{font-size: 40px;}
	.introZone__title p{font-size:32px;}
	.introZone__text{font-size:24px}
	/* 7大服務流程 */
	.flowZone .enterprisePage__title,.hot7Zone .enterprisePage__title.open{margin-bottom: 60px;}
	
	.flow7Box__text h4{font-size:30px;}
	.flow7Box__text p{font-size:27px;}
	/* 7大核心熱門課程 */
	.hot7Zone__slogan{font-size:40px}
	.hot7Box{flex-wrap: wrap;display: flex;}
	.hot7Box__item{width:100%}
	/* 企業輔導 */
	.counselingTitle{max-width: 700px;}
	.zone02List{font-size: 24px;width: 80%;}
	.zone02People{width:450px;}
	.zone03 ul{font-size: 25px;grid-template-columns: repeat(2, 1fr);}
	.crownPic{width: 200px;}
}
@media screen and (max-width: 1300px){
	.bkImg--02 .pc{display: none;}
}
@media screen and (max-width: 1200px){
	/* --共用:播放按鈕 */
	.playBtn b{width: 100px;height: 100px;line-height: 64px;}
	/* -共用:流程 */
	.stepFlow__box{gap: 20px;}
	.stepFlow__item{gap:10px}
	.stepFlow__num{width: 50px;height: 50px;line-height: 50px;}
	/*---------------------- 頁面開始 ----------------------*/	
	/* 標題 */
	.mainTitle{letter-spacing: 3px;}
	.blockHeight--college .mainTitle{font-size: 50px;}
	/* 首頁內容 */
	.feature{flex-wrap: wrap;row-gap: 30px;justify-content: center;}
	.feature__item{width: 100%;max-width: 350px;}
	.blockHeight--class .slick-list{margin: 0 -5px;}
	.blockHeight--class .courseCard{padding: 0 5px;}
	/* 企業內訊 */
	.trainArea{background: #e8fefe;background: linear-gradient(0deg, rgb(232 254 254 / 50%), #e8fefe);}
	.train__container--top{background-position: left bottom;padding-bottom: 8rem;background-image: none;background: var(--gradient-red);}
	.blockHeight--train__left{max-width: 850px;padding-right: 30px;}
	.trainLogo{width:200px}
	.trainBar{overflow:hidden}
	.trainBar--pc img{transform:scale(1.2);transform-origin: left top;}
	.train__advantage{max-width: calc(100% - 50px);position: relative;margin: 0 auto;padding: 5px;border-radius: 20px;background: var(--gradient-red);overflow: hidden;margin-top: -20px;top: auto;right: auto;}
	.advantageBK{display:none}
	.advantage__ten{width: 220px;position: absolute;left: -15px;top: 0;}
	.advantage__txt{margin: 0 auto;padding: 90px 20px 20px;display: grid;position: relative;left: auto;top: auto;grid-template-columns: repeat(2,1fr);gap: 5px 15px;background: #F1EBE4;border-radius: 16px;border: 4px solid #fff;}
	/* .advantage__txt:after{position:absolute;content:'';width: calc(100% - 10px);height: calc(100% - 10px);left: 50%;top: 50%;transform: translate(-50%, -50%);background: #F1EBE4;border: 4px solid #fff;border-radius: 16px;z-index: -4;} */
	/* 線上熱門課程 */
	.blockHeight--hito .slick-prev{left: calc(100px + 25px);}
	.blockHeight--hito .slick-next{right:calc(100px + 25px);}
	.slick-center .courseHito__item::before{opacity:1}
	.slick-center .courseHito__item .playBtn{display:block}
	.slick-center .courseHito__item .courseHito__tags{opacity:1;pointer-events: initial;}
	.slick-center .courseHito__item .courseHito__media:before{opacity:0}

	/* 文章 */
	/* 文章--item */
	.blogBox{gap:10px}
	.blogItem__pic{width: 120px;}
	/* 課程總覽開始 */
	.courseGrid__inner--pic{grid-template-columns: repeat(2,1fr);}
	.courseGrid__inner--pic .courseCard{max-width: 100%;}
	/* 課程總覽__文字列表 */
	.courseGrid__title{display:none}
	.courseGrid__inner--text{gap:15px}
	.courseGrid__inner--text .courseForm--list{flex-wrap:wrap;justify-content: flex-start;align-items: flex-start;position: relative;padding: 0;background: transparent;border-bottom: 1px solid var(--color-blue-dark01);padding-bottom: 20px;margin-bottom: 20px;}
	.courseGrid__inner--text .courseForm__list{max-width: 100%;display: inline-block;padding: 0;}

	.courseGrid__inner--text .courseForm__list--btn{display:none;}
	/* .courseGrid__inner--text .courseForm__list--btn{order: -1;max-width: 100%;display: flex;flex: unset;border-bottom: 1px solid var(--cl,var(--color-blue-dark01));margin-bottom: 0.5rem;}
	.courseGrid__inner--text .courseForm__list--btn a{font-size:0.875rem;padding:0.25rem 0.5rem;min-width: auto;border-radius: 0.25rem 0.25rem 0 0;} */
	
	.courseGrid__inner--text .courseForm__list--name{width:100%;margin-bottom: 10px;margin-top: 10px;}
	.courseGrid__inner--text .courseForm__list--time,.courseGrid__inner--text .courseForm__list--area{position:relative;max-width: fit-content;text-align: left;}
	.courseGrid__inner--text .courseForm__list--area:after{position:absolute;content:'/';left: -12px;top: 3px;font-size: 13px;}
	.courseGrid__inner--text .courseForm__list--area{margin-left: 20px;}
	.courseGrid__inner--text .courseForm__list--time:before,.courseForm__list--area:before{left: 0;display: inline-block;margin-right: 5px;}
	.courseGrid__inner--text .courseForm__list--time:before{content: '時間 :';}
	.courseGrid__inner--text .courseForm__list--area:before{content: '地點 :';}
	.courseGrid__inner--text .courseForm .saleTxt{position:absolute;top: 0px;left: 230px;}
	.courseGrid__inner--text .courseForm__list--tag{order: 0;max-width: fit-content;}
	.courseGrid__inner--text .courseForm__list--teacher{order: 1;max-width: fit-content;margin-left: auto;}
	.courseGrid__inner--text .courseForm__list--price{order: 1;margin-top: 5px;}
	.courseGrid__inner--text .courseForm__list--price .courseMoney{display: flex;align-items: center;justify-content: flex-end;gap: 10px;}
	.statusTag{display: flex;justify-content: flex-end;font-size: 0.875rem;}
	
	/* 課程總覽__六大學院 */
	.college__main .slick-list{padding-top:0!important;padding-bottom:0!important;}
	.college__item{width:auto;}
	.college__item{transform:scale(0.85)}
	.college__item a::before{background-size: cover;background-position: center bottom;}
	.college__item.slick-center{transform: scale(1);}
	/* 課程總覽__搜尋 */
	.courseSearch__keword{/* width:100%; */max-width: 100%;flex: none;}
	.courseSearch__keword+.divider{display:none}
	.courseSearch__select,.courseSearch__date{flex: 1;}
	.courseSearch__select .inputStyle--select,.courseSearch__date .courseSearch__date__item{width: 100%;}
	.courseSearch__date .inputStyle--date{max-width:100%}
	.courseSearch__form__innerBom{row-gap:10px}
	.courseSearch__tags{width:100%;flex-wrap: wrap;}
	/* 課程總覽__搜尋__線上 */
	.courseSearch--online .courseSearch__select{width: 60%;flex: none;}
	/* 課程總覽__搜尋__實體 */
	.courseSearch--person .courseSearch__select:nth-of-type(1){width: 100%;flex: none;}
	.courseSearch--person .courseSearch__select:nth-of-type(1)+.divider{display:none}	
	/* 課程底層 */
	/* 課程底層__上面 */
	.courseInfo__inner .courseInfo__media{flex:none;padding-right: 0;margin-bottom: 20px;}
	/* 課程底層__特色 */
	.courseFeature .container{gap:30px}
	/* 課程底層__介紹開始 */
	.courseContent__left{float: none;max-width: 100%;padding-right: 0;}
	/* 課程底層__右側常駐 */
	body.indexPage--courseDetail{padding-bottom: 168px;}
	.courseContent__right{float: none;max-width: 100%;position: initial;text-align: center;/* border-top: 1px solid var(--color-blue-dark02); *//* padding-top: 30px; */}
	.courseBuy{position: fixed;bottom: 0;/* top: 0; */width: 100%;left: 0;margin-bottom: 0;z-index: 10;/* position: sticky; *//* float: left; */border-radius: 8px 8px 0 0;}
	.courseBuy__warn{border: 1px solid var(--color-blue-dark01);padding: 5px 10px;font-size: 18px;border-radius: 4px;color: var(--color-blue-dark01);position: absolute;right: 15px;cursor: pointer;}
	.courseBuy__warn i{margin-left:5px}
	.courseBuy__warn:before{content:'關閉';display:none}
	.active.courseBuy__warn:before{content:'關閉';display:inline-block;}
	.courseBuy__warn:hover{background:var(--color-blue-dark01);color: #fff;}
	.courseBuy__notic--warn{display:none}
	.courseBuy__notic.open{display:block}
	.courseBuy .courseMoney__price{display: flex;}
	.courseBuy .payPrice .priceName{width:auto;margin-right: 5px;font-size: 20px;}
	.courseBuy .payPrice .price{font-size:25px}
	/* 上課教室--試看 */
	.testViewAlert{display:flex;align-items: center;gap: 10px;}
	.testViewAlert .videoName{color:#fff;font-size: 20px;padding-right: 0;}
	.classroomIntro__inner{padding-right:0}
	/* 會員 */
	/* 會員等級 */
	.memberDegree__pic{width: 300px;}
	.memberDegree__pic figure{width: 240px;}
	/* -會員中心共用:架構 */
	.memberArea--single{width:100%;}
	/* 折扣券 */
	.couponList{grid-template-columns: repeat(2,1fr);}
	/* 購物車 */
	/* -購物車共用:架構 */
	.orderCourse__txt__link{flex-wrap:wrap;align-items: flex-start;}
	.cartContent__left .orderCourse__package .orderCourse__money{margin-top:auto}
	.orderCourse__money{margin-top: 10px;}
	.cartContent__left .courseCard__pic+.orderCourse__txt__left{width:calc(100% - 200px);flex: none;}
	.cartContent__left .orderCourse__package .courseCard__pic+.orderCourse__txt__left{width: calc(100% - 140px);}
	.cartContent__left .orderCourse__package .courseCard__mid__top{flex-wrap:wrap}
	/* 老師 */
	.teacher__left{float:none;text-align: center;display: flex;align-items: center;margin: 0 auto;background: var(--color-blue-light01);}
	.teacher__right{float:none;width:100%;padding-left: 0;}
	.teacher__left .IntoTxt{margin-top:0}
	/* 部落格單元 */
	/* 熱門列表 */
	.intoBox{width: calc(100% - 300px);}
	.hotList{max-width: 300px;}
	/* 常見問題搜尋 */
	.faqSearch .courseSearch__select{flex:none}
	.faqSearch .courseSearch__select .inputStyle--select{width: 200px;}
	
	.faqSearch .courseSearch__keword{flex:1}
	/* 自定義頁面 */
	/* 關於協會 */
	.editorArea__img--left,.editorArea__img--right{/* max-width: 30%; */}
	/* 內訊&輔導 */
	.blueBK{top:83px}
	/* 10大優勢 */
	.tenZone__left__title img{width:400px;}
	.tenZone__left{border-radius:80px;padding-top: 5px;max-width: 800px;width: 100%;height: 850px;margin-left: -20px;}
	.tenZone__left:before{border-radius: 70px;}
	.tenZone__left article{font-size: 24px;}
	.tenZone__left article ul{padding-left: 0px;}
	.tenZone__right{max-width: 650px;}
	/* 比爾蓋茲 */
	.introZone__title h3{font-size: 38px;}
	/*知名企業委託認證班*/
	.classListZone{padding-bottom: 80px;}
	.over880title{width:600px}
	.classListZone__left{max-width: 850px;position: relative;}
	.classListZone__left:before{position: absolute;content: '';width: 100%;height: 100px;background: linear-gradient(180deg, rgba(116, 24, 26, 0), #781b1b);bottom: 0;}
	/*產業介紹*/
	.industryBox{padding:1rem}
	.industryBox .boxLeft{flex-direction:column;gap: 10px;}
	.industryBox .boxLeft figure{width:80px}
	.industryBox .boxLeft .nameBox{margin-left:0}
	.boxName{font-size:20px;letter-spacing: 1px;margin-bottom: 5px;}
	.boxEn{font-size:16px;}
	.industryBox .boxRight{font-size:19px;line-height: 30px;}
	/*客戶見證*/
	.customGrid{grid-template-columns: repeat(1, 1fr);grid-row-gap:1rem}
	/* 企業輔導 */

	.counselingTitle{max-width: 650px;}
	.stepBox{font-size: 26px;padding: 8px 20px;}
	.stepTxt{font-size: 33px;padding-left: 5rem;}
	.stepBox:before{left: 31%;}
	.zone4Content:before{left: 74px;}
	.coopBes__txt{font-size:26px;padding: 4rem 2rem 2rem;}
	/*紅色版樣式*/
	.zone02 .boardStyle__inner{padding: 2.5rem 3rem 5rem;}
	.zone02{padding-bottom:14rem}
	.zone02People{width:400px;}
	.zone02List{width:100%}

	.artLink{--num:3;}
	
}
@media screen and (max-width: 991px){
	
	body{padding-top:61.5px}
	/* header */
	:root{
		--nav-back:60px
	}
	header.navbar>.container{max-width: 100%;justify-content: space-between;}
	.navCollapse--nav{height: calc(100svh - 62px);}
	.logoWrap{width: clamp(13rem,32vw,22.5rem);order: 1;position: absolute;left: 50%;transform: translateX(-50%);}
	.navCollapse--nav{position:absolute;top: 61.5px;background: #fff;width: 100%;left: 0;margin: 0;display: none;}
	.navCollapse--nav.show{display:block}
	.navCollapse--member.show{display:block}
	.navbarNav{flex-direction:column;padding-top: var(--nav-back);}
	.dropdown{position:initial}
	.navLink{font-size: 20px;padding: 20px 25px;display: flex;justify-content: space-between;align-items: center;}
	.navLink i{font-size:16px}
	.navbar__tool a{padding: 12px 20px;}
	.bellOn{top:15px}
	.navbar__tool--cart{margin:0;order: 2;}
	.navbar__tool--search{order:2;/* margin-left: auto; */}
	.navbar__tool--search.open+.navCollapse--search{top: 62px;}
	.navCollapse--search form,.quicklyTag{max-width:800px}
	.searchClose{position:absolute;right: 19px;top: 18px;}
	.navCollapse--search input{width:80%;}
	.navbarToggler{border: none;background: transparent;padding: 12px 20px;}
	.navbarToggler__bar{width: 20px;height: 1px;display: block;background: var(--gradient-blue);margin:5px 0}
	.navCollapse--member{position:absolute;width: 100%;/* top: 0; */left: 0;padding: 10px 25px;background: var(--color-blue-light04);top: 61.5px;display: none;}
	.headerLogin{margin-left:0;justify-content: center;}
	.headerLogin .btnLink{max-width: 50%;width: 100%;}
	.headerMember{width: 100%;}
	.headerMember__main{width: 100%;}
	.headerMember__title{width: 100%;}
	.dropdownMenu{width: 100%;height: calc(100vh - 123px);top: var(--nav-back);z-index: 1;}
	.dropdownMenu__main{width:100%;max-height: 100%;height: inherit;}
	.toggleUse--course01:not(.show){display:none}
	.toggleUse--course02:not(.show){display:none}
	.navbar__tool--index{margin-left: auto;}
	.dropdownMenu__subject{width:100%;border-top: 1px solid #fff;}
	.dropdownMenu__subject.openNow{transform:translateX(0)}
	/* 購物車為空 */
	.cartEmpty{transform:initial;left:auto;right: 0;top: 61px;}
	/* footer */
	.footerTop{flex-direction:column;gap: 20px;}
	.footerBom{margin-top:50px}
	.footerBom .container{justify-content:space-between}
	.footerBom .unit{flex-direction:column;margin-right: 0;align-items: flex-start;}
	.footerBom .unit p:nth-of-type(2){margin-left:0}
	.footerBom .unit p:nth-of-type(2):before{display:none}
	/* --共用:播放按鈕 */
	/* -共用:流程 */
	.stepFlow__box{gap: 25px;margin-bottom: 40px;}
	.stepFlow__item{gap: 5px;flex-direction: column;text-align: center;}

	/* 共用-單元二階選單(常見問題、部落格單元使用) */
	.unitBtn{display: flex;align-items: center;justify-content: center;gap: 5px;color: #fff;padding: 5px 8px;border:1px solid var(--color-blue-dark01);border-radius:4px;background-color:var(--color-blue-dark01);margin-bottom:10px;width: 100%;}
	.unitBtn:hover{color:#fff}
	.unitBtn .bi-list{font-size: 24px;color:#fff;line-height:1.25}
	.unitMenu .lOne{display:none;padding: 0 15px;flex-direction: column;}
	.unitMenu .lOne:before{width:100%;border-radius:6px}
	.lOne__item{padding:0;padding-bottom: 12px;width: 100%;}
	.lOne__item +.lOne__item>.link{border-top:1px solid #fff}
	.lOne__item >.link{display:block;padding: 12px 0 0;color:var(--color-yellow-dark);font-size: 18px;position:relative}
	.lOne__item + .lOne__item .link::before{display:none}
	.lOne__item >.link::before,.lOne__item + .lOne__item>.link::before{content:'';display:block;width:12px;height:12px;border-width:2px 2px 0 0;border-style:solid;border-color:var(--color-yellow-dark);position:absolute;transform:rotate(135deg) translateY(-50%);top:44%;right:20px;left:unset;background-color:transparent}
	.lOne__item .link::after{display:none}
	.lTwo{display:none;position:relative;opacity:1;background-image:none;width:100%;transform:unset;left:unset;box-shadow:none;background: rgb(255 255 255 / 20%);padding: 0 10px;border-radius: 4px;margin-top: 6px;}
	.lTwo__item{padding: 4px 0px;}
	.lTwo__item +.lTwo__item::before{display:none}
	.lTwo__item .link{padding:6px 0;color:#fff}
	.lTwo .link:hover{color:#fff}
	.lTwo__item +.lTwo__item{border-top:1px dashed #fff}
	/*---------------------- 頁面開始 ----------------------*/
	/*全頁佈局*/
	.blockHeight{padding: 4rem 0;}
	/* 標題 */
	.mainTitle{font-size: 35px;letter-spacing:3px;}
	.blockHeight--college .mainTitle{font-size: 50px;}
	/* 首頁內容 */
	.medalList{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;}
	.feature__item{width: 100%;max-width: 300px;}
	.blockHeight--class .slick-list{margin: 0px;}
	.blockHeight--class .courseCard{padding: 0 10px;margin-bottom: 0;padding: 0;}
	.bkImg--02 .pad{display: none;}
	.bkUse--top{position:relative}
	.bkUse--top:before{position:absolute;content:'';background: linear-gradient(0deg,#dff5ff 0%,rgb(255 255 255 / 0%) 100%);width: 100%;height: 100%;z-index: -1;}
	/* 推薦課程 */
	.themeTab__list a{padding:15px}
	.themeTab__list h4{font-size:18px}
	.themeIcon{width:25px}
	/* 線上熱門課程 */
	.blockHeight--hito .slick-prev{left: calc(50px + 25px);}
	.blockHeight--hito .slick-next{right:calc(50px + 25px);}
	/* 企業內訊 */
	.blockHeight--train__left{margin:0 auto}
	.train__container--top{padding-bottom: 15rem;}
	.train__container--bom{margin-top: -15rem;padding: 250px 0 0;}
	.trainArea__btn{top: 30px;left: 50%;transform: translateX(-50%);}
	.trainBar--pc{display: none;}
	.trainBar--mb{position:relative;z-index:2;/* padding: 0 80px; */max-width: 600px;width: 100%;text-align: center;margin: 0 auto;}
	.trainBar--bk{position:absolute;top: 0;left: 0;width: 100%;}
	.train__advantage{margin-top:0}
	/* 文章 */
	/* 文章--item */
	.blogSlick__item{width: 100%;padding: 0 10px 15px;}
	/* 課程總覽__BN */
	.bnTxt{/* text-align: center; */padding: 80px 15px 220px;}
	.bnTxt h1{font-size: 40px;letter-spacing: 6px;}
	.bnTxt h2{font-size: 26px;letter-spacing: 6px;}
	/* 課程總覽__搜尋 */
	.courseSearch{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
	.courseSearch:not(.openIt){transform:translateX(-100%)}
	.callFilter{width: 100%;cursor: pointer;}
	.courseSearch{position: fixed;top: 61.5px;left: 0;max-width: 80%;width: 100%;height: calc(100svh);z-index: 999;}
	.courseSearch__form{box-shadow: none;border-radius: 0;height: calc(100svh - 60px);overflow-y: auto;}
	.courseSearch__form__inner{margin-top: 60px;}
	.courseSearch__select{width:100%;flex: none;flex-direction: column;}
	.courseSearch .divider{display:none}
	.courseSearch__form__innerBom{flex-direction:column;gap: 20px;}
	.courseSearch__check{order: -1;margin-left: 0;margin-right: auto;}
	.courseSearch__btn{width:100%;}
	.courseSearch__btn .btnSquare--pink{flex: 1;}
	.courseSearch__btn .btnSquare--big{width:60%}
	/* 課程總覽__搜尋__線上 */
	.courseSearch--online .courseSearch__select{width:100%;}
	/* 課程總覽__搜尋__實體 */
	.courseSearch--person .courseSearch__select:nth-of-type(3){flex: none;}
	/* 課程底層 */
	/* 課程底層__特色 */
	.courseFeature .container{gap: 15px;flex-wrap: wrap;display: grid;grid-template-columns: repeat(2,1fr);max-width: 700px;}
	.courseFeature__item{margin:0 auto;justify-content: flex-start;}
	/* 課程底層__介紹 */
	/* 課程底層__介紹__錨點 */
	.courseTab{top: 62px;}
	.courseTab .container{max-width: calc(100% - 50px);}
	.courseTab__box{justify-content:center;font-size: 20px;}
	.courseTab__item{padding: 0 15px;}
	/* 課程底層__其他課 */
	.courseAll{grid-template-columns: repeat(2,1fr);gap: 30px;}
	/* 上課教室--試看 */
	.testViewAlert{padding: 10px;}
	.testViewAlert .videoName{font-size: 16px;}
	/* 上課教室__播放清單 */
	.courseInfo__catalog{top:61px;height: calc(100vh - 61px);}
	/* 搜尋 */
	/* -搜尋共用:上方 */
	.normalBanner .bnTxt{padding: 45px 0;}
	.searchTab .searchTab__item{width:100%;border-bottom: 1px solid #ffffff;}
	.searchTab .searchTab__item li{width:calc(100% / 3)}
	.searchTab__item a{width:100%}
	.searchTab{flex-direction:column;align-items: flex-start;gap: 20px;border-bottom: none;}
	.courseToolBar{flex-wrap: wrap;}
	.searchTab .courseToolBar{margin-left:auto;width: 100%;}
	/* 會員 */
	/* 會員等級 */
	
	.memberDegree{flex-direction:column;}
	.memberDegree__item{max-width:100%}
	.memberDegree__inner ul{display:grid;grid-template-columns: repeat(2,1fr);}
	/* 會員中心 */
	.memberCenter{padding:10px 20px}
	.welcome{font-size:25px}
	/* 彈窗 */
	.popUp__content__body{padding:15px}
	/* 彈窗--會員 */
	.popUp--degree .memberDegree__item{max-width:100%}
	.popUp--degree .memberDegree__item strong{font-size:25px}
	/* -會員中心共用:架構 */
	.memberArea__inner{padding: 20px 20px;}
	.memberArea__inner__head{margin-bottom:20px}
	/* .memberSide,.toggleMem{display:none} */
	.memberSide{position:fixed;top: 62px;z-index: 10;height: 100vh;}
	.memberSide+.memberPage__inner{/* max-width: calc(100% - var(--memberSide)); */max-width: 100%;padding-left: 20px;margin-bottom: 20px;}
	.memberPage__middle{width: 100%;margin-bottom: 30px;float: none;}
	.memberPage__right{max-width: 100%;position: initial;float: none;margin-top: 30px;}
	.cartPage__inner .memberPage__right:before{display:none}
	.memberPage__middleTop{margin-bottom: 30px;}
	.memberPage__middle__title{font-size:30px}
	/* 訂單管理 */
	.memberArea__inner__title{margin-bottom:15px}
	.memberArea__inner__titleTxt{font-size:20px}
	/* 購物車 */
	/* -購物車共用:架構 */
	.cartContent__left{width: 100%;float: none;}
	/* 共用-單元二階選單(常見問題、部落格單元使用) */
	.unitMenu{margin-top:20px}
	/* 常見問題__內文 */
	.faqPage--list.faqPage .normalBanner .bnTxt{padding-bottom:0}
	.faqBox,.blogOutter{margin-top: 10px;}
	.faqPage--detail__title{font-size: 30px;}
	.faqList{display: grid;grid-template-columns: repeat(1,1fr);gap: 10px;}
	.faqList .listItem .icon{width: 30px;height: 30px;font-size: 20px;margin-right: 10px;}
	/* 常見問題__搜尋 */
	.faqSearch{max-width: 600px;padding: 15px;transform: translateY(10px);margin-bottom: 40px;margin-top: 0px;}
	.faqSearch .courseSearch__select{width:auto}
	/* 講師介紹 */
	.lectorBox {grid-template-columns: repeat(2,1fr);}
	.pageInfo{flex-direction: column;align-items: flex-start;}
	/* 老師 */
	.teacher__left{flex-direction:column;background: transparent;}
	.teacher__left .IntoTxt{width:100%}
	/* 部落格 */
	.blogContent{flex-wrap: wrap;}
	.blogPage .blogBox .blogItem{width: 100%;}
	/* .blogItem:nth-child(2){border-top: 1px dashed var(--color-blue-dark03);} */
	/* 部落格 */
	.blogPage .blogBox{margin-top: 20px;}
	/* 熱門列表 */
	.intoBox{width:100%;padding-right: 0;float: none;}
	.hotList{width:100%;max-width: 100%;float: none;position: initial;}
	/* 會員登入後 */
	.headerMember__list{width: calc(100% + 50px);left: -25px;top: 47px;border-radius: 0;}
	.headerMember__list .memberNav{max-height: 100%;height: 83vh;}
	.headerMember__list  .memberSide__nav{padding-bottom: 50px;}
	.headerMember__list .memberSide__nav__list a{padding: 12px 25px;}
	
	.headerMember__list .memberNav__title{font-size:18px;}
	/* 內訊&輔導 */
	.blueBK{top:61px}
	.zonePB{padding-bottom:60px}
	.zonePT{padding-top:60px}
	.introZone__title{margin-bottom:40px;}
	.introZone__title h3{font-size: 35px;line-height:1.5;margin-bottom: 10px;}
	.introZone__title p{font-size:28px}
	/* 十大優勢 */
	.tenZone__right .enterprisePage__title{max-width:550px;}
	.tenZone{flex-direction:column;padding: 50px 12px 0;}
	.tenZone__left{margin: 0 auto 30px;height: auto;padding-bottom: 50px;/* width: 100%; */}
	.tenZone__left__title img{width: 500px;margin-left: -12%;}
	.tenZone__left__title{calc(width:100%)}
	.tenZone__left article{font-size:28px;}
	.tenZone__right{margin:0 auto}
	/* 比爾蓋茲 */
	.introZone__text{font-size:22px}
	/* 7大服務流程 */
	.flowZone .enterprisePage__title,.hot7Zone .enterprisePage__title.open{margin-bottom: 40px;}
	.flowZone .enterprisePage__title {max-width:550px;margin-bottom: 50px;}
	.flow7Box__pic{width: 130px;margin-top: -10px;}
	.flow7Box__text{padding: 10px 20px 12px 60px;}
	.flow7Box__text h4{font-size:27px;}
	.flow7Box__text p{font-size:22px;}
	/* 7大核心熱門課程 */
	.hot7Zone__slogan{font-size: 25px;padding: 20px 40px;margin-bottom: 30px;}
	.hot7Zone__slogan:before, .hot7Zone__slogan:after{width:12px;height:12px}
	.hot7Zone__slogan:before{left: 20px;}
	.hot7Zone__slogan:after{right: 20px;}
	.hot7Box__title{padding: 15px 10px 20px 95px;}
	.hot7Box__title__pic{width: 80px;}
	.hot7Box__title h4{font-size: 35px;}
	.hot7Box__list{font-size: 21px;}
	.roleBox span{font-size:18px;}
	.hot7Link{padding: 2rem 0 2.5rem;}
	.bigTit{font-size:36px;letter-spacing: 4px;-webkit-text-stroke-width: 6px;}
	/*知名企業委託認證班*/
	.classListZone{padding-bottom:0}
	.classListZone__inner{display:flex;flex-direction:column-reverse}
	.classListZone__left{max-width:100%;margin-left: 0;position: relative;margin-top: -20%;}
	.classListZone__left:after{position: absolute;content: '';width: 100%;height: 250px;background: linear-gradient(0deg, rgba(116, 24, 26, 0), #972d2c);top: 0;left: 0;}
	.classListZone__right{position: relative;width: 100%;z-index: 1;}
	.over880title{width: calc(100% - 20px);max-width: 800px;}
	.classList{padding: 0 15px;max-width: 720px;margin: 0 auto;}
	.titlePic{bottom: 10px;}
	.titlePic .openMore{margin-top: -20px;position: relative;transform: initial;left: auto;bottom: auto;}
	/*產業介紹*/
	.industryIntro{padding-top: 100px;}
	/* 企業輔導 */
	.counselingTitle{max-width: 550px;margin-bottom: 1.5rem;}
	.zone4Content:before{left: 42px;}
	.zone03{padding: 2.5rem 0 3rem;}
	.zone04{padding: 2.5rem 0;}
	.stepBox{width: 150px;font-size: 22px;}
	.stepTxt{font-size: 26px;padding-left: 4rem;}
	.stepBox:before{left: 20%;}
	.coopBes {margin-top:5rem}
	.coopBes figure{max-width: 500px;margin-bottom: -40px;}
	.coopBes__txt{font-size: 20px;padding: 3.25rem 1.5rem 2rem;}
	.zone03 ul{font-size: 22px;}
	.crownPic{width:160px}
	/*紅色版樣式*/
	.zone02{padding-bottom:10rem}
	.zone02 .boardStyle__inner{padding: 2rem 1.5rem 5rem;}
	.zone02People{width: 360px;}
	.zone02List{font-size: 22px;}

	.artPageBox.--location{flex-direction:column;}
	.locTop{width:100%;}
	.locBtmWrap{width: 100%;display: inline-flex;flex-direction: column;}
	.locBtm{margin: auto;}
	.locDl{text-align:center;}
	.locDl__btn{width:100%;}
	
}
@media screen and (max-width: 768px){
	/* -共用:頁碼 */
	.pageNumber{flex-wrap: wrap;padding: 80px 0;justify-content: center;row-gap: 15px;padding: 50px 0 0;}
	.pageNumber__total{width:100%;text-align: center;}
	.pageNumber .divider{display:none}
	/* -共用:流程 */
	.stepFlow__item p{font-size:18px;}
	/* banner */
	.bannerIndex__pic--pc{display: none;}
	/* 自訂義BN */
	.bnImg__pc{display: none;}
	/* header */
	.navbar__tool--index{margin-left: 0;}
	.navbar__tool--search{margin-left: auto;}
	/* footer */
	.footerBom{margin-top:30px}
	.footerBom .container{flex-direction: column;align-items: flex-start;gap: 6px;}
	.footerBom .unit{gap: 6px;}
	/*---------------------- 頁面開始 ----------------------*/
	/*全頁佈局*/
	.blockHeight{padding: 3rem 0 4rem;}
	/* 標題 */
	.mainTitle{font-size: 30px;margin-bottom:30px}
	.mainTitleTop{margin-bottom:30px}
	.mainTitleTop .mainTitle{margin-bottom: 10px;}
	/* 首頁內容 */
	.feature__item{width: 50%;max-width: 100%;flex-direction: column;}
	.feature__pic{margin-right: 0;margin-bottom: 5px;}
	.featureNumber{justify-content: center;}
	.featureNumber__right{display:none}
	.feature__title--mb{display:none}
	.blockHeight--class .slick-list{margin-right: 0;}
	.blockHeight--class .slick-list{padding-left: 0!important;}
	/* 企業內訊 */
	.mediaChange--768none{display:none}
	.advantage__txt{grid-template-columns: repeat(1,1fr);}
	.trainArea__btn{top: 20px;}
	/* 推薦課程 */
	.tabsGroup__tabs{flex-wrap:wrap}
	.themeTab__list{width:50%;border-radius: 4px;}
	.themeTab__list a{padding:12px 12px}
	.active.themeTab__list::after{display:none}
	.themeTab__list:nth-of-type(3):before{display:none}
	/* 課程總覽開始 */
	.coursePage{padding-bottom:60px}
	.courseGrid__inner--pic{grid-template-columns: repeat(1,1fr);gap: 20px;}
	.courseGrid__inner--pic .courseCard{border-bottom: 1px solid var(--color-blue-dark01);padding-bottom: 20px;}
	.courseGrid__inner--pic .courseCard__inner{flex-direction: row;flex-wrap: wrap;/* padding: 10px; */background: transparent;}
	.courseGrid__inner--pic .courseCard__top{width: 220px;}
	.courseGrid__inner--pic .courseCard__top .courseCard__link{position: relative;}
	.courseGrid__inner--pic .courseCard__pic{border-radius:8px;position:relative;}
	.courseGrid__inner--pic .courseCard__pic[data-status]:after{content: '( 'attr(data-status)' )';text-align:center;padding: 0.25rem 0;display: block;}
	.courseGrid__inner--pic .courseCard__top .saleTxt{font-size: 15px;top: auto;left: 50%;transform: translateX(-50%);bottom: -35px;display: block;text-align: center;}
	.courseGrid__inner--pic .courseCard__mid,.courseGrid__inner--pic .courseCard__bom{width: calc(100% - 220px);padding: 0 0 0 10px;}
	.courseGrid__inner--pic .courseCard__txt{margin-top:5px}
	.courseGrid__inner--pic .courseCard__bom{margin-left:auto;flex-direction: column;align-items: flex-end;row-gap: 5px;}
	.courseGrid__inner .courseCard__btn{display:none;}
	.courseGrid__inner--pic .courseMoney{width:100%;display: flex;align-items: center;justify-content: flex-end;gap: 10px;}
	.courseGrid__inner--pic .payPrice .price{font-size:17px}

	/* 課程總覽__BN */
	.bnTxt{/* text-align: center; */padding: 60px 15px 200px;}
	.bnTxt h1{font-size: 35px;letter-spacing: 5px;}
	.bnTxt h2{font-size: 24px;letter-spacing: 5px;}
	/* 課程總覽__六大學院 */
	.college__item h3{font-size:20px;}
	/* 課程總覽__工具列 */
	.courseToolBar{gap: 10px;}
	.courseToolBar .inputStyle--select{width: auto;flex: 1;}
	/* 課程底層 */
	/* 課程底層__上面 */
	.courseInfo{padding: 20px 0 40px;}
	/* .courseInfo__item:nth-of-type(4){margin-left:0px;width: 100%;} */
	.courseInfo__title__main{font-size: 25px;}
	.courseInfo__item{margin: 5px 0;}
	.courseInfo__tags a:not(.tagItem){margin-left:initial}
	.courseInfo__tags a:not(.tagItem):before{display:none}
	/* 課程底層__介紹 */
	/* 課程底層__介紹開始 */
	.courseContent .container{padding-top:30px}
	.courseContent__part{padding: 20px 0;}
	/* 課程底層__介紹__錨點 */
	.courseTab{background: rgb(255 255 255 / 90%);}
	/* 課程底層__介紹__編輯器 */
	.courseContent__partTitle{font-size: 22px;}
	/* 課程底層__介紹__目錄一覽 */
	.catalogTab__list a{font-size: 16px;}
	/* 課程底層__介紹__檔案下載 */
	.downloadBox{grid-template-columns: repeat(1,1fr);gap: 5px;}
	/* 課程底層__留言板 */
	.replyPerson{width:30px}
	.replyContent{padding-left:40px}
	/* 課程底層__其他課 */
	.courseClass{margin-top:80px;padding: 40px 0 60px;}
	.courseClass .container{max-width:100%}
	.courseClass .courseContent__partTitle--center{text-align:left;margin-bottom: 20px;}
	.courseClass .courseSlick{padding:0}
	.courseClass .slick-list{padding-left:0!important}
	.courseClass .slider .slick-arrow{top: -35px;}
	.courseClass .slider .slick-next{right:0}
	.courseClass .slider .slick-prev{left:auto;right: 65px;}
	/* 課程底層__右側常駐 */
	.courseBuy__warn{font-size:16px;}
	/* 上課教室 */
	.coursePage--classroom .courseInfo{padding-bottom:10px}
	/* 上課教室--收合清單 */
	.openCatalog{position:initial;width: 100%;margin-top: 10px;border-radius: 8px;}
	.openCatalog i{display:none}
	/* 搜尋 */
	/* -搜尋共用:上方 */
	.searchTab__item a{font-size:18px;padding: 10px;}
	.bnTxt .searchRuselt{font-size: 18px;}
	/* 會員 */

	/* -會員共用:輸入框 */
	.memberPage__inner{margin-top: 40px;margin-bottom:50px;}
	.memberInput__mainTitle{text-align: center;margin-bottom: 30px;}
	.memberInput__mainTitle h1{font-size:30px}
	.memberInput__input--complex{flex-direction:column}
	.memberInput__input--complex--radio{flex-direction:row}
	.memberInput__input--complex .memberInput__input__inner{flex: none;width: 100%!important;}
	/* 會員--登入 */
	.memberBox__inner{max-width: 450px;padding: 0 20px;}
	.memberBox__inner--bottom{margin-bottom:30px;}
	.memberBox__bom{padding: 15px 20px;}
	.memberBox__inner .btnSquare{width:100%;padding: 10px 20px;}
	/* 會員 */
	/* 會員等級 */
	.memberDegree__pic{width: 250px;}
	.memberDegree__pic figure{width: 200px;}
	.memberDegree__inner ul{grid-template-columns: repeat(1,1fr);}
	/* 註冊/付款完成 */
	.success__payInfo{padding:15px}
	/* 註冊/付款完成動畫 */
	.checkmark{width: 80px;height: 80px;margin-bottom: 15px;}
	.successInner__title h1{font-size: 30px;}
	.successInner__title h2{font-size:20px}
	/* 會員中心 */
	/* -會員中心共用:架構 */
	/* 會員中心__側選單 */
	:root{
		--memberSide:200px
	}
	.toggleMem{position: sticky;top: 61px;/* left: 250px; */width: calc(100% - 200px);}
	.toggleMem.clicked{width:100%}
	.toggleMem__btn{width:100%;padding: 10px 15px;border-radius: 0;text-align: left;}
	.toggleMem__btn span{-webkit-writing-mode: initial;writing-mode: initial;font-size: 17px;}
	.memberSide{padding-top:60px;}
	.memberInfo__pic{width: 90px;}
	.toggleMem .toggleMem__btn--close{display:none}
	.memberSide .toggleMem__btn--close{top:0;position: absolute;z-index: 1;}
	.memberInfo__name{font-size:22px}
	.memberSide__nav__list a{padding: 12px 20px;}
	.memberNav__title{font-size: 18px;}
	.memberSide+.memberPage__inner{padding-left: 10px;padding-right: 10px;}
	.functionTable--csroll{overflow-x:scroll}
	/* .functionTable--csroll::-webkit-scrollbar-track{background-color:#eee;}
	.functionTable--csroll::-webkit-scrollbar{height: px;}
	.functionTable--csroll::-webkit-scrollbar-thumb{ background-color:var(--color-blue-dark03);border-radius:60px}
	.functionTable--csroll::-webkit-scrollbar{height:8px;border-radius:60px} */
	.functionTable--csroll .functionTable__inner{width: 850px;}
	.memberArea__top--tabItem{font-size:17px}
	.memberArea__top--tabItem a{padding: 12px 10px;}
	.memberArea__top--tabItem a span:before{bottom: -14px;}
	/* 彈窗 */
	.popUp__content__head{font-size:24px}
	.popUp__close{background: #eee;border-radius: 60px;padding: 5px 15px;cursor: pointer;width: 45px;height: 45px;display: block;top: -30px;padding: 0;}
	.popUp__close i{position:absolute;top: 50%;left: 53%;transform: translate(-50%, -50%);}
	.popUp__close span{display:none}
	/* 我的課程 */
	.myCourse .courseCard__pic{width: 150px;}
	.myCourse__text{width:calc(100% - 150px);}
	/* 系統公告 */
	.announcement__list{padding: 15px 15px;align-items: flex-start;}
	.announcement__pic{width:140px;}
	/* 訂單管理 */
	.memberArea__top--order{flex-wrap:wrap;padding-bottom: 10px;}
	.memberArea__top--order .orderInfo{width:calc(100% / 3);padding: 10px 15px 0;}
	.memberArea__top--order .orderInfo:nth-of-type(4):before{display:none}
	.memberPage--orderExternal .memberArea__top--order .orderInfo{width:50%}
	.memberPage--orderExternal .memberArea__top--order .orderInfo:nth-of-type(3):before{display:none}
	/* 黃金存摺 */
	.planBox{grid-template-columns: repeat(1,1fr);}
	/* 購物車 */
	/* -購物車共用:架構 */
	.cartPage__inner{margin-top: 40px;}
	.cartContent__left .courseCard__pic{width:140px}
	.cartContent__left .courseCard__pic+.orderCourse__txt__left{width:calc(100% - 140px);padding-left: 10px;}
	.cartContent__left .courseCard__title{font-size:17px}
	.orderCourse__state{font-size:15px;padding: 5px 15px;}
	/* 講師介紹 */
	.IntoBox__bg{flex-direction: column;align-items: center; padding: 20px 30px;}
	.IntoBox__bg .lIntoPic{width: clamp(120px,21vw,160px);height: clamp(120px,21vw,160px);margin-bottom: 20px;}
	.lectorPage--detail .relatedBox__top{align-items: flex-start;    flex-direction: column;}
	/* 常見問題 */
	.faqList .listItem{width: 100%;}
	/* 常見問題__內文 */
	.faqPage--detail__title{font-size: 26px;}
	/* 關於協會 */
	.editorArea__img--left,.editorArea__img--right{max-width: 100%;padding: 0;}
	/* 內訊&輔導 */
	.zonePB{padding-bottom:50px}
	.zonePT{padding-top:50px}
	/* 比爾蓋茲 */
	.introZone{background-image:url(../images/index/bk02-991.png);background-size: cover;background-position: center top;padding-top: 40px;margin-top: -5px;}
	.introZone:before{display:none}
	.introZone__bk{opacity: .8;left: -50px;}
	.introZone .bkImg--03{display:none}
	.introZone__title{margin-bottom:30px}
	.introZone__title h3{font-size: 30px;}
	.introZone__title p{font-size:25px}
	.introZone__text{font-size:20px;letter-spacing: 0;}
	/* 十大優勢 */
	.tenZone{padding-top: 25px;}
	.tenZone__left__title img{width: 440px;margin-left: -15px;}
	.tenZone__left article{font-size: 25px;}
	.tenZone__right .enterprisePage__title{max-width:480px;}

	/* 7大服務流程 */
	.flowZone .enterprisePage__title,.hot7Zone .enterprisePage__title.open{margin-bottom: 30px;}
	.flowZone .enterprisePage__title {max-width:480px;margin-bottom: 50px;}
	.flow7Box__pic{width: 110px;}
	.flow7Box__text h4{font-size:24px;}
	.flow7Box__text p{font-size:20px;}
	/* 7大核心熱門課程 */
	.hot7Zone .enterprisePage__title{margin-bottom:60px}
	.hot7Zone__slogan{font-size: 22px;padding: 15px 30px;margin-bottom: 15px;}
	.hot7Zone__slogan:before, .hot7Zone__slogan:after{width:8px;height:8px}
	.hot7Zone__slogan:before{left: 15px;}
	.hot7Zone__slogan:after{right: 15px;}
	.hot7Box__title{padding: 15px 10px 18px 80px;}
	.hot7Box__title__pic{width: 70px;}
	.hot7Box__title h4{font-size: 28px;}
	.hot7Box__list{font-size: 18px;grid-template-columns: repeat(1,1fr);}
	.roleBox span{font-size:16px}
	.roleBox p{font-size:18px}
	/*知名企業委託認證班*/
	.classList{font-size: 19px;}
	.classList li:before{width:35px;height:35px;}
	/*產業介紹*/
	.industryBox{padding:1rem;flex-direction: column;align-items: flex-start;}
	.industryBox+.industryBox{margin-top:1rem}
	.industryBox .boxLeft{flex-direction: row;gap: 15px;width: 100%;justify-content: flex-start;align-items: center;margin-bottom: 10px;}
	.industryBox .boxLeft figure{width: 50px;}
	.industryBox .boxLeft .nameBox{width: auto;}
	.boxName{margin-bottom: 0px;}
	.boxEn{font-size:14px;}
	.industryBox .boxRight{font-size:18px;line-height: 1.5;letter-spacing: 0;width: 100%;}
	/*客戶見證*/
	.customZone .title{background:url(../images/train/customTit-768.jpg)no-repeat center/cover;}
	.customZone .title img{max-width: 300px;}
	.customGrid__company figure{width:65px;}
	.customGrid__company strong{font-size: 20px;padding: 5px 20px 8px 40px;}
	.customGrid__theme{font-size:20px}
	.customGrid__item__txt{font-size:18px;line-height: 1.5;}
	/* 內訓&輔導表單 */
	.enterprisePage .memberBox .memberBox__inner{padding: 0 20px;}
	/* 企業輔導 */
	.crownPic{width: 140px;}
	.counselingTitle{max-width: 500px;margin-bottom: 1.25rem;}
	.boardStyle{padding:20px;}
	.boardStyle:before{width: calc(100% - 20px);height: calc(100% - 20px);}
	.boardStyle__inner{padding: 2rem 2rem 5rem;}
	.zone03 ul{font-size:17px;}
	.zone03 ul li:before{width: 21px;height: 21px;top: 3px;}
	.zone03 ul li{padding-left:25px}
	.stepBox{width: 110px;font-size: 16px;padding: 7px 10px;transform: translateX(20px);}
	.stepTxt{font-size: 19px;padding: .75rem 3rem;padding-left: 2rem;border-top-width: 5px;}
	.zone4TxtBox{margin-left:-20px}
	.zone4Content:before{left: 28px;}
	.stepBox:before{left: 20%;border-width: 10px 10px 0 10px;bottom: -15px;}
	/*紅色版樣式*/
	.zone02{padding-bottom:10rem}
	.zone02List{font-size: 21px;}
	.zone02 .crownPic{top:-80px}
	.zone02People{width: 340px;}
	.zone02 .boardStyle__inner{padding: 1rem 1.25rem 4rem;}
	.coopBes{margin-top:3rem}
	.coopBes__txt{font-size: 18px;padding: 3.25rem 1.25rem 1.25rem;}

	.artLink{--num:2;}
}
@media screen and (max-width:640px){
	/* 回頂端 */
	#goTop{font-size: 20px;right:.5rem;width: 50px;height: 50px;line-height: 50px;}
	#goTop:hover{background: var(--color-blue-dark02);color:#FFF}
	/* 聯絡我們快速鈕 */
	.contactACE{right: .5rem;bottom: 130px;padding: 10px;}
	.contactACE a{}
	.contactACE a span{font-size: 18px;font-weight: 500;display: block;color: #fff;width: 0;height: 0;opacity: 0;pointer-events: none;}
	.contactACE figure{}
	.contactACE a:hover span{/* display:block; *//* visibility: visible; */opacity: 1;width: auto;height: auto;margin-right: 8px;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}

	/* --共用:播放按鈕 */
	.playBtn b{width: 70px;height: 70px;line-height: 70px;font-size: 45px;}
	/* -共用:按鈕 */
	.btnSmall{font-size: 16px;}
	/* --共用:tag */
	.tagItem{padding: 3px 10px 5px;}
	.tagItem span{font-size:14px;}
	/* -共用:問號說明 */
	.inputPop--bottom .popBox{left:0;transform: initial;}
	/*---------------------- 頁面開始 ----------------------*/
	body{padding-top:57.5px}
	/* header */
	.navbar__tool--search.open+.navCollapse--search {top: 55px;box-shadow: 0px 10px 10px rgb(0 0 0 / 5%);}
	.navbar__tool--index{display: none;}
	.navbar__tool--search{margin-left: auto;}
	.navCollapse--search input{width: calc(100% - 70px);}
	.navCollapse--nav{position:absolute;top: 57.5px;}
	.navbarBrand{width: 150px;}
	.navCollapse--member{top:57.5px}
	.courseSearch{top: 57.5px;}
	.navbar__tool a{padding: 10px 16px;}
	.navbarToggler{padding: 17px 16px;}
	.navCollapse--nav{height: calc(100svh - 57px);}
	.navbar__tool--cart{position:initial}
	/* 購物車為空 */
	.cartEmpty{width: calc(100% - 20px);right: auto;transform: translateX(-50%);left: 50%;top: 68px;}
	/*全頁佈局*/

	.blockHeight--blog{padding-bottom:0;}
	/* 線上熱門課程 */
	.courseHito__item{padding:0 30px}
	.courseHito__item::before{display:none}
	.blockHeight--hito .slick-track{padding: 0;}
	.blockHeight--hito .slick-prev{left:10px;}
	.blockHeight--hito .slick-next{right:10px;}
	/*購物車*/
	.orderCourse+.orderCourse{border-top:1px solid #eee;padding-top: 10px;}
	/* 本月精選 */
	.blockHeight--ad .container{padding:0}
	.adBox{padding:0}
	.adBox .slick-current.adBox__item{transform: scale(1);}
	.adBox__item{transform: scale(0.95);}
	.adBox__item a{padding: 0 5px;}
	.adBox__item figure{position:relative}
	.adBox__item figure:before{position:absolute;content:'';width:100%;height:100%;background: var(--color-blue-dark01);top: 0;left: 0;opacity: .2;}
	.adBox .slick-current.adBox__item figure:before{opacity:0}
	/* 課程總覽開始 */
	/* 課程總覽__文字列表 */
	.courseGrid__inner--text .courseForm .saleTxt{left: auto;right:0}
	/* 課程底層 */
	/* 麵包屑 */
	.breadCrumbs{font-size:12px}
	.breadCrumbs .item+.item:before{font-size:12px;top: 1px;}
	/* 課程底層__上面 */
	.courseInfo__title__main{font-size: 22px;}
	/* 課程底層__特色 */
	.courseFeature .container{gap: 10px 5px;}
	.courseFeature__item{width: 100%;}
	.courseFeature__item figure{width:40px;margin-right: 10px;}
	.courseFeature__item__item b{font-size:16px}
	/* 課程底層__介紹 */
	/* 課程底層__介紹__錨點 */
	.courseTab__box{font-size: 16px;}
	.courseTab__item{padding: 0 10px;}
	.courseTab__item a{padding:10px 0}
	.courseTab{top: 58px;}
	/* 課程底層__介紹__老師 */
	.courseTeacher__person__name p{font-size:20px}
	.courseTeacher__person .teacherLink__pic{margin-right:10px}
	/* 課程底層__介紹__目錄一覽 */
	.catalogTab__list a{justify-content: center;}
	/* 課程底層__留言板 */
	.userTextarea__btn .btnSquare{flex: 1;}
	/* 課程底層__其他課 */
	.courseAll{grid-template-columns: repeat(1,1fr);}
	.courseBuy__notic--buy .courseBuy__notic__title{font-size: 16px;margin-bottom: 0;}
	/* 上課教室 */
	/* 上課教室--試看 */
	.testViewAlert .testView{font-size:13px}
	.testViewAlert .videoName{font-size: 15px;}
	/* 上課教室__播放清單 */
	.courseInfo__catalog{top:57px;height: calc(100vh - 57px);}
	/* 會員 */
	/* 會員中心__側選單 */
	.toggleMem,.memberSide{top: 57px;}
	.memberNav{max-height: calc(100vh - 200px);}
	.memberInfo{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 5px;}
	.memberInfo__name{width:100%;margin-top: 0;}
	.memberInfo__pic{width:40px;margin-bottom: 0;}
	.memberInfo__pic img{transform: scale(1.25);}
	.memberInfo__degree{margin:0}
	/* -會員共用:輸入框 */
	.memberInput__box{margin: 20px 0;}
	.memberInput__boxFlex{display:block;}
	.memberInput__title{margin:0 0 10px 0}
	.memberInput__boxFlex .btnSquare {width:100%}
	.placardInfo{margin-top:-5px;}
	/* 會員資料填寫 */
	.memberInput--infomation .memberInput__title{width: auto}
	/* 會員--登入 */
	.loginOption{margin-bottom: 30px;}
	.memberBox{padding-top: 20px;}
	.memberBox__bom{margin-top:25px;flex-direction: column;gap: 10px;text-align: center;}
	/* 電子發票/收據 */
	.memberInput__box--receipt+.memberInput__box--receipt .memberInput__title{display:none}
	/* 會員中心 */
	/* -會員中心共用:架構 */
	.memberArea__inner__tab{flex-direction:column;align-items: flex-end;border-bottom: 0;margin-bottom: 15px;}
	.memberArea__inner__tab__btn{/* order: 1; */width: 100%;margin-bottom: 20px;border-bottom: 1px solid var(--color-blue-dark01);}
	.memberArea__inner__tab__btn li{display:table-cell;vertical-align:top;max-width: calc( 100% );width: 100%;text-align: center;}
	.memberArea__inner .courseGrid__inner {grid-template-columns: repeat(1,1fr);}
	/* 彈窗 */
	.popUp__content__head{font-size:20px}
	/* 訂單管理 */
	
	.orderCourse__txt{padding: 10px;}
	.cancelTxt{margin-right:0;margin-bottom:5px;display: inline-block;}
	.orderCourse__txt .courseCard__mid__top .courseInfo__list{width:100%}
	/* 黃金存摺 */
	.memberArea__inner__head--gold{flex-direction:column;align-items: flex-start;}
	/*訂單*/
	.success__payInfo__list{width:100%}
	/* 講師介紹 */
	.pageInfo .backLink{font-size: 12px;margin-top: 10px;}
	.commentArea__edit{overflow:scroll;height: 200px;padding-right: 5px;}
	/* 常見問題__搜尋 */
	.faqSearch{max-width: calc(100% - 20px);padding: 10px;}
	/* 聯絡我們 */
	.contactPage .IntoBox__bg{padding:0 15px}
	.contactForm .formGroup__item{margin-bottom:20px}
	.contactForm .formInput{width:100%;margin-top: 5px;}
	/* 內訊&輔導 */
	.blueBK{top:57px}
	.zonePB{/* padding-bottom:30px; */}
	.zonePT{padding-top:30px}
	/* 比爾蓋茲 */
	.introZone__bk{opacity: .7;}
	.introZone__title{margin-bottom:20px}
	.introZone__title h3{font-size: 27px;text-align: left;}
	.introZone__title h3 span{display: table;margin-left: auto;}
	.introZone__title p{font-size: 20px;}
	.introZone__text{font-size:18px;letter-spacing: 0;}
	/* 十大優勢 */
	.tenZone__left{border-radius: 30px;margin-bottom: 0;padding-bottom: 30px;}
	.tenZone__left:before{border-radius: 20px;width: calc(100% - 15px);height: calc(100% - 15px);}
	.tenZone__left__title img{width: 380px;}
	.tenZone__right .enterprisePage__title{max-width: 450px;}
	.tenZone__left article li{padding-left:36px}
	.tenZone__left article li:before{width:30px;height:30px;}
	.tenZone__left article{font-size: 22px;}
	/* 7大服務流程 */
	.flowZone .enterprisePage__title,.hot7Zone .enterprisePage__title.open{margin-bottom: 20px;}
	.flowZone .enterprisePage__title {max-width:480px;margin-bottom: 40px;padding: 0 10px;}
	.flow7Box__pic{width: 85px;}
	.flow7Box__text h4{font-size:22px;}
	.flow7Box__text p{font-size:18px;}
	/* 7大核心熱門課程 */
	.hot7Zone__slogan{font-size: 20px;}
	.hot7Box__item__txt{padding: 20px 15px 0;}
	.hot7Box__title{padding: 12px 10px 15px 75px;}
	.hot7Box__title__pic{width: 65px;top: -5px;}
	.hot7Box__title h4{font-size: 25px;}
	.hot7Link{padding: 1.7rem 0 2.5rem;}
	.bigTit{font-size:30px;letter-spacing: 2px;-webkit-text-stroke-width: 5px;}
	/*知名企業委託認證班*/
	.classListZone__left:after{background: linear-gradient(0deg, rgba(116, 24, 26, 0), #8c2726);}
	.over880title{margin-bottom:1rem}
	.classList{grid-template-columns: repeat(1, 1fr);justify-content: center;font-size: 22px;gap: 10px;max-width: 400px;}
	.classList li{padding-left:2.5rem}
	.classList li:before{width:35px;height:35px;}
	.titlePic{/* bottom: -5%; */}
	/*產業介紹*/
	.industryIntro{padding-top:50px}
	.industryBox .boxRight{font-size:16px;}
	/*客戶見證*/
	.customGrid{padding-top:1.5rem}
	.customZone .title{padding: 30px 10px;}
	.customZone .title img{max-width: 200px;}
	.customGrid__item__txt{padding: 10px 15px 15px;}
	/*聯絡內訓*/
	.contactTit{margin-bottom: 1rem;}
	.titName{font-size:40px;}
	/* 企業輔導 */
	.zone02{padding-top:6rem}
	.crownPic{width: 110px;}
	.zone02 .crownPic{top:-60px}
	.zone02People{width: 260px;}
	.zone02List{font-size: 18px;}
	.zone02 .boardStyle__inner{padding: 1rem 0.75rem 1.5rem;}
	.zone03 ul li:before{width: 16px;height: 16px;top: 4px;}
	.zone03 ul li{padding-left:22px}
	.zone03 ul{font-size:16px;}
	.zone03 .crownPic{bottom: -20px;right: 5px;}
	/*紅色版樣式*/
	.boardStyle{padding:15px;}
	.zone03 .boardStyle__inner{padding: 1rem 0.75rem 4rem;}
	.boardStyle:before{width: calc(100% - 14px);height: calc(100% - 14px);}
	.stepBox{width: 85px;font-size: 14px;padding: 5px 8px;transform: translateX(20px);}
	.zone4TxtBox+.zone4TxtBox{margin-top:.25rem}
	.stepBox:before{border-width: 8px 8px 0 8px;bottom: -12px;}
	.zone4Content:before{left: 21px;}
	.stepTxt{font-size: 16px;padding: .75rem 1rem;padding-left: 1.75rem;}
	.coopBes figure{max-width: 450px;margin-bottom: -30px;}
	.coopBes__txt{padding: 2.5rem 1.25rem 1.25rem;font-size: 16px;}
	.counselingTitle{max-width: 400px;}
}
@media screen and (max-width: 575px){
	/* header */
	header.navbar>.container{padding:0}


	/* footer */
	.footerSitemap{flex-wrap:wrap;row-gap: 15px;}
	.footerItem:not(.footerItem--info){width:50%}
	.footerBom .container{font-size:14px}
	/* -共用:按鈕 */
	.btnRadius{font-size:14px}
	/* -共用:按鈕 */
	.btnSquare{padding-top: 8px;padding-bottom: 8px;}
	.btnSquare{font-size:16px;}
	.cartPayBom .btnSquare{position:fixed;bottom: 10px;width: 95%;left: 2.25%;z-index:99}
	/*---------------------- 頁面開始 ----------------------*/
	/* 標題 */
	.mainTitle{letter-spacing: 1px;font-size: 28px;}
	.blockHeight--college .mainTitle{font-size: 28px;}
	/* 首頁內容 */
	.feature__pic{width:80px;}
	.featureNumber__left{font-size: 26px;}
	.feature__title{font-size: 20px;}
	.medalList{grid-template-columns: repeat(2,1fr);gap: 15px;}
	/* 企業內訊 */

	/* 文章 */
	/* 文章--item(首頁專用) */
	.blogSlick .blogItem__pic{display:none}
	.blogSlick .blogItem__txt{padding-right:0}
	/* 課程總覽開始 */
	.courseGrid__inner--pic .courseCard__top{width: 150px;}
	.courseGrid__inner--pic .courseCard__mid,.courseGrid__inner--pic .courseCard__bom{width: calc(100% - 150px);}
	.courseGrid__inner--pic .courseCard__top .saleTxt{width:100%}
	.courseGrid__inner--pic .courseCard__top .collet{width:30px;height:30px;font-size: 20px;}
	.courseGrid__inner--pic .payPrice .price{font-size:16px}
	/* 課程總覽__BN */
	.bnTxt{/* text-align: center; */padding: 60px 15px 190px;}
	.bnTxt h1{font-size: 28px;letter-spacing: 4px;margin-bottom: 10px;}
	.bnTxt h2{font-size: 20px;letter-spacing: 2px;}
	/* 課程底層 */
	/* 課程底層__介紹 */
	/* 課程底層__介紹開始 */
	.courseContent .container{padding-top:0px}
	/* 課程底層__介紹__錨點 */
	.courseTab .container{max-width: 100%;padding: 0;}

	.courseTab__box .courseTab__item:nth-of-type(1){padding-left:18px}
	.courseTab__item a p{display:none}
	.courseTab__item a:after{content: attr(data-txt);display: block;}
	.courseOther{order: 1;}
	/* 課程底層__右側常駐 */
	body.indexPage--courseDetail{padding-bottom: 149px;}
	.courseBuy .originalPrice{margin-bottom:0}
	.courseBuy .payPrice .priceName{margin-right: 4px;font-size: 14px;margin-bottom: 0;}
	.courseBuy .payPrice .price{font-size: 20px;}
	.courseBuy__warn{font-size: 14px;padding: 5px 10px;top: 12px;}
	.courseBuy__warn i{display:none}
	.courseBuy__btn{margin-top:20px}
	.courseBuy .progressBar{margin-bottom:0;margin-top: 5px;}
	/* 搜尋 */
	/* -搜尋共用:上方 */
	.normalBanner .bnTxt{padding: 30px 0;text-align: center;}
	/* 會員 */
	
	/* 會員--登入 */
	.memberPage--forget .memberBox__bom a{width:40%}
	/* 註冊/付款完成 */
	.success__payInfo__list li{margin: 8px 0;flex-direction: column;align-items: flex-start;}
	/* 會員中心 */
	.memberCenter{padding: 10px 15px;}
	.welcome{font-size: 17px;letter-spacing:0}
	/* -會員中心共用:架構 */
	.memberPage__inner{margin-top:20px}
	.memberArea__inner{padding: 15px 15px;}
	
	/* 訂單管理 */
	.memberArea__top--order .orderInfo:nth-of-type(2){width:50%}
	.memberArea__top--order .orderInfo:nth-of-type(4):before{display:block}
	/* 折扣券 */
	.couponList{grid-template-columns: repeat(1,1fr);}
	/* 我的課程 */
	.myCourse .courseCard__pic{width: 100px;}
	.myCourse__text{width:calc(100% - 100px);}
	.myCourse__btn .btnSquare{font-size:16px}
	.myCourse__text .courseInfo__item b{font-size:13px;}
	/* 購物車 */
	/* -購物車共用:架構 */
	.cartPage__inner{margin-top: 20px;}
	.orderCourse__state{font-size:13px;padding: 5px 10px;}
	.lectorBox {grid-template-columns: repeat(1,1fr);}
	
	/* 聯絡我們 */
	.contactForm .formGroup__item{flex-direction: column;}
	.contactForm .formTitle{width: auto;}
	.contactForm .form-control{width: 100%;}
	/* 常見問題__搜尋 */
	.faqSearch .courseSearch__select .inputStyle--select{width:auto;font-size: 14px;height: 40px;}
	.faqSearch{flex-direction: column;gap: 7px;margin-bottom: 30px;}
	.faqSearch form{gap: 5px;}
	.faqSearch .divider{display:none}
	.faqSearch .courseSearch__keword input{height:40px}
	.faqSearch .btnSquare{margin-left:auto;padding: 6px 25px;/* width: 100%; */}
	/* 內訊&輔導 */
	/* 比爾蓋茲 */
	.introZone__title{margin-bottom:20px}
	/* 十大優勢 */
	.tenZone__left__title img{width: 350px;}
	.tenZone__right .enterprisePage__title{max-width: 420px;}
	.tenZone__left article li{padding-left: 25px;}
	.tenZone__left article li:before{width: 22px;height: 22px;}
	.tenZone__left article{font-size: 20px;}
	/* 客戶見證 */
	.customGrid__company figure{width:50px;}
	.customGrid__company strong{font-size: 18px;padding: 5px 20px 8px 35px;}
	.customGrid__company{margin-bottom: -25px;}
	.customGrid__theme{font-size: 16px;padding: 30px 10px 11px;}
	.customGrid__theme img{width:15px}
	.customGrid__item__txt{font-size: 16px;}

	/*美工頁*/
	.artPageBox{padding:2rem clamp(1.5rem,1.8vw,2rem);}
}
@media screen and (max-width: 480px){
	/* --共用:tag */
	.tagItem{padding: 0px 10px 5px;}
	.tagItem span{/* font-size:12px; */}
	/* header */
	.navbar__tool a{padding: 10px 12px;}
	.navbarToggler{padding: 17px 12px;}
	/* 首頁內容 */
	/* 企業內訊 */
	.train__container--top{padding-top:3rem}
	.blockHeight--train__left{padding:0 15px}
	.trainLogo{width:180px;margin-bottom: 20px;}
	.trainSlogan{margin-bottom:10px;width: 100%;}
	.trainSlogan__txt{font-size:22px;}
	.trainSlogan__txt span{display: table;margin-left: auto;}
	.trainSlogan__name{font-size:16px}
	.trainTxt{font-size:20px}
	.train__advantage{max-width: calc(100% - 30px);}
	.train__container--bom{padding-top: 100px;}
	.advantage__ten{width:180px}
	.advantage__txt p{padding-left: 25px;}
	.advantage__txt p:before{width:20px;height:20px;top: 3px;}
	.advantage__txt{font-size:17px;padding: 70px 15px 15px;}
	/* 課程總覽開始 */
	.courseGrid__inner--pic .courseMoney{display: block;}
	/* 課程底層 */
	/* 課程底層__上面 */
	.courseInfo__item{font-size:13px}
	/* 課程底層__右側常駐 */
	.courseBuy .btnSquare i{display:none}
	.courseBuy .courseMoney__price{display: block;}
	.courseBuy__btn{margin-top:10px}
	/* 上課教室 */
	/* 上課教室__播放清單 */
	.courseInfo__catalog{max-width: 400px;width:100%}
	/* 上課教室--試看 */
	.testViewAlert .testView{font-size:12px}
	.testViewAlert .videoName{font-size: 13px;}
	/* 會員 */

	/* -會員共用:輸入框 */
	/* 會員--登入 */
	.memberBox__smTxt br{display:none}
	/* 系統公告 */
	.announcement__pic{width:100px}
	/* 訂單管理 */
	.orderInner__list:not(.orderInner__list--money) .orderInfo{flex-direction: column;align-items: flex-start;gap: 5px;}
	.orderInner__list .orderInfo__content{margin-left:0}
	/* 我的課程 */
	.myCourse .courseCard__pic{width:100%}
	.myCourse__text{width: 100%;padding-left: 0;margin-top: 10px;}
	.myCourse__btn{width:100%;margin-top: 20px;}
	.myCourse__btn .btnSquare{flex: 1;}
	/* .myCourse__bom .btnRadius{flex:1} */
	/* 購物車 */
	/* -購物車共用:架構 */
	.cartContent__left .courseCard__pic,.orderCourse .orderCourse__package .courseCard__pic{width:100px}
	.cartContent__left .courseCard__pic+.orderCourse__txt__left,
	.cartContent__left .orderCourse__package .courseCard__pic+.orderCourse__txt__left
	{width:calc(100% - 100px);}
	/* 內訊&輔導 */
	/* 十大優勢 */
	.tenZone__left__title img{width: 300px;}
	.tenZone__right .enterprisePage__title{max-width: 380px;}
	.tenZone__left article{font-size: 18px;padding: 0 15px;}
	/* 7大核心熱門課程 */
	.hot7Box__item__txt{padding: 15px 10px 0;}
	.hot7Box__title{flex-wrap:wrap;margin-bottom: 10px;}
	.hot7Box__title h4{width:100%}
	/*知名企業委託認證班*/
	.classListZone__left:after{background: linear-gradient(0deg, rgba(116, 24, 26, 0), #862423);}
	/*產業介紹*/
	.bkImg--deco{display:none}

	.logoWrap{left: 3.5rem;transform-origin: left;transform: translateX(0);}
}
/*團體報名資料區塊*/
.joinData{display:none;}
.joinData.show{display:block;}
.joinData .delete{display:none;}

@media screen and (max-width:375px){
	.artLink{--num:1;}
}