:root{
    --bg-ask:linear-gradient(63deg,#e2bc91 5%,#c2946e 90%);
    --bg-ev:radial-gradient(ellipse at center, rgba(255,255,255,1) 45%,rgba(247,198,159,1) 80%);
    --body-navsite:black;
}
/*顏色定義*/
.bg-ask{background:var(--bg-ask)}
.bg-event{background:var(--bg-ev)}
.bg-header{background:rgba(247,198,159,1) ;}
.bgcolor1{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 58%, rgba(247,198,159,1) 75%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 58%,rgba(247,198,159,1) 75%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 58%,rgba(247,198,159,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7c69f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*解析度無限定-共用區*/
*{transition:all .5s}
.master_left{text-align: center;font-weight: 900;display: flex;justify-content: center;align-items: center;margin-bottom: -1rem;}
.master_left h1{ font-size:5rem;}
.master_left h2{ font-size: 3.2rem;color: #c30d23;}
.master_left  h3{ font-size: 1.5rem;}
h3 span{}
/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/
.media_play iframe{width:47.5%;height:300px;margin:0 1%;display:inline-table;}
.note_message{background-color: #e96800;padding: 1%;color:#fff;text-align: center;font-size:1.3em;margin: 0 5%;}
.note_message a{color:#fff;}
.note_tea{text-align: center;font-size: 1.3rem;margin: 0.5rem auto .2rem;}
/*右側連結區NEW*/
#AD_BTN{width:240px;font-size:1.4em;border-radius:10px 0 0 10px;background:#FFE008;position:fixed;right:-30px;bottom:30%;padding:1%;
line-height: 1.9em;}
#AD_BTN a{width: 100%;}
#AD_BTN,#AD_BTN a,#AD_BTN .fab,#AD_BTN .fas{display: inline-table;color: #e20924;}
#AD_BTN .fab,#AD_BTN .fas{margin-right:1%;line-height:1.9em;}
#AD_BTN:hover{transform: translateX(-30px);	background-color: #f0c200;}

#Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:block;width:100%;padding:0;}
.conver_list{align-content: space-around;}
.conver_list li{display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.subject_list,.subject_feature{display: block;text-align: center;margin:2% auto;}
.subject_feature{color: #c30d23;font-size: 1.65em;font-weight: bold;}
.subject_feature .far{color:#67a92d;}
.subject_list li{display:inline-table;margin:auto 1%;font-size:1.65em;font-weight: bold;border:2px #e96800 solid;letter-spacing: 0.2em;padding: .3% 2%;}
.fa-check-square{margin:auto 0.5%;}
.conversation{display: flex;flex-wrap: wrap;pointer-events: none;margin:2% auto;}
.conversation p{font-size: 1.1em;line-height: 1.5em;}
/*@media screen and (min-width:0\0){
.main{float: left;height:auto; for ie 9,10 }
}*/
.conversation_left,.conversation_right{display:flex;z-index: 1;flex-wrap: wrap;}
.conversation_left{width:44%;align-items: center;justify-content: space-between;}
.conversation_left ul{width:80%;color: #9b9b9b;}
.conversation_left li{width: 100%;background-image: url(../images/0806012_13.png);background-repeat: no-repeat;height: 140px;background-position:left center;}
.conversation_left li:nth-of-type(1){margin-left: 60%;}
.conversation_left li:nth-of-type(2){padding: 0 35% 0 0; margin-left: 23%;}
.conversation_left li:nth-of-type(3){margin-left: 65%;}
.conversation_left span{width: 48%;text-align: center;margin-left: -28%;}
.conversation_right{width:27%;align-items:center;justify-content: space-between;}
.conversation_right ul{width:76%;}
.conversation_right span{width:35%;text-align: center;margin-right: -11%;position: relative;}
.conversation_right span:before{position: absolute;content: "勝";font-size: 3em;color: darkred;border: solid thick darkred;display: inline-block;padding: 7%;top: -78%;left: 0;right: 40px;
    margin: auto;border-radius: 50%;width: 5rem;height: 5rem;text-align: center;vertical-align: middle;line-height: 1;}
.conversation_right li{width: 100%;background-image: url(../images/0806012_15.png);background-repeat: no-repeat;height: 140px;background-position: right center;}
.conversation_right li:nth-of-type(1){margin-right: 15%;margin-top: -18%;}
.conversation_right li:nth-of-type(2){margin-right: 8%;margin-top: 5%;}
.conversation_right li b{display: contents;color: darkred;}
.conversation_left p{margin:19% 39% 0 7%;}
.conversation_right p{margin:12% 7% 0 38%;}
.hit_point_area{display: flex;display: -ms-flexbox;flex-wrap: wrap;line-height: 1.6em;margin: 3% 5%;}
.hit_point{
    width:41%;margin:2%;padding: 3% 2%;border-radius:16px;text-align: center;
    border: thin solid #e5e5e5;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 74%, rgba(245,245,245,1) 90%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 74%,rgba(245,245,245,1) 90%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 74%,rgba(245,245,245,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.hit_title{text-align: center;font-size: 1.6em;color: white;background-color: #C30D23;display: inline-block;margin: -12% auto 2%;padding: 1.5% 3% 1.5% 12%;border-radius:6px;position: relative;}
.hit_title:before{position: absolute;content: "";width: 55px;height: 55px;left: -20px;top:-20px;background-image: url(../images/0806012_19.png);background-repeat: no-repeat;background-size: 100% auto;}
.hit_content{text-align: justify}
.hit_content span{color: red;}
.media_bg,.media_title,.media_group{display: block;margin: .5rem 1rem;}
.media_title{margin: 1% 1% 3%;}
.media_group a,.media_more a{color: #C30D23;}
.offer_bg{display: flex;display: -ms-flexbox; margin:1% 7%;}
.offer_bg_title{font-size: 1.75rem;font-weight: bold;text-align: center;}
.media_more,.offer_title{font-size:1.9rem;text-align: center;font-weight: bolder;font-family: microsoft yahei;}
.offer_title{background-color: black;color: white;font-size: 1.8rem;font-weight: normal;padding:3% 1%;width:24%;display: inline-table;margin: 3% 0 0;}
.media_name{font-size:1.4rem;font-weight: bold;}
.media_content{line-height: 1.9rem;text-indent: 2rem;text-align: justify;font-size: 1.2rem;}
.offer_subtitle{font-size:1.6rem;text-align: center;width: 100%;}
.offer_black,.offer_red,.offer_imp{margin: auto;font-size: 1em;}
.offer_red{font-size: 3.5em;color: #C30D23;font-weight: bold;}
.offer_imp{font-size: 2.1em;display: inline-block;vertical-align: sub;}
.offer_imp span{font-size:.4rem;display: block;}
.offer_go{text-align: center;}
.offer_go a{font-size: 1.9rem;color: #C30D23;font-weight: bolder;display: inline-block;width: max-content;}
.offer_go li{display: inline-table;margin:0 3%;width:25%;}
.tea_intro_bg >.intro_title + ul{display: inline-block;}
.tea_intro_bg >.intro_title + ul li{list-style-type: disc;font-size: 1.1rem;line-height: 30px;text-align: left;}
.media_title, .intro_title1{text-align: center;font-size: 2.4rem;font-family: microsoft yahei;color: #C30D23;padding: 1rem 0;margin: 0; font-weight: bold;display: flex;flex-wrap: wrap;}
.intro_title div{width: 32%;text-align: right;}
.intro_title p{width: 68%;margin:3% 0 0;line-height: 1.3em;}
.intro_title p > span{letter-spacing: 0.32em;color: black;font-weight: normal;display: block;}
.other_course{text-align: left;padding: 1%;background-color:#E96800;margin: 0 0.2% 2px;font-size: 1.3rem;line-height: 45px;color: white;border-radius: 8px;}
.main_course{width: 79%;margin: 7% 5% 3%;padding:0 5% 2%; background-color: white;border-radius:12px;border:solid 2px #E56B01;}
.main_course a{color: #C30D23;}
.main_course dl{font-size: 1.r2em;line-height: 1.6em;margin: 0 0 2% 0;}
.main_course dt{float: left;font-weight: bold;color: #C30D23;}
.main_course dd{margin-left: 5em;text-align: justify;}
.main_course dd img{position:  box-shadow: 0 2px 4px gray;margin: 1% 0 0 0;}
.other_course a{color: #ffde00;display: inline-block;}
.other_course a>span{width: 50px;height: 50px;display: inline-block;background-color: #fff;border-radius: 6px;float: left;margin-right: 8px;text-align: center;}
.other_course a>span .fas{color: #E96800;font-size: 1.3em;line-height: 47px;}
.other_bg{display: inline-flex;flex-wrap: wrap;margin: 0 2.5% 20px;width:95%;justify-content: center;gap:1rem;}
/*scroll*/
.scroll_course{position: fixed;right: 0;top:30%;width: 175px;height: 180px; z-index: 1;text-align: center;font-size: 1.2em;font-weight: bold;animation: move ease-in-out .5s alternate infinite;}
@keyframes move{0%{top:30%;}100%{top:30.5%;}}
.scroll_course:hover{position: fixed;right: .5%;}
.scroll_course a{color: #C30D23;}
.scroll_course img{border-radius:50%;background-color:#FFE009;display: block;margin: auto;}
/*20200512*/
#limit_price,#limit_price th,#limit_price td{border:1px #000 solid;border-collapse: collapse;}
#limit_price{width:90%;margin:0 auto;text-align: center;font-size:1.2rem;}
#limit_price+div{text-align: right;margin:.5% 5% 2% 0;font-size: 0.95rem;}
#limit_price th{background-color: #E96800;color:#fff;font-weight: normal;}
#limit_price td{background-color: #fff;}
#limit_price td:nth-child(n+2){color:#C30D23;font-weight: bolder;}
.subject_color{color:#C30D23;}

.grade_bg{padding: 1rem;background: #ff831f;color: white;border-radius: 8px;}
.grade_bg a{color: white;}
.grade_title{font-size:1.4rem;font-weight: 900;text-align: center;}
.grade_list li{width: calc(100%/2);}

/*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) {
    
    #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: 0px) and (max-width: 767px) {
    .media_title, .intro_title1 { font-size: 1.7rem; }
    .offer_go a,.media_name{ font-size: 1.3rem; }
    .media_content,.other_course { font-size: 1.1rem; }
}
@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 {
}