@import url(../../../File/icon/css/all.min.css);
/*相關連結*/
#Related{width:100%;padding:1.5% 0;background:#1ea1b3}
#Related ul.rela_out{width:96%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1em;color:#FFF}
.rela_out li{display:inline-block;margin:.8% 1.5%}
.rela_out .adm_on a{background:#205d76;text-decoration:none;padding:5px 8px}
h1,h2,.date,h3,h4,.masterBanner div{font-family:"Microsoft YaHei"}
h3,h4{text-align:center}
h1{font-size:1.9rem;color:#26bdc4}
h2{font-size:1.6em;color:#1c96b3}
h2 small{margin-left:5px}
h3{font-size:1.7em;color:#A83B23}
h4{font-size:2.2em;color:#fe652c}
.date{
    font-size:1.4em;font-weight:700;margin:1% auto 0;color:#d92b47;padding-left:3%;
    background:#ffe600;background:-moz-linear-gradient(left,rgba(255,215,93,1) 2%,rgba(243,243,243,1) 92%);
    background:-webkit-linear-gradient(left,rgba(255,215,93,1) 2%,rgba(242,243,243,1) 92%);
    background:linear-gradient(to right,rgba(255,215,93,1) 2%,rgba(242,243,243,1) 92%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd75d',endColorstr='#ffffff',GradientType=1)
}
/*BGcolor*/
.bgcolor0{background:#f2f2f3;}
.bgcolor1{background:#fefae3}
.bgcolor2{background:-moz-radial-gradient(50% 15%,circle cover,#21A527 67%,#16701B 98%);background:-webkit-radial-gradient(50% 15%,circle cover,#21A527 67%,#16701B 98%);background:-o-radial-gradient(50% 15%,circle cover,#21A527 67%,#16701B 98%);background:-ms-radial-gradient(50% 15%,circle cover,#21A527 67%,#16701B 98%);background:radial-gradient(50% 15%,circle cover,#21A527 67%,#16701B 98%)}
.bgcolor3{background:#c59e63}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
#event{width:100%;font-family:"Microsoft JhengHei";color:#333}
#event a:hover{position:relative;top:1px;bottom:1px}
#event i{margin-right:2px}
.good_news{text-align:center;font-size:1.45em;color:#ef4351;font-weight:700;margin:2% auto}
.good_news a{color:#ef4351}
/*主圖*/
#event_master,.masterBanner{width:100%;margin:0 auto;text-align:center}
.masterBanner img{width:100%}
.masterBanner div{font-size:1.5rem;font-weight:700;color:#231815;letter-spacing:.5px;align-items: center;background-color: white;padding: .5rem 0;justify-content: center;column-gap: 2rem;}
.masterBanner div>div:nth-of-type(1){padding: 0 0 1%;text-align: center;}
.masterBanner div>div:nth-of-type(2){text-align: center;}
.masterBanner div span{display: inline-block;padding: .2rem 1rem;border-radius: 12px;background: linear-gradient(to bottom,#ffdf28 40%,#FFD75D 100%);margin-left: .5rem;margin-top: 1rem;}
.masterBanner div b{font-size: 1.8rem;font-weight: bolder;color: #d92b47;}
.masterBanner div img{width:auto}
.AD_banner{margin: 0;}
/*優惠內容*/
#event_content{width:96%;margin:0 auto;padding:1% 2%}
.saleCourse{width:96%;margin:2% auto}
.saleCourseRow{margin:2% auto}
.saleCourse .saleadm{background:#fff;padding:4% 3% 2%;border-radius:20px;border:2px solid #FFD75D;margin-bottom:3%}
.special{padding:1.2% 2%}
.saleCourse h1 span{font-size:.8em;font-weight:500}
.saleCourse h1{display:inline;color:#d92b47;}
.special h2{margin-top:2%}
.caption{margin-top: 1rem;}
.saleCourse h2 img{margin-right:1%}
.saleTitle{font-size:1.6em;font-weight:700}
.saleTitle span{font-size:2rem;color:#b63a5c}
.note_sale{text-align: center;}
.note_sale li{display: inline-block;margin: 0.5rem;background-color: #63C4DF;color: white;padding: 0.7rem;border-radius: 2rem;}
.sale_inlist{margin-left: 0.5rem;}
.saleDetail .sale_inlist li{ list-style-type:none; font-size: 1.3rem;display: inline-block;margin: 0.05rem;}

.saleDetail{width:92%;margin:1% auto}
.saleDetail a{color:#333;margin-right:5px}
.saleDetail li{font-size:1.2em;line-height:1.6em;color:#3e3a3b;margin-left:-.8%}
.saleDetail li small{font-size:.85rem}
.saleDetail li ul li{font-size:0.8em;margin-left:4%}
/* .saleDetail li.gift{list-style:none;margin:1% 0}
.saleDetail li.gift a{color:#FFF;margin:0}
.saleDetail li.gift strong{background:#63c4df;color:#FFF;font-size:1.25rem;padding:.5% 2%;border-radius:20px;margin:.5% auto 0 0;font-weight:500} */
.saleCourseRow .time {margin-top: 1rem;font-size: 1.4rem;font-weight: 700;background: #e1915d;color:#FFF;display: inline-block;padding:0 0.2rem;}
.saleCourseRow .gift{margin:1% 0;display:inline;}
.saleCourseRow .gift a{color: #FFF;}
.saleCourseRow .gift strong{background:#63c4df;font-weight: bold;font-size:1.25rem;padding:.5% 2%;border-radius:20px;margin:1%;display: inline-block;}
.giftColor1{color:#034d6b;}
.giftColor2{color:#c55810;}
.giftColor3{color: #eae100;}


.num{font-size:1rem;background:#d92b47;border-radius:50%;padding:2px 8px;margin:0 .5%}
.price{color:#d92b47;font-weight:normal;font-family:system-ui;font-size: 1.4rem;}
.ps{font-size:.9rem;text-align:center;margin:3% auto}
.ps,.ps a{color:#3e3a37}
.linepay{text-align:center;margin:3% auto}
.linepay a{color:#FFF;text-decoration:none;padding:1% 3%;background:#63c4df;border-radius:15px;font-size:1.05rem;display:inline-block}
#navlink{width:100%;padding:3% 0 2%;margin:0 auto 2%;text-align:center}
#navlink li{list-style:none;display:inline;margin:0 1%;font-size:1.2rem}
#navlink a{background:#d92b47;color:#FFF;text-decoration:none;border-radius:10px;padding:5px 15px}
/*新開課*/
.event_class{width:90%;padding:3% 2%;margin:0 auto}
.classlist_bg{width:100%;box-shadow:0 2px 5px #acacac;margin-bottom:2%}
.classtitle{font-size:2.3em;font-weight:700;text-align:center;background-color:#d92b47;color:#fff;position:relative}
.classtitle:before,.classtitle:after{position:absolute;content:"";background-color:#fefae3;width:20px;height:20px;border-radius:50%;bottom:30%}
.classtitle:before{left:8%}
.classtitle:after{right:8%}
.classdetail{width:92%;padding:2% 4%;background:#fff;text-align:center}
.classdetail_tabs_bg{margin:0 auto}
#classdetail_content1,#classdetail_content2,#classdetail_content3,#classdetail_content4{display:none;padding:2% 0 1%;border-top:1px dotted orange}
#classdetail_tab1,#classdetail_tab2,#classdetail_tab3,#classdetail_tab4{display:none}
label{font-size:1.5rem;display:inline-block;margin:0 0 -1px;padding:8px 25px;font-weight:600;text-align:center;color:#888;border:1px solid transparent}
label:before{font-family:fontawesome;font-weight:400;margin-right:10px}
label:hover{color:#A52A2A;cursor:pointer}
input:checked + label{color:#A52A2A;border:1px solid #ddd;border-top:2px solid orange;border-bottom:1px solid #fff}
#classdetail_tab1:checked ~ #classdetail_content1,#classdetail_tab2:checked ~ #classdetail_content2,#classdetail_tab3:checked ~ #classdetail_content3,#classdetail_tab4:checked ~ #classdetail_content4{display:block}
.class_box{justify-content:center;margin:0 auto 2%}
.class_box>.time{width:20%;margin:0 0 1%;background:#d92b47;border-radius:0 0 8px 8px;padding:1% 0;color:#FFF;font-size:1.2rem}
.class_box>.time:nth-child(2n){background:#1c96b3;}
.class_box>.time span{display:block}
.teacher{font-size:1.3rem;color:#ff0;font-weight:700}
.teacher a{color:#ff0}
.open_note{padding:1%;text-align:center;font-size:1.25rem;font-weight:bold}
.open_note a{color:#A52A2A}
.onlinebanner{padding:1% 0 5%;text-align:center}
.onlinebanner a{color:#ed1e79}
.onlinebanner figcaption{font-size:1.4rem;font-weight:bold}
.onlinebanner img{box-shadow:0 2px 5px #CCC}
.area{background-color:#FFF100;margin: 0 1rem;font-weight: 900;font-size: 1.4rem;border-radius: 25px;color: #000;}
/*社群活動*/
.event_social{padding:0}
.event_social li{list-style:none}
.social_gift{padding:2% 8%}
.social_gift li,.social_gift p{font-size:1.1rem;line-height:2em;color:#333;text-align:justify}
.social_gift a,.more_gift_item a{color:#333}
/*.LINE div p,.FB div p{padding-bottom:1%;margin-bottom:1%;border-bottom:solid thin rgba(255,255,255,.5)}*/
.LINE div:nth-of-type(2) p,.FB div:nth-of-type(2) p{border-bottom:none}
.social_gift_title{font-size:1.3em;font-weight:700;color:#2a9c2a}
.social_gift ol li{counter-increment:li}
.social_gift ol li:before{content:counter(li);width:20px;height:20px;color:#FFF;font-size:.95rem;line-height:20px;text-align:center;display:inline-block;margin-right:3px;border-radius:50%;background:#06C}
.red{background:#C00;color:#FFF;padding:1px 5px;margin:0 2px}
.gift{margin:2% auto 0}
.hot{background:#C00;padding:1px 5px;margin-right:1%;font-size:.9rem;color:#FFF}
small{font-size:.95rem}
.social_box *{box-sizing:border-box}
.social_link{width:50%;padding:2%}
.LINE{background:#44ba44;background:-moz-linear-gradient(52deg,rgba(68,186,68,1) 50%,#58c05d 50%);background:-webkit-linear-gradient(52deg,rgba(68,186,68,1) 50%,#58c05d 50%);background:linear-gradient(52deg,rgba(68,186,68,1) 50%,#58c05d 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44ba44',endColorstr='#73ce78',GradientType=1)}
.FB{background:#395692;background:-moz-linear-gradient(49deg,rgba(57,86,146,1) 50%,#4a62ac 50%);background:-webkit-linear-gradient(49deg,rgba(57,86,146,1) 50%,#4a62ac 50%);background:linear-gradient(49deg,rgba(57,86,146,1) 50%,#4a62ac 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#395692',endColorstr='#7186c4',GradientType=1)}
.social_txt{width:70%;padding:0 2% 0 0}
.QRcode{width:30%;text-align:center}
.QRcode img{width:100%}
.socialTitle{font-weight:700;font-size:1.4rem;margin-bottom:2%}
.socialTitle,.socialTitle a{color:#ffed00}
.social_txt p{font-size:1.1rem;line-height:1.8em}
.social_txt p,.QRcode a{color:#FFF}
.social_gift_bg>div:nth-of-type(2)>div:nth-of-type(1) p span,.more_gift_item{animation:bring .6s linear alternate infinite;position:relative}
@keyframes bring {
0%{left:0}
100%{left:3px}
}
.more_gift_item{width:90%;margin:1.5% auto 0;padding:2%;background-color:#f5e37e;border-radius:8px}
.more_gift_item:before{position:absolute;content:"";left:30%;top:-35px;width:0;height:0;border-style:solid;border-width:0 15px 35px;border-color:transparent transparent #f5e37e}
.more_gift_item .red{margin-right:1%}
.more_gift_item li{font-size:1.05rem;line-height:2.3em}
.more_gift_item li small{font-size:.95rem}
#scorll_bar{background:#d92b47;position:fixed;width:140px;top:25%;right:5%;padding:2% .5% .5%;border-radius:8px}
#scorll_bar:before{position:absolute;content:"";background:url(../images/0904014_4_11.png) no-repeat;width:57px;height:33px;left:0;right:0;margin:auto;top:16px}
#scorll_bar a{color:#FFF;text-decoration:none}
#scorll_bar li{list-style:none;font-size:1.2em;line-height:1.7em;background-color:#e1915d;margin:2% 0;padding:.1% 3%;text-align:center;position:relative}
#scorll_bar li:hover{background:#af8c58;text-align:right;left:-6%}
#scorll_bar li:nth-last-of-type(1):hover{left:0;text-align:center}
/*ask*/
#askarea_out,#askarea{background:#26bdc4}
#askarea input[type="submit"],#askarea input[type="reset"]{background:#ff642e}

/*-----------------PC-------------------*/
@media all and (min-width: 1201px){
#topbutton,#BodyHeader_event_rwd{display:none}
#divsion_menu ul,#divsion_menu li{list-style-image: url(http://doctor.get.com.tw/File/Image/doctor_new_icon_arr_org.gif)}
/*置頂/底連結*/
#navbuy{width:750px}
/*麵包穴*/
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:15px}
/*bodyHeader*/
#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}
/*OLD IE*/
#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}
}

/*------------MB-----------------*/
@media screen and (min-width:768px) and (max-width:1199px){
    #scorll_bar{padding: 4.2% .5% .5%;}
}

@media all and (min-width: 1px) and (max-width: 767px) {
    .masterBanner div b {
        font-size: 1.4rem;}
#Related{bottom:0;position:fixed;z-index:2;opacity:.9;display:none}
.rela_out li a,.rela_out li{font-size:.9rem}
.rela_out li{margin:1.5% 2%}
.rela_out .adm_on{display:none}
.good_news{font-size:1.25em}
h1{font-size:1.65em}
h1 span{display:block}
h2{font-size:1.35em}
h3{font-size:1.25em}
h4{font-size:1em}
.masterBanner div{font-size:1.4rem}
.masterBanner div img{margin:auto;width: 80%;}
.masterBanner div span:nth-of-type(2){margin: 1% auto;}
h1,h2,.saleTitle{text-align:center}
.saleCourse{margin:2% auto 3%}
.saleCourse h1{display:block}
.saleCourse h1:before{display:none}
.saleCourseRow{margin:10% auto}
.saleDetail{margin:2% auto 2% 6%}
.saleDetail li{font-size:1.05em;line-height:1.7em}
.saleDetail li.gift strong,.saleCourseRow .gift strong{font-size:.95rem;padding:1% 2%;margin:1% auto;display:block;text-align:center}

.saleCourse h2 img{display:block;margin:auto}
.linepay a{font-size:1rem}
.ps{font-size:.9rem;text-align:left;margin:6% auto}
.date{font-size:1.25rem;text-align:center;padding:5px}
.classtitle{font-size:1.7rem}
label{font-size:1.3em;padding:2% 3%}
.classArea{font-size:1.4rem}
.classdetail dd{width:33%}
.class_box>.time{width: 33%;}
.time,.sub,.teacher{font-size:1rem}
.teacher{font-weight:400}
.open_note{font-size:1.1rem;padding:5% 0}
.onlinebanner{padding:2% 3% 7%}
.onlinebanner img{width:100%}
.social_gift{background-color: #44ba44;color: white;}
.social_gift_title{color: white;font-size: 1.1rem;}
.social_gift li,.social_gift p,.more_gift_item li{font-size:1rem;line-height:1.7em}
.social_link{width:100%;padding:4% 5%;border-radius:0}
.socialTitle{font-size: 1.3rem;}
.more_gift_item{margin:4% auto 0}
#scorll_bar{width:100%;padding:7% 0 2%;bottom:0;right:0;top:inherit;border-radius:0;opacity:.9;z-index:9}
#scorll_bar ul{width:96%;margin:0 auto;text-align:center}
#scorll_bar li{display:inline-block;margin:1% 2%;font-size:1.05rem}
#scorll_bar:before{top:-10px;-webkit-filter:drop-shadow(4px 8px 7px rgba(0,0,0,0.7));filter:drop-shadow(4px 8px 7px rgba(0,0,0,0.7))}
#scorll_bar li:hover{left:0}
#scorll_bar li:nth-last-of-type(1){display:none}
#BodyFooter_rwd{padding-bottom:60px}
#navlink a{display: inline-block;margin: 1rem auto;}
}

/*------------MB-----------------*/
@media all and (min-width: 1px) and (max-width: 1200px){
    
.sale_inlist{margin-left: 0rem;}
.saleDetail .sale_inlist li{font-size: 1.1rem;}

/*隱藏的區塊*/
#BodyMenu,#BodyContentAd,#BodyContentMainNavigator,#BodyHeader_event,.hottxt,#noie{display:none;}
/*會撐開的版面控制*/
#BodyContainer_event,#BodyContent,#BodyContentMain,#BodyContentMainDetail_learning{width:100%;margin:0 auto;padding:0}
/*置底連結*/
#bottomLink{width:100%;padding:2% 0}
#bottomLink li{font-size:1.1em;margin:1% 2.5%;line-height:2em;display:inline-block}
/*TOP*/
#topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:22%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:99}
#topbutton a{color:#FFF;text-decoration:none;line-height:50px}
}