@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
*{ backface-visibility: hidden; -wetkit-backface-visibility: hidden;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alert_line{border-color: #d40023;}
.red{color: #d40023;}
.blue{color: #0d6efd;}
.darkBrown{background: #f1f1f1;}
/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color: #1ebacb;background:#fff;border: solid 1px #1ebacb;border-radius:100%;box-shadow:rgba(0,0,0,.5) 0 0 5px;z-index: 99;}
#goTop:hover{background:#999;color:#FFF}

/*按鈕 01*/
.button{pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;padding:1.5rem 3rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block}
.button::before,.button::after{position:absolute;top:0;left:0;width:100%;height:100%}
.button--hyperion{font-family:input-mono-narrow,monospace;font-weight:500;padding:1rem 1.5rem;border: 1px solid #073984;overflow:hidden;color:#fff}
.button--hyperion{font-family:input-mono-narrow,monospace;font-weight:500;padding: .8rem 1.5rem;border: 1px solid #073984;overflow:hidden;color:#fff}
.button--hyperion span{display:block;position:relative}
.button--hyperion > span{overflow:hidden}
.button--hyperion > span > span{overflow:hidden;mix-blend-mode:difference}
.button--hyperion:hover > span > span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s forwards .2s}
@keyframes MoveUpInitial {
to{transform:translate3d(0,-105%,0)}
}
@keyframes MoveUpEnd {
from{transform:translate3d(0,100%,0)}
to{transform:translate3d(0,0,0)}
}
.button--hyperion::before{content:'';background: #14466b;transition:transform .3s cubic-bezier(0.7,0,0.2,1);transform-origin:100% 50%}
.button--hyperion:hover::before{transform:scale3d(0,1,1);transform-origin:0 50%}


/*按鈕02*/
.btnStyle__box{display:flex;justify-content: center;}
.btnStyle__box .btnStyle+.btnStyle{margin-left:20px;border-radius: 0px 32px 32px 32px;}
.btnStyle__box .btnStyle+.btnStyle:hover{border-radius:32px 32px 0px 32px;}
.btnStyle{background:#3fc3cd;color:#fff;display:inline-block;padding: 16px 23px;border-radius: 32px 32px 0px 32px;position: relative;transition: all .5s;text-align: center;}
.btnStyle:hover{border-radius: 0px 32px 32px 32px;color:#fff}
.btnStyle+.btnStyle{background:#e2914c}
/*按鈕03*/
.memLink{background:#124265;padding:5px 10px;color:#fff ;border-radius: 20px;transition: all .5s;}
.memLink:hover{background:#3fc3cd}
/*連結按鈕*/
.linkBtn{    background: #0d6efd;
    color: #fff;
    padding: 10px;
    display: inline-block;
    border-radius: 32px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);margin-left: 10px;}
/*RWD編輯器表格(X捲軸)*/
.tableStyle{width:100%}
.table-container table td{min-width:100px;padding: 10px 5px;/* border:1px solid #ccc; */white-space:inherit}
.table-container table tr{border-bottom:1px solid #eee}
.table-container table tr:nth-child(even){background:#effafe}
@media screen and (max-width: 768px) {
.table-container{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;}

.warning-item p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.use-tool ul{padding-left:0;list-style:none}
.use-tool ul li{display:inline-block;margin: 0 5px;}
.use-tool ul a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.use-tool-sm{margin-bottom: 10px;display: block;text-align: center;}
.use-tool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.use-tool span{float:right;margin-top: 2px;font-weight: 600;}
/*---------------------- 頁面開始 ----------------------*/
h1,h2,h3,h4,h5,p,figure,ul{margin-bottom:0;}
/*區塊*/
.blockHeight:first-child{padding-top:100px;}
.blockHeight{padding-bottom:100px;}
.lightBg{background: url(../images/all/lightBg.jpg)repeat;}
/*主選單*/
header{position:fixed;z-index:99;width: 95%;top: 10px;left: 2.5%;transition: all .5s;background:#fff;width:100%;left:0;top:0;box-shadow:0px 0px 10px rgb(0 0 0 / 0.35)}
header:before{content:'';position:absolute;left: 0;top: 0;width: 0;height: 3px;background: #1ebacb;transition: all .5s;opacity: 0;}
.menuTop{position:relative;padding: 10px 30px;}
.menuLogo img{max-width: 80px;width: 100%;}
.menuTop>.pageInner{display:flex;align-items: center;justify-content: space-between;}
.menuList{list-style:none;display:flex;padding-left: 0;}
.menuTitle{padding:0 1rem;transition: all .5s;width: 100%;position: relative;}
.menuTitle:before{content:'';position:absolute;right: 5px;top: -5px;width:20px;height:20px;background:#1ebacb;border-radius: 0px 10px 10px 10px;z-index: -1;transition: all .5s;transform: translateY(10px);opacity: 0;}
.menuItem{padding: 4px .5rem;position: relative;background: #3fc3cd;border-radius: 20px;color: #fff;display: inline-block;}
 .menuItem a{color:#fff;}
.menuItem+.menuItem{margin-left: 5px;}
.menuItem i{font-size:1.2rem}
.menuItem.login{font-size: .9rem;margin-left: 10px;/* display: flex; *//* align-items: center; */}
.menuDropdown{display:none;position: absolute;background: #fff;box-shadow: 0px 10px 10px rgb(0 0 0 / 25%);padding: 0;width: 200px;left: 0;top: 30px;}
.dropdown__item{display:block;padding: 10px;transition: all .5s;}
.dropdown__item:not(:last-child){border-bottom:1px solid #eee}
.dropdown__item:hover{color:#3ec3cd}
header.fixed:before{width:100%;opacity: 1;}
.menuLink{position:relative;}
.menuLink:hover .menuTitle:before{transform:translateY(0);opacity:.6}

/*主選單按鈕*/
.menuBtn{background:#14466b;border:none;color:#fff;width:40px;height:40px;/* margin-left:10px; */text-align: center;}
@media screen and (min-width: 769px) {
    .menuBtn{display:none;}
    .menuList__outer{order: 2;}
    .menuOther{order:4;display: flex;align-items: center;}
    .menuList__outer{display:block;}
   
    
}

/*標題*/
.mainTitle span{color:#3ec3cd;font-family: 'Anton', sans-serif;font-size: 1.2rem;}
.mainTitle h2{font-weight:bold;margin-bottom: 30px;}
/*-----------------首頁-----------------*/
/*banner*/
.ixTop{position:relative;margin-top: 100px;padding-bottom: 100px;}
.ixBanner.slick-dotted.slick-slider{margin-bottom:0;}
.ixBanner .slick-dots{right: 50px;top: 50%;width: auto;display: flex;align-items: center;flex-direction: column;}
.ixBanner .slick-dots li button:before{color: #ffffff;}
.ixBanner .slick-dots li.slick-active button:before{color:#ffffff;}
.ixBanner__item{position:relative;}
.ixBanner__item .pc{display: block;}
.ixBanner__item .mb{display: none;}
.ixBanner__slogan{position:absolute;top: 50%;left: 16%;color: #fff;}
.slogan-big{font-size:3rem;text-shadow:0px 0px 10px #000;font-weight:bold;}
.slogan-sm{font-size:1.2rem;text-shadow:0px 0px 10px #000}
/*banner-動態*/
.ixBanner__bg{position: absolute;top:0;left:0;width:100%;height:100%}
/* .ixBanner__bg .bg{position:absolute;left:0;background: #509ae3;width: 25%;height: 100%;transition: all 1s;}
.ixBanner__item .ixBanner__bg .bg:nth-child(1){left:0%}
.ixBanner__item .ixBanner__bg .bg:nth-child(2){left:25%}
.ixBanner__item .ixBanner__bg .bg:nth-child(3){left:50%}
.ixBanner__item .ixBanner__bg .bg:nth-child(4){left:75%}
.ixBanner__item.slick-active .ixBanner__bg .bg:nth-child(1){height:0%;top:0;}
.ixBanner__item.slick-active .ixBanner__bg .bg:nth-child(2){height:0%;bottom:0;}
.ixBanner__item.slick-active .ixBanner__bg .bg:nth-child(3){height:0%;top:0;}
.ixBanner__item.slick-active .ixBanner__bg .bg:nth-child(4){height:0%;bottom:0;} */
.ixClass.slick-slider{/* width: 55%; */}
.ixClass .slick-prev,.ixClass .slick-next,.ixClass .slick-prev:focus,.pdtZone .slick-next:focus{z-index:10;width: 60px;height: 60px;background: rgb(129 129 129 / 70%);border-radius: 100%;}
.ixClass .slick-prev{left: -80px;}
.ixClass .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;}
.ixClass .slick-next{right: -80px;}
.ixClass .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;}
.ixClass .slick-prev:hover,.ixClass .slick-next:hover{background: rgb(63 195 205 / 70%);}
/*最新消息*/
.ixNews{position:absolute;bottom:0;left:0;width: 100%;}
.newsBox__zone{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
.newsBox{color:#fff;padding:20px;background: rgb(62 195 205 / 35%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transition: all .5s;border-radius: 10px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);}
.newsBox .date{line-height:1.1;}
.newsBox .date .year{font-size: 1.3rem;display: block;font-family: 'Anton', sans-serif;}
.newsBox .date .day{font-size: 1rem;letter-spacing: 2px;font-family: 'Anton', sans-serif;}
.newsName{font-size: 1.2rem;font-weight:bold;margin:10px 0;display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;overflow: hidden;}
.newsIntro{display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;overflow: hidden;}

.newsBox:hover{background: #3ec3cd;color:#fff}
/*課程區塊*/
.ixClass__top{display:flex;align-items: center;margin-bottom: 30px;}
.ixClass__zone{/* display:flex; */background: url(../images/index/bg.png) fixed;}
.ixClass__info{width: 45%;display: inline-block;padding-right: 75px;}
.ixClass__tick{width:55%;display: inline-block;}
.ixClass__tick .cardBox figure img{height:auto;}

.ixClass{display: grid;grid-gap: 20px;grid-template-columns: repeat(4, 1fr);align-items: start;}
/*課程卡片*/
.ixClass.inner .cardBox{margin-bottom:20px;display: inline-block;}
.cardBox.slick-slide{margin: 10px;/* margin-bottom: 45px; */}
.cardBox{background:#fff;transition: all .5s;border-radius: 8px 8px 30px 0px;}
.cardBox figure{overflow: hidden;position: relative;border-radius: 8px;}
.cardBox figure img{transition:all .5s;height: 180px;object-fit: cover;width: 100%;}
.cardIntro{padding: 15px;border-radius: 0px 0px 30px 0px;/* border-right: 1px solid #a6a6a6; *//* border-bottom: 1px solid #a6a6a6; *//* transform: translateY(20px); */transition: all .5s;background: #fff;}
.cardType{font-size: .8rem;margin-bottom: 10px;}
.cardType .typeBig{background:#164eb1;display:inline-block;color:#fff;padding: 0px 5px;}
.cardType .typeMid{background: #1684b1;display:inline-block;color:#fff;padding: 0px 5px;}

.cardName{
    font-size: 1rem;
    font-weight: 500;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 20px;
    overflow: hidden;
    }
.cardTxt{font-size:.9rem;color:#5d5d5d;
    margin: 10px 0;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
    overflow: hidden;
    }
.cardOther{text-align:right;color:#ffa100;font-size: .9rem;}
.cardOther .price{margin-left:5px;display: block;font-size: 1.2rem;color: #f00;font-weight: bold;}
.cardBox:hover figure img{transform:scale(1.1)}
.cardBox:hover{box-shadow:0px 0px 10px rgb(0 0 0 / 0.35);}

.cardBox figure .look{position:absolute;bottom:0;left:0;width: 35px;height: 35px;background: #1ebacb;text-align:center;display: inline-block;border-radius: 0px 10px 0 0;line-height: 35px;color: #fff;}
/*產品介紹*/
.ixClass.pdtList .cardBox figure img{height:auto;}

/*課程積分*/
.boxOuter{display:flex;align-items: center;flex-direction: row-reverse;justify-content: start;}
.pointBox{display:inline-block;margin-top:30px;}
.pointBox h3{font-size:1.2rem;font-weight:bold;text-align: right;margin-right: -10px;}
.pointBox .counting{font-size:5rem;color:#ffa100;line-height: 1;font-style: italic;font-family: 'Anton', sans-serif;}
/*排行榜-說明*/
.leaderboard__intro{max-width:1200px;margin:0 auto;background: #fad5ca;color: #000;border-radius: 20px;padding: 20px;/* border: 3px solid #14466b; */margin-top: 30px;position: relative;}
.leaderboard__intro h3{font-size: 1.6rem;margin-bottom: 10px;color:#14466b;position: relative;font-weight: bold;}
.leaderboard__intro .lineCode{right: 25px;top: inherit;bottom: 25px;}
.leaderboard__outer.inner .leaderboard__list{/* margin-top:-150px; */}
.winningBox__outer{    display: grid;grid-gap: 20px;grid-template-columns: repeat(3, 1fr);margin-top: 20px;}
.winBox figure{overflow:hidden;border-radius: 20px;margin-bottom: 10px;}
/*排行榜*/
.leaderboard__outer{background: url(../images/index/boardBg.png)no-repeat  fixed #fad5ca;position: relative;}
.leaderboard__outer.inner{padding-bottom:100px}
.leaderboard__zone{position: relative;}
.leaderboard__zone::after{content:'';position:absolute;top:0;left:0;width:100%;height: 50%;background:rgb(0 0 0 / 0.35)}
.leaderboard__zone::before{content:'';background: url(../images/index/board.jpg)no-repeat center/cover fixed;width:100%;height:50%;position: absolute;top: 0;left: 0;}
.leaderboard__pic{text-align:center;color:#fff;position: relative;padding: 100px 0 150px 0;z-index: 1;}
.boardTxt{position:relative;}
.boardTxt .boardEn{font-family: 'Anton', sans-serif;font-size: 2.3rem;letter-spacing: 3px;color: #3ec3cd;}
.boardTxt .boardName{font-size: 2.5rem;font-weight: bold;}
.boardWarning{background: #dc3545;color:#000;padding: 5px 32px;display:inline-block;border-radius:20px;margin-top: 10px;color: #fff;}
.leaderboard__list{list-style:none;padding-left:0;max-width: 1200px;margin: 0 auto;margin-top: -100px;z-index: 1;position: relative;padding: 20px;background: #fad5ca;box-shadow: 0px -15px 10px rgb(0 0 0 / 40%);/* border-top: 3px solid #14466b; */border-radius: 30px 30px 0px 0;}
.leaderboard__item{background:#fff;border-radius:5px;display:flex;padding: 10px;transition: all .5s;align-items: center;}
.leaderboard__item .time{margin-left:auto;background: #3ec3cd;border-radius: 30px;padding: 0px 10px;width: 15%;text-align: center;color: #fff;}
.leaderboard__item .rank{font-family: 'Anton', sans-serif;width: 50px;text-align: center;display: inline-block;margin-right: 10px;}
.leaderboard__item .country{color:#9f9f9f;font-size: .9rem;}
.leaderboard__item:hover{box-shadow: 0px 0px 10px rgb(0 0 0 / 35%);}
.leaderboard__item:not(:last-child){margin-bottom: 5px;}
.leaderboard__item:nth-child(1){background: #14466b;color: #fff;}
.leaderIntro{display:flex;width: 85%;align-items: center;font-size: .9rem;}
.leaderBasic{width: 22%;display: flex;align-items: center;}
.rankPic img{max-width: 35px;}
.leaderBasic .gender{display:block;}
.leaderBasic .name{font-weight:bold;font-size:1.1rem;}
.leaderBasic .locate{color:#9f9f9f}
.leaderTool .tool{display:block;}
.leaderTool{width: 39%;display: flex;align-items: center;}
.toolLeft{width:10%}
.toolRight{width:70%;margin-left: 5px;}
.leaderInfo{width: 39%;}
/*QRcode*/
.lineCode{position:absolute;right: 370px;top: 100px;z-index: 10;text-align: center;}
.lineCode img{max-width: 100px;}
.lineCode p{background: #e2914c;border-radius:20px;padding:0 10px;margin-top:10px;color: #fff;}
.lineCode.contact{top: 0;position: relative;right: 0;display: inline-block;}
/*頁尾*/
.ftSocial__list{display:flex;padding: 10px 0;justify-content: center;}
.ftSocial__list a{display:inline-block;color: #000;font-size: 1.2rem;border: 1px solid #fff;margin: 0px 5px;width: 40px;height: 40px;line-height: 39px;text-align: center;border-radius: 5px;}
/*頁尾*/
footer .container{position:relative;z-index: 999;}
.footer-contact{justify-content: center;text-align: center;}
.ftList__question{list-style:none;padding-left: 0;display:flex;justify-content: center;border-bottom: 1px solid rgb(255 255 255 / 50%);margin-bottom: 20px;padding-bottom: 20px;}
.ftList__item{padding:0px 20px}
.footer{background: #14466b;color: #fff;position: relative;padding-bottom: 50px;}
.footer a{color:#fff;}
.footer__copyright{font-size:.813em;padding:15px}
.footer__copyright{text-align:center;color:#fff;font-size:.875em;padding:10px}
@media screen and (min-width: 1024px) {
.footer{padding-top:30px}
}
@keyframes move_wave {
0%{transform:translateX(0) translateZ(0) scaleY(1)}
50%{transform:translateX(-25%) translateZ(0) scaleY(0.55)}
100%{transform:translateX(-50%) translateZ(0) scaleY(1)}
}
.waveWrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto}
.waveWrapperInner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px}
.bgTop{z-index:15;opacity:.5}
.bgMiddle{z-index:10;opacity:.75}
.bgBottom{z-index:5}
.wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom;opacity:.5}
.waveTop{background-size:50% 100px}
.waveAnimation .waveTop{animation:move-wave 3s;-webkit-animation:move-wave 3s;-webkit-animation-delay:1s;animation-delay:1s}
.waveMiddle{background-size:50% 120px}
.waveAnimation .waveMiddle{animation:move_wave 10s linear infinite}
.waveBottom{background-size:50% 100px}
.waveAnimation .waveBottom{animation:move_wave 15s linear infinite}
/*-----------------------內頁----------------------------*/
/*banner*/
.pageBanner__bg{position:relative;overflow: hidden;margin-top: 120px;}
.bgLeft{position:absolute;left: 0;bottom: -10px;z-index: 10;}
.bgRight{position:absolute;right: 0;}
.pageBanner__inner{text-align: center;color: #fff;position: relative;}
.pageBanner__name{text-shadow:0px 0px 10px #000;font-weight: bold;letter-spacing: 3px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/*page number*/
.page-number{margin-top: 30px;}
.pagination{display: block;}
.pagination>li{display: inline-block;padding: 0 4px;}
.pagination>li>a{border:none;transition: all .5s;padding: 10px 16px;color: #073984;background: #eee;display: inline-block;}
.pagination>li.on a,.pagination>li>a:hover{background: #14466b;color: #fff;border-radius: inherit;}
/*社群分享*/
.share-zone{display:flex;align-items: center;justify-content: flex-end;}
.fb_iframe_widget{/* margin-bottom:5px; */margin-right:5px;margin-top: -5px;}
/*麵包屑*/
.breadCrumbs-block{/* margin-top: 15px; *//* padding: 0px 15px; */}
.breadCrumbs-block .breadCrumbs{float: right;list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color:#999;}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #4a4948;}

/*側選單輪播*/
.sideBar__list .slick-prev,.sideBar__list .slick-next,.sideBar__list .slick-prev:focus,.sideBar__list .slick-next:focus{z-index:10;width: 40px;height: 40px;background: #ffab63;border-radius: 100%;}
.sideBar__list .slick-prev{left:0;}
.sideBar__list .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;}
.sideBar__list .slick-next{right:0;}
.sideBar__list .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;}
.sideBar__list .slick-prev:hover,.sideBar__list .slick-next:hover{background:#14466b}

/*大圖*/
.classBig__pic{margin-bottom:20px;position: relative;margin-top: 100px;}
/*大圖影片按鈕*/
.videoBox {position:absolute;right: 5%;bottom: 5%;display: inline-block;background: #ff0000;width: 80px;height: 80px;border-radius: 100%;box-shadow: 0px 0px 20px #000;}
.videoTit i{position:absolute;z-index:2;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;width:80px;height:80px;line-height: 76px;font-size:2rem;text-align:center;border-radius:100%;border:2px solid;}
/*六圖六文*/
.picBox__zone{background:#fff;padding:50px;border-radius: 20px;}
/*格狀區塊--新聞*/
.gridLine__zone{/* margin-bottom: 100px; */}
.gridLine__zone .slick-dots{bottom:-50px}
.girdLineBox{/* display:flex; */color: #fff;align-items: center;background: #362e2b;margin: 10px;}
.girdLineBox figure{/* width: 40%; */}
.girdLineBox .gridLine__intro{padding: 15px;}
.gridLine__top .type{background: #164eb1;display: inline-block;padding: 3px 10px;margin-right: 10px;color: #fff;}
.gridLine__zone .slick-dots li button{background: rgba(255, 255, 255, 0.7);padding: 0;height: 6px;width: 100%;}
.gridLine__zone .slick-dots li button:before{display:none}
.gridLine__zone .slick-dots li{width: 49px;}
.picTitle{font-weight:bold;margin-top: 10px;}
.picTitle__box{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom: 10px;}
.page-content{margin-top:30px;}
.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 {max-width:100%;display:block;}
.tx01 { clear: both; margin-bottom:2em;}
.tx01 figure{overflow:hidden;border-radius:20px;margin-bottom: 10px;}
.tx01 p{line-height: 1.75;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img {/* margin-bottom: 1em; */ }
.img-left{display: flex;align-items: center;}
.img-left figure,.img-right figure{width:50%;overflow: hidden;border-radius: 20px;}
.img-right{display: flex;flex-direction: row-reverse;align-items: center;}
.img-right.tx01 figure +  .text{width:50%;padding-right: 1rem;}
.img-left.tx01 figure + .text{width:50%;padding-left: 1rem;}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img-left1 img, .img-right1 img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;}

@media (max-width: 768px) { 
.page-content iframe { height:400px;}
.img-left,.img-right{flex-direction: column;}
.img-left figure,.img-right figure{width:100%}
.img-left.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
}

@media (max-width: 640px) { 
.page-content iframe { height:320px; }

}

@media (max-width: 480px) { 
.page-content iframe { height:250px; }
}


/*表單樣式*/
.formSelect{height: 40px;border: 1px solid #d1d1d1;}
/*課程-選單*/
.sideBtn{display:none;}
.sideBar__box{margin: 50px 0;justify-content: space-between;flex-wrap: nowrap;}
.sideBar__list{list-style:none;padding-left:0;display:flex;position: relative;}
.sideBar__list li{width:100%;text-align: center;}
.sideBar__list li a{display:block;}
.sideBar__list li a.active{color: #3ec3cd;}
.sideBar__list:before{content:'';position: absolute;bottom: -30px;left: 0px;width: 100%;height: 44px;background: url(../images/class/line.png)no-repeat center/cover;}
.sideBar__list::after{content:'';position: absolute;bottom: -80px;left: -50px;width: 150px;height: 150px;background: url(../images/class/nav03.png)no-repeat center/cover;background-size: 50%;}
.sideBar__list.news::after{content:'';position: absolute;top: -10px;left: -20px;width: 150px;height: 150px;background: url(../images/class/nav04.png)no-repeat center/cover;background-size: 50%;}
/*課程-類別選擇*/
.sideBar__type{margin-top: 75px;}
.sideBar__type .sideBar__item{display:inline-block;border:1px solid #afafaf;padding: 3px 10px;border-radius: 5px;margin: 0px 3px;cursor: pointer;transition: all .5s;background: rgb(255 255 255 / 80%);}
.sideBar__type .sideBar__item.active,.sideBar__type .sideBar__item:hover{border:1px solid #3ec3cd;color:#3ec3cd; }
/*課程底層*/
.classPic.big{padding: 250px 150px;color:#fff;}
.classTxt{max-width: 800px;}
.classTxt .price{font-size:1.4rem;}
.className{font-size: 1.4rem;font-weight:bold;margin: 10px 0;}
.classSub{font-weight:bold;background:#3ec3cd;display:inline-block;padding: 5px;color: #fff;font-size: 1rem;}
.className.aa{font-size:1.4rem}
.classIntro{margin-top:20px;}
.c-product-share__controls{display:flex;align-items: center;}
.c-product-share{margin-top:20px;}
.c-product-share__controls{font-size:1.2rem;}
.c-product-share__controls i{font-size:1.4rem;margin-left: 8px;}
.c-product-attribute{display:flex;align-items: center;flex-wrap: wrap;}
.c-product-attribute:not(:last-child){margin-bottom:10px;}
.c-product-attribute__label{width: 100px;font-size: .9rem;}
.c-product-attribute__text{width: calc(100% - 100px);}
/*產品底層*/
.sizeType{background: #fff;display: block;color: #3ec3cd;border: 1px solid;border-left: 3px solid;margin-bottom: 9px;padding-left: 6px;}
.c-product-images__thumbs{align-items: stretch;}
.siwperPic{overflow:hidden;border-radius: 8px;margin: 10px;border: 1px solid #eee;}
.c-product-images__thumbs .siwperPic{width:20%;cursor: pointer;margin: 5px;}
/*按鈕*/
.btnSm{background:inherit;border:1px solid #d6d6d6;height:40px;width:40px;}
/*頁籤*/
.nav-tabs{border-bottom:none;position: relative;justify-content: space-evenly;}
.nav-tabs::before{content:'';position: absolute;bottom: -30px;left: 0;width: 100%;height: 44px;background: url(../images/class/line.png)no-repeat center/cover;}
.nav-tabs::after{content:'';position: absolute;bottom: -70px;left: 0;width: 150px;height: 150px;background: url(../images/class/nav02.png)no-repeat center/cover;background-size: 50%;}
.nav-tabs.product::after{content:'';position: absolute;bottom: -70px;left: 0;width: 150px;height: 150px;background: url(../images/class/nav01.png)no-repeat center/cover;background-size: 50%;}
.nav-tabs .nav-link{position:relative;}
.nav-tabs .nav-link:focus-visible{outline:0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:none;color: #1ebacb;background: inherit;}
.nav-tabs .nav-item .nav-link.active:before{content:'';}

/*產品圖*/
.c-product-images__cover .img-thumbnail,.c-product-images__thumb .img-thumbnail{border-radius: 0;}
.c-product-images__thumb{width:calc(100% / 5)}
/*活動花絮*/
.albumZone{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 8px; grid-row-gap: 8px;}

/*---------------------------購物車---------------------------*/
.cartBg{background: url(../images/member/memBg-white.png) #f1e8c8;}
/*步驟樣式*/
.cartStep ul{display:flex;align-items:center;list-style: none;justify-content: center;margin-bottom: 40px;padding-left: 0;}
.cartStep ul li a{text-align:center;padding: 0px 60px;display: inline-block;color: #888;position: relative;}
.cartStep ul li a i{display:block;font-size: 2rem;}
.cartStep ul li a.active{color: #e2914c;}
.cartStep ul li:not(:last-child) a:after{content:'';position:absolute;bottom: 40px;width:100px;right: -48px;height: 1px;background: #888;}

.cartTitle{font-size: 1.2rem;color: #000;font-weight: bold;margin-bottom: 20px;}
/*訂單*/
.order-list:after{content:'';display:block;clear:both;}
.order-info{float:left;width:60%}
.order-count{display:inline-block;width: calc(100% - 60% - 50px);padding-left:50px;position: sticky;top: 140px;background: #fff;padding: 20px;margin-left: 50px;}
.form-title{border-bottom:1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.form-title h3{font-size:1.4rem;font-weight:bold;color: #aad14c;display: flex;align-items: center;}
.form-title h3 img{max-width:30px;}
.other-word{background: #f4f8fe;padding:10px;margin-bottom: 20px;font-size: .9rem;font-weight: bold;}
.form-style .box{margin-bottom: 10px;border-bottom: 1px solid #5f4b3d;padding-bottom: 20px;background: #fff;padding: 20px;border: 1px solid #eee;}
.form-style .box .pay{display:flex;align-items:center;}
input:checked+label{color: #e2914c;}
.form-style .box p.red{font-size:.9rem}
.orderCheck label{display:flex;align-items:center;}
.total-price h2,.order-price h2{display: flex;font-size: .9rem;justify-content: space-between;margin-bottom: 15px;}
.total-price h2 span,.order-price h2 span{font-size: 1.2rem;font-weight:bold;}
.free input[type="text"]{width:calc(65% - 10px);height: 40px;border-radius: 0;border: 1px solid #9e9e9e;background: #39302c;}
.free input[type="button"]{width:35%;/* margin-left:10px; */height: 40px;border: none;background: #e2914c;color: #fff;/* border-radius: 0; *//* border-radius: 5px; */}
.signupDetail{background: #fafafa;padding:10px;margin-top:10px;font-size: .9rem;}
.signup__box:not(:last-child){margin-bottom:10px;}
/*訂單底層*/
.orderInfo__number{list-style:none;padding-left:0;display: flex;align-items: center;justify-content: center;}
.number__item{text-align:center;padding: 25px;position: relative;}
.number__item:not(:last-child):after{content:'';position:absolute;right:0;bottom: 25px;width:1px;height: 50px;background: rgb(255 255 255 / 50%);}
.orderPrcie__box .order-total{list-style:none;padding-left:0;width: 20%;margin-left: auto;border-bottom: 1px solid rgb(255 255 255 / 50%);margin-bottom: 50px;}
.orderPrcie__box .order-total li{display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 5px;}
.detail-cod-cost{color:#e2914c;}
.total-info{width:100%;text-align:right;}
.separate em{font-size:1.2rem;font-weight:bold;color:#e2914c;}
.order-bill-info{list-style:none;padding-left:0;display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 2em;grid-row-gap: 2em;}
.order-bill-info li{margin-bottom: 20px;}
.order-bill-info li h6{border-bottom:1px solid #ffffff52;padding-bottom: 10px;}


/*發票方式*/
.reciptBox .reciptChoose{display: none}
.reciptBox.active .reciptChoose{display: flex;flex-wrap: wrap;margin-top: 10px;}
.reciptBox+.reciptBox{margin-top:20px}
.reciptChoose label{/* margin-bottom: 8px; */border: 1px solid rgb(255 255 255 / 50%);/* padding: 5px 10px; */}
.reciptChoose input[type="text"]{background:#eee;}
.form-style .box .choose{display:flex;align-items:center;width: 100%;margin-bottom: 10px;}
.form-style .box .choose input{margin-right:10px;}
.form-style .box .reciptChoose  input[type="text"]{height:40px;border:none;}
.form-style .box .reciptChoose  select{height:40px;}
.reciptChoose{padding-left:20px;}
/*訂單完成*/
.list-ok{padding:50px 0}
.list-ok .bi-check-circle-fill{font-size:5rem;color: #dc3545;}
.list-ok h3{font-size: 1.5rem;font-weight:bold;}
.col-list ul{list-style:none;padding-left:0;display:flex;align-items:center;justify-content: center;padding: 20px 0;}
.col-list ul li{padding:0px 10px;position:relative;}
.col-list ul li:not(:last-child):after{content:'';position:absolute;right:0;bottom: 5px;width:1px;height: 16px;background: #9d9d9d;}
/*匯款資訊*/
.atmInfo{max-width:600px;margin: 0 auto 50px auto;background: #fff;border: 1px solid rgb(255 255 255 / 30%);padding: 20px;font-size: 1rem;}
.atmInfo ul{list-style:none;text-align: left;margin-top: 10px;border-top: 1px solid rgb(0 0 0 / 30%);padding-top: 10px;}
.atmInfo ul span+span{margin-left:10px;}
.atmInfo.aa{/* margin: 0; */background: #eee;margin: 10px auto;}
.atmInfo.aa ul{padding-left:0;}
/*---------------------------會員專區-------------------------*/
/*背景樣式*/
.noBanner{margin-top:100px}
.memBg{background: url(../images/member/memBg.png)no-repeat center/cover fixed;position: relative;}
.memBg:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/member/memBg-white.png) fixed;background-color: #fad5ca;z-index: -1;}
.memBg__login{position: relative;background: url(../images/member/memBg__login.png)no-repeat center/cover;}
.memBg__login:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/member/memBg__login-white.png) fixed;background-color: #ebcdb4;z-index: -1;}
/*表格樣式*/
.memTable thead{border-bottom: 3px solid;}
.memTable thead th{padding: 10px 0;/* background: #737373; *//* color: #fff; */}
/*欄位樣式*/
.memChoose{height:30px;border: 1px solid #ccc;}
.memChoose+.memChoose{margin-left:10px;}
.form-group input[type="text"],.form-group input[type="date"],.form-group select,.form-control{background: rgb(255 255 255 / 15%);border-radius: 0;border: 1px solid #0f150d;appearance: auto;}
.form-group input[type="text"]:read-only,textarea:disabled{border:none;background: #eee;padding:10px 0}
.form-group{margin-bottom:20px;}
.add-row{display:flex;}
.add-row select{width:auto;}
.memList__btn{display:none}
.memList__link{background: #fff;display: inline-block;padding: 10px 20px;margin-bottom: -1px;position: relative;transition: all .5s;border-radius: 20px 20px 0 0;}
.memList__link.active,.memList__link:hover{color: #fff;background: #14466b;}
.memZone__outer{max-width: 800px;margin:0 auto;margin-top: 50px;}
.memZone__outer.big{max-width: 1200px;}
.memBox{padding:50px;margin-right: -1px;background: #fff;border-radius: 0px 0px 20px 20px;}
.detailBox__outer{padding-left: 10px;border-left: 3px solid #3fc3cd;}
.detailBox__outer .title{font-weight:bold;margin-right: 5px;}
.detailBox{/* background:#eee; *//* padding:0px 10px; */}
.detailBox:not(:last-child){margin-right:20px;}
.memTitle__big i{font-size: 5rem;color: #dc3545;}
.memTitle{font-size:1.4rem;font-weight:bold;margin-bottom:20px;}
/*登入*/
.socialLogin{position:relative;margin-top: 85px;}
.socialLogin:before{content:'';position:absolute;left: 0;top: -45px;width: 100%;height: 1px;background: #0f150d;}
.socialLogin:after{content:'or';position:absolute;width: 45px;left: 50%;transform: translateX(-50%);top: -66px;font-size: 1.6rem;background: #fff;}
.btnStyle__sm{display:inline-block;padding:10px 20px;background:#916654}
.btnStyle__sm.blue{background:#1877f2;color:#fff;}
.btnStyle__sm.green{background:#00c300;color:#fff;}
.btnStyle__sm.yellow{background:#fbbc05}
.btnStyle__sm+.btnStyle__sm{margin-left:15px;}
/*會員*/
.tick{font-size:6rem}
/*常見問題樣式*/
.qaBox:not(:last-child){margin-bottom:30px}
.qaTxt{padding:10px 0;display:none;background: #fff;border-radius: 20px;margin-top: 10px;padding: 20px;}
.qaTxt .txt{padding:10px 0;}
.qaTitle{display:flex;align-items: center;justify-content: space-between;background: #14466b;padding: 10px;cursor: pointer;border-radius: 20px;box-shadow: 0px 0px 10px rgb(147 147 147);}
.qaTitle:after{content:' \F282';color: #f9d8ae;font-family: bootstrap-icons !important;}
.qaTitle.active:after{content:' \F286';}
.qaName{font-size:1.2rem;color: #fff;font-weight: bold;}
/*水域介紹*/
.twicon-main-island{font-size:20px!important;margin-left:5px!important}
.map{position:relative}
.area{position:sticky;top:100px;float:left;width: 48%;}
.map-btn-list{position:absolute;top:0;left:0;width:100%;height:100%}
.map-btn{position:absolute}
.map-btn::after{position:absolute;content:"\F3E7";font-weight:900;font-family: bootstrap-icons !important;
    opacity:0;top:-25px;left:50%;transform:translateX(-50%);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.map-btn:hover::after{opacity:1;top:-18px}
.map-btn01::after{color:#2c6c89}
.map-btn02::after{color:#a26a37}
.map-btn03::after{color:#bb4e49}
.map-btn05::after{color:#408d3a}
.map-btn04::after{color:#913ce0}
.keelung{right:40px;top:30px}
.taipei{top:50px;right:90px}
.newtaipei{top:95px;right:90px}
.taoyuan{top:70px;right:165px}
.hsinchu01{top:115px;right:220px}
.hsinchu02{top:140px;right:170px}
.miaoli{right:230px;top:185px}
.taichung{right:260px;top:250px}
.changhua{top:305px;right:315px}
.nantou{top:330px;right:210px}
.yunlin{top:365px;right:335px}
.chiayi01{top:415px;right:320px}
.chiayi02{top:425px;right:270px}
.tainan{top:490px;right:345px}
.kaohsiung{top:610px;right:350px}
.pingtung{top:600px;right:285px}
.taitung{top:530px;right:190px}
.hualien{top:350px;right:120px}
.yilan{right:80px;top:170px}
.Penghu{left: 65px;bottom: 360px;}
.matsu{left: 100px;top:100px;}
.kinmen{left:80px;top:260px}
.greenisland{right:100px;bottom:160px}
.lanyu{right:100px;bottom:60px}
.map-list{float:right;width: 50%;}
.map-list-title{position:relative;margin-bottom:30px;font-weight: bold;background: rgb(255 255 255 / 45%);}
.mapLeft{position:absolute;left:0;top: -20px;}
.mapLeft img{max-width: 120px;}
.mapRight{position:absolute;right:0;top: -30px;}
.mapRight img{max-width: 130px;}
.map-list-title:before{position:absolute;content:'';width:100%;height:1px;left:0;top:50%}
.map-list h2{font-size:1.3rem;position:relative;padding:10px 20px;box-shadow:0 0 26px -17px #000;text-align:center;color:#3f3f3f;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.map-list h2 i{background:#efae73;color:#fff;width: 30px;height: 30px;border-radius: 100%;display: inline-block;font-size: 1rem;line-height: 30px;margin-right: 5px;}
.map-list ul{list-style:none;padding-left:0;margin-bottom:0}
.map-list li{width: calc(100% / 2 - 20px);padding:10px;margin:0 10px 10px;}
.loactaionList{display:flex;flex-wrap:wrap;}
.locationItem{position:relative;display:block;border-bottom:1px solid #efae73;padding-bottom:3px;margin-bottom:5px;text-align: center;}
.locationItem figure{overflow:hidden;border-radius: 8px;margin-bottom: 10px;}
.map-list li h3:before{position:absolute;content:'\f0c1';font-weight:900;font-family:"Font Awesome 5 Free";right:-20px;top:3px;font-size:15px;opacity:.6;color:#efae73;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.map-list li>a:hover h3:before{opacity:1;right:-25px;color:#efae73}
.map-list li h3{font-size:1.15rem;border-radius:15px 15px 0 0;margin-bottom:0;color:#4e4e4e;display:table;position:relative}
.map-list li div+div{margin-top:5px}
.map-list li div{font-size:15px;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;-ms-flex-wrap:wrap}
.map-list li div:last-child{padding-bottom:10px;border-radius:0 0 10px 10px}
.map-list li div i{margin-right:5px;font-size:14px;width:14px}
.map-list li div i+span,.map-list li div i+a{width:calc(100% - 20px)}
.map-list li div:nth-of-type(1) i{color:#7bcef4}
.map-list li div:nth-of-type(2) i{color:#efae73}
.map-list li div:nth-of-type(3) i{color:#91dc8b}
.map-list li div:nth-of-type(4) i{color:#f5aeab}
.map-list li div a{display:inline-block}
.location-drop{display:none}
/*水域介紹-mb*/
.map-location-mb{display: none;}
.map-location-mb ul{list-style:none;padding-left:0;margin-bottom:0}
.map-location-mb li{position:relative;width: calc(100% / 5);margin-bottom:10px;}
.map-location-mb li:before{position:absolute;content:'';width:1px;height:60%;background-color:#f4caa6;top:50%;transform:translateY(-50%)}
.map-location-mb li:nth-of-type(1):before,.map-location-mb li:nth-of-type(9):before,.map-location-mb li:nth-of-type(17):before{display:none}
/*聯絡我們*/
.contactZone{background:#fff;padding: 50px 020px;border-radius: 20px;}
.contactTxt{display:flex;align-items: center;justify-content: center;margin-bottom: 30px;}
/*--------------------------RWD設定--------------------------*/
@media (max-width: 1480px) {
    .lineCode{right:100px}
}
@media (max-width: 1280px) { 
    /*區塊*/
    .blockHeight:first-child{padding-top:50px;}
    .blockHeight{padding-bottom:50px;}
    /*新聞*/
    .ixNews{position:relative;margin-top: 50px;}
    .newsBox{color:#14466b}
    .lineCode{position:relative;left: 0;right: inherit;display: inline-block;top: 0;margin-top: 30px;}
    .lineCode.contact{position:relative;top: 0;margin-top: 0;margin-bottom: 20px;}
}
@media (max-width:991px) { 
    .ixClass__top{flex-wrap:wrap;}
    .ixClass__info{width:100%;text-align: center!important;padding-right: 0;}
    .boxOuter{justify-content: center;}
    .ixClass__tick{width:100%;margin-top:30px;}
}
@media (max-width: 768px) {
    /*區塊*/
    .blockHeight:first-child{padding-top:20px;}
    .blockHeight{padding-bottom:20px;}
    .ixTop,.pageBanner__bg,.noBanner,.classBig__pic{margin-top: 70px;}
    .picBox__zone{padding:20px;}
    /*主選單*/
    .menuBtn{margin-left:5px;}
    .menuLogo img{max-width: 40px;}
    .menuTop{padding:10px;}
    .menuList{flex-wrap:wrap;}
    .menuLink{width:100%;text-align:center;padding:10px 0;border-top:1px solid #eee}
    .menuList__outer{display:none;position: absolute;top: 73px;background: #fff;left: 0;width: 100%;box-shadow: 0px 11px 10px rgb(0 0 0 / 10%);}
     .menuDropdown{position:relative;width: 100%;top: 0;background: #eee;padding: 0;}
    .dropdown__item:not(:last-child){border-bottom:1px solid #fff}
    .dropdown__item{padding:10px 0;}
    .menuOther{display:flex;align-items: center;}
    /*首頁*/
    .newsBox:nth-child(2),.newsBox:nth-child(3){background:#14466b;color: #fff;}
    .slogan-big{font-size:2rem}
    .slogan-sm{font-size:1rem}
    .ixBanner__slogan{position:relative;left:0;padding:20px;background:#3fc3cd}
    .newsBox__zone {grid-template-columns: repeat(2, 1fr);}
    /*排行榜*/
    .leaderboard__item:nth-child(1){display:none;}
    .leaderboard__item{flex-wrap:wrap;}
    .leaderIntro{width:100%;}
    .leaderBasic{width: 35%;}
    .leaderTool,.leaderInfo{width: 40%;padding:10px 0;}
    .toolLeft{width:20%;}
    .toolRight{width:80%}
    /*水域介紹*/
    .map{display:none;}
    .map-location-mb{/* display:block; */margin-right: 30px;}
    .map-btn{position:relative;background: #939393;border-radius: 20px;padding: 5px 6px;display: block;text-align: center;font-size: .9rem;margin: 0px 3px;color: #fff;}
    .map-btn:hover,.map-btn.active{background:#3fc3cd;color:#fff;}
    /*會員專區*/
    .memZone__outer{margin-top:20px;}
    .memList__outer{margin-bottom:20px;}
    .memList{display:none;}
    .memList__btn{display:block;width:100%;text-align:center;background: #3fc3cd;color: #fff;padding: 10px 0;cursor: pointer;}
    .memList__link{display:block;border-bottom: 1px solid #eee;margin-bottom: 0;}
    .memBox{padding:20px;}
    /*最新消息*/
    .videoBox{right:10%;bottom: 20%;;}
    .shadow01{width:50px;height:50px;}
    .shadow02,.videoTit i{width:65px;height:65px;line-height: 65px;}
    .ixClass {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}
    /*底層*/
    .className{font-size:2rem;}
    .nav-tabs::after{bottom:inherit;top: -100px;left: -50px;}
    /*購物車*/
    .cartStep ul{justify-content: space-around;}
    .cartStep ul li:not(:last-child) a:after{right:-60px}
    .cartStep ul li a{padding:0 20px}
    .order-info{width:100%;}
    .order-count{margin-left:0;width:100%;top: inherit;bottom: 0;padding: 10px;position: relative;}
    /*表格*/
   .memTable thead{display:none}
   .memTable tr td{display:inline-block;text-align: left;}
   .memTable tr td:before{content:attr(data-th) "：";font-weight: bold;color: #000000;}
    /*頁尾*/
    .footer{padding-top:50px;}
    .ftList__question{flex-wrap:wrap;}
    .ftList__item{padding:10px;}
}
@media (max-width:640px) { 
    .bgLeft{width:40%;}
    .bgRight{width:40%}
    .ixBanner__item .pc{display: none;}
    .ixBanner__item .mb{display: block;}
    /*水域介紹*/
    .map-location-mb{margin-right:0;margin-top:20px;}
    .location-drop{display:block;background:#3fc3cd;color: #fff;text-align: center;padding: 10px;cursor: pointer;}
    .area,.map-list{float:inherit;width:100%;position: relative;top: 0;}
    .map-list{margin-top:30px;}
    .area>p{display:none;}
    .map-location-mb li {width: calc(100% / 4);}
    /*排行榜*/
    .leaderIntro{flex-wrap:wrap;}
    .leaderBasic{width:100%;justify-content: center;background: #eee;padding: 10px 0;}
    .leaderTool,.leaderInfo{width: 100%;text-align: center;}
    .leaderboard__item .time{width:100%}
    /*排行榜--說明*/
    .winBox h3{font-size:1.2rem}
    /*頁籤*/
    .nav-fill .nav-item, .nav-fill>.nav-link{width:50%}
    .albumZone {grid-template-columns: repeat(1, 1fr);}
    /*最新消息*/
    .ixClass {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);}
    /*聯絡我們*/
    .contactTxt{flex-wrap:wrap;flex-direction: column-reverse;text-align: center;}
}