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

/*解析度無限定-共用區*/
*{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*/
.txt_red{font-family:Verdana,"Microsoft JhengHei",Arial;color:#E74259;font-weight:700;font-size:1.2em}
.admit_title .ul_t li a{color:#006C9C}
#event_master h1{font-size:2.6em;color:#000;font-weight:bolder;font-family:"Microsoft JhengHei",Verdana,Arial;text-align:center;line-height:50px;padding-bottom: 2%}
#event_sec .lecture_introduction {border-radius: 20px;text-align: center;color: #000;width: 80%;margin: 0 0 2% 9%;padding: 0 3% 0 0;}
#event_sec .lecture_introduction ol {margin-left: 6%;margin-bottom: 0%;display: inline-flex;}
#event_sec .lecture_introduction ul{padding:0}
#event_sec .lecture_introduction li {font-size: 1.2rem;line-height: 1.8rem;list-style-type: decimal;text-align: left;float: left;clear: both;margin-left: 7%;width: 100%;}
#event_sec .lecture_introduction p{text-align:center}
#event_sec .lecture_introduction .lecture_title{font-size:1.8rem;margin-bottom: 2%;}
#event_sec .classname{color:#3599bc;font-weight:700;font-size:1.1em}
.Price_Link2{font-size:1.2em;width:100%;display:inline-block;margin-top:1%;color:#232931;font-weight:700;text-shadow:2px 2px 3px #CCC;margin-bottom:1%}
.Price_Link2 .name{font-size:1.3em;color:#5f738a;font-weight:700}
.Price_Link2 ul{text-align:center}
.Price_Link2 li{display:inline;margin-right:2%;margin-left:2%}
.Price_Link2 li a{color:#000;background-color:#FF0;border-radius:.2em;padding:3px 5px;margin:.5em;line-height:1.8em;text-shadow:#000 0 0 0}
.subject_list{width:84%}
.subject_list th{padding:1% 2%;white-space:nowrap;background-color:#e0d5e1;width:14%}
.subject_list,.subject_list td{padding:1.5% 1%;background-color:#eff3ff}
.subject_list,.subject_list td,.subject_list th{border-collapse:collapse;border-bottom:2px #fff solid}
.subject_list a{color:#814586}
#event_sec {padding-top: 3%;padding-bottom: 2%;background-color: #DDE2F0;border-radius: 25px 25px 0 0;}
#event_sec h1 {font-size: 2.3em;/* float: left; */color: #fff;text-align: center;width: 100%;margin-bottom: 5px;padding: 0.5% 0 0.5% 0;margin: 0 auto;display: block;background-color: #727c2fbd;}
#event_sec h1.pass_title {font-size: 2.3em;color: #fff;text-align: center;width: 580px;margin-bottom: 10px;padding: 0.5% 0 0.5% 1.2%;background-color: #727c2fbd;border-radius: 50px;}
#event_sec h2{font-size:1.5em;float:left;width:83%;color:#000;text-align:left;padding:0 0 0 17%}
#event_sec ul{list-style-type:square;list-style-position:inside;margin-left:5%}
#event_sec li{font-size:1.15rem;float:left;width:100%;color:#000;text-align:left;padding-top:0;padding-right:0;padding-bottom:0}
#event_sec .img_106{height:auto;text-align:center;margin-top:15px;margin-left:90px}
#event_sec .icon_more{padding-left:0;font-family:"Microsoft JhengHei",Verdana,Arial;font-size:15px}
#event_sec .icon_more a{font-family:"Microsoft JhengHei",Verdana,Arial;font-size:15px;background-color:#99C;color:#FFF;margin-right:5%;border-radius:50px;text-decoration:none;padding:7px 15px}
#event_sec .icon_more a:hover{background-color:#969}
#event_sec ul.goodpass {list-style-type: square;list-style-position: inside;margin-left: 34%;/* display: inline-block; */}
#event_third{width:100%;text-align:left;padding-top:2%;padding-bottom:4%;background-color:#DDE2F0;border-top-width:8px;border-top-style:dotted;border-top-color:#FFF}
#event_third h1 {font-size: 2.1em;color: #665489;padding-left: 2%;padding-bottom: 0.5%;width: 90%;margin: 0 auto;text-align: center;}
#event_third h2{font-size:1.3em;float:left;color:#E74259;text-align:center;padding-top:3px;padding-bottom:3px;background-color:#FFF;margin-left:20%;width:130px;border-radius:25px;margin-bottom:5px;margin-top:10px}
#event_third table{font-size: 1.15rem;width: 80%;}
#event_third table th{text-align: center;}
#event_third ul{list-style-type:none;padding-left:20%;width:98%}
#event_third ul li{line-height:1.5em;clear:both;margin-right:1em;margin-left:4%;padding-left:0;font-family:"Microsoft JhengHei",Verdana,Arial;list-style-type:disc}
#event_third ul li a{color:#000}
#event_third ul li a:hover{left:2px;top:2px;position:relative;text-decoration:none}
#event_third .pink_link a{color:#F36}
#event_third .li_2{list-style-type:circle;margin-left:40px;padding-left:0;font-family:"Microsoft JhengHei",Verdana,Arial;font-size:15px}
#event_third ul .li_2 a{color:#F36}
#event_third ul .li_2 a:hover{left:2px;top:2px;position:relative;text-decoration:none}
#event_ani{width:100%;margin-top:0;border:0 #000 solid;background-color:#;background-color:#f5eede;padding-top:0;margin-right:5px;margin-left:5px}
#event_ani h2{font-size:25px}
#event_ani h3{font-size:21px}
#event_ani #price_out{clear:both;margin:2em auto;text-align:center;width:70%;line-height:2.2em}
#event_ani #price_out .price_subtitle{font-size:2vh;color:#FFF;background-color:gray;width:100%}
#event_ani #vod{width:50%;border:0 #000 solid;margin-right:1px}
#event_ani .vod_title{width:99%;font-size:3vh;color:#FFF;background-color:#ff3b0d}
#event_ani #vod ul{width:33%;float:left;list-style-type:none;background-color:#eee;margin:0;padding:0}
#event_ani #ibrain{width:47%;border:0 #000 solid}
#event_ani .ibrain_title{width:99%;font-size:3vh;color:#FFF;background-color:#051f56}
#event_ani #ibrain ul{width:33%;float:left;list-style-type:none;background-color:#eee;margin:0;padding:0}
#event_ani .discount,#event_ani .discount{clear:both;text-align:center}
#event_ani .discount:before,#event_ani .discount:before{content:"＊"}
#event_ani #class_out{margin-bottom:2em;width:100%}
#event_ani #class_out .class_Ltitle,#event_ani #class_out .class_Rtitle{width:100%;text-align:center;font-size:3vh}
#event_ani #class_Free{clear:both;text-align:center;width:90%;height:auto;float:left;margin:2em auto 0 7%}
#event_ani #class_Free .Free_title{font-size:1.9em;margin-top:3%;width:100%}
#event_ani #class_Free .FreeSphoto img{height:auto;width:80%;text-align:center;margin-right:10%;margin-left:10%}
#event_ani #class_Free ul{width:24%;float:left;list-style-type:none;margin-bottom:3em;padding:0}
#event_ani #class_Free ul li{font-size:1.4em;margin-top:.2em;margin-right:auto;margin-left:auto;color:#ff3b0d;text-align:center;width:100%}
#class_area{border:0 #000 solid;background-color:#;background-color:#f5eede;padding-top:20px;padding-bottom:20px}
#class_area .class_selectOut ul{width:100%;float:left;list-style-type:none;margin:0;padding:0;height:100%}
#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 .class_title {font-size: 1.6em;font-weight: bold;color:#ff3b0d;background-color:#;border-radius:8px;margin:0 8px}
#class_area .class_title a{color:#ff3b0d}
#class_area .class_selectOut .sub_note{width:100%;float:left;font-size:.9em;color:#333;margin:1em 0}
#class_area .class_selectOut .class_icon{height:120px;width:auto;border:0 dashed #000;margin:1rem auto;padding-top:30px;background:url(../images/0607092_15.png) repeat-x top}
#class_area .class_selectOut .class_icon img{height:auto;width:100px;margin:0 auto}
#class_area .class_selectOut .class_content{font-size:1em;line-height:1.3em;list-style-type:square;list-style-position:outside;text-align:left;margin-left:30px;color:#332005;padding-left:0;width:70%}
#event_fourth{width:100%;text-align:center;padding-top:0.12%;padding-bottom:2%;background-color:#FFD71A;border-top-width:8px;border-top-style:dotted;border-top-color:#FFF8E7;border-bottom-width:8px;border-bottom-style:dotted;border-bottom-color:#FFF8E7}
#event_fourth a:hover{text-decoration:none;left:2px;top:2px;position:relative}
#event_fourth h1{font-size:2.2em;float:left;color:#188FCE;width:94%;padding:0 0 0 4%}
#event_fourth h2{font-size:1.6em;float:left;width:100%;padding:0;color:#000;text-align:left}
#event_fourth h3{font-size:.9em;float:left;width:100%;padding:0;color:#000;font-weight:400;font-family:"Microsoft JhengHei",Verdana,Arial;margin:10px 0 0}
#event_fourth h3 a{font-size:1em;color:#188FCE;font-family:"Microsoft JhengHei",Verdana,Arial;font-weight:700}
.outlink img,.outlink a{display:inline-block}
#event_fourth table{margin-left:10%;background-color:#FFF;float:left;margin-right:10%;width:80%}
#event_fourth table th{height:30px;font-family:Verdana,"Microsoft JhengHei",Arial;text-align:center;color:#FFF;background-color:#44a1d2;padding-top:4px}
#event_fourth table td{height:30px;font-family:Verdana,"Microsoft JhengHei",Arial;text-align:center;padding-top:7px;background-color:#FFF;padding-bottom:7px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#188FCE}
#event_fourth table .txt_s{font-family:Verdana,"Microsoft JhengHei",Arial;font-size:13px}
.admit_title{width:92%;font-size:2rem;font-weight:700;padding-top:2%;padding-left:4%;font-family:"Microsoft JhengHei";padding-bottom:0;margin-bottom:0;margin-top:0;letter-spacing:-1px}
.admit_title,.li_t a{color:#006c9c}
.admit_title .ul_t{list-style-position:outside;list-style-image:url(../images/star.png);list-style-type:none}
.admit_title .li_t{line-height:1.3em!important}
#event_fourth .outlink a{font-size: 1.4rem;margin-right: 10px;}
.admit_title3 {/* float: left; */width: 80%;padding: 0;margin: 1% 10% -0.5%;font-size: 2.4rem;line-height: 1em;color: #1a0b01;/* font-family: "Microsoft JhengHei"; */text-align: center;}
.admit_title3 a{color:#FFF}
#event_fifth{width:100%;text-align:center;padding-top:3%;padding-bottom:2%;background-color:#fcfaf5}
#event_fifth .winner_t {width: 83%;padding-bottom: 1%;margin: 1% auto 2%;border-bottom: 12px dotted #ece2cb;}
#event_fifth .winner_t1 {font-size: 3em;/* line-height: 1.2em; */color: #e74259;font-weight: 700;border-bottom: 12px dotted #ece2cb;padding-bottom: 0.5%;display: block;}
#event_fifth .winner_t2 {font-size: 2.5em;color: #665489;font-weight: 700;margin-top: 1%;}
#event_fifth .winner_t3{font-size:2em}
#event_fifth .t_red{color:#e74259;font-weight:700}
#event_fifth h1{font-size:2.2em;float:left;color:#00BCD4;padding-top:0;padding-bottom:0;width:100%}
#event_fifth #experience {width: 100%;padding: 1% 9%;color: #000;font-size: 1.15em;border-top-width: 3px;border-top-style: dotted;border-top-color: #fcfaf5;text-align: left;}
#event_fifth #experience .stuednt{font-size:1.2em;font-weight:700;color:#000}
.subject,.stuednt{display:inline-block;text-align:left}
#event_fifth #experience .subject{font-size:1.2em;margin-left:5px;font-weight:700;color:#e74259;margin-bottom:5px}
#event_fifth #experience .content{clear:both;font-size:1em;line-height:1.6em;text-align:left;font-family:"Microsoft JhengHei",Verdana,Arial;border-bottom: 1px #ddcca3 solid;    padding-bottom: 1.5%;}
#event_fifth #experience .content a {color: #5270b4;font-weight: bold;font-size: 1.25rem;}
#event_fifth #experience .content a:hover{left:2px;top:2px;position:relative;text-decoration:none}
#event_fifth .linkmore{color:#727C2F;text-decoration:none;font-size:.9em;font-weight:700;width:100%;text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D96517;margin-left:4px;margin-right:4px;font-family:"Microsoft JhengHei",Verdana,Arial}
#event_fifth .linkmore a:hover{left:2px;top:2px;position:relative;text-decoration:none}
#event_six{width:100%;font-size:1em;text-align:center;padding-top:1%;padding-bottom:1%;background-color:#fcfaf5}
#event_six h1{font-size:.9em;color:#1D3E5A;width:100%;text-align:center}
.qrout {font-size: 1.2rem;color: #fff;}
.qrout a {color: #fff !important;}
.price_list,.price_list th,.price_list td{border:0px;border-collapse: collapse;}
.price_list th{background: #00BCD4!important;}
.price_list{font-size: 1.5rem;width: 80%!important;float: none!important;}
.price_list span{color: red;}
/*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%;
    }
    #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){
    .price_list{width: 100%!important;margin-left: 0!important;font-size: 1.3rem;}
	#event_master h1 {
    font-size: 1.9em;
    line-height: 2.4rem;
    padding-bottom: 5%;
    padding-top: 2%;
}
.lecture_title {
    font-size: 1.25rem !important;
    margin-bottom: 6% !important;
    margin-top: 6%;
}
#event_sec .lecture_introduction ol {
    margin-left: 6%;
    margin-bottom: 0%;
    display: inline-flex;
    flex-direction: column;
}
#event_sec h1.pass_title {
    font-size: 1.5em;
    width: 85%;
    margin-bottom: 10px;
    padding: 0.5% 0 0.5% 2.2%;
    border-radius: 20px;
}
#event_sec ul.goodpass {margin-left: 19%;margin-right: 5%;text-indent: -7.5%;}
#event_sec .lecture_introduction li {font-size: 1rem;}
#event_sec li {font-size: 1rem;float: none;}
#event_sec .icon_more {margin-top: 6%;margin-bottom: 3%;}
#event_third {padding-bottom: 9%;}
#event_third h1 {font-size: 1.5em;line-height: 2rem;margin: 3% 0% 3% 6%;}

.subject_list th {
    padding: 1% 2%;
    white-space: normal;
    width: 20%;
    font-weight: normal;
}
.admit_title {
    width: 92%;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    padding-top: 6%;
    padding-left: 4%;}
	
.admit_title3 {font-size: 1.9rem;line-height: 2.4rem;}
#event_fifth .winner_t1 {font-size: 2em;}
#event_fifth .winner_t2 {font-size: 1.4em;}
#event_fifth .winner_t3 {font-size: 1.45em;width: 250px;margin: 1% auto 3%;}
#event_fifth h1 {font-size: 2em;line-height: 2.5rem;margin: 2%;}
#class_area .class_selectOut {width: 71%;display: grid;margin: 2% auto;padding: 2% 0%;}
#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 {
}