@import url(../../../File/icon/css/all.min.css);
#event *{transition:all .5s}
ul,li{list-style:none}
/*相關連結*/
#Related{width:100%;padding:1.5% 0;background:#e8eef5}
#Related ul.rela_out{width:96%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1rem;color:#1e5777}
.rela_out li{display:inline-block;margin:1% 1.5%}
.rela_out .gra_on a{background:#1f5876;color:#fcee21;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%}
article > header + section > .bgpadding{padding:0 2% 2%}
.bgcolor0{background:#fffea1}
.bgcolor1{background:#e8eef5}
.bgcolor2{background:#31abe0}
.bgcolor3{background:#1f5876}
.bgcolor4{background:#e8eef5}
#event{font-family:"Microsoft JhengHei"}
#event i{margin-right:3px}
#event h1{font-size:2.5rem}
#event h2{font-size:1.8rem;text-align:center;position:relative;cursor:pointer;font-family:Georgia,"Microsoft YaHei",Times,serif;margin:0 0 17px;padding:0 0 4px;position:relative}
.boxshadow{box-shadow:0 20px 10px -19px #333333f2;}
#event h2 a,#event h2{color: black;}
#event h2:before{content:"";width:60px;height:70px;
    /* background:url(../images/0907074_icon1.svg)no-repeat center / 100%; */
    position:absolute;left:0;bottom:-10px}
#event h2>span{font-size:.6em;background-color:#1f5876;padding:1px 8px;font-weight:500;margin:0 0 0 7px;position:relative;position:absolute;opacity:0;left:0;right:0;margin:auto;top:-70%;width:30%;color:#fdee21}
#event h2:hover span{opacity:1}
#event h2>span:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:10px 10px 0;border-color:#1f5876 transparent transparent;left:0;right:0;margin:auto;bottom:-10px}
#event h2+h3{text-align:center;font-weight:500}
#event h2>strong{color:#fa1e1e}
#event .teacher h2{color:#fff}
#event .teacher h2 strong{color:#ffdd39}
#event .teacher h2>span{background-color:#fa1e1e}
#event .teacher h2>span:before{border-color:#fa1e1e transparent transparent}
.navlink{margin:2% auto;text-align:center}
.newclass .navlink li{margin: 0;}
.navlink li{display:inline;margin:0 1%;font-size:1.2rem}
.navlink a{background:linear-gradient(to bottom,#ff6c34 5%,#fb5000 100%);background-color:#fb5408;border-radius:6px;border:1px solid #fc5204;display:inline-block;color:#fff;padding:5px 18px;text-decoration:none}
.navlink a:active{box-shadow:0 3px #666;transform:translateY(2px)}
.pc_br{display: block;}
.focus{background-color: #3d845a;color: white;border-radius: 50%;padding: 0.3rem 0.6rem;margin: 0 0.2rem;display: inline;}
/*主圖*/
.masterbanner{background:linear-gradient(to top,#ffffa1 10%,#75ccff 70%);text-align:center;padding:3% 0;overflow:hidden;position:relative}
.masterbanner img{max-width:100%;display:inline-block}
.masterbanner p{color:#1e5777;font-size: 2.5rem;
    /* font-weight:bolder;position:absolute;right:4% */
}
.masterbanner p strong{font-size:1.3em}
.student_box{display:flex;background:url(../images/0907074_house.png)no-repeat bottom center;margin:3% 0 0}
.student_list{display:flex;align-items:flex-end;justify-content:center}
.student_list:first-child{width:40%;justify-content:flex-start}
.student_list:last-child{width:25%;padding:0 0 0 34%}
.topGrade_txt{padding:1% 0 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:77%;margin:0 0 0 2.5%;font-size:1.02rem;line-height:1.7em}
.topGrade_txt>p>strong{display:block;font-size:1.25rem;line-height:1.7em;color:#e62c13}
.topGrade_txt>p a{color:#FFF;background:#fe8431;padding:0 5px 3px;border-radius:25px;text-decoration:none;font-size:.9rem}
/*
.top_grade{padding:2% 0 3%;text-align:center}
.top_grade_title{font-size:1.45em;font-weight:bold}
.top_grade_title a{color:#f24235}
.top_grade_title small{font-size:.8em}
.top_video{margin:1% auto;text-align:center}
.top_video figure{position:relative}
.top_video figure a:before{content:"";border-style:solid;border-color:transparent transparent transparent rgba(74,74,74,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}
.top_video figure a:hover:before{transform:scale(1.1);border-color:transparent transparent transparent rgba(74,74,74,0.8)}
.top_video img{max-width:100%;box-shadow:0 2px 3px 0 #878283}
*/
/*私醫優勢*/
.adv_box{margin:1% auto}
.adv_box dl{width:calc(25% - 4%);margin:0 .5%;background:#fff;padding:13px 1.5%;border-radius:5px}
.adv_box dt{border-radius:50%;background:#1f5876;color:#fbee23;text-align:center;font-size:1.2em;line-height:70px;width:70px;height:70px;margin:0 auto 4%;font-weight:bolder}
/*熱門科系*/
.subject_tabs{margin:1% auto 3%}
#subject_content1,#subject_content2,#subject_content3,#subject_content4,#subject_content5,#subject_content6{display:none;padding:3% 5%;text-align:left;color:#000;border-top:1px #E6E6E6 solid;background:#fFF}
#subject_tab1,#subject_tab2,#subject_tab3,#subject_tab4,#subject_tab5,#subject_tab6{display:none}
.subject_tabs label{display:inline-block;margin:0 0 -1px;padding:8px 18px;text-align:center;color:#FFF;background:#3d845a;font-size:1.15em;position:relative;border-radius:7px 7px 0 0;border-bottom:0}
.subject_tabs label:hover{opacity:.8;cursor:pointer;top:0}
.subject_tabs input:checked + label{background:#fa1e1e}
#subject_tab1:checked ~ #subject_content1,#subject_tab2:checked ~ #subject_content2,#subject_tab3:checked ~ #subject_content3,#subject_tab4:checked ~ #subject_content4,#subject_tab5:checked ~ #subject_content5,#subject_tab6:checked ~ #subject_content6{display:block}
.subject_title{font-size:1.5rem;font-weight:700;text-align:center}
.sub_content dl{margin:1% auto}
.sub_content dt{width:15%;font-size:1.125rem;font-weight:700;color:#fa1e1e}
.sub_content dd{width:85%;font-size:1.05rem}
.sub_content dd ol>li{list-style:decimal;margin-left:4%}
/*課程規劃*/
.slogan{margin:15px 20px}
.slogan li{font-size:1.1em;line-height:32px}
.slogan li span{width:30px;height:30px;line-height:30px;font-size:1.25rem;color:#FFF;border-radius:50%;margin-right:1%;display:inline-block;text-align:center}
.slogan li:nth-of-type(1) span{background:#fe8431}
.slogan li:nth-of-type(2) span{background:#1f5876}
.planlist{width:20%;margin:1% .5%;padding:4% 2% 2%;position:relative;border-radius:6px}
.planlist:nth-of-type(odd){background:#fe8431}
.planlist:nth-of-type(even){background:#1f5876}
.planlist a{color:#fff}
.planlist div{color:#FFF;text-align:justify}
.planlist div:nth-of-type(1){font-size:2rem;font-weight:700;text-align:right;opacity:.2;top:-3%;right:0;position:absolute}
.planlist div:nth-of-type(2){font-size:1.2rem;line-height:1.4em;text-align:center;padding:10% 0 3%}
.planlist div:nth-of-type(2) strong{font-size:1.7rem;display:block}
/*新開課*/
.newclass_bg{margin:1% auto}
.newclass_bg dl{width:24%;margin:0 .5%;font-size:1.2em;text-align:center}
.newclass_bg dt{padding:5px 0;background:#ffdd39;border-radius:10px 10px 0 0}
.newclass_bg dt a{color:#000}
.newclass_bg dd{line-height:2em;font-weight:700;background:#fff;border-radius:0 0 10px 10px}
.note{font-size:15px;text-align:center;line-height:30px}
.moreclass{text-align:center;font-size:1.3rem;padding:2% 0;font-weight:700}
.moreclass a,.gradeintro>h5 a{color:#fa1e1e}
/*師資*/
.teacher_box{margin:1% auto}
.teacherlist{width:20%;margin:1% 0}
.teacherlist img{max-width:100%;height:auto}
.teacherlist>figure{text-align:center}
.teacherlist>figure figcaption{font-size:1.1em;margin:2% auto 0}
.teacherlist>figure strong{display:block}
.teacherlist>figure small{font-size:.8em}
.teacherlist>figure a{line-height:1.4em;color:#fff}
.teacherintro{width:86%;padding:5%;margin:25px auto 0;border-radius:5px;position:relative;background:#fff;color:#000;font-size:.95rem;line-height:1.7em;text-align:justify}
.teacherintro:after{content:" ";height:0;width:0;position:absolute;border-style:solid;top:-15px;left:40%;border-width:0 15px 15px;border-color:transparent transparent #fff}
/*資源*/
.service_box{margin:2% auto 0;padding:0 0 6%}
.hex_row{justify-content:center;position:relative}
.service_hexagon{position:relative;width:140px;height:80.83px;background:linear-gradient(to bottom,#fa2 0%,#ffd694 100%);margin:40.41px 5px 5px;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-o-perspective:1000;perspective:1000px}
.service_hexagon a{color:#000}
.service_hexagon:before,.service_hexagon:after{content:"";position:absolute;width:0;z-index:1;border-left:70px solid transparent;border-right:70px solid transparent}
.service_hexagon:before{bottom:100%;border-bottom:40.41px solid #fa2}
.service_hexagon:after{top:100%;width:0;border-top:40.41px solid #ffd48f}
.hexagon_box{position:relative;width:100%;height:100%;text-align:center;-webkit-transform-style:preserve-3d;-webkit-transition:.8s;-moz-transform-style:preserve-3d;-moz-transition:.8s;-ms-transform-style:preserve-3d;-ms-transition:.8s;-o-transform-style:preserve-3d;-o-transition:.8s;transition:.8s}
.service_hexagon_click{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.hexagon_front,.hexagon_back{width:90%;height:100%;top:0;left:0;position:absolute;padding:0 5%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.hexagon_front{font-size:1.45em;text-align:center}
.hexagon_back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);font-size:.95rem;text-align:left;z-index:10}
/*好成績*/
.grade_box{margin:1% auto;justify-content:center}
.gradelist{width:30.3%;margin:1% .5%;padding:1%;background:#FFF}
.gradetitle,.gradepic{text-align:center}
.gradetitle{font-size:1.4em;font-weight:700;color:#1f5876;border-bottom:solid 1px #e6e6e6}
.gradeintro{font-size:1.05em}
.gradeintro>h5{text-align:center;font-size:1.3em;margin:0 0 5px}
.gradeintro>h5+ul{margin:9px 12px 10px}
.gradeintro>h5+ul li{text-align:center}
.gradeintro>h5+ul li:nth-child(1){padding:2px 12px;margin:0 0 3px;background-color:#fdee21;border-radius:50px;font-weight:700;font-size:1.2em}
.gradeintro small{font-size:.8em}
.gradeintro strong{display:block}
.gradepic figure{position:relative;width:135px;height:135px;border-radius:50%;background-color:#f7f5f5;margin:8px auto;overflow:hidden}
.gradepic figure>img{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0}
.course .imp{font-size: 1.4rem;background:#3D845A; color: #E8EEF5;text-align: center;padding: 5px 10px;font-weight: 700;margin-bottom: 2%;}
.course .imp a{color:#E8EEF5;font-weight: 700;}
.course_sale{width:86%;margin:0 auto 2% auto;}
.course_sale li{font-size:1.3rem;line-height:1.8em;text-align:left;margin:0 auto}
.course_sale li a{color:#000}
.course_sale li small{font-size:.9rem}
.course_sale li strong{color:red}
/*社群*/
.LINE,.FB{width:46%;padding:2%}
.LINE{background:#72ae34}
.FB{background:#1f5876}
.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:#5a8e1c;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{width:100%;background:#4973b6;color:#FFF;text-align:center;position:fixed;bottom:0;opacity:.9;;padding:.7% 0;z-index:9}
.bottomlink li{font-size:1.2em;display:inline;margin:0 1.5%}
.bottomlink a{color:#FFF}
.bottomlink li.admsale a{color:#fcee21}

@media all and (min-width: 768px){
.Tutor_Btn i{display:block}

}

@media all and (min-width: 1201px){
#BodyFooter_rwd{padding-bottom:60px}
#topbutton,#BodyHeader_event_rwd,.bottomlink li.tutor{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: 1501px) and (max-width:1700px) {
.Tutor_Btn{right:6%}
}

@media all and (min-width: 1701px){
.Tutor_Btn{right:13%}
}

/* IE9, IE10 */
@media screen and (min-width:0\0){
.adv_box dl,.planlist,.newclass_bg dl,.teacherlist,.gradelist,.LINE,.FB,.social_txt,.student_list,.student_box,#BodyContentAd,.sub_content dt{float:left}
.adv_box dl{height:200px}
.bgcolor2{overflow:hidden}
.student_box{width:100%}
.masterbanner{background:linear-gradient(to bottom,#75ccff 0%,#ffffa1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75ccff',endColorstr='#ffffa1',GradientType=0)}
#BodyContentMainDetail{float:left}
.adv h2{clear:both}
.student_list:last-child{padding:60px 0 0 34%}
}

@media (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.3em;padding:4px 5px}
#event h2+h3{font-size:1.2em}
#event h2:before{width:32px;height:40px;top:auto;bottom:0}
#event h4{font-size:1.25rem}
#event h2 span:not(:first-of-type),#event h3 strong,.adv h2 strong,.grade h2 strong,.video h2 strong,.course h2 strong{display:block}
.pc_br{display: inline;}
.focus{display: inline;}
/*
.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}
*/
.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:inline-block;margin:1.5% 0}
.adv_box dl{width:calc(100%/2.4);margin:0 .4% 3px;padding:13px 3.7%;text-align:justify}
.adv_box dt{font-size:1.1em;line-height:65px;width:65px;height:65px}
#subject_content1,#subject_content2,#subject_content3,#subject_content4,#subject_content5,#subject_content6{padding:5%}
.sub_content dt{width:30%;font-size:1.05rem}
.sub_content dd{width:70%;font-size:1rem}
.planlist{width:45%}
.teacherlist{width:50%}
.student_box{background:url(../images/0907074_house.png)no-repeat bottom center / 100%}
.masterbanner{padding:3%}
.masterbanner p{font-size:1.5em;position:relative;right:0}
.student_list:first-child{width:53%}
.student_list:last-child{width:24%;padding:0 0 0 34%}
.subject_tabs label{padding:12px 5px 5px;font-size:.95em;margin:0 -1px -1px}
.subject_tabs label i{display:block;font-size:1.3rem;margin-right:0!important}
.gradelist{width:47%;margin:1% auto}
.gradelist:last-of-type{width:97%}
.gradeintro>h5{font-size:1.1em}
.gradeintro>h5+ul li:nth-child(1){font-size:.9em}
.newclass_bg{justify-content:center}
.newclass_bg dl{width:40%;margin:1%}
.service_hexagon{width:88px;height:50.81px;margin:25.4px 1px 3px}
.service_hexagon:before,.service_hexagon:after{border-left:44px solid transparent;border-right:44px solid transparent}
.service_hexagon:before{border-bottom-width:25.4px}
.service_hexagon:after{border-top-width:25.4px}
.hexagon_front{font-size:.95em}
.hexagon_back{font-size:.65rem;text-align:justify}
.hexagon_back,.hexagon_back a{line-height:1.3em}
.course_sale{width:96%}
.course_sale li{font-size:1.1rem;line-height:1.6em;margin:0 auto 2%}
.LINE,.FB{width:94%;padding:2% 3%}
.bottomlink{padding:2% 0}
.bottomlink li{display:inline-block;margin:1% 2%;font-size:1.05em}
}
@media all and (min-width:768px) and (max-width: 1200px){
.bottomlink{padding:1.5% 0}
.bottomlink li{margin:0 1%;display:inline-block}
#BodyFooter_rwd{padding-bottom:68px}
}
    
@media all and (min-width: 1px) and (max-width: 1200px){
/*隱藏的區塊*/
#BodyContentMainNavigator,#BodyHeader_event,#noie,.Tutor_Btn{display:none}
.bottomlink li.tutor a{color:#ffdd39}
}