@import url("../../../icon_new_6.2/css/all.css");
:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
	--oringe:#b34a09;
	--green-light:rgb(4, 116, 86);
	--price-hit:rgb(188, 42, 42);
	--blue-dark:rgb(11, 98, 152);
}
/*DIY*/
.bg0 {background: linear-gradient(90deg,#83afcb 2%,#cbd9e4 20%, #fff6e3 50%, #ffeac7 80%, #ffda9a 100%)}
.bg1 {background-color: #fdd0ae;}

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {
}
.group_title{font-size: 2.4rem;color: #224e76;}
.group_title{padding-top: 5%;}
.star{color: rgb(255 255 255);display: block;font-style: italic;background: linear-gradient(90deg,#cddbe400 0%, #de3e20 30%, #de3e20 80%, #ffe6bc00 100%);margin: 0 18% 0.5rem;text-align: center;}
.limitoffer{color: #bc1c15;padding: 1rem 0.2rem;border: solid 6px #bc1c15;max-width: 120px;height: 120px;display: inline-block;line-height: 2.3rem;font-size: 2.3rem;border-radius: 50%;transform: rotate(-29deg);float: inline-start;text-align: center;background-color: #ffffffc7;}
.limit{transform: rotate(0deg);width: 30%;}
.limit img{width: 100%;}
.title_h{font-size: 2.5rem;font-weight: 900}
.course{font-size: 1.8rem;font-weight: 900;margin: 1rem auto 0;background-color: #427fad;color: white;padding: 0.3rem 1rem;border-radius: 2rem 2rem 0 0;text-align: center;}
.course.bg2{background-color: #224e76;}
.price{width: 100%;}
.price,.price td,.price th{border: 1px solid black;border-collapse: collapse;padding: 0.7rem 1.0rem;background-color: #ffffff24;}
.price td{word-break: keep-all;font-size: 1.2rem;text-align: left;    width: calc(100% / 2);position: relative;}
.price td.noline_r{border-right: none;}
.price td.noline_l{border-left: none;}
.price strong{color:var(--price-hit);font-size: 1.5rem;}
.price b{color: rgb(255 255 255);font-size: 1.2rem;background-color: rgb(14 77 131);padding: 0.1rem 0.8rem;border-radius: 0.8rem 0;margin-right: 0.5rem;border-right: solid 6px #d8c165;border-bottom: solid 0px #d8c165;display: inline-block;}
.price th{font-size: 1.4rem;color: #427fad;background-color: white;border-bottom: solid 5px;}
.price span{background: #ed4604;color: white;padding: 0.25rem;margin: 0.5rem 1rem 0.5rem 0;display: inline-block;
	position: relative;
animation: myfirst 0.8s ease 0.3s infinite alternate;
}
@keyframes myfirst
{
	0% { color: yellow; }
	25%,50% { color: white; }
	100% { color: yellow; }
}

.note_offer{padding: 0.0rem 0.0rem 1.5rem;background-color: #ffffff82;margin: 2% 0;}
.note_H{background: linear-gradient(to right, #113f74 10%, #0182ba 95%);padding: 0.2rem 1.5rem;color: #feeacc;font-size: 1.4rem;margin: 1rem 0;text-align: center;}

.note_offer li{text-align: left;font-size: 1.1rem;padding: 0.2rem 2.0rem;}
.student_title{color: #de3e20;display: block;font-style: italic;background: linear-gradient(90deg,#cddbe400 0%, #ffffff 30%, #ffffff 80%, #ffe6bc00 100%);margin: 2% 0% 0.5rem;font-size: 2.8rem;}
.student_group{text-align: left;margin: 1rem auto;padding: 0.5rem;}
.student_group h3,.student_group h3 a{color: rgb(34 78 118);font-size: 1.4rem;}
.stu_hit span{color: rgb(255 230 36);}
.stu_hit{font-size: 1.6rem;color: white;background: linear-gradient(90deg,#de3e20 30%, #f99236 80%, #ffe6bc00 100%);padding: 0.2rem 2%;}
.stu_content{font-size: 1.1rem;background: linear-gradient(90deg,#ffffff 85%, #ffe6bc00 100%);padding: 1% 2%;}
.stu_content a{font-size: 0.9rem;background-color: #7badd3;border-radius: 1rem;color: white;padding: 0 0.5rem 0.2rem; }
.stu_more{font-size: 1.4rem;text-align: center;color: #de3e20;font-weight: bold;margin-bottom: 3%;}
.ADLink{right: 0;bottom: 10rem;text-align: left;padding: 0.8rem;box-shadow: 4px 4px 12px gray;background-color: #de3e20;font-size: 1.3rem;color: white;border-radius: 1.5rem;z-index: 10;}
.ADLink dd{border-bottom: dotted 1px;margin-bottom: 0.3rem;}

/*DIV END*/


.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){
	#back-top{bottom: 80px;}
	.ADLink{bottom: 0rem;font-size: 1.0rem;border-radius: 0rem}

		@media all and (min-width: 1px) and (max-width: 767px){
			.group_title{flex-direction: column;}
			.limit {width: 100%;}
			.limit img{width: 40%;text-align: center;margin: 0 auto;}
			.price b {font-size: 1.0rem;}
			.price{width: 100%!important;word-break:initial}
			.price strong{font-size: 0.9rem;display: inline;}
				.price th,.price td{font-size: 0.80rem; word-break: break-all;}    
				.stu_more{text-align: center;}
			.star {font-size: 1.5rem;margin: 0 5% 0.5rem;text-align: center;}
			.title_h {font-size: 1.3rem;display: flex;flex-wrap: wrap;width: 100%;padding: 0.5rem;text-align: center;}
			.course {font-size: 1.3rem;}
			.limitoffer {padding: 0.7rem 0.2rem;border: solid 4px #bc1c15;max-width: 75px;height: 75px;line-height: 1.3rem;font-size: 1.3rem;}
			.student_title {font-size: 1.8rem;}
			.student_group {margin: 0rem auto;}
			.ADLink dd {
				margin:0.05rem 1rem;
			}
		}
/*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);}
	}