@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: #0e4eb9;
	--red1: #d13c39;
	--purple1: #771671;
}

#Master_title img{border-radius: 30%;}
.select_list,.select_list th,.select_list td{border:1px solid var(--blue1);background: white;font-size: 1.1rem;text-align: center;}
.select_list a{color: var(--blue1);}
.select_list th{background: #fdf9d7;color: var(--red1);}
.select_list th.textgt{color: green;}
.select_list th.textbt{color: var(--blue1);}
.select_list td.textg{color: green;}
.select_list td.textb{color: var(--blue1);}
.media_out{padding: 1rem 2rem;border-radius: 20px;background: white;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.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: 1rem 4rem;border: 1px solid var(--red1);border-radius:0 0 10px 10px;margin: 0 auto;}
.offer span{color: red;}
.offer b{color: var(--red1);}
.offer dd{font-size: clamp(1rem, 3vw, 1.3rem);margin: 0.3rem auto .5rem -1rem;padding-left: 1rem;}
.offer dd:nth-child(n+3):nth-child(-n+4){width: 50%;}
.offer dd:nth-last-child(1){color:white;background: var(--red1);display: inline-block;padding: 0 1rem;border-radius: 6px;font-size: 0.95em;}
.offer dd small{display: block;padding-left: 1rem;}
.offer span{color: green;}
.limit_text{font-family: MStiffHeiHK;color:var(--red1);}
/*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-color: 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;}
.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;}
.learn_group dt{font-size: 1.4rem;padding: 0.2em 1.3em;border-radius: 1em;color: white;background: linear-gradient(to bottom, #b658b0, var(--purple1));box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.learn_group dt span{font-size: clamp(1.3rem, 5vw, 1.8rem);color: #d5fff7;font-weight: bold;font-family: microsoft yahei;}
.learn_group dd{font-size: clamp(1.1rem, 3vw, 1.3rem);color: #013385;border-bottom: dotted 1px;line-height: 1.7em;}

.feature{font-size: clamp(1.5rem, 5vw, 2.6rem);;font-weight: bold;font-family: MStiffHeiHK;background: url(../images/1009040_ar.png) no-repeat center;margin-bottom: 0.2em;}
.feature img{padding-right: 2%;}
.feature_content{font-size: clamp(1.4rem, 5vw, 2.1rem);background-color: #ffcd02;text-align: center;padding: 0 2rem;white-space: normal;word-break: break-word;}
.feature_hit{font-size: clamp(1.2rem, 3vw, 1.4rem);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{margin: 0.5rem 0;background-color: white;width: calc(100%/2.05);border-radius: 1em;padding-bottom: 0.5em;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.box_group figure{margin: 1rem auto;}
.box_group dt{font-size: 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){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;}
.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;}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}



/*各大相容檢視*/
@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{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;}
		}
		.box_group, .box_group:nth-child(3){width: 94%;margin: .6rem auto;}
		.offer{ padding: 1rem 2rem; }
	}
	.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);}
}