ul,li{list-style:none}
*{transition:all .5s ease}
[class*="flex"]{display:flex;flex-wrap:wrap}
[class*="grid"]{display:grid}
/*定位*/
.fixed {position: fixed;}
.absolute{position:absolute}.relative{position:relative}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right{text-align: right;}

/*BG*/
.bgpadding{padding:3%}
.bgcolor0{background:#b1e4f4}
.bgcolor1{background:#8ed1e6}
.bgcolor2{background:#c4f3f5}
.bgcolor3{background:#ffe4e4}
.bgcolor4{background:#ffe4d7}
#event{font-family:"Microsoft JhengHei"}
#event h1,#event h2,#event h3{font-family:"microsoft yahei"}
#event h1,#event h2{font-size:1.9rem;border-bottom: double 4px #000;text-align:left}
#event h1 img,#event h2 img{margin: 0 0.2em 0.2em 0}
#event h3{font-size:2rem;text-align:center}
#event h3 a{color:#000}
#event h3:before,#event h3:after{font-size:3rem;color:#da3729}
/* #event h3:before{content:"“"}
#event h3:after{content:"”"} */
#event i{margin:0 3px}
#event small{font-size:0.8rem}
/*連結*/
.navlink{margin:3% auto 2%;text-align:center}
.navlink>li{margin:0 1%;display:inline}
.navlink>li>a{background:#da3729;color:#FFF;border:2px solid #FFF;font-size:1.15rem;padding:4px 18px;text-decoration:none;border-radius:20px;display:inline-block}
.navlink>li>a:hover{border-radius:0}
/*主圖*/
.masterbanner img{width:100%;height:auto}
/*考情*/
.infotable,.infotable th,.infotable td{border-collapse:collapse;border:1px solid #000}
.infotable th,.infotable td{padding:5px 8px}
.infotable{margin:1% auto}
.infotable th{text-align:center;font-size:1.1rem;font-weight:bold;background:#ffefde;color: #397dbb;}
.infotable td{background:#FFF}
.infotable tr:nth-of-type(1) td{font-size:1.2rem}
.infotable li{text-indent:-1.2em;margin-left:1.2em;line-height:1.6em}
.infotable li:before{font-family:"Font Awesome 5 free";margin-right:1%}
.infotable ol>li{width:45%}
.infotable ol>li:before,.infotable ul>li:before{content:"\f14a"}
/*師資*/
.teacherflex{align-items:center;margin:1% auto 2%}
.teacherflex>figure{width:180px;height:180px;overflow:hidden;position:relative;border-radius:50%;background:#FFF}
.teacherflex>figure>img{position:absolute;left:0;top:0;width:100%}
.teacherflex>.intro{width:66%;margin:0 auto 0 4%;padding:2%;background:#ffdd9e;border-radius:10px;position:relative}
.teacherflex>.intro:before{content:"";right:100%;top:50%;height:0;width:0;position:absolute;border-style:solid;border-width:15px 26.0px 15px 0;border-color:transparent #ffdd9e transparent transparent;margin-top:-30px}
.teacherflex>.intro>div{font-size:1.6rem;font-weight:bold;margin:0 auto 1%;color: #1e6aaf;}
.teacherflex>.intro>div>small{font-size:1rem}
.teacherflex>.intro>div>a{font-size:1rem;background:#1e6aaf;margin-left:2%;color:#FFF;text-decoration:none;border-radius:25px;padding:3px 10px;font-weight:normal}
.teacherflex>.intro>ul>li{list-style:disc;margin:0 auto 0 25px}
/*題型*/
.question{margin-top: 7%;}
.question_box>div{width:45%;padding:1.5% 2%;margin:1% auto;background:#f7f6f4;border-radius:10px}
.question_box>div>p{font-size:1.4rem;text-align:center;font-weight:bold;margin:0 auto 2%;border-bottom:4px solid #da3729;}
.question_box>div>ol>li{margin:0 auto 5px 20px;list-style:decimal}
/*學習模式*/
.learning_type{padding:4% 0}
.typeflex{margin:1% auto 0}
.typeflex>dl{width:calc(100%/3 - 10px);margin:0 auto;text-align:center}
.typeflex>dl>dt{font-size:1.4rem;font-weight:bold;color:#df6568;}
.typeflex>dl>dd{margin:0 auto 3px}
.typelink>li{display:inline-block;width:48%;margin:1% auto;font-size:1.0rem}
.typelink>li>a{color:#0068b7}
/*新開課表*/
.newopen_box{justify-content:center;align-items:flex-start}
.newopen_box>dl{margin:1%;box-shadow:0 5px 10px -6px #CCC;width:calc(94%/3)}
.newopen_box>dl:hover{transform:translate(2px,2px)}
.newopen_box>dl>dt,.newopen_box>dl>dd{padding:6px 15px;text-align:center}
.newopen_box>dl>dt{background:#df6568;color:#FFF;font-size:1.1rem;border-radius:10px 10px 0 0}
.newopen_box>dl>dd{background:#FFF;line-height:1.7em;font-size:1.05rem}
.newopen_box dd a{color: #DF6568;}
.note{text-align:center;font-size:.95rem;margin:2% auto}
.rebate {text-align:center;}
.rebate a{font-weight: 700;font-size: 1.2rem;color: #000;}
.rebate a:hover{text-decoration: none;}
.discount{background:#f6f5f3;margin-top:6%;border-top:solid 6px #da3729;border-bottom:solid 6px #da3729;padding:2% 0}
.sale{text-align:left;padding:2% 3% 1%}
.sale>li{font-size: 1.4rem;font-weight: 900;line-height:2rem;margin: 0.5rem 0;padding: 0.5rem 0;border-bottom: 1px dashed rgb(197, 197, 197);}
.date_imp{background-color: #da3729;color: white;padding:0rem 0.5rem;border-radius: 0.75rem;}
.more_note{text-align: center;color: #df6568;font-weight: 900;font-size: 1.1rem;}
.sale li{margin-left: 1.5rem;}
.sale li small{display: block;font-size: 1rem!important;}
.discount strong{color:#df6568}
.discount>p{border-top:2px dashed #cacaca;padding:2% 2% 1%;margin:1% 5% 0;text-align:center;font-size:1.4rem}
.sale a,.discount>p>a{color:#000}
.special_offer{text-align: center;font-size: 2rem;font-weight: 900;font-family: "microsoft yahei";}
.special_offer::after,.special_offer::before{color: #da3729;font-size: 3rem;}
/* .special_offer::after {
    content: "”";
}
.special_offer::before {
    content: "“";
} */
/*衛生考科*/
.health_box>div{width:48%;margin:1% auto}
.health_box>div>div:nth-of-type(1){text-align:center;font-size:1.3rem;font-weight:bold;padding:5px 0;background:#42b4d8;border-radius:10px 10px 0 0}
.health_box>div>div:nth-of-type(2){background:#FFF;padding:10px 15px}
.health_box>div>div:nth-of-type(2)>ul{margin:0 auto 2%}
.health_box>div>div:nth-of-type(2)>ul>li{list-style:disc;margin-left:25px}
.health_box>div>div:nth-of-type(2)>ul>li>strong{color:#1eabb0}
.health_box a{color:white}
/*書*/
.book_intro{font-size:1.2rem;text-align:center;padding:1.5% 0}
.book_intro a{color:#da3729}
.book>ul>li{line-height:2.4em;border-bottom:dashed 1px #88c3c5}
.book>ul>li:before{content:"\f7e6";font-family:"Font Awesome 5 Free";font-size:1.3rem;color:#df6568;font-weight:900;margin-right:3px}
.book>ul>li>strong{margin-right:5px;color:#df6568;font-size:1.1rem}
.book_box{margin:3% auto}
.book_box>dl{width:calc(99%/3);margin:0;text-align:center}
.book_box>dl>dt{font-size:1.1rem}
.book_box>dl>dt a{color:#da3729;font-weight:700}
.book_box>dl>dd{padding:2% 0}
.book_box2>dl>dd:nth-last-of-type(1){text-align:left}
.book_box2>dl>dt a{color:#da3729;font-weight:700;font-size:1.3rem}
.book_box2>dl{margin:1%}
.book_box img{padding:2% 1%;background-color:#fff;border-radius:1em;max-width:200px;height:auto}
.book_more{text-align:center;font-size:.95rem}
.book_read{margin:4% auto;background:#FFF;padding:2%}
.book_read_title{font-size:1.5rem;font-weight:700;color:#1b8186}
.book_news{margin:2% 10%;background:#f3f3f3;padding:2%;border-radius:.8em;display:inline-block}
.book_news>div{font-size:1.3rem;font-weight:700;color:#da3729}
.book_news>p{font-size:1.3rem;margin-top:2%;border-top:dotted 1px #8a8a8a;padding-top:2%}
.book_news>p strong{font-size:1.5rem}
.book_news img{max-width:150px;height:auto;margin:0 0 0 5%;border:solid 2px #e2e2e2}
/*社群*/
.LINE,.FB{width:46%;padding:2%}
.LINE{background:#44ba44}
.FB{background:#395692}
.social_txt{width:70%}
.QRcode{width:30%;text-align:center}
.QRcode img{width:100%}
.socialTitle{font-weight:bold;font-size:1.3em;margin-bottom:2%}
.socialTitle,.socialTitle a{color:#ffed00}
.social_txt p{font-size:1.1em;line-height:1.6em}
.social_txt p,.QRcode a{color:#FFF}

.Tutor_Btn{width:110px;height:95px;position:fixed;right:4%;bottom:5%;background:#42b4d8;text-align:center;font-size:1.2em;padding:15px 0 0;border-radius:10px;z-index:5}
.Tutor_Btn span{display:block}
.Tutor_Btn a{color:#FFF;text-decoration:none}
.Tutor_Btn i{font-size:1.9rem}

.bottomlink{background:#1e6aaf;opacity:.9;width:100%;padding:.7% 0;position:fixed;bottom:0}
.bottomlink>ul{text-align:center}
.bottomlink>ul>li{display:inline;margin:0 1%;font-size:1.2em}
.bottomlink>ul>li>a{color:#FFF}
.bottomlink>ul>li:nth-of-type(3)>a{color:#FF0}
.yt_out,.yt_out iframe{margin: 1rem 0;}
.yt_out iframe{width: calc(100%/2.1);height:16rem}
@media all and (min-width: 768px){
.Tutor_Btn i{display:block}
}
/*PC*/
@media all and (min-width: 1201px){
#BodyFooter_rwd{padding-bottom:55px}
#topbutton,#BodyHeader_event_rwd,.bottomlink li.tutor{display:none}
#divsion_menu ul,#divsion_menu li{list-style-image: url(/File/Image/doctor_new_icon_arr_org.gif)}
/*置頂/底連結*/
.bottomlink{width:750px}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:15px}
#BodyHeader_event #header-share{width:100%;margin:0 auto;line-height:2em;font-size:13px;background:#FFF}
#BodyHeader_event #header-share img{margin-bottom:5px}
#BodyHeader_event a{color:#333}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}
@media all and (min-width: 1501px) and (max-width:1700px) {
.Tutor_Btn{right:6%}
}
@media all and (min-width: 1701px){
.Tutor_Btn{right:13%}
}

/*MOBILE*/
@media (max-width:767px){
#event h1,#event h2{font-size:1.5rem;text-align:center}
#event h1 img,#event h2 img{width:13%;height:auto;margin:0 auto .2em;display:block}
#event h1 span,#event h2 span{display:block}
#event h3{font-size:1.5rem;line-height:1.2em}
#event h3,#event h3 a{color:#1b8186}
#event h3 span{display:block}
#event h3:before,#event h3:after{content:""}
.sale,.discount>p,.sale>li{font-size:1.0rem}
.sale{text-align:left;padding:2% 1% 0}
.sale>li{margin:2% auto;line-height:2.2rem;padding: 0;}
.discount{padding:4% 3%}
.discount>p{margin:2% 1% 0}
.bgpadding{padding:4% 2%}
.navlink>li>a{font-size:1.05rem;margin:1%}
.infotable th{font-size:1rem}
.teacherflex>figure{margin:2% auto}
.teacherflex>.intro{width:92%;margin:4% auto 2%;padding:3%}
.teacherflex>.intro:before{top:0;right:43%;border-width:0 25px 20px;border-color:transparent transparent #ffdd9e;margin-top:-20px}
.teacherflex>.intro>div{font-size:1.3rem;margin:0 auto 3%}
.teacherflex>.intro>div>a{padding:3px 10px}
.teacherflex>.intro>ul>li{line-height:1.7em}
.typeflex>dl{width:100%;margin:2% auto}
.newopen_box{margin:1% auto}
.newopen_box>dl{width:48%}
.newopen_box>dl>dt{font-size:1.05rem}
.health_box>div{width:90%;margin:3% auto 1%}
.bottomlink{padding:2% 0}
.bottomlink>ul>li{display:inline-block;margin:1.2% 2%;font-size:1.05rem}
.LINE,.FB{width:94%;padding:2% 3%}
#BodyFooter_rwd{padding-bottom:85px}
.book_box>dl {width: calc(96%/1);}
.book_news {margin: 2% 0%;}
}
@media (min-width: 768px) and (max-width:1199px) {
.bottomlink{padding:1.5% 0}
#BodyFooter_rwd{padding-bottom:55px}
}
@media all and (min-width: 1px) and (max-width: 1200px){
    .yt_out iframe{width: calc(100%/1)}
    .sale li:nth-child(2) {
        margin-left: 0rem;
    }
#BodyContentMainNavigator,#BodyHeader_event,.Tutor_Btn{display:none}
.bottomlink li.tutor a{color:#ffe500}
}