:root{
    --bg-ask:#c79f62;
    --bg-ev:white;
    --body-navsite:black;
}
/*顏色定義*/
.bg-ask{background:var(--bg-ask)}
.bg-event{background:var(--bg-ev)}
.top_map_bg{background: linear-gradient(180deg, #f7efd6 4%,#ffffff 34%)}

/*解析度無限定-共用區*/
*{transition:all .5s}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.8rem}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }


/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/

/*.font_data{font-size:20px;line-height:38px;font-family:"Microsoft JhengHei",Arial;margin-top:0;font-weight:700;padding:5px;background-color:#C79F62;color:#FFF;text-align:center;border-bottom:7px #e0c37a dotted;border-top:7px #faf5e3 dotted;width: 100%;margin: 0 auto;border-radius: 88px;}*/
.font_data {font-size: 20px;line-height: 38px;font-family: "Microsoft JhengHei",Arial;margin-top: 0;font-weight: 700;padding: 2%;background-color: #C79F62;color: #FFF;text-align: center;    border-bottom: 7px #ffeb3b dotted;border-top: 2px #faf5e3 dotted;width: 100%;margin: 0 auto;border-radius: 88px;border-left: 10px #ea3349 solid;border-right: 9px #5a75b2 solid;}
.grade{}
.grade dt {font-size: 2rem;font-family: Verdana,"Microsoft JhengHei",Arial;}
.grade dt i{color: #FFC107}
.grade dd {}
.grade dd, .hit_content {color: #ffe690;font-weight: 600;font-size: 1.5rem;}
.font_data .hit_name {border-top: 9px #ffffff4d dotted;font-size: 2.2rem;margin-top: 1.5%;padding-top: 1%;}
.font_data .hit_name i{color: #FFC107}

.offer_year .yearsale{padding:0}
.offer_year{background-color:#e0c37a;width:60%;display:inline-block;border-radius:100px;margin:2% 20% 0}
.buy{margin:1rem auto;width:100%;display:block;text-align:center;font-size:1.2rem}
.buy a{color:#000}
a:hover{text-decoration:none}
#offer_list{margin:0 auto;width:100%;display:inline-block}
#offer_list li{font-size:2.2rem;font-weight:900;list-style-type:none;text-align:center}
#offer_list li,#offer_list li a{color:#3c527f;font-family: MStiffHeiHK;}
#offer_list li a{font-weight:900}
.offer_plus,#buy_listLink{margin:0 auto;text-align:center}
.offer_plus dt{font-size:1.2rem;color:#e08122}
.offer_plus dd:nth-child(5){font-weight:900}
#buy_listLink{width:100%;display:inline-block;margin-top:0}
#buy_listLink li{display:inline-block;margin:2%;background-color:#d63a2d;padding:.5rem 3rem;border-radius:50px;width:max-content}
#buy_listLink li a,#buy_listLink li{margin:;color:#fff;font-size: 1.4rem;}
.price_tb th {text-align: center;padding: 1% 0;font-size: 1.3rem;background-color: #B59564;color: #fff;}
.price_tb, .price_tb th, .price_tb td {border: 1px solid #dddbdb;border-collapse: collapse;font-family: Verdana,"Microsoft JhengHei",Arial;font-size: 1.3rem;}
.price_tb td{background-color:#F9F3E1}
.price_tb {width: 90%;margin: 0 auto;background-color: #dddbdb;font-size: .9em;box-shadow: 2px 2px 3px #999;}
.text_bg1{font-size:1.2em;font-weight:700;color:#CE0000;font-family:Verdana,Geneva,sans-serif;line-height: 1.5rem}
.textS {font-size: 0.9rem;color: #666;}
.rightSide{text-align:center;margin:1% 0;display:inline-block;width:100%}
.rightSide a{color:#000}
#more {float: left;width: 100%;text-align: center;color: #2667b0;display: block;font-size: 1.2rem;}
#event_sec{padding:0;text-align:left;background-color:#f9f4e2;border-radius:88px;width: 90%;border-left: 10px #ea3349 solid;border-right: 9px #5a75b2 solid;}
#event_sec h2 {font-size: 2.2rem;float: left;width: 100%;padding: 0 0 1%;color: #333;text-align: left;font-family: Verdana,"Microsoft YaHei";font-family: MStiffHeiHK;}
.cube1 ol{margin:0 0 0 16px;padding:10px 21px 30px 35px}
.cube1 li{margin:0;padding:0 0 12px;font-size:1.1em;list-style-type:decimal}
.t2{font-size:24px;letter-spacing:-1px;color:#c30d23;font-weight:700;line-height:26px;border-bottom:2px #c30d23 dotted;padding-bottom:4px;margin-bottom:3px;display:inline-block}
.Indent_list li{margin-left:3.5%;list-style-type:disc}
.cube1 th{font-size:1.4em;color:#FFF;background-color:#9b0f05;text-align:center;padding:0}
.t_color_1{color:#C30D23}
.testlisten {font-size: 1.4em;margin-top: 2%;}
.testlisten i{}
#class_area{margin-top:12px;border:0 #000 solid;background-color:#;background-color:#f5eede;padding-top:20px;padding-bottom:20px;background-color: #FFC107}
.admit_title3{float:left;width:100%;padding:0;margin:1% auto -1%;font-size:1.8em;line-height:1.4em;color:#051f56;text-align:center;font-family:Verdana,"Microsoft YaHei";font-weight:700}
#class_area .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_area .class_selectOut ul{width:100%;float:left;list-style-type:none;margin:0;padding:0;height:100%}
#class_area .class_selectOut .class_icon img{height:auto;width:100px;margin:0 auto}
#class_area .class_selectOut .sub_note{width:100%;float:left;font-size:.9em;color:#333;margin:1em 0}
#class_area .class_selectOut .class_content{list-style-type:square;list-style-position:inside}
#class_area .class_selectOut .class_icon {height: 120px;width: auto;margin: 1rem auto;border: 0px dashed #000;padding-top: 30px;background: url(../images/0607092_15.png) repeat-x top;}
#class_area .class_selectOut .class_title {font-size: 1.6em;font-weight: bold;color: #ff3b0d;background-color: #;border-radius: 8px;margin: 0 8px;}
#event_fourth{padding:4% 8% 5%;text-align:left;background-color:#fdfcf6}
#event_fourth h1{font-size:1.8em;line-height:1.2em;color:#c30d23;font-weight:700;width:92%;margin:0 4% 6%;text-align:center;font-family:Verdana,"Microsoft YaHei"}

.winnerboy{width:auto;height:auto;float:right}
#event_fourth #media{float:left;width:90%;margin:0 5%;padding:0;color:#000;font-size:1em}
#event_fourth #media .stuednt {font-size: 21px;line-height: 7px;color: #000;font-family: "Microsoft JhengHei",Verdana,Arial;margin-top: 6px;font-weight: 700;margin-bottom: 10px;}
#event_fourth #media .subject{font-size:2em;float:left;margin-left:5px;font-weight:700;color:#D96517;margin-bottom:5px;width:100%}
#event_fourth #media .content {clear: both;font-size: 1.05rem;line-height: 1.7rem;border-bottom: 4px #e0c37a dotted;padding: 0% 0 2%;margin-bottom: 1%;font-weight: normal;font-family: "Microsoft JhengHei",Verdana,Arial;}
.winner_icon {font-size: 1.2rem;color: #FFF;font-family: "Microsoft JhengHei",Verdana,Arial;font-weight: 700;border-radius: 4px;background-color: #c30d23;/* width: 58px; *//* float: left; */text-align: center;padding: 0.3% 1%;margin-top: -0.5%;display: inline-block;vertical-align: middle;}
.fas{margin:auto 1%}
#event_fourth #media .content a{color:#c30d23;font-weight:700}
.teaName{text-align:center}
#event_six h1{font-size:.9em;color:#000;font-weight:400;width:100%;text-align:center}
#event_third {padding: 1.5% 8% 3%;text-align: left;background-color: #fdfcf6;border-radius: 0;background-color: #FFEB3B;margin: 1% 0;}
.qrcode a {color: #fff !important;font-size: 1.2rem;}
.cube1 table {width: 90%;}

/*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) {
}
@media (min-width: 1024px) {
    #class_area .class_selectOut ul {width: 20%;}
    #event_sec {padding: 3% 8% 4% 8%;}
	#event_fourth h1 {font-size: 3.2rem;line-height: 1.5em;width: 100%;margin: 0% 4% -5%;display: inline-block;font-family: MStiffHeiHK;}    
    #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 (min-width: 768px) {
}
@media all and (min-width: 1px) and (max-width: 767px){
.br{ display:block;}
#offer_list li {font-size: 1.6rem;}
.price_tb, .price_tb th, .price_tb td {font-size: 1rem;}
.price_tb {width: 100%;}
.grade {margin: 4% 0 5%;}
.grade dt {font-size: 1.5rem;line-height: 2rem;}
.grade dd, .hit_content {color: #ffe690;font-weight: 600;font-size: 1.2rem;line-height: 1.8rem;}
.hit_content {padding: 3% 4%;}
#more {float: none;}
#event_sec {padding: 5% 0 3%;}
#event_sec h2 {font-size: 1.6rem;margin-top: 4%;padding: 0 0 1% 5%;}
.morebtn{ margin-right:2%}
.cube1 table {width: 90%;border-collapse: separate;}
.cube1 ol {margin: 0 0 0 16px;padding: 1% 3%;}
.cube1 li {font-size: 1em;}
.cube1 th {font-size: 1rem;padding: 9px 0;font-weight: normal;/* border: 1px #ccc solid; */}
.testlisten {font-size: 1.15em;line-height: 3rem;margin-top: 2%;}
#askarea input[type="text"], #askarea select {padding: 0.5% 2%;}

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