:root{
    --bg-ask:linear-gradient(63deg,#e2bc91 5%,#c2946e 90%);
    --bg-ev:#a21870;
    --body-navsite:white;
}
/*顏色定義*/
.bg-ask{background:#254d8e}
.bg-event{background:#718fab;}
.bgcolor0{
    background: #152b59; /* Old browsers */
    background: -moz-linear-gradient(bottom, #152b59 14%, #254d8e 79%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #152b59 14%,#254d8e 79%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #718fab 40%,#ffffff 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152b59', endColorstr='#254d8e',GradientType=1 ); /* IE6-9 */
}
.bgcolor1{background-color:/* #152b59*/#718fab;}


/*解析度無限定-共用區*/
*{transition:all .5s}
h1{font-size:2.5rem}
h2{font-size:2rem}
/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/
.banner{
    display: flex;justify-content: center;align-items: center;
    width: 100%;background:url("../images/1302018_3_bg.png") center top / 100% 100% no-repeat;
    margin: auto;position: relative;z-index: 0;overflow: hidden;
}
.banner img{max-width: 100%;}
.banner > div:nth-of-type(1) > div,.banner_title > div,.date_group:nth-child(2):before,
.date_group:nth-child(4):before,.date_group:nth-child(2):after,.date_group:nth-child(4):after,
.course_price:before,.course_price:after{position: absolute;content: "";}
@keyframes move{0%{top:20%;left: 27%;}100%{top:23%;left: 27%;}}
.banner_title { padding: 0 0 3rem; }
.banner_title > div { top: 23%;left: 27%; }
.date_title{font-size:1.8em;color: /*#F5E528*/white;font-family: microsoft yahei;font-weight: bold;
    display: flex;justify-content: center;align-items: center;
}
#event_master > div:nth-of-type(1)> div:nth-of-type(3){text-align: right;margin-right: 10%;font-size: 1.2em;font-weight: 500;}
#event_master > div:nth-of-type(1){padding: 0 0 5%;margin: 0;}
#event_master p,#event_master h3{padding: 0 5%;}
#event_master p{font-size: 1.2em;}
.date_group_out{
    margin:.5% auto 1%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;text-align: center;
}
.date_group_out2{width:92%;}
.date_group_out2 > .date_group{width:42%;margin: 0.25rem;}
.date_group{
    display: inline-flex;justify-content: center;width: 90%;flex-wrap: wrap;
    align-items: flex-start;border:1px white solid;border-radius: 16px;padding: 1% 2%;margin:0.5rem 1%;font-size: 1.1em;
    background: rgb(173,203,224); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253, 233, 198) 66%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253, 233, 198) 66%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253, 233, 198) 66%,rgba(255,255,255,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adcbe0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.date_group a,.media_tea A{color: black;}
.date_group_link{text-align: center;font-size: 1.2rem;margin: 1rem 0;}
.date_group_link a{color: white;}
.date_list a{color:#ed5100;}
.date_list li:nth-child(1){font-size: 1.5em;font-weight: bold;color:#ed5100;}
.date_list .open:after{content:'';}
.date_group_out span:after{content:'開課';}
.date_list span::after,.date_list .open:after{font-size:0.9em;}
.date_list .open:after,.date span{color:#ED5100;}
.date_list_yellow{background-color:#745f99;margin: 2% 0 10%;font-family: microsoft yahei;color:white;display: inline-block;padding: .2rem .6rem;border-radius:4px;font-size: 1rem;}
.date_item{color: #fff;}
.media_bg,.course_price{
    margin:0 auto;padding:3% 7%; display: block;position: relative;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 35%, #ffe2d5 92%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 35%,#ffe2d5 92%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ffffff 35%,#ffe2d5 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe2d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.course_title a{color: #c40c6f;margin: 0 .2%;}
.course_price:before{background: url(../images/0809054_21.png) no-repeat;width: 134px;height: 331px;
    background-size: 50% auto;
    bottom: -70%;
    left: -5%;

}
.course_price:after{background: url(../images/0809054_23.png) no-repeat;width: 107px;height: 384px;
    background-size: 50% auto;
    bottom: -92%;
    right: -17%;}
.media_bg p{padding: 0!important;}
.media_title,.course_title{font-size:1.6rem;color:#745f99;font-weight: bold;line-height: 2.5rem;font-family: microsoft yahei;}
.media_name,.go_ask{font-size:1.4rem;}
.price_content, .course_title p{font-size:1.2rem;}
.price_content span:nth-last-of-type(1){font-size:.8em;display: block;color: #3b3b3b;}
.media_name,.media_name a,.media_content a{color:#c40c6f;}
.media_hit{margin-left: 1%;}
.media_content{line-height: 1.9em;margin: 1% auto;font-size:1.2rem!important;}
.media_tea{font-size:1em;
    word-break:keep-all;}
.date_title,.date_list li,.course_price,.media_tea,.media_title,.course_title{text-align: center;}
.go_ask a{padding: 1%;background:#ee652b;margin: 1% auto;border-radius: 16px;display: inline-block;padding: .5% 6%;font-size: 1.15em}
.go_ask,.go_ask a{color:#fff;}

/*20200717 ADD*/
.main span{display: none;}
.main .date_list_yellow{display: block;}
.main a{color: #000;}

/*舊稿複製-量身規劃*/
.course_title{padding: 1rem 0;}
.course_title p{color: black;font-weight: normal;line-height: 1.8rem;}
.course_title h3 {
    font-size: 1.9rem;
    color: #745f99;
    text-align: center;
    font-family: microsoft yahei;margin-bottom: 0.4rem;
}
.class_selectOut{text-align:center;width:96%;display:inline-block;margin:0 2% 1rem;padding:2% 0;border:0 #000 solid;border-radius:20px;background-color:#f1f1e1;}
.class_selectOut .class_title{font-size:1em;font-weight:700;color:#ff3b0d;border-radius:8px;margin:0 8px}
.class_selectOut .class_title a{color:#ff3b0d}
.class_selectOut .class_title a:hover{color:#051f56}
.class_selectOut .sub_note{width:100%;float:left;font-size:.9em;color:#333;margin:1em 0}
.class_selectOut .class_icon{height:120px;width:auto;border:0 dashed #000;margin:10px auto 3px;padding-top:30px;background:url(../images/classicon00.png) repeat-x top}
.class_selectOut .class_icon img{height:auto;width:100px;text-align: center;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: 0 0.5rem;width:auto}
.class_selectOut ul{width:100%;float:left;list-style-type:none;margin:0;padding:0;height:100%}


/*舊稿複製-更多考情與試聽連結*/
.moreexamlink{font-weight: bold;display: inline-block;width:100%;background: url(../images/1302018_3_bg2.png) center top / cover no-repeat;;background-position: bottom center; padding:0rem 0 0rem 0;background-color:#ffe3d6;}
.moreexamlink ul{display: block;text-align: center;margin: 3% 0;}
.moreexamlink li{font-size: 1.2em;list-style:none;display:inline-block;}
.moreexamlink span{background-color:#ffffff;color:#ee652b;padding: 2px 10px;position: relative;  margin-right: 10px;box-shadow: 3px 3px 4px #999;}
.moreexamlink span:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 20px 0px 20px 20px;border-color: transparent transparent transparent #ffffff;right: -19px;top: -4px;}
.moreexamlink a{display: inline-block;color:#745f99;margin: 0 5px;}



/*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) {
    .date_group{width: 25%;}    
    .date_group_out2 > .date_group{width:20%;margin: auto;}
    .course_price:before{background: url(../images/0809054_21.png) no-repeat;width: 134px;height: 331px;left:-3%;bottom: -27%;}
    .course_price:after{background: url(../images/0809054_23.png) no-repeat;width: 107px;height: 384px;right:-5%;bottom: -43%;}
    .price_content,.course_title p{font-size:1.45rem;}
    .class_selectOut ul{width:25%;} 
    #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: 1px) and (max-width: 767px) {
    .course_price:before,.course_price:after{ display: none; }
    .media_title, .course_title { font-size: 1.4rem; padding: 1rem;}
    .media_name, .go_ask { font-size: 1.2rem; }
    .media_content { font-size: 1rem !important; }
}
@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 {
}

