@import url("/Other/master.get/File/css/font.css");
ul,li{margin:0;padding:0}
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
figure{padding:0;margin:0}
/*外層設定*/
body{margin:0 auto;padding:0}
#BodyContainer_event{width:100%}
#BodyContent{width:100%}
#event{width:100%;margin:0 auto;font-family:"Microsoft YaHei",sans-serif}
#event i{margin-right:3px}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.row1200{width:1200px;margin:0 auto}
.bgcolor0{background:linear-gradient(to right,#064361 30%,#a7e23a 100%)}
.bgcolor1{background:linear-gradient(to right,#dedede 10%,#fff 95%)}
.bgcolor2{background:url(/screen/course/images/scr_p_drucker_spring_bg.png) repeat top center;background-size:contain}
.bgcolor3{background:linear-gradient(to right,#dedede 5%,#fff 60%)}
.bgpadding{padding:2% 0}
.fcolor1,.fcolor1 a{color:#469637}
.fcolor2,.fcolor2 a{color:#1ea29f}
.fcolor3,.fcolor3 a{color:#189eb9}
.fcolor4,.fcolor4 a{color:#1f79ac}
.fcolor4,.fcolor4 a:hover{text-decoration: none;}
/*標題*/
h1,h2,h3,h5{text-align:center}
h1{font-size:3rem;background:linear-gradient(to right,#0a81a3 30%,#034c83 100%);padding:7px 0;color:#fff}
h2{font-size:2.5rem;color:#035984;}
h3{font-size:2.1rem;line-height:1.4em;padding:0 0 1%;border-bottom:dotted;text-align:center}
h3 strong{display:block;font-weight:600}
h4{font-size:1.5rem;border-bottom:dotted 1px #13908f}
h4 span{display:block;font-size:1.3rem;border-top:dotted 1px #13908f;border-bottom:dotted 1px #13908f;color:#13908f;padding:1%;margin-bottom:1%}
h4 small{font-size:.8em;font-weight:400}
h5{font-size:3rem;color:#FFF}
/*主圖*/
.masterbanner{background: linear-gradient(90deg, #ebebeb, #cccaca);}
.top{width:100%;position:relative;text-align:center}
.top img{display:block}
.top1{position:absolute;top:5%;left:150px}
.intro_list{margin:1% 5% 0 17%;padding:0;list-style:none}
.intro_list li{text-align:left;font-size:1.4em;margin:0 auto 1%}
.intro_list li strong{text-align:center;font-size:1.1em;margin:0 2% 0 0;padding:5px 10px;background-color:#2297b3;color:#fff;border-radius:1em;display:inline-block;font-weight:400}
.list_f li{border-bottom:dotted 2px #2297b3;padding-bottom:1%}
.intro_out>div{width:100%;margin:.5% auto;background:linear-gradient(to right,#dedede 5%,#fff 60%);border-radius:20px;padding:3% 0 2%}
/*師資*/
.teacher_box{width:92%;margin:1% auto 3%;/*align-items:center*/}
.teacher_box figure{width:30%;text-align:center;padding: 0 .5rem 0 0;}
.teacher_box figure img{width:90%}
.teacher_intro{width:63%;text-align:left;padding:1% 2%;border-radius:10px;position:relative;background:linear-gradient(to right,#d8d8d8 10%,#f7f7f7 90%);font-size:1.3em}
.teacher_intro:after{right:100%;top:70px;content:" ";height:0;width:0;position:absolute;border-style:solid;border-width:15px 35px 15px 0;border-color:transparent #d8d8d8 transparent transparent;margin-top:-30px}
.teacher_intro .feature strong{font-weight: 400;margin:0 2% 0 0;padding:2px 10px;background-color:#bd3a3a;color:#fff;border-radius:1em;display:inline-block;}
.teacher_intro .feature{color: #bd3a3a;font-weight: 500;margin-top: .5rem;line-height: 1.5;font-size: 1.4rem;text-align: justify;}
.teacher_intro ul{margin:10px auto 5px}
.teacher_intro li{font-size:1.15em;line-height:1.6em;margin:0 auto 0 25px}
.teacher_name{font-size:1.8em;color:#13908f}
/*課程組合*/
.combination{margin:0 auto 3%}
.course_list{width:22%;padding:6% 1% 2%;margin:0 .5%;background:#FFF;border-radius:0px;position:relative}
.course_list_01{border-top: 10px solid #a8cf5a;background: url(/screen/course/images/1406075_battery1.png) no-repeat #FFF;background-position: 95% 5%;}
.course_list_02{border-top: 10px solid #5fbfbb;background: url(/screen/course/images/1406075_battery2.png) no-repeat #FFF;background-position: 95% 5%;}
.course_list_03{border-top: 10px solid #40bacd;background: url(/screen/course/images/1406075_battery3.png) no-repeat #FFF;background-position: 95% 5%;}
.course_list_04{border-top: 10px solid #329cdd;background: url(/screen/course/images/1406075_battery4.png) no-repeat #FFF;background-position: 95% 5%;}
.course_list ul{margin:10px auto}
.course_list li{text-align:justify;margin:0 auto 0 25px;font-size:1.1em;line-height:1.6em;}
.course_list:before{font-size:2em;left:2%;top:4%;position:absolute;color:#FFF;border-radius:50%;width:45px;height:45px;text-align:center;line-height:45px}
.course_list:nth-of-type(1):before{content:"1";background:#469637}
.course_list:nth-of-type(2):before{content:"2";background:#1ea29f}
.course_list:nth-of-type(3):before{content:"3";background:#189eb9}
.course_list:nth-of-type(4):before{content:"4";background:#1f79ac}
.open{font-size:1.3em;margin:20px auto 10px;text-align: center;}
.open,.open a{color:#e43e19}
.price{color:#4c4444;margin:2% 0 0;text-align: center;}
.ps{font-size:.9em;text-align:center;padding:0 0 1%}
.ps,.ps a{color:#333}
.price_box{margin:1% auto}
.price_list{width:24%;margin:0 .5%;padding:1% 0;background:#FFF;line-height:2em;text-align:center}
.price_list>div:nth-of-type(1){font-size:1.8em}
.price_list>div:nth-of-type(2){font-size:1.35em;color:#e43e19;border-top:dotted 2px;margin-top:2%;padding-top:2%}
.price_list>div:nth-of-type(2) strong{font-size:1.15em}
.price_f{text-align:center;font-size:1em;margin:1% 2%;padding:5px 10px;color:#fff;border-radius:.5em;display:inline-block}
.price_f.f1{background-color:#469637}
.price_f.f2{background-color:#1ea29f}
.price_f.f3{background-color:#189eb9}
.price_f.f4{background-color:#1f79ac}
.sessions{font-size:1.3rem;text-align: center;}
.sessions dl{border: #5FBFBB dotted 4px;margin: 1rem auto;border-radius: 25px;padding: 2%;background-color: #d8f4f1;}
.sessions dt{font-size: 1.4rem;}
.sessions dd{margin-top: .4rem;}
.time{font-weight: 900;padding: .8rem 0 0;}
h3 .place{font-size: 2.1rem;}
.place{color:#e43e19;text-align: center;font-size: 1.2rem;}
.sale{text-align: justify;padding: .5rem;}
.sale span{background-color:#034F85;color: #FFF;padding: .2rem 0.4rem;margin-right:.5rem;}
/*經驗談*/
.media_box{margin:1% auto}
.media{width:96%;text-align:left;margin:0 auto 1.5%;padding:1.5% 2%;background:linear-gradient(to right,#fff 60%,#62b1bf 100%)}
.media a{color:#333}
.media>div{font-size:1.25em;line-height:1.7em;font-weight:700;color:#e43e19;margin-bottom:.5%}
.media>div>a{font-size:1.4rem;display:block}
.media>div>a:hover{text-decoration: none;}
.media>div>a strong{font-size:1.8rem;color:#13908f}
.media p{font-size:1.2rem;line-height:1.6em}
.media p strong{color:#ff6c00;font-weight:400}
/*連結*/
.navlink{margin:3% auto 2%;text-align:center}
.navlink li{display:inline;margin:0 1%;font-size:1.3em;list-style:none}
.navlink a{background:#e43e19;color:#FFF;padding:8px 30px;text-decoration:none;border-radius:20px}
.navlink a:hover i{-webkit-transform:translate(8px,0px);transform:translate(8px,0px)}
/*PC*/
@media all and (min-width: 1201px){
.master_mobile{display:none}
.top{width:1200px;margin:0 auto}
}
@media(max-width:767px){  
.bgpadding{padding:0 0 4%}
h1{font-size:2rem}
h2,h3{font-size:1.8rem;margin-top:0.8rem}
h4{font-size:1.2rem}
h5{font-size:1.7rem;padding:3% 0 0}
h1 strong,h5 strong{display:block}
.top1{top:5%;left:12%}
.top .top1 img{width:58%}
.intro_list{margin:1% 5% 0}
.intro_list li{font-size:1em;line-height:1.8em;margin:0 auto 10px}
.intro_list li strong{font-size:1em}
.teacher_box figure{width:60%;margin:0 auto}
.teacher_intro{width:94%;line-height:2em;font-size:1em;padding:4% 3%}
.teacher_intro:after{border:0}
.teacher_intro .feature{font-size: 1.2rem;}
.course_list{width:94%;padding:17% 3% 4%;}
.price_box{margin:3% auto}
.price_list{width:100%;margin:2% auto;text-align:center}
.price_list>div:nth-of-type(1){font-size:1.5em}
.ps{padding:2% 0}
.media_box{margin:2% auto 3%}
.media{width:90%;line-height:1.9em;padding:4% 3%}
.media>div{font-size:1.1rem;margin-bottom:3%}
.media>div>a{font-size:1.25rem}
.media>div>a strong{font-size:1.4rem}
.media p{font-size:1rem}
.navlink{margin:2% auto}
.navlink li{display:inline-block;font-size:1.2em}
.navlink a{display:inline-block;margin:3% 0}
}
@media (min-width:768px) and (max-width:991px) {
.top1{top:5%;left:14%}
.top .top1>img{width:60%}
}
@media (min-width:992px) and (max-width:1199px) {
.top1{top:5%;left:14%}
.top .top1 img{width:80%}
}
@media (min-width:768px) and (max-width:1199px) {
h1{font-size:2.5rem}
h2{font-size:2.2rem}
h3{font-size:2rem}
h5{font-size:2.3rem}
.intro_list{margin:1% 4% 0}
.intro_list li{margin:0 auto 1.5%;font-size:1.25rem}
.teacher_box figure img{width:100%}
.teacher_name{font-size:1.4em}
.teacher_intro li{font-size:1.05em}
.course_list{width: calc(94% / 2);margin: 0 auto;background-size:40%;background-position:95% 2%;padding:9% 1% 2%}
.media{width:92%}
}
@media(max-width:1200px) {
.row1200{width:100%}
.top img{width:100%}
.intro_out>div{width:96%;margin:3% auto 0}
}