.row100{width:100%}
.bgcolor0{background-image:url(/screen/File/images/scr_p_drucker_spring_bg.png);background-position:center top;background-size:100% 100%}
.bgcolor1{background:#c05d9d}
.bgcolor2{background:#288395}
.bgcolor3{background:#2b8d9f}
.bgcolor4{background:#DC5C3F}

#drucker{width:100%;margin:0 auto}
.drucker_inner{margin:0 auto;text-align:left}
.drucker_inner,.drucker_book,.case_list{display:flex;flex-wrap:wrap;display:-ms-flexbox}

#drucker header{width:250px;height:250px;font-weight:700;text-align:left;padding:25px;margin:0;letter-spacing:2px;border-radius:8px;font-family:"Microsoft YaHei"}
#drucker.spring header{color:#dd5c3d;background:#f7f3b6}
#drucker.summer header{color:#FFF;background:#dc5c3f}
#drucker_sale header h1{font-size:4em;line-height:1.1em;font-weight:500}
#drucker header h2{font-size:3.5em;line-height:1.2em}
#drucker header .season{font-size:1.85em;line-height:1.55em;color:#000}
.drucker_content{width:72%;margin-left:3%}
.drucker_content p{font-size:1.1em;line-height:1.55em;color:#FFF;margin-bottom:3%;text-align:justify}
.drucker_content strong{color:#fff79a}

#drucker_course,#drucker_book,#drucker_case,#drucker_exp{padding:2% 0}
#drucker_sale{padding:1% 0 2%}

/*課程簡介*/
#drucker_course a{color:#FFF}
.drucker_book{width:94%;margin:2% auto 0;padding:2% 3%;border-radius:10px}
.drucker_book .sub{font-size:1.8em;line-height:1.5em;color:#000;font-weight:700}
.theme{width:31%}
.bookImg{width:31%}
.bookText{width:38%}
.theme ol{width:90%;margin:3% auto 0 10%}
.theme li{font-size:1.1em;line-height:1.7em;color:#FFF}
.bookText li{font-size:1.2em;list-style:none;margin:2% 0 4%;color:#FFF}
.bookText li.bookname{font-size:1.55em}
.bookText li.bookname a{color:#eee9a7!important;font-weight:700}

/*個案討論*/
#drucker_case .sub{font-size:1.8em;color:#f7f1b5;font-weight:700;margin:1% 0}
.case_time_bg{width:92%;margin:0 auto 3%;padding:2% 4%;background:#FFF}
.case_list{margin:2% auto}
.case_time{width:15%;margin:0 2% 0 auto;padding:1.5% 1%;font-size:1.3rem;background:#216e80;color:#f7f3b6;text-align:center;border-radius:5px;font-weight:700}
.case_txt{width:81%;font-size:1.05em;line-height:1.55em}
.topic{font-weight:700;display:block;color:#DC5C3F;font-size:1.25rem}
.case_note{font-size:1.1rem;margin:3% auto 1%;color:#dc5c3f;font-weight:700}

/*老師說*/
.say{width:90%;margin:2% auto 0 10%;display:inline-block}
.say:after{content:url(/screen/File/images/scr_p_drucker_spring_m4.png);right:0}
.say a{color:#FFF}
.sayText{width:65%;float:left;position:relative;margin:0 10% 0 0;padding:0 2%}
.sayText p{font-size:1.1em;line-height:1.55em;color:#FFF;text-align:left;margin:0 0 4%}
.sayText:before,.sayText:after{position:absolute}
.sayText:before{content:url(/screen/File/images/scr_p_drucker_spring_icon1.png);top:5px;left:-55px}
.sayText:after{content:url(/screen/File/images/scr_p_drucker_spring_icon2.png);bottom:5px;right:-55px}

/*價格*/
#drucker_sale header{background:#52A9BA!important;text-align:center}
#drucker.spring #drucker_sale header,#drucker.spring #drucker_sale h1{color:#FFF!important}
#drucker_sale h1{color:#fef2be}
#drucker_sale .time{font-size:3.2em;line-height:1.1em}
#drucker_sale .season_circle{font-size:3rem;border-radius:50%;font-weight:500;padding:0 8px}
#drucker.spring .season_circle{background:#f1e8a5;color:#50a9b7}
#drucker.summer .season_circle{background:#dd5b41;color:#FFF}
#drucker_sale header .up{color:#000;font-size:1.3em;line-height:1.55em;margin:5% 0 3%;font-weight:500;position:relative}
#drucker_sale header .up:before{content:"";position:absolute;top:16px;left:4px;border:.5px solid #000;width:40px}
#drucker_sale header .up:after{content:"";position:absolute;top:16px;right:4px;border:.5px solid #000;width:40px}
#drucker_sale header .limited{width:100%;background:#e81f18;color:#FFF;font-size:1.55em;line-height:1.55em}
.sale_out{width:95%;border:20px solid #52a9ba;background:#FFF;padding:0 0 3%}
#drucker_sale .sub{width:94%;background:#eee;color:#268696;padding:1% 3%;margin:0 auto;font-size:1.8em;line-height:1.55em;font-weight:700}
#drucker_sale table{width:94%;margin:2% auto;font-size:1.2rem;line-height:1.55em;text-align:center}
#drucker_sale th,#drucker_sale td{padding:1% 2%;border-bottom:1px dotted #2c94b1}
#drucker_sale th{font-size:1.4rem;font-weight:700}
#drucker_sale th.old{font-weight:400}
#drucker_sale th.old b{color:#da5d3f}
.link{width:90%;margin:4% auto 0;font-size:1.2em;line-height:1.55em;text-align:center}
.link a{background:#278495;color:#FFF;padding:1% 3%;margin:0 1%;text-decoration:none}

/*經驗談*/
#drucker_exp p{font-size:1.1em;line-height:1.55em;color:#FFF;margin-bottom:5%;text-align:left}
#drucker_exp p:last-child{margin:0 0 2%}
.stu{color:#fff79a;font-weight:700}
#drucker_exp .exp{width:100%;margin:0 auto 2%;display:inline-block}
#drucker_exp .exp p{width:75%;float:left;margin:0}
#drucker_exp .exp .expImg{width:25%;float:left;text-align:center}
#drucker_exp .exp .expImg img{width:93%}

/*右側按鈕*/
#clickbutton{width:130px;height:103px;padding-top:27px;border-radius:50%;position:fixed;right:1%;bottom:4%;text-align:center;background:#da4629;opacity:.9;color:#FFF;z-index:9}
#clickbutton ul{display:block}
#clickbutton ul li{font-size:1.4em;line-height:40px;list-style:none}
#clickbutton a{color:#FFF;text-decoration:none}
#clickbutton a:hover{color:#efefe4}

/*-----------------------------------------------------------*/
/*PC*/
@media all and (min-width: 1201px){
#drucker .drucker_inner{width:1200px}
}

/*-----------------------------------------------------------*/
/*MB*/
@media all and (min-width: 1px) and (max-width: 767px){
#drucker .drucker_inner{width:100%}
#drucker_course, #drucker_book, #drucker_case, #drucker_exp{padding:4% 0}
#drucker header{width:90%;height:auto;font-weight:700;text-align:center;padding:4% 2%;margin:0 auto}
#drucker header .season{font-size:1.4em}
#drucker header h2 {font-size:2.5em}
.drucker_content{width:94%;margin:2% auto}
#drucker p{font-size:1rem}
#drucker .sub{font-size:1.5rem}
.contentIMG img{width:100%}
.theme,.bookImg,.bookText{width:90%;margin:0 auto 2%}
.theme ol{margin:2% 0 0 8%}
.theme ol li{text-align:left}
.theme,.bookImg{text-align:center}
.case_time{width:98%;margin:0 auto 1%}
.case_txt{width:100%;line-height:1.7em}
.case_list{margin:3% auto}
.say{width:85%;margin:2% auto 0 11%}
.sayText {width:86%;margin:0 5%}
.sayText:before{left:-50px}
.sayText:after{bottom:-20px;right:-30px}
#drucker_sale .time{font-size:2.5rem}
#drucker_sale .season_circle{font-size:2.3rem}
#drucker_sale header h1{font-size:3.2rem}
#drucker_sale header .up{margin:2% auto}
#drucker_sale header .limited{font-size:1.3em}
.sale_out{width:100%;margin:2% auto;border:0;padding:0 0 5%}
#drucker_sale th{font-size:1rem}
#drucker_sale th.old b{display:block}
#drucker_sale table{width:100%;font-size:1rem}
.link{font-size:1rem}
#clickbutton{width:100%;height:auto;border-radius:0;right:0;bottom:0;padding:2% 0}
#clickbutton ul li{font-size:1.3em;line-height:1.55em;display:inline;margin:0 2%}
#BodyFooter_rwd{padding-bottom:45px}
}

@media all and (min-width: 768px) and (max-width: 1200px){
#drucker .drucker_inner{width:96%}
.bookImg img{width:100%}
#drucker .sub{font-size:1.6rem}
}

@media all and (min-width: 768px) and (max-width: 991px){
#drucker header{width:180px;height:180px;padding:10px;text-align:center}
#drucker header .season{font-size:1.4em}
#drucker header h2{font-size:2.5em}
.drucker_content{width:69%}
.case_time{width:20%;margin:0 2% 0 0}
.case_txt{width:76%}
#drucker_sale .time{font-size:2.5rem}
#drucker_sale .season_circle{font-size:2.3rem}
#drucker_sale header h1{font-size:3.2rem}
#drucker_sale header .up{margin:2% auto;font-size:1.1rem}
#drucker_sale header .limited{font-size:1.3em}
#drucker_sale header .up:before,#drucker_sale header .up:after{width:20px;top:15px}
#drucker_sale header .up:before{}
}

@media all and (min-width: 992px) and (max-width: 1200px){
#drucker header{width:220px;height:220px;padding:20px;text-align:center}
.drucker_content{width:69%}
#drucker header .season{font-size:1.7em}
#drucker header h2{font-size:3em}
}