ul,lu{list-style:none}
/*相關連結*/
:root{
    --text-yellow:#ffed00;
    --text-blue:#247ABE;
}
#Related{width:100%;padding:1.5% 0;background:#6B696A}
#Related ul.rela_out{width:96%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1rem;color:#FFF}
.rela_out li{display:inline-block;margin:1% 1.5%}
.rela_out .adm_on a{background:#FCEF00;color:#231815;text-decoration:none;padding:5px 8px}
.bg{background:url(../images/0807022_3_3.png) repeat top/100% 100%}
.bgcolor0{background:#e54d2d}
.rowFlex{display:flex;flex-wrap:wrap;display:-ms-flexbox;}
#event{font-family:"Microsoft JhengHei"}
#event i{margin-right:3px}
.event_master{width:100%;margin:0 auto}
.banner img{width:100%}
.score {text-align: center;}
.score img{margin: 1rem 2.4rem;width: 90%;}
.top_grade{padding:0 0 2%;text-align:center}
.top_grade_title{font-size:1.45em;font-weight:bold}
.top_grade_title a{color:#E91E63}
.top_grade_title small{font-size:.8em}
.event_course{background-image:url(../images/1007028_4_2.png);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.event_course h2{
    position: relative;z-index: 1;
    width:90%;margin:0 auto;padding:1% 3%;background:#6b696a;color:#fff;border-radius:20px;
    font-size:1.3rem;font-family:"Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";
    font-weight:400;box-shadow:rgb(255 231 133) -2px 15px 7px -10px;text-indent: .5em;
}
.event_course h2 strong{font-weight:400;font-size:1.9rem;color:#ffd838;margin-right:1%}
.event_course small{font-size:1rem;margin:0;}
.event_course h3{
    font-weight:700;font-size: 2.5rem;text-align: center;
    margin-bottom: -1rem;width: 74%;display: inline-block;
    padding: .2rem 3rem 1rem 3rem;border-radius: 0 30px 0px 0;
    color: #ececec;background: #247abe;position: relative;z-index: 0;
}
.event_course h3 strong{text-shadow:0px 1px 4px #FFF, 1px 1px 2px #FFF;color:red;letter-spacing:-1px;font-size:1.5rem}
.event_course h3 span{font-size: .7em;color:black;margin-left:5px}
.course_bg nav~h3{margin-top: 2.5rem;}
.doctor_buy{background: var(--text-yellow);color: #333333;margin: .3rem auto;text-align: center;border-radius:6px;}
.doctor_buy a{color: var(--text-blue);margin-left: 0.5rem;}
.course_bg{margin:0 auto;padding:0 0 2%;overflow: hidden;}
.course_list{width:92%;margin:0 auto;padding:2.5% 0 1%}
.course_list ul{width:100%;margin:0 auto 3%}
.course_list li{margin:0 2% 0 8%;font-size:1.2em;line-height:1.9em;list-style-type:square;border-bottom:1px dotted #333}
.course_list li a{color:#000}
.course_list li small{font-size:.75em}
.ps{text-align:center;font-size:.95rem}
.price{color:#F36;font-size:1.3em;margin:.7% .3%;font-weight:bold}
.linepay{text-align:center;margin:0 auto 4%}
.linepay a{color:#FFF;text-decoration:none;padding:5px 10px;background:#45bb45;border-radius:15px;font-size:1rem;display:inline-block}
ul.navLink{width:100%;margin:0 auto 2%;text-align:center}
ul.navLink li{display:inline;text-align:center;font-size:1.2rem;margin:0 1%}
ul.navLink a{background:var(--text-blue);color:#FFF;padding:.5% 2%;text-decoration:none;border-radius:10px;display:inline-block}
/*新開課*/
.event_class{width:92%;padding:1% 2% 3%;margin:0 auto}
.classlist_bg{width:100%;border-radius:0 0 8px 8px;box-shadow:0 2px 5px #666;margin-bottom:2%}
.classtitle{font-size:2.3em;font-weight:700;text-align:center;background-color:#247abe;color:#fff;position:relative}
.classtitle:before,.classtitle:after{position:absolute;content:"";background-color:#f9c800;width:20px;height:20px;border-radius:50%;bottom:30%}
.classtitle:before{left:8%}
.classtitle:after{right:8%}
.classdetail{padding:2% 7%;background:#fff;text-align:center}
.classdetail dl{justify-content:center;margin:0 auto 2%}
.classdetail dt{width:100%;font-weight:bold;font-size:1.8em;color:#6b696a}
.classdetail dd{width:25%;margin:0 0 1%;background:#247abe;border-radius:0 0 8px 8px;padding:1% 0;font-size:1.25rem;box-shadow:rgb(175 175 175 / 60%) -2px 15px 7px -10px;}
.classdetail dd,.classdetail dd a{color: white;}
.classdetail dd:nth-child(2n){background:#f9c800;}
.classdetail dd:nth-child(2n),.classdetail dd:nth-child(2n) a{color: black;}
.time strong{display:block;font-weight:normal}
.open_note{text-align:center;padding:.5% 0 3%;background:#FFF;font-size:1.25rem;font-weight:bold}
.open_note a{color:#F36}
.onlinebanner{padding:1% 0 5%;text-align:center}
.onlinebanner a,.course_note a{color:#000}
.onlinebanner figcaption{font-size:1.5rem;font-weight:bold}
.onlinebanner img{box-shadow:0 2px 5px #CCC}
.LINE,.FB{width:46%;padding:2%}
.LINE{background:#3f9c2e}
.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:var(--text-yellow)}
.social_txt p{font-size:1.1em;line-height:1.6em}
.social_txt p,.QRcode a{color:#FFF}
.line_link{margin:3% auto 5%;text-align:center}
.line_link li{font-size:1.1rem;display:inline;margin:0 1%;color:#fff;border:1px #fff solid;padding:1%;border-radius:8px}
.line_link li a{text-decoration:none;color:#FFF}
.line_link li:nth-child(1){background:#B61D8F}
.line_link li:nth-child(2){background:#409ED6}
.line_link li:nth-child(3){background:#EF6123}
.bottomLink{width:100%;bottom:0;position:fixed;background:#247abe;opacity:.9;padding:.7% 0}
.bottomLink{margin:0 auto;text-align:center}
.bottomLink li{display:inline;margin:0 1.5%;font-size:1.2em}
.bottomLink a{color:#FFF}
#BodyFooter_rwd{padding-bottom:60px}

@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)}
    .bottomLink{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}
}


@media all and (min-width: 1px) and (max-width: 767px) {
    #Related{display:none}
    .top_grade{padding:1% 0 4%}
    .top_grade_title{font-size:1.3em;font-weight:normal}
    .top_grade_title strong{display:block;font-size:1.3rem}
    .top_grade_title br{display:none}
    .event_course h2{width:86%;font-size:1.3rem;line-height:1.6em;padding:1% 5%;margin:0 auto 3%;text-align:center}
    .event_course h2 strong{font-size:1.5rem;margin:0}
    .event_course h2 small{font-size:.9rem}
    .event_course h2 strong,.event_course h2 small{display:block}
    .event_course h3{padding: .3rem 0 1.2rem 0;margin: 0 0 -1rem 0;border-radius: 0 30px 0 30px;width: 100%;font-size: 1.8rem;}
    /*.event_course h3 span,.event_course h3 strong{display:block}*/
    .event_course h3 strong{font-size:1.3rem}
    .score img{margin: 1rem auto;width: 90%;}
    .doctor_buy{font-size: 1.1rem;}
    .doctor_buy a{display: block;}
    .course_list{width:90%;padding:2% 0}
    .course_list ul{margin:1% auto 4%}
    .course_list li{line-height:1.6em;font-size:1.1rem;margin:0 2% 1% 8%;border-bottom:0}
    .course_list li small{font-size:.8em;display:block}
    .ps{font-size:.9rem}
    .price{font-size:1.1em}
    .linepay{margin:0 4% 5%}
    ul.navLink li{font-size:1.05rem}
    ul.navLink a{margin:1%;padding:1% 4%}
    .classtitle{font-size:1.6rem;padding:2% 0}
    .classtitle:before,.classtitle:after{width:15px;height:15px;bottom:35%}
        @media screen and (max-width:360px){
            .classtitle:before {left: 3%;}.classtitle:after{right: 3%;}
        }
    .classdetail dt{font-size:1.5rem}
    .classdetail dd{width:50%;font-size:1.05rem;border-radius:8px;padding:1.5% 0}
    .open_note{font-size:1.1rem;padding:3.5% 0 5%}
    .onlinebanner{padding:3% 2.5% 7%}
    .onlinebanner img{width:100%}
    .onlinebanner figcaption{font-size:1.25rem}
    .LINE,.FB{width:94%;padding:2% 3%}
    .line_link li{display:inline-block;margin:1%}
    #BodyFooter_rwd{padding-bottom:78px}
    .bottomLink{padding:1.5% 0}
    .bottomLink li{display:inline-block;margin:1% 2%;font-size:1.05em}
}

@media all and (min-width: 1px) and (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyContentMainNavigator,#BodyHeader_event,#noie{display:none}
    /*TOP*/
    #topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:17%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:99}
    #topbutton a{color:#FFF;text-decoration:none;line-height:50px}
}