:root{
    --bg-ask:linear-gradient(63deg,#e2bc91 5%,#c2946e 90%);
    --bg-ev:#ffd900;
    --body-navsite:black;
}
/*顏色定義*/
.bg-ask{background:var(--bg-ask)}
.bg-event{background:var(--bg-ev)}

/*解析度無限定-共用區*/
*{transition:all .5s}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.8rem}
/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/
.price_list{background-color:#FCFAF5;padding:.25rem;font-size: 1.5rem;}
.price_list dt{padding:.25rem;font-size: 2.2rem;color: #e94709;}
.buy a{color:#E94709}
/*.banner{width:100%;height:350px;background-image:url(../images/1302018_1.png);background-size:contain;background-repeat:no-repeat;display:inline-block;position:relative;background-position:center}
.banner span{font-size:1.5em;position:absolute;content:"";display:inline-block;left:8%;bottom:7%;text-align:left;padding:3% 0;border-top:2px solid #000;border-bottom:2px solid #000;display:none}*/
#event_fifth{display:inline-block;width:100%;padding:2% 0;border:0 #000 solid;background-color:#107290}
.admit_title{width:100%;font-size:2.4em;color:#ffd900;font-weight:700;float:left;padding-top:2%;text-align:center;font-family:"Microsoft JhengHei"}
.admit_title3{float:left;width:88%;padding:0;margin:1% 6%;text-align:center;font-size:1.8em;line-height:1.4em;color:#FFF;font-family:"Microsoft JhengHei";border-bottom:dashed #FFF medium;border-top:dashed #FFF medium}
.admit_title3 a{color:#000}
.price_bg{width:90%;float:left;display:inline-block;color:#333;margin:2% 5%}
.price_bg table{width:99%;border:1px solid #000;border-right:none;border-bottom:none;margin:0;padding:0;background-color:#fcfaf5}
.price_bg th{font-size:1.3em;background-color:#ffd900;color:#01536c;padding:2px}
.price_bg td,.price_bg th{text-align:center;border:1px solid #000;border-left:none;border-top:none}
.price_bg td strong{font-size:1.2em;color:#eb665a}
.price_bg dt a{color:#e94709}
.price_bg dd a{color:#FFF;background-color:#e94709;border-radius:2em;padding:3px 15px;margin:.5em;line-height:3em}
.price_bg .s{font-size:.8em}
.price_bg .t_red{color:#e94709;font-family:Verdana,Geneva,sans-serif;font-weight:700}
.Price_Link{font-size:1.3em;width:100%;display:inline-block;margin-top:1%;color:#fff;font-weight:700;text-shadow:2px 2px 3px #000}
.Price_Link ul{text-align:center}
.Price_Link li{display:inline;margin-right:2%;margin-left:2%}
.Price_Link li a{color:#01536c;background-color:#ffd900;border-radius:1.0em;padding:3px 15px;margin:.5em;line-height:3em;text-shadow:#000 0 0 0;font-size: 1.6rem;}
.class_selectOut{text-align:center;width:90%;display:inline-block;margin:2% 5%;padding:2% 0;border:0 #000 solid;border-radius:20px;background-color:#fcfaf5}
.class_selectOut .class_title{font-size:1em;font-weight:700;color:#ff3b0d;background-color:#;border-radius:8px;margin:0 8px}
.class_selectOut .class_title a{color:#ff3b0d}
.class_selectOut .class_title a:hover{color:#051f56}
.sub_note{width:100%;float:left;font-size:.9em;color:#333;margin:1em 0}
.sub_note2{width:100%;float:left;font-size:.9em;color:#FFF;margin:1em 0;text-align:center}
.class_selectOut .class_icon{height:120px;width:auto;border:0 dashed #000;margin:1rem auto;padding-top:30px;background:url(../images/classicon00.png) repeat-x top}
.class_selectOut .class_icon img{height:auto;width:100px;margin:0 auto}
.class_selectOut .class_content{font-size:.9em;line-height:1.3em;list-style-type:square;list-style-position:outside;text-align:left;margin-left:30px;color:#332005;padding-left:0;width:auto}
#event_sec table th,#event_sec table td{padding:1%;font-size: 1.2rem;}
#event_sec table .bg{background-color: #fffdf0;}
#event_third H1 p{text-indent:1.8em;margin:.3% 0 1.5%;font-weight:400;font-size: 1.5em;}
#event_third img,#event_fourth img{margin:0 auto}
#event_fifth #media{padding:1% 2%;color:#000;font-size:1em;background-color:rgba(255,255,255,0.8);margin:0 5% .5%;border-radius:20px}
#event_fifth #media .stuednt{font-size:1.7em;float:left;font-weight:700;color:#069}
#event_fifth #media .subject{font-size:1.5em;float:left;font-weight:700;color:#D96517;width:90%}
#event_fifth .subjectS{font-size:.8em;color:#FFF;background-color:#4BB89A;margin-left:2%;padding:1px}
#event_fifth #media .content{clear:both;font-size:1.1rem;line-height:1.5em}
#event_fifth #media .content a{color:#000}
#event_fifth .linkmore{text-decoration:none;font-size:1.7em;font-weight:700;float:left;width:100%;margin-top:1em;text-align:center}
#event_fifth .linkmore a{color:#FFF;background-color:#27b68a;box-shadow:0 0 6px #999;border-radius:8px;padding:7px 26px;text-decoration:none}
#event_fourth ul{font-size:1.5em;float:left;width:100%;color:#ffd900;text-align:center;list-style:none}
#event_fourth li{margin:1%;float:left;width:100%;color:#ffd900}
#event_fourth li a{color:#ffd900}
#event_fourth H2{margin:2% 10%;float:left;width:80%;text-align:left;color:#FFF;text-align:center}
#event_fourth H2 a{color:#ffd900}
#event .Fs{font-size:.8em}
.ps{font-size:1.1em;color:#FFF;text-align:center}
.class_selectOut ul{width:100%;float:left;list-style-type:none;margin:0;padding:0;height:100%}
#event{width:100%;margin-right:auto;font-family:"微軟正黑體",Arial}
#event_sec{width:100%;padding-top:.5em;padding-bottom:1.5em;display:inline-block;color:#FFF;font-size:1em;background-color:#ffd900}
#event_sec H1{width:100%;margin: 2% 0;float:left;color:#01536c;font-size:1em}
#event_sec H1 a{color:#FFF;background-color:#231815;border-radius:3px;padding:.3em 1em;font-size: 1.6rem;border-radius: 1rem;margin: 0 2%;}
#event_sec table{width:80%;float:left;margin-left:10%;color:#231815;font-size:1em;border-color:#231815;background-color:#FFF}
#event_sec table th{color:#FFF;border-color:#231815;font-size: 1.6rem;}
#event_third{padding-top:1em;padding-bottom:1em;display:inline-block;background-color:#01536c;width:100%;text-align:center}
#event_third H1{margin:1% 5%;float:left;width:90%;text-align:left;color:#FFF}
#event_third .H{color:#ffd900;font-size: 2.0em;}
#event_fourth{width:100%;padding-top:2em;display:inline-block;background-color:#01536c;color:#FFF;text-align:center}
.text-red-500{color:#f56565}

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;color: white;text-align: center;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"],#askarea select{width:100%;border-radius: 0.3rem;background: white;border: white;color: black;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;color: white;}
#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);color: white;border: 2px #fff solid;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
/*電腦解析度*/
@media (min-width: 1536px) {
}
@media (min-width: 1280px) {
	.banner{width: 1200px;margin: 0 auto; }
}
@media (min-width: 1024px) {
    .class_selectOut ul {width: 20%;}
    
    #event_fourth li{width:30%;}
    #askarea SELECT {}
    #askarea_out{}
    #askarea{width: ;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
    #askarea .asktitle {font-size: 1.5rem;margin: 1rem;}
    #formlist SELECT,#formlist input{padding: 0.25rem;}
    #askarea SELECT{padding: 0.5%;margin:auto 1% 1% auto; width: calc(100%/5);}
    #formlist label{display: block;margin: 1rem 0;font-size: 1.2rem;}
    #formlist img{display: inline-block;}
    #formlist input{color: #585858;}
    #askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5rem;width: max-content;margin-top: 2%;}
    label > select {margin: 0 1rem;}
    #formlist{justify-content: space-around;}
    #askarea .askw{width: 80%!important;}
    #askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
    #askarea input[type="text"]{width:calc(100%/3);}
    #askcontent{color:white;line-height: 2.5rem;}
}
@media screen and (max-width: 767px) {
#event_sec table th {font-size: 1.2rem;}
	#event_third .H { font-size: 1.5em;}
	#event_third H1 p {font-size: 1.0em;}
	.admit_title {font-size: 1.9em;}
}

/*其他裝置解析度*/
@media (min-width: 768px) {
}
@media (min-width: 640px) {
}

@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 {
}