*{transition:all .5s}
ul,li{list-style:none}
#Related{width:100%;padding:1.5% 0;background:#e8eef5}
#Related ul.rela_out{width:98%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1rem;color:#1b255a}
.rela_out li{display:inline-block;margin:1% 1.5%}
.rela_out .PvC_on a{background:#22aebf;color:#FFF;text-decoration:none;padding:5px 8px}
.row100{width:100%}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.bgpadding{padding:2%}
.bgcolor0{background:#f3d6c5}
.bgcolor1{background:linear-gradient(18deg,#fffcb3 60%,#fff601 60%)}
.bgcolor2{background:linear-gradient(167deg,#fffcb3 60%,#fff601 60%)}
.bgcolor3{background:#34a1c1}
.bgcolor4{background:#e8eef5}
#event{font-family:"Microsoft YaHei"}
#event i{margin-right:3px}
#event h1,#event h2,#event h3{font-family:"Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";text-align:center}
#event h1{font-size:2.5rem;color:#20255c}
#event h2{font-size:2rem;color:#20255c}
#event .service > h2{color:#fff}
#event h3{font-size:1.7rem}
#event h4{font-size:1.4rem}
.navlink{margin:2% auto;text-align:center}
.navlink li{display:inline;margin:0 0.4%;font-size:1.1em}
.navlink a{background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;color:#333;padding:6px 10px;text-decoration:none}
.navlink a:active{box-shadow:0 3px #666;transform:translateY(2px)}
.mastertxt{background:#fff601;padding:2% 1% 0}
.mastertitle{text-align:center;font-weight:700;font-size:2.3em;font-family:"Microsoft YaHei"}
.mastertitle span{color:red}
.mastertitle span+span{color:#20255c}
.mastertxt li{width:44%;padding:0 2% 2%;margin:0 1%;font-size:1.06em;text-align:justify;line-height:30px;border-bottom:solid 1px #c5bf04}
.mastertxt li:last-child span{background-color:#20255c}
.mastertxt li span{display:block;background:red;color:#FFF;text-align:center;width:50px;height:50px;margin:0 auto 4px;font-size:1.9em;line-height:50px;font-weight:700;border-radius:50%}
/*
.top_grade{padding:2% 0 3%;text-align:center}
.top_grade_title{font-size:1.45em;font-weight:700}
.top_grade_title a{color:#e62c13}
.top_grade_title small{font-size:.8em}
*/
.masterVideo{padding:4% 8% 2%;text-align:center}
.masterVideo p{background:#34a1c1;color:#FFF;font-size:1.5em;padding:5px 0;border-radius:8px 8px 0 0}
.masterVideo figure{position:relative}
.masterVideo figure a:before{content:"";border-style:solid;border-color:transparent transparent transparent rgba(32,37,92,0.5);border-width:25px 0 25px 40px;position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:0;height:0;z-index:2}
.masterVideo figure a:hover:before{transform:scale(1.1);border-color:transparent transparent transparent rgba(32,37,92,0.8)}
.masterVideo img{max-width:100%;box-shadow:0 2px 6px 0 #374d64}

.topGrade{margin:2% auto;background:#FFF}
.topGrade_title{text-align:center;font-size:1.6rem;background:#34a1c1;color:#FFF;padding:5px 0}
.topGrade_title span { color: yellow; background-color: red; border-radius: 50%; padding: 0.2rem 0.4rem; }
.topGrade_title a{color:#FFF}
.topGrade_txt{padding:2%}
.topGrade_stu>figure{width:130px;height:130px;margin:0 auto;position:relative;border-radius:50%;overflow:hidden}
.topGrade_stu>figure>img{width:100%;position:absolute;top:0;left:0}
.topGrade_stu>small{display:block;text-align:center;font-size:.95rem}
.topGrade_txt>p{width:76%;margin:0 0 0 3%;font-size:1.05rem;line-height:1.7em}
.topGrade_txt>p>strong{display:block;font-size:1.18rem;line-height:1.8em;color:#e62c13}
.topGrade_txt>p a{color:#33a9ad}

.teacher_box{justify-content:center;margin:3% auto 0}
.teacher_list{width:20%}
.teacher_intro{background:#22aebf;text-align:center;padding:5px 0;font-size:1em;line-height:1.8em}
.teacher_intro a{color:#FFF}
.teacher_intro strong{display:block;font-weight:400}
.teacher_intro small{font-size:.8em}
.grade_box{margin:1% auto 0}
.gradelist{width:20.8%;margin:0 .1%;padding:3% 2%;background-color:#fff}
.gradetitle{font-size:1.3em;font-weight:700;color:red;margin:0 0 5px}
.gradetitle,.gradephoto{text-align:center}
.gradephoto figure{position:relative;overflow:hidden;width:100px;height:100px;border-radius:50%;margin:auto}
.gradephoto figure img{position:absolute;left:0;right:0;margin:auto}
.gradeintro{font-size:1.1em}
.gradeintro a{color:red}
.gradeintro small{font-size:.9rem;color:#218bab}
.gradeintro strong{display:block;margin:3px 0 0}
.teacher_pic img,.masterbanner img{width:100%}
.teacher_pic{padding:0 10%}
.media_box{margin:1% auto}
.media_list{margin:2% auto}
.mediaPic{width:26%;text-align:center}
.mediaPic figure{width:150px;height:150px;overflow:hidden;position:relative;margin:0 auto;border-radius:50%}
.mediaPic img{margin:0 auto;position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%}
.mediaTxt{width:66%;padding:2%;margin:0 auto 0 2%;line-height:29px;text-align:justify;border-radius:10px;position:relative;background:#34a1c1;color:#ddf7ff}
.mediaTxt:after{right:100%;top:70px;content:" ";height:0;width:0;position:absolute;border-style:solid;border-width:15px 35px 15px 0;border-color:transparent #34a1c1 transparent transparent;margin-top:-30px}
.mediaTxt strong{font-size:1.2em;display:block;margin:0 0 4px;color:#fff}
.mediaTxt small{font-size:.95rem;margin:0 5px}
.mediaTxt a{color:#fffcb3}
.service_tabs{width:100%;margin:1% auto}
#service_content1,#service_content2,#service_content3,#service_content4{display:none;padding:3% 2%;text-align:left;color:#000;border-top:1px #E6E6E6 solid;background:#fFF}
#service_tab1,#service_tab2,#service_tab3,#service_tab4,#service_tab5,#service_tab6{display:none}
.service_tabs label{display:inline-block;margin:0 0 -1px;padding:8px 25px;text-align:center;color:#34a1c1;background:#fffcb3;font-size:1.2em;position:relative;border-radius:7px 7px 0 0;border-bottom:0}
.service_tabs label:before{font-weight:400;margin-right:10px}
.service_tabs label:hover{opacity:.8;cursor:pointer;top:0}
.service_tabs input:checked + label{background:#fff;border-radius:7px 7px 0 0}
#service_tab1:checked ~ #service_content1,#service_tab2:checked ~ #service_content2,#service_tab3:checked ~ #service_content3,#service_tab4:checked ~ #service_content4{display:block}
.service_title{text-align:center;font-size:1.7em;font-weight:700;border-bottom:1px #e4e4e4 solid;padding-bottom:5px}
.service_title,.service_title a{color:#20255c}
.service_list{margin:3% 3% 0 7%}
.service_list li{list-style:disc;font-size:1.1em;line-height:30px}
.service_list li a{color:red}
.ibrain_box{margin:1% auto}
.ibrain_box dl{width:calc(88%/2 - 1px);background:#fff;padding:2% 3%;margin:0 auto 1px}
.ibrain_box dd{font-size:1em;margin:10px 0;text-align:justify;color:#313131}
.ibrain_box dd>small{font-size:.9rem}
.ibrain_box dd>figure{margin-top:5px}
.ibrain_box dd>figure>img{width:100%}
.ibrain_box dt{font-size:1.5rem;font-weight:700;color:#0099a1;border-bottom:1px dashed #0099a1;margin-bottom:5px}
.ibrain_more{margin:2% auto;text-align:center}
.ibrain_more a{color:#fff;padding:1% 3%;background:#029487;border-radius:5px;text-align:center;text-decoration:none}
.course_box{margin:1% auto;padding:2% 4%;background:#FFF}
.info h3,.inforow h4+ul li a{color:#fd6759}
.inforow h4{color:#4489bd}
.inforow h4+ul li{line-height:30px;text-align:justify}
.info{margin:0 auto 4%}
.inforow{margin:1% auto 2%}
.course_bg{padding:2% 3%;margin:0 auto 2%;background:#4489bd;background:linear-gradient(180deg,rgba(68,137,189,1) 70%,rgba(255,255,255,1) 100%)}
.courselist{margin:2.5% auto 4%}
.courselist li,.sale_content li{font-size:1.2em;margin:10px 0}
.courselist li,.courselist li a,.sale_content li a{color:#fff}
.courselist li strong,.sale_content li strong{color:#fff601}
.courselist li small{font-size:.9rem}
.courselist .sort { display: inline-block; background: #fd6759; color: #FFF; padding: 2px 10px;border-radius: 5px; }
.note{font-size:.9rem;text-align:center;padding:2% 0}
.course_bg h3,.newyear_title{color:#ffe860!important;}
.newyear_title{font-size: 1.7rem;font-weight: 900;text-align: center;}
.course_bg .focus{font-size: 1.4rem;background:#E8EEF5; color: #fd6759;text-align: center;padding: 5px 10px;font-weight: 700;margin-bottom: 1rem;}
.course_bg .focus a{color:#fd6759;font-weight: 700;}
.course_bg .note a{color: #000;}
.buynote{text-align:center;font-size:.95rem}
.buynote,.buynote a{color:#333}
.linepay{text-align:center;margin:3% auto 1%}
.linepay a{background:linear-gradient(to bottom,#45bb45 5%,#3ea03e 100%);background-color:#45bb45;border-radius:6px;border:1px solid #43ac43;display:inline-block;padding:5px 20px;font-size:1.05rem;text-decoration:none;color:#FFF}
.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:700;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}
.scrollbar{width:200px;position:fixed;right:4%;bottom:20%;background:#33a9ad;padding:.8% 1%;border-radius:10px;z-index:9}
.scrollbar a{color:#FFF}
.scrollbar li{font-size:1.2em;line-height:1.8em;text-align:left}
.scrollbar li:nth-last-of-type(2) a{color:#fff601}
#askarea_out,#askarea{background:#22aebf}
.sort_year{background-color: rgb(179, 8, 8);padding: 0.5rem 3rem;margin: 1rem auto;width: max-content;font-size: 1.3rem;
    text-align: center;
font-weight: 900;border-radius: 0.5rem;border-bottom: 3px solid rgb(174, 76, 76);
}
.sort_year,.sort_year a{color: rgb(241, 241, 125);}
.bottom_line{border-bottom: #fd6759 dotted 5px;padding-bottom:1rem;margin-bottom: 1rem !important}
#hotsale_link{width:100%;background:#bf2222;color:#FFF;margin:0 auto;border-radius:6px;text-align:center;position:fixed;bottom:0;opacity:.9;font-size:1.5em;padding:.5% 0;z-index:9}
#hotsale_link a{color:#FFF;text-decoration:none}
#hotsale_link a:hover{color:#fff900}

@media all and (min-width: 1201px){
#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)}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:15px}
#BodyHeader_event{font-family:"Microsoft JhengHei"}
#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}
#mb_hotsale_link{display:none}
#hotsale_link{width:750px}
}

@media all and (min-width: 1px) and (max-width: 767px) {
#Related{display:none}
#BodyFooter_rwd{padding-bottom:80px}
.bgpadding{padding:4% 2%}
#event h1{font-size:2rem}
#event h2{font-size:1.7rem}
#event h3{font-size:1.5rem}
#event h4{font-size:1.25rem}
#event h2 span,#event h3 strong,#event h3 span{display:block}
/*
.top_grade{padding:3% 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}
*/
.masterVideo{padding:5%}
.masterVideo p{font-size:1.25em}
.topGrade_title{font-size:1.3rem;padding:1% 3%}
.topGrade_txt{padding:4%}
.topGrade_stu{width:100%}
.topGrade_txt>p{width:100%;margin:3% auto 0;font-size:1rem}
.topGrade_txt>p>strong{font-size:1.1rem;line-height:1.6em}
.navlink li{font-size:1.05rem}
.navlink a{padding:1% 4.5%;display:block;margin:3% 0}
.teacher_list{width:33.3%;margin:0 0 2%}
.teacher_intro{padding:8px 0;font-size:.95em;line-height:1.8em}
.gradelist{width:45.8%;margin:0 .1% 2px;text-align:center}
.mediaPic{width:100%}
.mediaTxt{width:94%;padding:3% 4%;margin:5% auto 2%}
.mediaTxt:after{top:-20px;left:52%;border-width:0 20px 20px;border-color:transparent transparent #34a1c1;margin-left:-30px;margin-top:0}
.service_tabs{margin:2% auto 1%}
.service_tabs label{padding:6px;font-size:1.05em;width:20%;font-weight:400}
.service_title{font-size:1.5em}
.service_list li{font-size:1em}
.ibrain_box dl{width:98%;margin:1%;padding:3%}
.ibrain_box dt{font-size:1.3rem}
.ibrain_more{text-align:center;margin:3% auto}
.course_bg{padding:4%}
.courselist{margin:4% auto 6%}
.courselist li{font-size:1.1rem;margin:15px auto}
.LINE,.FB{width:94%;padding:2% 3%}
.scrollbar{padding:2% 0}
.scrollbar li{margin:1% 2%;font-size:1.05em}
#hotsale_link,#Related{display:none}
#mb_hotsale_link a{color:#FFF;text-decoration:none}
#mb_hotsale_link{width:20px;position:fixed;left:0;bottom:20%;background:#bf2222;padding:10px 5px 10px 8px;opacity:.9;border-radius:0 10px 10px 0;z-index:9}
}
@media all and (min-width: 768px) and (max-width:1200px){
.scrollbar{padding:15px 0}
.scrollbar li{margin:0 1%;font-size:1.2em}
#BodyFooter_rwd{padding-bottom:65px}
#mb_hotsale_link,#scrolling{display:none}
#hotsale_link{padding:1% 0}
}
@media all and (min-width: 1px) and (max-width: 1200px){
    .sort_year{width: fit-content;
        font-size: 1.3rem;
        padding: 0.5rem 1rem;
        }
#BodyContentMainNavigator,#BodyHeader_event,#noie{display:none}
.scrollbar{bottom:0;right:0;width:100%;border-radius:0;opacity:.9}
.scrollbar ul{width:96%;margin:0 auto;text-align:center}
.scrollbar li{display:inline-block}
.scrollbar li:last-of-type{display:none}
}