@import url("../../../File/css/event.css");
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) {
    /*event*/
    .row100 {width:100%;}/*滿百100%區域*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth {margin:auto;width:1180px;padding:2% 10px;}/*資料集中1200px寬外框*/
    #Master_title {display:block;}
	
    /*瀏覽器相容性通知*/
    #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%;}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth {margin:auto;width:100%;padding:2% 1%;}
    /*body*/
    #Master_title {display:block;}/*主圖位置ID*/
}

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