@import url(../../../icon_new_6.6/css/all.min.css);
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
ul,li{list-style:none}
[class*="flex"]{display:flex;flex-wrap:wrap}
[class*="grid"]{display:grid}
.bgpadding{padding:3% 2%}
.bgcolor0{background:#ffffc7}
.bgcolor1{background:#00b3cd}
.bgcolor2{background:#f24235}
.bgcolor3{background:#f9f944;background:-moz-linear-gradient(top,#f9f944 0%,#FFFFFF 70%);background:-webkit-linear-gradient(top,#f9f944 0%,#FFFFFF 70%);
    background:linear-gradient(to bottom,#f9f944 0%,#FFFFFF 70%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f944',endColorstr='#ffffff',GradientType=0)}
#event{font-family:"Microsoft JhengHei"}
#event i{margin-right:3px}
#event h1,#event h2,#event h3,.event_title,.bannertxt{font-family:"microsoft yahei","Meiryo UI";text-align:center}
#event h1{font-size:2.2em}
#event h2,.event_title{font-size:1.8em}
#event h3{font-size:1.8em}
.event_title{font-weight:700}
.event_title>p>br{display:none}
.step{background-color:#f24235;color:#fff;display:inline-block;border-radius:30px;position:relative;padding:0 7% 0 4%;margin:8px 0 7px;font-weight:500}
.step+b{font-weight:500;color:#f24235;margin:0 0 0 10px}
.step span{position:absolute;right:-3px;width:40px;height:40px;background-color:#ffff01;border-radius:50%;line-height:40px;border:solid 2px #ffffc7;top:-1px;bottom:0;color:#f24235;font-family:Arial;font-weight:bolder}
.course .event_title>p,.get_box .event_title>p{color:#fff}
.banner{background:url(../images/0912030_gene_left.png)no-repeat left top,url(../images/0912030_basemap.jpg)no-repeat top center / cover;display:flex;justify-content:center;position:relative;overflow:hidden;padding:0 0 17px}
.banner img{max-width:100%}
.banner ul{position:absolute;bottom:7%;z-index:2;left:26%;bottom:5%}
.banner ul li{display:inline-block}
.banner ul li a{font-size:1.5em;padding:0 15px;display:block;margin:0 14px;position:relative;color:#fff;line-height:46px}
.banner ul li a:before,.banner ul li a:after{position:absolute;content:"";width:0;height:0;border-style:solid;top:0}
.banner ul li a:before{border-width:23px 15px 23px 0;left:-15px}
.banner ul li a:after{border-width:23px 0 23px 15px;right:-15px}
.banner ul li:nth-child(1) a{background-color:#f24235}
.banner ul li:nth-child(2) a{background-color:#ff0;color:#000}
.banner ul li:nth-child(3) a{background-color:#1b85dd}
.banner ul li:nth-child(1) a:before{border-color:transparent #f24235 transparent transparent}
.banner ul li:nth-child(1) a:after{border-color:transparent transparent transparent #f24235}
.banner ul li:nth-child(2) a:before{border-color:transparent #ff0 transparent transparent}
.banner ul li:nth-child(2) a:after{border-color:transparent transparent transparent #ff0}
.banner ul li:nth-child(3) a:before{border-color:transparent #1b85dd transparent transparent}
.banner ul li:nth-child(3) a:after{border-color:transparent transparent transparent #1b85dd}
.banner ul li a:hover{transform:scale(1.1);z-index:3}
.bannertxt{background:url(../images/0912030_bar.png)no-repeat center right,url(../images/0912030_bar.png)no-repeat center left,linear-gradient(to left,#e02323 0%,#0b69c5 50%,#da2528 99%);padding:5px 16px;color:#fff;font-size:1.6em;text-align:center;margin:0 auto}
.bannertxt strong{color:#ff0}
.bannertxt a {color:#fff;}
.bannertxt a:hover{text-decoration: none;}

/*師資*/
.teacherbox{grid-template-columns:repeat(2,1fr);grid-gap:5px;margin:2% 0}
.teacherlist{background:#FFF;align-items:center;border-radius:5px}
.teacherlist figure+div{width:55%;margin:0 auto}
.teacherlist figure+div p+p{text-align:justify;line-height:26px;color:#353535}
.teacherlist>div>p:nth-of-type(1){font-size:1.2em;margin:0 auto 2%}
.teacherlist>div>p:nth-of-type(1) a{color:#f24235;font-size:1.1em}
.teacherlist>div>p small{font-size:.9rem}
.teacher_title{width:100%}
.teacher_title a{background:url(../images/0912030_bar.png)no-repeat center right,linear-gradient(to left,#47d3d2 0%,#ff0 100%);display:block;text-align:center;color:#073537;font-size:1.4em;margin:0 0 5px}
.teacher_title a:hover{background:url(../images/0912030_bar.png)no-repeat center left,linear-gradient(to left,#ff0 0%,#47d3d2 100%);text-decoration:none}
.des{width:80%;margin:1% auto 3%;text-align:center;padding:1% 2%;position:relative;background:linear-gradient(to left,#ffff7d -51%,#ffffc7 50%,#ffffa3 91%)}
.des:before,.des:after{content:"";position:absolute;width:206px;height:15px;bottom:-15px}
.des:before{background:url(../images/0912030_shadow_left.png)no-repeat;left:0}
.des:after{background:url(../images/0912030_shadow_right.png)no-repeat;right:0}
.des p{font-size:1.2rem;line-height:1.6}
.des p.time,.des strong,.des a{font-weight:700;font-size: 1.5rem;color:#f24235}
/*經驗談*/
.course .step{background:#ffff01;color:#f24235}
.course .step span{border:solid 2px #00b3cd}
.course .step+b{color:#ffff01}
.course .step+b~p{color:#fff}
.media_box{width:96%;margin:2% auto}
.mediaflex{margin:3% auto}
.mediaflex>figure{width:130px;height:130px;border-radius:50%;overflow:hidden;text-align:center;background-color:#fff}
.media_des{width:78%;margin:0 0 0 auto}
.media_des>h4{font-size:1.4em;}
.media_des h4 a,.media_des > hr{color:#01191c;}
.media_des>p{text-align:justify;line-height:1.7em;color:#fff;font-size:1.05rem}
.media_des>p a{color:#ffff01}
.media_des>div{font-size:1.5em;font-weight:700}
.media_des>p>span{display:block;font-size:1.3rem;font-weight:700}
.media_des>p>strong{color:#ffc}
/*課表*/
.class_out{margin:0 auto;padding:3% 0 1%}
.class_box{width:90%;margin:0 auto 4%;background-color:#fff;text-align:center}
.classtitle{font-size:1.9em;font-weight:700;text-align:center;background:orange;color:#fff;padding:5px 0;position:relative}
.classtitle:before,.classtitle:after{position:absolute;content:"";background-color:#b77600;width:20px;height:20px;border-radius:50%;top:18px}
.classtitle:before{left:8%}
.classtitle:after{right:8%}
.classgrid{grid-template-columns:repeat(2,1fr);grid-gap:8px 6px;padding:2%}
.class_box a{color:#fff}
.classgrid ul{color:#fff;background:#f24235;border-radius:8px;padding:1%}
.classgrid ul:nth-child(even){background:#1b85dd}
.classgrid li{margin:1% 0}
.classgrid li small{font-size:.9rem}
.classgrid li:nth-of-type(1){font-size:1.3em}
.classgrid li:nth-of-type(2){font-size:1.2em}
.get_box .step{color:#fff;background-color:#1b85dd}
.get_box .step span{border:solid 2px #f24235}
.get_box .step+b{color:#ffff01}
.get_box .step+b~p{color:#fff}
/*連結*/
.navlink{margin:5% auto 1%;text-align:center}
.navlink>li{display:inline;margin:0 1%;font-size:1.25em}
.navlink a{background:#f24235;color:#FFF;text-decoration:none;padding:5px 35px;border-radius:20px;position:relative;box-shadow:1px 1px 3px #696969}
.navlink a:after{content:"\f061";position:absolute;right:30%;top:5px;opacity:0;font-family:"Font Awesome 5 Free";font-weight:900;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#FFF;font-size:1rem}
.navlink a:hover{color:#ffff01}
.navlink a:hover:after{right:6%;opacity:1;color:#ffff01}
/*優惠*/
.sale_box{width:90%;margin:2% auto 0}
.sale_box>dl{margin:1% auto 3%}
.sale_box>dl>dt{font-size:1.4em;font-weight:bold;margin:0 auto 1%}
.sale_box>dl>dt>a{color: #000;}
.sale_box>dl>dt>span,.sale_box>dl>dd>span{background:#1b85dd;color:#FFF;padding:2px 10px;margin-right:3px;border-radius:5px}
.sale_box>dl>dd{font-size:1.2em;line-height:1.7em}
.sale_box>dl>dd:before{content:"◎";margin-right:2px}
.sale_box>dl>dd a{color:red}
.sale_box dd strong,.special strong{color:red;margin-left:2px}
.sale_note dd strong{color:red;}
.sale_note dd{padding: 0.8rem 1.5rem;font-size: 1.125rem;line-height: 30px;background: #a0fdff;margin: 10px 0;color: #041d1e;border-radius: 9px;}
.sale_box dd small{font-size:.9rem}
.special{font-size:1.25em}
.special>span{background:#d5272c;color:#FFF;padding:3px 10px;border-radius:5px;font-size:1.25rem;margin-bottom:3px;display:inline-block}
.special small{font-size:1rem}
.download,.download a{color: #FFFF01;}
.download {background: #F24235; border-radius: 1rem;margin: 0.5rem 0;padding: 0.05rem 0;}
.w-full{width: 100%;}
.price{box-shadow: 1px 3px 5px rgb(171, 171, 171);}
.price th,.price,.price td{text-align:center;border:1px #dfdfdf solid;border-top:none;border-left:none;border-bottom:none;border-collapse:collapse;padding:.5rem;font-size:1.2rem}
.price th{background: #F24235;color: white;}
.price td{background-color: #FFFFA7;}
.price strong{color: red;font-weight: 900;}
/*社群*/
.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:#ffed00}
.social_txt p{font-size:1.1em;line-height:1.6em}
.social_txt p,.QRcode a{color:#FFF}
/*置頂連結*/
#Related{width:100%;padding:1.5% 0;background:#00b3cd}
#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 .exam_on a{background:#f24235;text-decoration:none;padding:5px 8px}
.salelink{width:100%;position:fixed;bottom:0;background:#f24235e6;text-align:center;padding:.6% 0;font-size:1.5em}
.salelink a{color:#ffff00;text-decoration:none}
.salelink a:hover{color:#ffffc7}

/*價格表*/
.newyear_title{font-size: 1.8rem;text-align: center;font-weight: 900;font-family: "microsoft yahei", "Meiryo UI";}
.sale_content li{font-size: 1.2rem;margin: 0 2rem;}
.sale_content li a{color: black;}
.sale_content li strong{color: red}
.sale_tb{width: 90%;margin: 0 auto;background: white;text-align: center;line-height: 1.6;}
.sale_tb:nth-of-type(1){position: relative;}
/* .sale_tb:nth-of-type(1)::after{
    position: absolute;content: '越早報名越優惠!';clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 55% 86%, 34% 100%, 41% 86%, 0 86%);
    width: 4rem;height: 4rem;top: -4rem;right: 0;background:#1b85dd;color:white;padding: .2rem 0.5rem;
} */
.sale_tb,.sale_tb th,.sale_tb td{border-collapse: collapse;}
.sale_tb th{background: orange;padding: 0.2rem 0;}
.sale_tb th,.sale_tb td{border: 1px solid orange;}

@media all and (min-width:768px){
.salelink br{display:none}
}
@media all and (min-width: 1201px){
/*#BodyFooter_rwd{padding-bottom:60px}*/
#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)}
#Related,.salelink{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}
#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}
}