@import url("../../../icon_new_6.6/css/all.min.css");
/*DIY*/
a{text-decoration: underline;}
a:hover{text-decoration: none;}

body *{font-family: 'Noto Sans TC', sans-serif;line-height: 1.7;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.bg{background: #f3eee0;}
.bg0{background: linear-gradient(to bottom, white 40%, #edf3f3 100%);}
.bg1{background: #fffdf4;}
:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
	--blue1: #2f6da9;
	--linear1: linear-gradient(to right, #1f2773 0%, var(--blue1) 20%, var(--blue1) 80%, #1f2773 100%);
	--red1: #ec493a;
	--purple1: #771671;
}

#Master_title img{border-radius: 18%;}
.select_list_container{width: 100%;}
.select_list,.select_list th,.select_list td{border:1px solid var(--blue1);background: white;font-size: 1.1rem;text-align: center;white-space: nowrap;}
.select_list{width: 100%;border-collapse: collapse;}
.select_list a{color: var(--blue1);}
.select_list th{background: #fdf9d7;color: var(--red1);}
.select_list th.textgt{background: #b3d16b;color:black;letter-spacing: 0.1rem;}
.select_list th.textbt{background: #81ccd3;color:black;letter-spacing: 0.1rem;}
.select_list .textg{color: green;}
.select_list .textb{color: var(--blue1);}
.media_out, .offer{padding: 1rem 2rem;border-radius: 20px;background: white;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.media_group{padding: 0.5rem;}
.media_group,.offer{text-align: left;margin:0.5rem 0;}
.media_group{margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: thin dashed #d5d5d5;}
.media_group:last-child{margin-bottom: inherit;padding-bottom: 1rem;border-bottom: none;}
.media_group dt{font-size: clamp(1rem, 5vw, 1.3rem);color: var(--purple1); }
.media_group dt span{color: var(--red1); }
.media_group dd{font-size: 1.1rem;}
.offer{padding: 0;line-height: 1.8;}
.offer span{color: red;}
.offer :is(b, a){color: var(--red1);font-weight: bold;}
.offer dd{font-size: clamp(1rem, 3vw, 1.3rem);width: 100%;}
.offer dd small{padding-left: 1rem;}
.offer span{color: green;}
.offer li{width: inherit;list-style-position: inside;text-indent: -1.5rem;padding: 0 2rem;}
.note_offer{text-align: center;font-size: clamp(.9rem, 3vw, 1.1rem);}
.note_offer dd{color:white;background: var(--red1);display: inline-block;padding: 0 1rem;border-radius: 6px;font-size: 0.95em;}
.limit_text{font-family: MStiffHeiHK;color:var(--red1);font-size: clamp(1.3rem, 3vw, 1.9rem);}
.limit_offer{margin: 1rem 2rem;padding: 1rem 4rem;border: 1px solid var(--red1);border-radius:10px;width: fit-content;}
.limit_title{font-size: 1.5rem;width: 100%;}
.limit_offer li{list-style-type: disc;margin-left: 2rem;}
/*DIV END*/

/*舊稿複製區*/
.learn_title,.select_out_title,.type_title,.setgroup_title,.service_title{font-size: clamp(1.5rem, 5vw, 2.6rem);text-align: center;background: var(--blue1);margin: 0 0 0.5em;position: relative;color: white;}
.learn_title {clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0% 50%);}
.learn_title span {display: block;position: relative;font-family: microsoft yahei;font-weight: bold;}
.learn_title span:before {border-color: #f9f8f5 transparent transparent transparent;border-width: 40px 40px 0 0;top: 0;left: 0;}
.learn_title span:after {border-color: transparent transparent transparent #f9f8f5;border-width: 40px 0 0 40px;bottom: 0;left: 0;}
.learn_title2{font-size: clamp(1.4rem, 5vw, 2.8rem);text-align: center;border-bottom: dotted;margin: 0 0 0.5em;color: #013791;white-space: normal;word-break: break-word;}
.learn_group{font-size: 1.0rem;line-height: 1.8;width: calc(100%/4 - 8px);}
.learn_group dt{font-size: clamp(1.1rem, 5vw, 1.4rem);text-align: center;padding: 0.2rem .8rem;border-radius: 1rem 1rem .5rem .5rem;color: #3c3c3c;background: #b3d16b;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.learn_group:nth-child(even) dt{background: #81ccd3;}
.learn_group dt span{font-size: clamp(1.3rem, 5vw, 1.8rem);font-weight: bold;font-family: microsoft yahei;align-items: center;column-gap: 0.35rem;letter-spacing:0.1rem;color: black}
.learn_group dt span.block span{background: white;display: inline-block;padding:0 .2rem;border-radius: 0.2rem; font-size: 0.6em;}
/* 跳動 + 發光 */
@keyframes jumpGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }
  50% {
    transform: translateY(-10px) scale(1.2);
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
  }
}
/* 改成只跑一次，並保留結束影格（both） */
.jump-blinking {animation: jumpGlow 1000ms ease-in-out 1 both;}
/* 標題(dt)：微放大的脈動 */
@keyframes dtPulse {
  0%, 100% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.03) translateY(-3px) ; } /* 想更明顯可調 1.07~1.1 */
}
.dt-pulse {
  /* 與圖片動畫時長同步，結束後保留最後一幀 */
  animation: dtPulse 1000ms ease-in-out 1 both;
  will-change: transform;
  transform-origin: center;
}
.learn_group dd{font-size: clamp(1rem, 2vw, 1.1rem);color: #013385;border-bottom: dotted 1px;line-height: 1.7em;}
.learn_group .learn_group_title{color: var(--red1);font-weight: 600;font-size: clamp(1.2rem, 3vw, 1.3rem);}
.learn_bg{align-items: flex-start;}
.feature{font-size: clamp(1.5rem, 3vw, 2.1rem);;font-weight: bold;font-family: MStiffHeiHK;background: url(../images/1009040_ar.png) no-repeat 54%;margin-bottom: 0.2em;}
.feature img{padding-right: .7rem;}
.feature_content{font-size: clamp(2.1rem, 4vw, 2.5rem);font-family: microsoft yahei; background-color: #ffcd02;text-align: center;padding: 0 2rem;white-space: normal;word-break: break-word;align-items: center;font-weight: bold;}
.feature_content img{margin-top: -1.2rem;}
.feature_hit{font-size: clamp(1.2rem, 3vw, 1.6rem);padding:.2em 1rem;color:var(--red1);text-align:center}
.feature_hit2{font-weight: bold;display: flex;margin-block: 1rem .5rem !important;width: fit-content;}
.box_group{width: calc(100%/2.05);}
.box_group, .box_group2, .offer{margin: 0.5rem 0;background-color: white;border-radius: 1em;padding-bottom: 1rem;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.box_group figure{margin: 1rem auto;}
:is(.box_group, .box_group2) dt, .offer_title{width: 100%;font-size: clamp(1.2rem, 3vw, 1.5rem);text-align: center;background-color: var(--red1);color: #FFF;padding: 0.2em 0;border-radius: 0.5em 0.5em 0 0;margin: 0 0 0.5em;}
.box_group:nth-child(3), .feature_content .box_group{width: calc(100%/1);}
.box_group:nth-last-child(1){text-align: center;}
.box_group dd{color: var(--red1);text-align: center;font-size: 1.2em;}
.box_group dd a{color: var(--red1);}
.box_group img{text-align: center;margin: 0 auto;}
.box_group2, .offer{width: 100%;font-size: clamp(1rem, 3vw, 1.3rem);}
ul:is(.box_group2, .offer){list-style: disc;justify-content: space-around;margin-bottom: 2rem;gap: 0.5rem;}
.allList dt{font-size: 1.2rem;text-align: left;background-color: #fdf8ea;color: #000;padding: 0.2em 5% 0;border-radius: 0.5em 0.5em 0 0;margin: 0 0 0.5em;}
.allList dt strong{font-size: 0.9rem;text-align: left;background-color: #000;color: #FFF;padding: 0.2em 0.5em;border-radius: 0.5em;margin: 0 0.5em 0 0;}
.allList dt a{color: #4284b4;}
.allList dd{color: #000000;text-align: left;padding: 0 0 1%;border-bottom: dotted 1px #9d8d61;margin: 0 5% 3%;font-size: 1.1rem;}
.allList{width: calc(100%/2);}
.setGroup, .feature_hit2{border:2px #ffcd02 solid;border-radius: 1rem;padding: 0 1rem 0.5rem;margin: 0.5rem auto 3%;background: white;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.setGroup dt{margin: 0.5rem auto;font-size: 1.6rem;}
.setGroup dd{font-size: 1.2rem;line-height: 1.8em;}
.setGroup dd i{animation: 0.8s blink infinite alternate ease-in-out;font-size: 1.5rem;}
:is(.offer dd, .setGroup dd) strong{font-size: 1.2rem;color: #09b309;}
.setGroup dd:nth-child(3){font-size: 1.0rem;border-top: solid 1px;margin-top: 0.8em;}
.LineBg{background-color: rgb(9, 179, 9);color: white;max-width: fit-content;padding: 0.25rem;line-height: 1.9rem;}
.LineBg a{color: white;font-weight: normal;}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

#app{width:100%;margin:0rem auto}
.VueCarousel-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items: flex-start;}
.text-white{color:white;}
#app > div{margin:1rem 0}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 0%;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {
    left: 99%;
}
.VueCarousel-dot-button {
	display: none !important;
  }
  
.VueCarousel-dot{width:5px;height:5px;background-color:#ccc;border-radius:50%;margin:0 5px;cursor:pointer;transform:scale(.8)}
  .VueCarousel-dot--active {
	background-color: #000 !important; /* 或你想要的顏色 */
	}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #eb543f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){
	@media (max-width: 1200px) {.learn_group{width: calc(100%/2); padding: 0.5rem;}}	
	@media (max-width: 768px) {
		#Master_title img{border-radius: 0;}
		.learn_group,.media_group{width: calc(100%/1); padding: 0.5rem;}
		.learn_title:before, .learn_title:after, .learn_title span:before, .learn_title span:after {content: none;}
		.learn_bg {margin: 2rem;text-align: center;}
		.learn_title{padding: 0 1rem;}
		@media screen and (max-width: 360px){
			.learn_title, .learn_group dt span,.box_group dt{font-size: 1.3rem;}.select_list{overflow-x: hidden;}
		}
		.box_group, .box_group:nth-child(3), ul.box_group2, .offer{width: 94%;margin: .6rem auto;}
		ul.box_group2{flex-direction: column;list-style-position: inside;}
		.select_list_container{overflow-x: auto;-webkit-overflow-scrolling: touch;}/* iOS 慣性滑動 */
		.select_list{min-width: 600px;}
		.allList{width: 90%;margin: 0 auto;}
		.feature_content{padding: 1rem;}
	}
	.offer dd small{display: inline;padding-left: 0;}
	.offer dd:nth-child(n+3):nth-child(-n+4){width: inherit;}
	/*ask*/
	#askarea{width: 100%;padding: 0.8rem;}
	#askarea .asktitle{font-size: 1.1rem;}
	#askarea .asktitle > p{line-height: 2.2rem;}
	#formlist{margin: 0 auto;}
	#askarea input[type="text"],#askarea select{width:100%;}
	#askarea input[type="checkbox"]{width: initial;}
	#formlist label{font-size: 1.0rem;}
	#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
	#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
}