@import url("../../../File/css/event.css");
body{font-family:'Noto Sans TC',sans-serif;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;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:.95rem;}
.title{font-size:2.875rem;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:.5rem;padding:.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:0;}
.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:.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:.5rem;padding:.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.0;color:white;padding:.3rem;}
.sale_flex dd{text-align:justify;font-size:2.0;}
.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:.1em 1em;text-decoration:none;border-radius:1em;border:0 solid #b16900;display:inline-block;font-weight:700;}
.topgrade .title{color:#000;padding:0 0 1rem;}
.topgrade .title span{color:#c62222;}
.topgrade{background:#FFF;border-radius:2em;padding:2%;margin:0 auto 4%;text-align:center;}
.topgrade .topgrade_wrap{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:.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){
    .row100{width:100%;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:auto;width:1180px;padding:2% 10px;}
    #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;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%;}
    .row100{width:100%;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:auto;width:100%;padding:2% 1%;}
    #Master_title{display:block;}
}
@media (max-width:1179px){
    .feature_flex dt{font-size:1.4rem;}
    .feature_flex dd{font-size:1.2rem;}
    .title{font-size:2.5rem;}
}
@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%;}
    .feature_flex dd{font-size:1.2rem;}
    .topgrade_focus{width:100%;}
}
@media (max-width:1023px){.title span{display:block;}}
@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:.5rem;}
    .sale_flex dd{font-size:1.5rem;}
    .topgrade .title{padding:0;}
}