@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Gkmk Copyright 2025 UED Interaction */

@media print,screen and (max-width:120em) {
 :root {  
  --html_base:0.83333vw;  
}


}

@media print,screen and (max-width:90em) {
 /*:root {  
  --html_base:1.11111vw; 1rem=16px baseOn:1440px vw = (16/1440)*100% 
}*/


}

@media print,screen and (max-width:62.5em) {
 :root {  
  --html_base:2.13333vw; /*1rem=8.31999px baseOn:750px vw = (16/750)*100% */
  
  --main-fs-h1:5.7692rem;/*48px*/
  --main-fs-h2:4.8076rem;/*40px*/
  --main-fs-h3:4.0865rem;/*34px*/
  --main-fs-h4:3.3653rem;/*28px*/
  --main-fs-h5:2.8846rem;/*24px*/
  --main-fs-h6:2.1634rem;/*18px*/
  --main-fs-p:1.9231rem;/*16px*/
 }
.container{padding-left:1.8029rem; padding-right:1.8029rem; width:100%;}
.commPadding{padding:3.6057rem 0;}
.noPadding-bottom{padding-bottom:0;}


.Str-header{padding:1.5625rem 0;}
.Str-header h1{position:relative; left:auto; top: auto; transform: translate(0, 0);}
.Str-header h1 img.logo{height:4.0865rem;}
.Str-other{right: 1.8029rem;}
.Str-other a.toaccount img{height:4.0865rem;}
.Str-other a.login{ padding: .6rem 1.6287rem; font-size: 1.6287rem;  }
.Str-nav,.Str-other a.language{display: none;}

/*menu icon*/
.drown-menu-icon{ display: flex; }

.Str-banner{padding-top:7.2115rem;}
.bannerSwiper .swiper-slide {padding-top:65vw;}

.index-title h3{ font-size:2.4038rem;  } 
.moreLink{ font-size: 1.6287rem; padding-right: 1.923rem;}
.moreLink::after{ font-size:1.923rem; }

.Card-swiper .swiper-slide {width: 90%}

.cardText h4{font-size: 2.4038rem; margin: 0 0 1.8029rem;  }
.cardText h5{font-size: 2.1635rem; margin: 0 0 .6rem;  }
.cardText ul{ font-size: 1.6287rem; margin: 0 0 1.9231rem; } 
.cardText ul li i{display: inline-block; font-size: 1.9231rem;}
.cardText p{font-size: 1.6287rem; }
.cardText span{font-size: 1.6287rem; }

.Card-swiper-shop .cardInfo{ gap: .625rem;}
.Card-swiper-shop .cardInfo .cardImg{ width:100%; padding-top:50%; }
.Card-swiper-shop .cardText{flex:0 1 auto; width: 100%;}
.Card-swiper-shop .cardText h4{font-size:2.4038rem; margin: 0 0 1.4423rem;}
.Card-swiper-shop .cardBtn{flex:1; padding: 1.4423rem;  font-size: 1.6287rem; border-radius: 10rem; }



.ticket-list{display: flex; flex-wrap: wrap; flex-direction: column; gap: 1.8029rem; }
.ticket-list li{width:100%; min-width:0;}

.ticketText h4{font-size:2.4038rem; line-height: 1.2; margin-bottom: .6rem;}
.ticketText p{font-size: 1.6287rem; margin: 0 0 1.6287rem;}
.ticketText .ticketPrice span{font-size: 2.4038rem;  }  
.ticketText .ticketPrice .buyBtn{ padding: .9615rem 2.4038rem; font-size: 1.9231rem; }
.location{ padding: 1rem 1.9231rem .625rem; font-size:1.6287rem; }

.footer-nav{display: none; }
.copyright-nav{margin-bottom:1.8029rem; }
.copyright-nav a{font-size: 1.4423rem; }
.copyright-text{font-size: 1.4423rem; }


.commBanner{padding-top:7.2115rem; }
.pageTitle{padding:3.75rem 0; font-size: 5.208333vw;}


.locationBox{ margin: 0 0 1.8029rem;}
.locationBox .locationImg{width:100%; padding-top:56%; }
.locationBox .locationText{flex:0 1 auto; width: 100%; padding: 1.8029rem; }
.locationBox .locationText h4{font-size:2.4038rem;   margin: 0 0 1.2rem; }

.locationBox .locationText h5{font-size: 1.9231rem; margin: 0;  }
.locationBox .locationText p{font-size: 1.6287rem; margin: 0 0 1.2rem;}
.locationBox .locationText span{font-size: 1.6287rem;}

.locationBox .locationText  ul{font-size: 1.6287rem;}
.locationBox .locationText  ul li i{ font-size: 1.9237rem; }

.btnGroup{ gap: 1.2rem;}
.btnGroup a{  gap:.625rem; padding: 1.4423rem; font-size: 1.6287rem; flex: 1; justify-content: center; align-items: center;}
.btnGroup a i{margin:0; display:block; font-size: 1.9231rem; } 

.locationBox.boxDetail .locationImg{width:100%;}
.locationBox.boxDetail  ul li p span{ font-size: 1.6287rem; }

.ticketBox{ margin: 0 0 1.8029rem;}
.ticketImage{width: 100%; padding-top:64%; }  

.ticketTxt{flex:0 1 auto; width: 100%; padding: 1.8029rem;  }
.ticketTxt h4{ font-size:2.4038rem;  margin: 0;  }
.ticketTxt p{font-size: 1.6287rem; margin-bottom: 1.2rem;} 
.ticketTxt .ticketPrice span{  font-size:2.4038rem;  }  
.ticketTxt .ticketPrice label{display:block; margin-left:0; font-size:1.6287rem;}
.ticketTxt .ticketPrice .buyBtn{ padding: 1rem 2.4038rem; font-size: 1.9231rem;}

.pc-filter{margin:0 0 3.6057rem;}
.filter-item{gap: .6rem;}
.filter-item dt{font-size: 1.9231rem; width:100%;}
.filter-item dd{flex:0 1 auto; width: 100%; }
.filter-item dd a{ padding: 1rem 1.4423rem; font-size: 1.4423rem;  }

.pagination{padding-bottom: 3.6057rem; gap: 1.6287rem; }
.pagination a{ min-width:3.6057rem; min-height:3.6057rem;font-size: 1.6287rem; }
.pagination a i{font-size: 1.9231rem;}

.Str-article .container{padding: 0;}
.page-article{padding:2.4038rem 2.4038rem 15%; font-size: 1.9231rem; }
.page-article p{font-size: 1.6287rem;}

.ticket-main{gap:2.4038rem;}
.ticket-img{width:100%; position: relative;}
.ticket-txt{flex:0 1 auto; width: 100%;}
.ticket-txt h4{ font-size:2.6442rem; margin: 0 0 .6rem;}
.ticket-txt p{font-size: 1.6287rem;  margin: 0 0 2.4038rem; }
.ticket-txt dl{margin: 0;}
.ticket-txt dl dt{font-size: 1.6287rem; }
.ticket-txt dl dd{ font-size: 1.6287rem; padding: 1.2rem 0;}

.ticket-txt .ticketPrice{position: fixed; left: 0; bottom: 0; background: white; width: 100%; z-index: 900; padding: 1.4423rem 1.8029rem; box-shadow: 0 -3px 6px rgba(0,0,0,.2);}
.ticket-txt .ticketPrice span{  font-size:2.4038rem;  }  
.ticket-txt .ticketPrice label{  font-size:1.4423rem;  }  
.ticket-txt .ticketPrice .buyBtn{ padding: 1.2rem 2.4038rem; font-size: 1.9231rem;}

.articleBox{background:none; padding:0 0 4.0865rem; }

.loginArea{align-items: flex-start; width: 100%;}
.copyRight{ width:100%; padding:1.2rem; font-size: 1.4423rem;}

.loginBox{background:url(../images/login_bg.png) no-repeat center top; background-size: 100%; border-radius:0; width: 100%; padding:16% 5%; gap: 3.6057rem;}
.login-logo img{height: 6.01rem; margin: 0 0 3.6057rem;}

.login-form{ gap: 2.4038rem; min-width:100%; width: 100%;}

.login-tab{margin: 0 0 2.4038rem; }
.login-tab span{ padding:1.9231rem 1.6287rem; font-size: 1.9231rem; }

.commInpt{ padding: 1.9231rem 2.1635rem;  font-size: 2.1635rem; border-radius: 100rem;}
.codeBtn{padding: 1.9231rem 0; width: 24.0385rem; font-size:2.1635rem; }
.submitBtn .submit{ font-size: 2.1635rem; padding: 1.9231rem;  }

.Str-account .container,.forBack{display: none;}
.accoutMobile{min-height: calc(100vh - 7.2115rem);}

.account-wrap{gap: 1.25rem;}
.account-side{order:2; width:100%; background:none; padding:0 0 10%; border-radius:0; }
.account-main{order:1; flex:0 1 auto; width: 100%; padding:0; background:none; border-radius: 0; overflow: visible;}

.account-nav{ gap:1px; border-radius: 1rem; overflow: hidden;}
.account-nav li a.anav{padding: 1.9231rem 1.9231rem; font-size: 1.9231rem; color:var(--main-color-black); border-radius:0; background:white;  } 

.navBtn{margin-top:3.6057rem;}
.outBtn{ font-size: 1.9231rem; padding:1.6287rem 1.9231rem; border-radius: 1rem; }

.avatar-main .avatarTxt span.name{font-size: 1.6287rem;}
.avatar-main .avatarTxt span.phone{font-size: 2.1635rem;}
.membership-level{ gap:6px; font-size:12px; }
.membership-level i{font-size:16px;}

.linkBtn{padding:0; justify-content: center; gap:0; width:6rem; height: 6rem;}
.linkBtn i{font-size: 2.4038rem;}
.linkBtn span{display: none;}
.linkBtn.code i{font-size: 2.8846rem;}

.account-balance{ gap: 1.25rem; margin: 0 0 1.25rem; }
.account-balance .acc-mbox{ width:100%; min-height: 16.5vh;}
.account-balance .acc-sbox{flex:0 1 auto; width: 100%; }
.accountBalance{flex-direction: unset;}
.accountBalance.singlecard{min-height: 18rem; margin: 0 0 1.9231rem;}

.accountBalance .acc-txt .name{ font-size: 1.6287rem; }
.accountBalance .acc-txt .number{ font-size: 2.8846rem; }
.accountBalance .acc-txt .tip{ font-size: 1.4423rem; }

.account-number a.numberBox{ font-size: 1.4423rem;  background-color:white; }
.account-number a.numberBox label{font-size: 3.6057rem; }

.mycode{ padding: 20% 0;}
.mycode img.codeimg{ width:30rem; height: 30rem; }
.mycode .time{font-size: 2.4038rem; } 

.account-mobile{display:none;}
.avatar-box img{ width: 7.5rem; height: 7.5rem; }
.avatar-box span.name{ font-size: 1.6287rem; }
.avatar-box span.phone{ font-size: 1.9231rem;  }

.accout-edit{ gap: 1px; padding: 0; border-radius: 1rem; overflow: hidden; padding-bottom: 10%;}
.account-item{ padding: 2.1635rem 3.5rem 2.1635rem 1.6287rem; background:white; border-radius:0; font-size: 1.9231rem; line-height: 1.2;}
.account-item img{ width: 6rem; }
.alltxt{width: 100%; font-size: 1.6287rem; padding: 1rem;}

.account-title{font-size: 1.9231rem; margin: 0 0 1.9231rem;} 
.bill-item dt{font-size: 1.6287rem; padding: 1.6287rem 1.9231rem; border-radius: 1rem; color: white; background: var(--main-color-gray);}
.bill-item dd{ padding: 1.6287rem; line-height: 1.4; border-bottom:0; background: white; align-items: flex-end; border-radius: 1rem;}
.bill-item dd .name{  font-size: 1.6287rem; }
.bill-item dd .name span{ font-size: 1.9231rem;  }
.bill-item dd .number{font-size: 1.9231rem; }
.bill-item dd .number i{font-size: 1.9231rem;}

.accTitle .switchTab{ background:white; flex:0 1 auto; width: 100%; margin: 0 0 1.8029rem;}
.accTitle .switchTab span{flex: 1; font-size: 1.9231rem;  line-height: 1.2; padding: 1.2rem 2.1635rem; text-align: center;}

.accTitle .btnCoupon{width: 100%; gap: 1.2rem; font-size: 1.9231rem;  padding: 1.6287rem 1.9231rem; text-align: center; justify-content: center; }
.accTitle .btnCoupon::before{ left:3.6057rem; font-size:2.8846rem; }
.accTitle .title{margin-right: auto; flex: 1; font-size:2.8846rem; text-align: center;}

.voucher-list li{width:100%;}
.voucherBox{background:white;}
.box-name .name-title{font-size: 1.9231rem; }
.box-date{font-size: 1.4423rem; }

.couponBox{background: white;}
.couponBox .box-img{display: none;}
.toggle-rules,.toggle-rules:hover{ font-size: 1.4423rem; padding:.6rem 0;}
.rules-con p{ font-size: 1.4423rem;}


.order-list li{width: 100%;}
.orderBox{background: white;}
.orderBox .box-status{ padding: .625rem 1rem; font-size:1.6287rem;}
.orderBox .box-date strong{font-size: 1.6287rem;  }

.paymentBox{padding: 31% 0;}
.btnArea a{ padding:1.6287rem 3.6057rem; font-size: 1.9231rem; line-height: 1; }


.dialog-dialog{max-width:100%; width: 90%;}
.dialog-title { font-size:2.4438rem;  }
.dialog-title .amount{font-size: 3.6058rem;}
.dialog-con{font-size: 1.9231rem; margin: 0 0 15%;}
.dialog-actions { gap:1.2rem; }
.dialog-actions button { padding: 1.6287rem 3.6057rem; font-size: 1.9231rem; }

.dialog-detail{ min-width:auto; width:calc(100% - 3.6058rem);}
.detail-title{ padding:1.2rem 1.6287rem; font-size: 1.6287rem; }
.detail-title i{font-size: 1.9231rem;}

.detail-con{padding:1.9231rem; max-height: 80vh; overflow-y: auto; overflow-x: hidden;}

.package-name{font-size: 1.9231rem;}
.order-infor dd{ font-size: 1.6287rem; }
.order-item li{ font-size: 1.6287rem; padding: 1.4423rem 0;}

.dialog-code{max-width:100%; width: 90%;}
.code-title{padding: 1.9231rem 1.6287rem;}
.code-title .name{font-size: 1.9231rem; }
.code-title .date{font-size: 1.6287rem; color: gray;}

.code-img{padding: 20% 5%;}
.code-img img{width: 24.0385rem; height:  24.0385rem;}
.code-title a.closed i{font-size:2.8846rem;}

.avatar-list li{width: calc((100% - 1.25rem)/2); }
.avatar-list li a{ font-size: 1.9231rem; }
.avatar-list li a img{ width:9.6154rem; height: 9.6154rem; }

.filter-bar{width:100%; justify-content:space-between; gap:0;}
.filter-bar span{font-size: 1.6287rem; padding: 1.2rem 1.9231rem; } 

.filter-select{  font-size:1.6287rem;}
.filterSelect{ padding:1.2rem 3.5rem 1.2rem 1.5rem; font-size:1.6287rem; background-size:1.2rem; }

.addBtn,.addBtn:hover{  width: 100%; font-size: 1.9231rem; padding: 1.6287rem; }
.addBtn i{font-size: 1.9231rem; }

.myLevel .swiper-button-prev,.myLevel .swiper-button-next{display: none;}

.myLevel .swiper-slide{width: 90%;} 
.memberLevel .Level{font-size: 2.1635rem; }
.memberLevel i{font-size: 6.5rem;}
.levelStatus span{ padding:.625rem 1.9231rem; font-size: 1.9231rem; }
.benefitsList{padding-bottom: 2.8846rem;}
.benefitsList li{width:calc((100% - 2.5rem) /3); font-size: 1.6287rem; }
.benefitsList li img{width: 8.1731rem;}


}