@import url("../../../icon_new_6.2/css/all.css");
/*DIY*/
:root {
	--text1: 2rem;
	--text2: 1.8rem;
	--text3: 1.6rem;
	--text4: 1.5rem;
	--text5: 1.3rem;
	--text6: 1.2rem;
	--text7: 1.1rem;
}

body *{font-family: 'Noto Sans TC', sans-serif;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {
}
#event_master{padding: 0.5rem;}
.news_out{font-weight: 900;font-size: var(--text3);background: linear-gradient(to right, #b9b8b8 30%, white 100%);}
.news{background: var(--news);color:white;padding: 0.7rem 1.5rem .7rem 2.5rem;width: 25%;text-align: right;display: inline-block;}
.news_des{color: var(--news);width: 75%;padding: 0.7rem;}
.news_des a{color: var(--hit);text-decoration: underline;}
.bg1{background-image: url(../images/0602046_14.gif);background-repeat: repeat-y;background-size: cover;}
.feature{text-align: left;margin-block-end: 1rem;font-size: var(--text5);}
.feature dt{color: var(--hit);font-size: var(--text3);font-weight: 900;width: 100%;}
.feature a{color: #094d6d;text-decoration: underline;}
.feature dt a{font-size: var(--text7);}
.feature dd{font-size: var(--text4);color: #3f3f3f;margin-right: 1rem;}
.feature dd::before{content:'‧';}
.get_list{text-align: left;}
.get_list li{list-style-type: decimal;margin-left: 0rem;color: #073571;font-size: var(--text3);list-style-position: inside;}
.get_list li{border-top:var(--border1); padding: 0.5rem 0;}
.get_list li:last-child{border-bottom:var(--border1);}
.course{font-size: 1.1rem;background: #3E86C9;border-radius: 1rem;padding: 0.5rem;position: relative;width: calc(100%/5);margin: 0 1rem;}
.course dd,.course dd a{color: white;text-align: center;}
.course dd a,.plan a,.price_note a{text-decoration: underline;}
.course::after{content: '→';position: absolute;left: 14rem;top:0.5rem}
.course:last-child::after{content: '';}

.price_note,.plan a,.price li{font-size: 1.2rem;}
.plan a{background: #319dd0;color: white;border-radius: 1rem;padding: 0.5rem;margin: 1rem 0;}
.price li{color: black;font-weight: normal;border:none!important;padding: 0;}
.price a{color: #319dd0;}
.price li{list-style-type: disc;list-style-position: inside;margin-left: 2rem;}
.price_note a:last-child,.price span,.price_list span{color: var(--hit);}
.media{padding: 1rem;border:4px #d6d6d6  solid;border-radius: 1rem;text-align: left;}
.media_title{font-size: 1.8rem;}
.media_title a{color: #0d407e;text-decoration: underline;font-weight: 900;}
.media_name{background: #2063b3;color: white;padding: 0.5rem;}
.media_name,.media_s_title{font-size: 1.4rem;}
.media_s_title{color: #2063b3;}
.media_des,.media_note{color: #666;}
.media_name{margin-top: 2rem;}
.media_note br { display: none; }

.price_list{font-size: 1.3rem;width: 100%;}
.price_list,.price_list th,.price_list td{text-align: center;border:1px solid #2063B3;border-collapse: collapse;}
.price_list th{background: #2063B3;color: white;}
.price_list td{color: #2063B3;}
.price_list span{font-weight: 900;}

/*DIV END*/


:root{
	--news:#073571;
	--hit:#E4071D;
	--border1:#b5b5b5 3px dotted;
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
}
.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: 767px){
	:root {	--text1: 1.8rem;--text2: 1.6rem;--text3: 1.4rem;--text4: 1.3rem;--text5: 1.2rem;--text6: 1.1rem;--text7: 1rem; }
	.news_out { font-weight: normal; }
    .news, .news_des { width: initial; }
    :is(.bg1, .bg2) img { width: 240px; }
	.get_list li { padding: 0.4rem; }
	.price_list th{font-size: 1.25rem;white-space: pre;}
	.price_list td{font-size: 1.2rem;}
	@media screen and ( width < 500px ) { .media_note br { display: initial; } }	
}

@media all and (min-width: 1px) and (max-width: 1200px){
	.course{width: calc(100%/2.1 - 6px);margin: 1rem 0.2rem;}
	.course::after{content: '';}
    

/*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);}
	}