@import url("../../../icon_new_6.2/css/all.css");
/*DIY*/

:root{
	--bg1:#fcecff;
	--pink:#fb5392;
	--text1:2.2rem;
	--text2:1.8rem;
	--text3:1.6rem;
	--text4:1.4rem;
	--text5:1.2rem;
	--text6:1.1rem;
	--border-radius: 20px;
}
body *{font-family: 'Noto Sans TC', sans-serif;color: #3b3b3b;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {margin: auto;}

.offer_topic{font-size: calc(var(--text1) - .2rem);font-weight:900;color:#fff;background-color:var(--pink);border-radius:0 0 20px 20px;border-top:3px #ffff dotted;padding:1.5rem .5rem;position: relative;text-align: center;}
.offer_topic::before{position: absolute;content: '';width: 100%;height: 100%;background: var(--bg1);z-index: -1;top: 0;left: 0;}
.offer_topic span{color: #faff2b;}
.offer_topic a{text-decoration: underline;color: #ffcbeb;}
.bg1{background: var(--bg1);padding: var(--text4) 0;}
.group_title{color: #85299b;font-size:calc(var(--text1) + .4rem);font-weight: 900;text-align: left;line-height: 1.3;}
.media{background-color:#fff;padding:.5rem 2.2rem;border:5px #e5b8ef solid;border-radius:var(--border-radius);margin-bottom: 2rem;}
.media_title{font-size: calc(var(--text1) - .1rem);text-align:center;color:var(--pink);font-weight:700;letter-spacing:1px;font-family:"Microsoft YaHei"}
.i_color{color:var(--pink);font-size: calc(var(--text5) + .5rem);padding-right:4px}
.media_group{margin:.5rem 0;text-align: left;}
.media_name{font-size:var(--text4);padding:.5rem 0}
.media_name .t_red{color:#fff;padding:.1% 1% 0;background-color:var(--pink);border-radius:7px;display:inline-block}
.media_content{padding:.5rem 0;margin:0;border-top:2px var(--pink) dotted;font-size: var(--text5);line-height:1.6rem}
.media_content a{padding:0 7px 1px;color:var(--pink);border-radius:10px;font-weight:700}
.course{margin: .7rem 0;font-size: var(--text6);text-align: center;line-height: 1.7;}
.course tr:nth-of-type(even) td{background: #fbfbfb;}
.course,.course th,.course td{border-collapse: collapse;border:1px solid #e5b8ef}
.course td{background: white;}
.course th{background: var(--pink);color: white;padding: 1rem 0;font-size: var(--text5);}
.course b{color: red;}
.course td a,.notelist a{text-decoration: underline;}
.notelist{line-height: 1.7;font-size: calc(var(--text6) - .1rem);text-align: center;}
.nvlink{margin: 0.5rem auto 2.5rem;width: fit-content;padding: 0 1rem;column-gap: 3rem;font-size: var(--text4);}
.nvlink li{background: linear-gradient(to right, #9a52a7 0%, #fb5392 100%);padding: 0.25rem 0.9rem;border-radius: 0.5rem;}
.nvlink li a{color: white;}
/*DIV END*/


.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

@media screen and (min-width: 768px) and (max-width: 1200px){
	:root{--text1:2.1rem;--text2:1.6rem;--text3:1.4rem;--text4:1.3rem;--text5:1.15rem;--text6:1rem;}	 	
	.bg1 { padding: 2rem; }
	.notelist{ font-size: var(--text6); }
}

@media (max-width: 767px){
	:root{--text1:1.8rem;--text2:1.5rem;--text3:1.3rem;--text4:1.2rem;--text5:1.1rem;--text6:1rem;}
	.bg1 { padding: 2rem 1rem; }
	.notelist{ font-size: var(--text6); }
	.nvlink{row-gap: 1rem;}
}

/*各大相容檢視*/
@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: var(--text5);}
#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:calc(var(--text6) + .05rem);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){
	/*ask*/
	#askarea{width: 100%;padding: 0.8rem;}
	#askarea .asktitle{font-size: var(--text6);}
	#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);}
}