@import url("../../../../File/css/event.css");

/*浮動AD*/
.fixed_btn .content{display: flex;justify-content: center;}
.fixed_btn .side-btn{background-color: rgba(86, 85, 85, 0.6);position: fixed;padding:8px 10px;box-sizing: border-box;top:50%;right:0;transform: translateX(0);transition: .3s;}
.fixed_btn .side-btn label {position: absolute;height:216px;width: 1.6rem ;background-color: rgba(86, 85, 85, 0.6);color: #ffffff;top:0;right: 220px;margin: auto;text-align: center;font-size: 1rem;border-radius: 5px 0 0 5px;}
.fixed_btn .side-btn label .fas{position: absolute;top: 100px;font-size: 1.2rem;}
.fixed_btn #side-btn-switch{position: absolute;display: none;z-index: -1;}
.fixed_btn #side-btn-switch:checked + .side-btn{transform: translateX(96%);}
.fixed_btn #side-btn-switch:checked + .side-btn label .fas{transform: scaleX(-1);} 
.fixed_btn #imgs {position: relative;width: 200px;height: 200px;overflow: hidden;}
.fixed_btn .img_li img{width: 200px;}
body {font-family: 'Noto Sans TC', sans-serif;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
ul,li {margin: 0px;padding: 0px;list-style-type: none;}
.bgcolor1{background: linear-gradient(45deg, #ffb051, #ffdd92,#ffe8b6, #ffffffa1);box-shadow: 0 3px 20px #f1524ebd;}
.bgcolor2{background: linear-gradient(45deg, #feb9cc, #ffdfee,#ffebf4, #ffffffa1);box-shadow: 0 3px 20px #f1524ebd;}
.bgcolor3{background: url(../../images/1201037/1201037_pink_bg.png) no-repeat center top fixed;background-size: 100%;box-shadow: 0 3px 20px #f1524ebd;}

.text-2xl {font-size: 1.5rem;}
.text-4xl {font-size: 2.25rem;}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
[class*="grid"]{display:grid}
.justify-center {justify-content: center;}
.askarea{}
.askarea_out{background-color: #ffcc5b;color: #000;}
.askarea .asktitle,.askarea #formlist{color: #000;}
.askarea input[type="submit"], .askarea input[type="reset"]{background-color: #c60000;}
h1 {font-size: 3rem;}
h2 {font-size: 2.5rem;}
h3 {font-size: 2.25rem;}

.banner{background: url(../../images/1201037/1201037_banner_bg.png) no-repeat center top fixed;background-size: 100%;background-color:#be000d;}
.banner_pc{width: 100%;margin: auto;}
.banner_pc img{width: 100%;vertical-align: middle;}
.banner_ipad{display: none;}
.br_pc{display: block;}
.blue{color: #395692;}
.title{font-size: 3.3rem;font-weight: 900;font-family: "Microsoft YaHei";color: #001233;text-align: center;transform: skewX(-10deg);}
#event_third .title{padding-bottom: 0.6rem;margin-bottom: 1.3rem;border-bottom: 2.5px #001233 dotted;}
#event_third .title span{color: #be0000;}
.title i{transform: skew(-5deg);}
#event_fourth .title{color: #be0000;padding: 2.5rem 0 .5rem;}
/*海量練題，答題力UP！*/
.feature{width:98%;margin:2% auto;grid-template-columns:repeat(2,1fr);grid-gap:25px 30px;}
.feature li{padding: 3% 2%;font-size: 1.8rem;text-align: center;border-left: 4px #d0000dbf  solid;border-right: 4px #d0000dbf solid;background: linear-gradient(to right, rgb(255 249 226), #ffefed);}
.feature li:hover{transform:translate(5px,-5px) skew(-15deg);}
.feature li,.feature li a{color: #d0000dbf;text-decoration: none;}
.feature li:hover,.feature li a:hover{color: #395692;font-size: 2rem;}
/*新班開課，即刻入列！*/
.detail{display: flex;flex-wrap: wrap;justify-content: center;}
.detail dl{text-align: justify;}
.detail>dl{width:25%; padding:0 0 1%;margin: 1rem 0.5rem;box-shadow: 1px 1px 2px #00000030;}
.detail>dl:nth-child(n+1):nth-child(-n+4) {width:23%;}
/* .detail>dl:nth-child(odd){background:#ffffeebf;} */
.detail>dl>dt {font-size: 2rem; padding: 3px 0; font-weight: 500; background: #d0000d;background: linear-gradient(30deg,#da1521 30%, #dc3d45, #ef3b35de 70%);color: #fff; margin-bottom: 8px; text-align: center; }
.detail>dl>dd{font-size:1.4rem;line-height:1.7em;text-align:left;padding-left:8%;}
.detail .suject::after{content: ' ';margin: 0 0.2rem;}
.detail .date{font-family: Verdana,"Microsoft JhengHei";font-weight: bold;}
.more_newopen{font-size:1.8rem;text-align:center;}
#event_sec .more_newopen{margin: 3% 0 1%;}
#event_fourth .more_newopen{margin: 2% 0 4%;}
.more_newopen a{text-align: center;color: #c60000;padding: 1% 5%;text-decoration: none;display: inline-block;margin: 5px;/*border-radius: 15px;border: 1px #395692 solid;border-left: 5px #395692 solid;border-right: 5px #395692 solid;*/    border-top: 3px #395692 solid;border-bottom: 3px #395692 solid;letter-spacing: 3px;background: linear-gradient(to right, rgb(255 230 130), #fff);clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 6% 50%, 0% 0%);}
.more_newopen a:hover{transform:scale(1.05);transition:all .3s linear;color: #395692;}
/*速效攻榜最有「利」的靠山！*/
.discount_box{width:76%;margin:0 auto;/*background: linear-gradient(40deg, #ffefed, rgb(255 249 226 / 89%));*/padding:1%;/*border-left: 5px #d0000dbf solid;border-right: 5px #d0000dbf solid;*/text-align:center}
.discount_box {font-size:1.95rem;line-height:1.7em}
.discount_box span{font-weight: bold;font-family: Verdana,"Microsoft JhengHei"}
.discount_box strong{color:#c60000;font-family: Verdana,"Microsoft JhengHei";font-size: 1.95rem;}
.discount_box small{font-size: 1.2rem;}
.discount_box .sale_tag{vertical-align: middle;color: #001233;font-size: 1.4rem;padding: 0.2rem;}
.sale{font-size:1.8rem;display: flex;justify-content: center;margin: 1rem auto;background: linear-gradient(to right, rgb(255 249 226), #ffefed);padding: 2rem;border-left: 6px dotted #dc3e43;border-right: 6px dotted #dc3e43;box-shadow: 1px 1px 3px #00000047;}
.sale div{text-align: justify;}
.discount_box .additional{font-size: 1.3rem;}
.not_applicable{text-align: center;font-size: 1.1rem;}
/*高點學員一舉中第，制霸考場！*/
.experience_box>dl{width: calc(100%/2 - 1%);margin:1% auto 2%;background:#ffffff70;box-shadow: 1px 1px 3px #00000047;}
.experience_box>dl>dt{font-size: 2.3rem;color: #001233;background: linear-gradient(to right,#ffbc2a 0%,#ffc546 20%,#ffe8b7 80%,#fff1d300 90%);padding: 8px 25px;text-align: left;margin: auto;}
.experience_box>dl>dd{padding:1rem;}
.experience_box>dl>dd:nth-of-type(1){font-size:1.8rem;line-height:1.8em;font-weight:500;border-bottom: 2px dotted #ef8180;margin:0 auto;}
.experience_box>dl>dd:nth-of-type(1)>strong{color: #c60000;display: block;font-size: 1.85rem;font-family: Verdana,"Microsoft JhengHei"}
.experience_box>dl>dd:nth-of-type(2){font-size:1.2rem;text-align: left;line-height:1.6em;font-family: "Microsoft JhengHei";}
.experience_box>dl>dd:nth-of-type(3){position:relative}
.experience_box>dl>dd:nth-of-type(2) a{text-decoration:none;_position:absolute;top:5px;bottom:0;left:0;right:0;padding: 0px 0.2rem;margin:auto;font-weight:700;text-align:center;color: #395692;font-size:1.3rem}
.experience_box dl dd small {font-size: 1.3rem;}
.experience_box .top{color: red;}
.experience_box .pass{font-size: 1.8rem;background-color: #c60000;border-radius: 50rem;color: #fff;padding: 0.2rem 1rem;}
.experience_box dt i{color: rgb(255 90 51);}
.teacher_name {font-size: 1.2rem;color: #001233;padding: 0.5rem 0 1rem 0;text-align: center;}
/*三格廣告*/
.recommend{padding: 2% 0 1%;}
.recommend li{width:calc(100%/3 - 4px);display:inline-block;text-align:center}
.recommend li img{width:100%}
.recommend li a{display:inline-block;color:#000}
.recommend li a:hover{transform:scale(1.05);transition:all .3s linear}
.recommend li a:hover img{box-shadow:0 0 8px 0 #2d2412}
.recommend li figcaption{font-size:1.2rem}
.recommend li figure{width: calc(100% - 10%)}
/*浮動條*/
#navbottom{width:100%;padding:15px 0;text-align:center;position:fixed;bottom:0;background:#a438da;}
#navbottom.on{opacity:.9;transition:all .25s linear}
#navbottom a{color:#FFF;text-decoration:none}
#navbottom>ul>li{font-size:1.3rem;margin:0 10px;display:inline}

@media (min-width: 1201px) {

    /*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寬外框*/
    #event_fourth{margin:0 auto;}
    #Master_title {display:block;}/*主圖位置ID*/
    #navbottom{opacity:0}
   
    /*瀏覽器相容性通知*/
    #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: 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:96%;padding:2%;}
    /*body*/
    #Master_title {display:block;}/*主圖位置ID*/

    /*event*/ 
    .banner_pc{display: none;}
    .br_pc{display: none;}
    .banner_ipad{display: block;}
    .banner_ipad img{width: 100%;vertical-align: middle;}
    .br_ipad{display: block;}
    .title {font-size: 3.1rem;} 
    #event_fourth .title {padding: 0.5rem 0 0.5rem;}
    .bgcolor3{background-size: 100% 100%;}
    .experience_box>dl {background: #ffffff70;}
    .experience_box>dl>dd:nth-of-type(1) {text-align: center;}
    .discount_box {width: 90%;}
    .detail>dl>dd {padding-left: 23%;}
    .more_newopen a {padding: 1% 8%;}
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature{width:90%}
}

@media (min-width: 768px) and (max-width: 991px) { 
    .feature{width:100%;grid-gap:10px}
    .feature li{font-size:1.25rem}
    .detail>dl:nth-child(n+1):nth-child(-n+4) { width: 45%; }
    .detail>dl{width: 45%;}
    #navbottom{padding:8px 0}
    #navbottom>ul{width:96%;margin:0 auto}
    #navbottom>ul>li{font-size:1.2rem;margin:5px 10px}
}

@media (max-width: 767px) {  
    /*浮動AD*/
    .fixed_btn{display: none;}

    .br_mobile{display: block;}
    .br_ipad{display: none;}
    .title {font-size: 1.5rem;margin-bottom: 0.3rem;}
    #event_fourth .title {padding: 0.5rem 0 0.5rem;}
    .feature{width:96%;grid-template-columns:repeat(1,1fr);grid-gap:10px 0}
    .feature li{font-size:1.2rem;padding:2%}
    .detail>dl>dt {font-size: 1.6rem;}
    .detail>dl>dd {font-size: 1.2rem;}
    .detail>dl:nth-child(n+1):nth-child(-n+4),.detail>dl{ width: 100%;margin: 0.5rem auto;}
    .more_newopen { font-size: 1.3rem;}
    .more_newopen a {font-size: 1.3rem;padding: 0.5rem 2.5rem;}
    .discount_box { width: 90%; padding: 2% 3%;font-size: 1.4rem;}
    .discount_box .sale{font-size: 1rem;text-indent: -1rem;padding-left: 3rem;}
    .discount_box strong {font-size: 1.1rem;}
    .discount_box .additional{font-size: 1rem;}
    .discount_box small {font-size: .8rem;}    
    .experience_box>dl{width:96%;margin:2% auto 20px}
    .experience_box>dl>dt{font-size: 1.5rem;padding: 8px 26px;}
    .experience_box>dl>dd:nth-of-type(1){font-size:1.1rem}
    .experience_box>dl>dd:nth-of-type(2){font-size:1rem}
    .experience_box>dl>dd:nth-of-type(1)>strong {font-size: 1.2rem;}
    .experience_box>dl>dd:nth-of-type(2) a {font-size: 1.1rem;}
    .experience_box>dl>dd:nth-of-type(3) a{font-size:1.25rem}
    .experience_box .pass {font-size: 1.2rem;}
    .experience_box dl dd small {font-size: .9rem;}
    .teacher_name {font-size: 1rem;padding: .5rem .5rem 1rem .5rem;}
    .recommend li{width:100%;margin:auto;}
    .recommend li img{display:block}
    .recommend li figcaption{font-size:1.1rem}
    .recommend li figure { width: 78%;}
    #navbottom{padding:2% 0}
    #navbottom>ul>li{font-size:1.05rem;line-height:1.6em;margin:1% 1.5%;display:inline-block}
    .not_applicable {font-size: .9rem;}
    #back-top {bottom: 95px;}
    
    
}

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