figure{padding:0;margin:0}
#event *{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
[class*="flex"]{display:flex;flex-wrap:wrap}
.bgcolor0{background:#f6f6f6}
.bgcolor1{background:#ffff4b}
.bgcolor2{background:#f7f7f7}
.bgpadding{padding:2%}
#event{width:100%;margin:0 auto}
#event i{margin-right:3px}
#event a:hover{position:relative;top:2px;bottom:2px;text-decoration:none}
#event h1,#event h2,#event h3{text-align:center;font-family:"Microsoft YaHei";color:#00284c}
#event h1{font-size:2.5rem}
#event h2{font-size:2rem;margin-top: 1.5rem;}
#event h2 .color_pink{color: #f03384;}
#event h3{font-size:1.7rem;font-weight:500;background:#155190;color:#FFF;text-align:center;border-radius:10px 10px 0 0;padding:3px 0}
#event h4{font-size:1.5rem}
#event h4 a{color:#000}
.pc_line{display: block;font-weight: bolder;}
.mb_line{display: inline;}
/*主圖*/
#event img{max-width:100%;height:auto}
.masterbanner{background:url(../images/0911033_sun.svg)no-repeat 89% 8%,#26B9DB;text-align:center;padding:2% 0 0;overflow:hidden}
.way{font-size:1.9em;background:#fff;color:#ff6ba8;padding:7px 0;position:relative;margin:15px 0 0}
.way span{position:relative;z-index:2;font-weight: bold;}
.way:before{content:"";position:absolute;width:33px;height:286px;background-color:#fff;right:107px;bottom:-70%;transform:rotate(60deg)skewY(30deg)}
.way:after{content:"";position:absolute;width:33px;height:249px;background-color:#fff;right:106px;top:-24%;transform:rotate(126deg)skewY(-36deg)}
.master_grid{display:grid;grid-template-columns:repeat(5,1fr);background:url(../images/0911033_home.svg)no-repeat left bottom;padding:0;}
.master_b{grid-column-start:2;grid-column-end:5;order:1}
.master_a{position:relative;top:48px;z-index:2;order:1}
.master_c{display:flex;grid-column-start:5;align-items:flex-end;order:3}
.master_c img{position:relative;z-index:2}
.masterbox{margin:0;position:relative}
.masterbox>div{width:calc(100%/4);padding:1.3% 2% 2%;background:#155190;text-align:justify;box-sizing:border-box;color:#fff;border-right:solid 1px #b1becb}
.masterbox>div:hover{
    background: -moz-radial-gradient(50% 50%, circle closest-corner, #2D6EA1 50%, #155190 84%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle closest-corner, #2D6EA1 50%, #155190 84%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle closest-corner, #2D6EA1 50%, #155190 84%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle closest-corner, #2D6EA1 50%, #155190 84%);/* IE10+ */
    background: radial-gradient(50% 50%, circle closest-corner, #2D6EA1 50%, #155190 84%);/* W3C */
}
.masterbox>div:last-child{border-right:none}
.masterbox>div>strong{display:block;text-align:center;font-size:1.5em;margin:0 0 3px;color:#ff0;line-height:32px;padding:0 0 5px}

/* swiper */
:root {
    --slide-brightness-inactive: 0.5;
    --slide-brightness-active: 1;
}
/* 定義滑動元素的通用樣式 */
.swiper-slide {
    filter: brightness(var(--slide-brightness-inactive));
}
/* 活動的滑動元素 */
.swiper-slide-active, .swiper-slide-duplicate-active {
    filter: brightness(var(--slide-brightness-active));
}
.video-button{background: #26B9DB !important;}

/*考試日期*/
/* .time{padding:0 3%;margin-bottom: 1.5rem;}
.time_box{width:80%;align-items:center;justify-content: center;}
.time_box>div{text-align:center;width:150px;height:80px;padding:35px 0;border-radius:50%;margin:0 15px 0 0;font-size:1.4rem;font-weight: bold;line-height:35px;color:#fff}
.time_box:nth-of-type(1)>div{background:#26b9db}
.time_box:nth-of-type(2)>div{background:#ff6ba8}
.time_box>div a{color:#FFF;text-decoration:none;font-size: 1.4rem;}
.time_box>div strong{display:block}
.time_box>ul{width: 65%;}
.time_box>ul li{font-size:1.3rem;line-height:1.7em;font-family: Verdana,"Microsoft JhengHei";width: 50%;margin: .3rem 0;}
.time_box>ul li span{font-weight:700;margin-right:5px;border: 1px solid #0000002c;padding: .15rem .5rem;border-radius: 50rem;}
.time_box>ul li:last-of-type a{color:#e50616;font-weight:700} */

.time{padding:0 3%;margin-bottom: 1.5rem;}
.time_box{width:45%;align-items:center;justify-content: center;}
.time_box>div{text-align:center;width:150px;height:80px;padding:35px 0;border-radius:50%;margin:0 15px 0 0;font-size:1.4rem;font-weight: bold;line-height:35px;color:#fff}
.time_box:nth-of-type(1)>div{background:#26b9db}
.time_box:nth-of-type(2)>div{background:#ff6ba8}
.time_box>div a{color:#FFF;text-decoration:none;font-size: 1.4rem;}
.time_box>div strong{display:block}
.time_box>ul li{font-size:1.3rem;line-height:1.7em;font-family: Verdana,"Microsoft JhengHei";}
.time_box>ul li span{font-weight:700;margin-right:10px;border: 1px solid #0000002c;padding: .15rem .5rem;border-radius: 50rem;}
.time_box>ul li:last-of-type a{color:#e50616;font-weight:700}

/*學習模式*/
/* .learning{padding:3% 0} */
.learning_box{margin:.5% auto 0;align-items:stretch}
.learning_box>div{width:33%;text-align:center;background:#fff;padding:1.5% 1%;margin:0 auto;border-radius:8px;box-sizing:border-box;min-height:417px}
.learning_box>div>h4{line-height:1.8em;border:solid 1px #cecece;border-radius:25px;font-weight:700;text-align:center}
.learning_box>div>p{text-align:justify;font-size:1.05em;margin:0 0 10px}
.learning_box>div>p:nth-child(2){height: 8rem;}
.learning_box>div>p>span{color:#FFF;background:#e50616;padding:0 5px;border-radius:25px}
.learning_box>div>small{font-size:.9rem}
.learning_box>div>small>a{color:#000}

.learn-mode{display:flex;flex-wrap:wrap;justify-content:space-around;}
.learn-tool{width:33%;background-color:rgb(255,246,246);border-radius:0 0 10px 10px;}
.learn-tool dl{text-align:center;padding:0.3rem 1rem;}
.learn-tool dt{font-size:1.5rem;color:#FFF;}
.learn-tool dd{color:#FFF;}
.learn-tool img{width:100%;height:200px;}
.learn-guide{display:flex;flex-wrap:wrap;padding:0.5rem;text-align:justify;}
.fa_bg1{background-color:#c85d5d;}
.bgcolor6{background-color:#e99700;}
.bgcolor8{background-color:#6daf53;}
.learn-guide a{position:relative;color:#404040;}
.learn-guide a::before{content:'\f144';font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;color:#c6c7c8;left:-1.2rem;}
.learn-price{display:none;}
/*命中*/
.learning_box div .title{color:#FFF;background:#26b9db;padding:5px 0;border-radius:5px;font-weight: 900;font-size: 1.2rem;text-align: center;}
.learning_box div .hit{line-height:1.8em;border:solid 1px #cecece;border-radius:10px;font-weight:500;text-align:justify;padding:5px 10px;}
.learning_box div .hit a{color: #000;}

/*課程*/
.course_box{margin:.5% auto 0}
.course_detail{margin:0 auto 2%}
.course_detail a{color: #e50616;}
.course_detail>h3+div{background:#FFF;border-radius:0 0 10px 10px;justify-content: center;}
.course_detail ul{width:calc(100%/2);margin:0 auto;padding:1% 3%;box-sizing:border-box}
.course_detail li{font-size:1.1em;line-height:1.8em;position:relative;padding:0 0 0 10px}
.course_detail li:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #155190;left:0;top:10px}
.course_detail li a{color:#000}
.course_detail li:nth-of-type(1){font-weight:700;font-size:1.3em;color:#155190;margin:0 0 0 -12px}
.course_detail li:first-child:before{content:none}
.course_detail li small{font-size:.9rem}
.course_detail li strong{color:#e50616}
.ps{text-align:center;margin-top: .5rem;}
.ps a{color:#0066ff;}
/*經驗談*/
.media_bg{padding:0 3%}
.media_box{margin:2% auto;align-items:flex-start}
.media_box>figure{width:130px;height:130px;border-radius:50%;background:#FFF;overflow:hidden;position:relative;border:solid 1px #ff6ba8}
.media_box>figure>img{max-width:100%;position:absolute;left:0;right:0;margin:auto;top:0}
.media_box>p{width:74%;padding:1.5% 2%;margin:0 auto 0 6%;font-size:1.1em;line-height:1.7em;background:#26b9db;position:relative;color:#fff}
.media_box>p:before{content:"";top:10%;content:" ";height:0;width:0;position:absolute;border-style:solid;right:100%;border-width:15px 15px 15px 0;border-color:transparent #26b9db transparent transparent}
.media_box>p>span{font-size:1.3em;font-weight:700;display:block;color:#ff0}
.media_box>p a{color:#ff0}
/*連結*/
.navlink{margin:4% auto 2%;text-align:center}
.navlink li{display:inline-block;margin:0 1%}
.navlink a{background:#e50616;color:#FFF;padding:5px 15px;border-radius:50px;text-decoration:none;font-size:1.2em}
/*-------------------------------------------------------------------------------------*/
@media all and (min-width:1px) and (max-width:1200px){
/*Event隱藏*/
#BodyContentNavigator,#EventHeaderin,#BodyContentAd,#MenuFixed{display:none}
.media_box>p{width:70%}
}
/*Mobile*/
@media all and (min-width: 1px) and (max-width:767px) {
.mb_line{display: block;}
.master_grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);margin:0 15px;background:url(../images/0911033_home.svg) no-repeat center bottom;}
/* .master_a{grid-column-start:1;grid-column-end:2;top:0;order:2;padding:0 14px} */
.master_b{order:1;grid-area:1/1/2/5;}
.master_c{order:3;grid-area:2/2/3/4;}
.masterbanner{background:url(../images/0911033_sun.svg)no-repeat 96% 43% / 11%,#26B9DB}
.way:before,.way:after{content:none}
.way{font-size:1.25em;padding:7px 5px}
/* .learning{padding:8% 0} */
.bgpadding{padding:4% 2%}
#event h2{font-size:1.3rem}
#event h3{font-size:1.4em;line-height:1.6em}
/* #event h2 span{display:block} */
.masterbox>div{width:calc(100%/2);border-bottom:solid 1px #b1becb;padding:3.3% 2.5% 4%}
.masterbox>div:nth-child(even){border-right:none}
.time{padding:0}
.time_box{width: 100%;margin: 1rem 0;}
.time_box>div{width:120px;height:60px;padding:30px 0;font-size:1.2em;line-height:30px;margin:0 auto 2%}
.time_box>ul li{font-size:1.05rem;width: 100%;margin-top: 5px;}
.time_box>ul li:last-child{text-align:center}
.time_box>div a{font-size: 1.1rem;}
.learning_box{margin:1% 2%}
.learning_box>div{width:100%;margin:1% auto;padding:5% 4%;min-height: auto;}
.learning_box>div img{width:100%}
.learning_box>div>p:nth-child(2){height: unset;}
.learning_box>div>p>span{display:inline-block}
.learn-mode{margin:0;}
.learn-tool{margin:1rem auto;width:95% !important}
#event .course br{display: none;}
.course_box{margin:1% 2%}
.course_detail{margin:0 auto 4%}
.course_detail ul{width:92%;padding:2% 4%}
.course_detail ul:nth-of-type(1){border-bottom:1px dashed #d03478}
.course_detail li:nth-of-type(1){font-size:1.2em}
.course_detail li{font-size:1rem}
.ps{margin:2% auto;font-size:.9rem}
.media_bg{padding:0}
.media_box{margin:4% auto}
.media_box>figure{margin:0 auto}
.media_box>p{width:90%;padding:3% 4%;margin:6% auto 0;font-size:1em}
.media_box>p:before{right:auto;left:45%;top:auto;bottom:100%;border-width:0 15px 20px;border-color:transparent transparent #26b9db}
.media_box>p>span{font-size:1.1em}
.navlink{margin:6% auto 2%}
.navlink a{font-size:1.05em;margin:6px 0;display:inline-block}
}