@import url("../../../icon_new/css/all.min.css");
/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead {margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
/*remember to define focus styles!*/
:focus {outline:0;}
/*remember to highlight inserts somehow!*/
ins {text-decoration:none;}
del {text-decoration:line-through;}
/*所有元素漸變0.5秒*/
* {transition:all .5s;}
/*Back to top button */
#back-top {position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99;}
#back-top a {width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s;}
#back-top a:hover {color:#000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition:1s;}
#back-top a:hover span {background-color:#777;}
body {font-family:'Noto Sans TC', sans-serif;font-weight:;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
ul,li {margin:0px;padding:0px;list-style-type:none;}
.bgcolor {background:url(../images/1305007_01.png) no-repeat bottom;background-size:cover;}
.bgcolor1 {background:linear-gradient(to right, #ae1212 6%, #d92e2e 60%, #ae1212 93%);}
.bgcolor2 {background:url(../images/1305007_icon04.png) no-repeat right,linear-gradient(to right, #ddba93 0%, #f4efe5 15%, #f4efe5 85%, #ddba93 100%);}
.bgcolor3 {background-color:#EBEBEB;}
.bgcolor4 {background-color:#ffffff;}

.text-2xl {font-size:1.5rem;}
.text-4xl {font-size:2.25rem;}
.flex {display:flex;}
.flex-wrap {flex-wrap:wrap}
.justify-center {justify-content:center;}
h1 {font-size:3rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2.25rem;}
small {font-size:0.95rem;}
.title{font-size:3.2rem;font-weight:900;font-family:"Microsoft YaHei";color:#c62222;text-align:center;}
.note{text-align:right;}


.feature_flex{justify-content:space-around;}
.feature_flex dl{width:calc(100%/3);text-align:center;}
.feature_flex dt{font-size:2.0rem;text-align:center;color:white;border-radius:2.5rem;margin-right:0.5rem;padding:0.5rem;}
.feature_flex dd{font-size:1.7rem;margin:.5rem 0;color:#f3ebdc;}
.feature_flex dl:nth-child(1) dt,.sale_flex  dl:nth-child(1) dt{background:linear-gradient(to right, #0e7dc1 6%, #41a4e1 60%, #0e7dc1 93%);}
.feature_flex dl:nth-child(2) dt,.sale_flex  dl:nth-child(2) dt{background:linear-gradient(to right, #7cb756 6%, #a0d77c 60%, #7cb756 93%);}
.feature_flex dl:nth-child(3) dt{background:linear-gradient(to right, #ae7d42 6%, #eba857 60%, #ae7d42 93%);}
.feature_flex figure{margin:2%;}
.feature_flex figure img{max-width:100%;height:auto;}
.teacher_flex,.price-flex,.list_flex,.sale_flex{display:flex;flex-wrap:wrap;margin:2.5% 0 4%;}
.feature_flex{display:flex;flex-wrap:wrap;margin:0% 0%;}
.teacher_flex,.price-flex,.price-flex+a,.list_flex,.billboard a{margin:1.5% 0 0;}
.teacher_item {width:calc(100%/3 - 2%);text-align:center;margin:1%;background:linear-gradient(to bottom, #fff2de 5%,#ffffff 70%);border-radius:0px;}
.teacher_item .suject dt{font-size:2rem;font-weight:bold;background:linear-gradient(to top, #ae1212 6%, #d92e2e 60%, #ae1212 93%);color:white;border-radius:5px;margin:-8px -7px 7px;position:relative;}
.teacher_item .suject dt:before,.teacher_item .suject dt:after{content:"";position:absolute;width:4px;height:100%;background:linear-gradient(to bottom, #b9863b 0%,#edd29d 50%, #b6833e 100%);top:0;}
.teacher_item .suject dt:before{left:3%}
.teacher_item .suject dt:after{right:3%}
.teacher_item .suject dd{font-size:1.5rem;margin:0 5%;border-bottom:dotted 2px #cc1722;padding-bottom:1%;}
.teacher_item .suject dd a{color:#cc1722;}
.teacher_item figure{margin:0;}
.teacher_item .course_date{padding:0% 0% 2%;margin:0;background:linear-gradient(to right, #d9bb90 10%,#fff1d5 100%);color:#cc1722;border-bottom:solid 5px;}
.teacher_item .indent{display:block;text-indent:5em;}
.teacher_item .course_date dt{font-size:1.5rem;border-bottom:dotted 2px;margin-bottom:0.2rem;font-weight:bold;background:linear-gradient(to right, #ae814f 0%, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);}
.mock_test{margin-bottom:3%;}
.mock_test dd{font-size:1.25rem;}
.title .quiz{background-color:#cc1722;color:#FFF;border-radius:2.5rem;margin-right:0.5rem;padding:0.5rem 2.5rem;}
.sale_flex{justify-content:space-around;font-size:1.5rem;}
.sale_flex dl{width:calc( 100%/2 - 5%);}
.sale_flex dt{text-align:center;font-size:2.0rem;color:white;padding:0.3rem;}
.sale_flex dd{text-align:justify;font-size:2.0rem;}
.sale_flex .price{color:#cc1722;margin:0 .5rem;font-weight:900;}
.start-date{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.start-date div,.start-date a{font-size: 1.7rem;}
.start-date a{font-size: 1.7rem;background: #e50303;margin:1rem;color: #FFF;padding: 0.1em 1em;text-decoration: none;border-radius: 1em;border: 0 solid #b16900;display: inline-block;font-weight: 700;}

.topgrade .title{color:#000;}
.topgrade .title span{color:#c62222;}
.topgrade{background:#FFF;border-radius:2em;padding:2%;margin:0% auto 4%}
.topgrade .topgrade_wrap{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0.5rem 0;}
.topgrade ul li{font-size:1.6rem;line-height:1.7em;text-align:left}
.topgrade ul li:before{content:"\f559";font-family:"Font Awesome 5 Free";font-weight:900;font-size:2rem;margin-right:8px;color:#fc4128}
.topgrade ul li strong{color:#fc4128}
.topgrade_focus{font-size:1.8rem;font-weight:900;background:linear-gradient(to right, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);display:inline-block;width:90%;}
.navlink{margin:1% auto;text-align:center}
.navlink>li{display:inline;margin:0 1%;font-size:1.5rem}
.navlink>li>a{background:#e50303;color:#FFF;padding:.3em 1em;text-decoration:none;border-radius:1em;border:0 solid #b16900;display:inline-block;font-weight:700}
.navlink>li>a:hover{transform:scale(1.02)}
.navlink>li>a.bt{background:#000}

@media (min-width:1201px) {
    /*body*/
    #BodyHeader_event,#header-share {width:100%;}
    #BodyHeader_event a,#BodyHeader_event #header-share {font-size:1.1em;}
    #BodyHeader_event #header-share {margin:0 auto;	background-color:#FFF;}	
    #BodyHeader_event #header-share img {margin-bottom:5px;}
    #BodyHeader_event a {color:#333;}
    #BodyHeader_event a:hover {color:#666;/*position:relative;top:2px;bottom:2px;*/}
    #BodyContent {width:100%;padding:0;margin:0;	}
    #BodyContainer_event {width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli {display:none;}
    /*event*/
    .row100 {width:100%;}/*滿百100%區域*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth {margin:2% auto;display:inline-block;width:1180px;padding:10px;}/*資料集中1200px寬外框*/
    #Master_title {display:block;}
	/*主圖位置ID*/
    /*footer*/
    #BodyFooter_rwd,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li {width:100%;}
    #BodyFooter_rwd {float:left;background-color:#FFF;}
    #BodyFooter_rwd a:hover {text-decoration:none;}
    #BodyFooter_rwd #footer_line {width:90%;height:auto;margin:1% 5%;display:block;float:left;text-align:center;border-top:thin solid #999;}
    #BodyFooter_rwd #footer_inline a {color:#000;font-size:1em;}
    #BodyFooter_rwd #footer_inline ul {float:left;padding:0;margin:3% auto 0% auto;}
    #BodyFooter_rwd #footer_inline ul li {display:inline;line-height:2em;font-size:1em;	clear:both;	margin-right:0.5em;}
    #BodyFooter_rwd #footer_inline ul li img {height:auto;vertical-align:middle;}
    #BodyFooter_rwd #footer_address {margin:0% auto auto auto;text-align:center;}
    #BodyFooter_rwd #footer_address a {color:#000;}
    #BodyFooter_rwd #footer_address ul {padding:0;margin-bottom:1%;text-align:center;}
    #BodyFooter_rwd #footer_address ul li {margin-right:0;float:left;line-height:2em;text-align:center;font-size:1em;	list-style-type:none;	display:inline-block;}
    /*ask*/
    #askarea_out * {font-size:1em}
    #askarea_out {background-color:#fb932c;width:100%;display:inline-block;text-align:left}
    #askarea {width:1200px;margin:0 auto}
    #askarea img {width:8%;height:auto}
    #askarea p {margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p {text-align:center;margin-top:2%;}
    #askarea .asktitle {color:#FFF;font-size:1.4em}
    #askarea #formlist {width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input {border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto;}
    #askarea SELECT {width:19.7%}
    #askarea input {color:#A1A1A1}
    #askarea input[name="sContent"] {width:50%}
    #askarea input[type="text"] {width:40%;height:20px}
    #askarea input[type="radio"] {margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"] {width:11%;height:45px;color:#FFF;background-color:#542b05;padding:.5em}
    /*瀏覽器相容性通知*/
    #noie {color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;	background-color:#3399CC;z-index:9999;position:fixed; _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0;}
    #noie a {color:#FC0;}
    .hottxt { color:#ffd942; font-size:13px;}    
}
@media (max-width:1500px) {
	.bgcolor2 {background:linear-gradient(to right, #ddba93 0%, #f4efe5 15%, #f4efe5 85%, #ddba93 100%);}
}
@media (max-width:1200px) {
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie,.toparea {display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width:100%;padding:0;}
    #BodyContainer_event {width:100%;}
    /*header*/
    #BodyHeader_event_rwd {text-align:center;width:100%;height:auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    /*portrait直式 landscape橫式*/
    #BodyHeader_event_rwd img {height:auto;margin:2.5% auto 0;}
    @media screen and (orientation:portrait) {#BodyHeader_event_rwd img {max-width:50%;}}
    @media screen and (orientation:landscape) {#BodyHeader_event_rwd img {max-width:25%;}}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth {margin:2% auto;display:inline-block;width:96%;padding:1%;}
    /*body*/
    #Master_title {display:block;}/*主圖位置ID*/
    @media all and (orientation :portrait) {#Master_title {margin-top:15%;}}
    @media screen and  (orientation:landscape) {#Master_title {margin-top:10%;}}
    /*event*/    

    /*footer*/
    #BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li {width:100%;float:left;}
    #BodyFooter_rwd {background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
    #BodyFooter_rwd #footer_inline a {color:#000;line-height:2em;}
    #BodyFooter_rwd #footer_inline ul {padding:0;margin-bottom:1%;text-align:center}
    #BodyFooter_rwd #footer_inline ul li img {max-width:40%;height:auto;margin-bottom:2%}
    #BodyFooter_rwd #footer_inline ul li {display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
    #BodyFooter_rwd #footer_address {margin:0% auto auto auto;text-align:center;}
    #BodyFooter_rwd #footer_address a {	color:#000;line-height:2em;}
    #BodyFooter_rwd #footer_address ul {padding:0;text-align:center;margin-bottom:1%;clear:both}
    #BodyFooter_rwd #footer_address ul li {display:block;line-height:2em;text-align:center;font-size:.8em}
    /*ask*/
    #askarea {background-color:#fb932c;width:98%;height:auto;float:left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p {text-align:center;}
    #askarea .asktitle {font-size:1.0em;color:#FFF;/*margin-bottom:5%;*/}
    #askarea p {margin:0% auto auto 5%;	width:90%;}
    #formlist {width:99%;float:left;margin:2% auto auto 0%;padding-right:1%;font-size:0.8em;color:#FFF;}
    input[name="sContent"] {width:50%;}
    input[type="text"] {width:99%;}
    SELECT,input {border-radius:7px;font-size:1.0em;margin:auto 1% 3% auto;background-color:#FFF;height:30px;}
    SELECT {width:100%;border:#FFF;	padding:0.5%;}
    input {border:#FFF;padding:1%;color:#C6C6C6;}
    input[type="submit"],input[type="reset"] {color:#FFF;background-color:#542b05;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"] {width:1em;height:1em;margin-left:3%;}
    /*TOP按鈕*/
    #topli,#topli a {color:#fff;text-decoration:none;}
    #topli {width:50px;height:50px;text-align:center;border-radius:9999em;background-color:#000;opacity:.4;position:fixed;line-height:50px;font-size:15px;}
    @media screen and (orientation:portrait) {#topli {right:1%;bottom:8%;}}
    @media screen and (orientation:landscape) {#topli {right:1%;bottom:15.8%;}}
}

@media (min-width:992px) and (max-width:1199px) {
	#Master_title img {width:100%;}
}

@media (min-width:768px) and (max-width:991px) {  
	#Master_title img {width:100%;}
    .title {font-size:2.2rem;}
    .feature_flex dt {font-size:1.5rem;}
    .feature_flex dd {font-size:1.2rem;}
    .topgrade_focus{width:100%;}
}

@media (max-width:767px) {   
 #Master_title img {width:100%;}
	.title{font-size:1.8rem;}
    .title span{display:block;}
    .teacher_item {width:calc(100%/1);margin:0 5% 15px;}
    .teacher_item dt {font-size:1.3rem;}
    .feature_flex dl{width:calc(100% / 1);}
    .sale_flex{font-size:1.3rem;}
    .sale_flex dl {width:calc(100% / 1 - 5%);}
    .topgrade_focus {font-size:1.2rem;width:100%;}
    .topgrade ul li,.topgrade ul li:before{font-size:1.2rem;}
    .navlink>li {font-size:1.2rem;}
    .start-date div{font-size: 1.3rem;text-align: center;width: 100%;}
	.start-date a {font-size: 1.3rem;margin: 0.5rem;}    
}