@import url(/Other/master.get/screen/File/icon/css/fontawesome-all.min.css);
@import url(/Other/master.get/screen/File/css/common.css);
@import url(/Other/master.get/screen/File/css/menu.css);

/*課程主圖*/
#course_master{width:100%;margin:0 auto}
#course_master img{width:100%;display:block}
/*麵包穴*/
#BodyContentNavigator{margin:3% auto 0}
#BodyContentNavigator a{color:#000}
#BodyContentNavigator ul{width:100%;text-align:left;margin:3% auto 0;padding:0}
#BodyContentNavigator ul li{display:inline-block;font-size:1.05em;color:#000}
#BodyContentNavigator ul li + li:before{content:' > ';font-size:inherit;color:#373737}

/*PC*/
@media all and (min-width: 1201px){
/*隱藏區塊*/
.course_master_mb{display:none}
/*麵包穴*/
#BodyContentNavigator{width:1200px}
/*OLD社群連結*/
#Bodymenunav ul.icon-menu{width:150px;float:left;margin:0 auto 0 50px;padding:10px 0 0;list-style-type:none;font-weight:500}
#Bodymenunav ul.icon-menu > li{width:50px;float:left}
/*右側固定連結*/
#SocialMenuFixed{right:0;top:15%;position:fixed;z-index:8}
#SocialMenuFixed .socialFixed{display:block;right:0}
#notice_red{position:absolute;background:red;color:#FFF;width:30px;height:30px;line-height:30px;font-size:15px;text-align:center;font-weight:700;border-radius:50%;top:-5px;left:-5px}
#SocialMenuFixed .socialFixed li{position:relative;width:80px;height:80px;display:block;font-size:2.6em;line-height:80px;text-align:center;text-decoration:none;border-radius:50%;margin:1% auto}
#SocialMenuFixed .socialFixed a{overflow:hidden}
#SocialMenuFixed .socialFixed li:hover{right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.newsFixed{margin-bottom:15px}
/*內頁右側廣告區域right_ADLink.aspx(在SocialMenuFixed.aspx裡面)*/
#right_ADLink{right:0;top:50%;position:fixed}

/*ask*/
#askarea_out{background-color:#6fa8af;width:100%;float:left;padding:2% 0 1%;margin:0 auto}
#askarea{width:1000px;text-align:left;background:#6fa8af;margin:0 auto;padding:1% 2%;border-radius:15px}
#askarea .asktitle{font-size:1.7em;color:#FFF;text-align:center;line-height:1.5em;font-weight:700;font-family:"Microsoft YaHei"}
#askarea #formlist{width:94%;font-size:1.25em;color:#FFF;line-height:2.5em;margin:3% 3% 1%}
#askarea SELECT{border-radius:7px;width:10%;background-color:#FFF;border:#FFF;padding:.5%;margin-right:1%;margin-bottom:1%;width:15%;font-size:.9em;font-family:"Microsoft JhengHei"}
#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin-bottom:1%;margin-left:1%;color:#585858}
#askarea input[type="submit"]{color:#FFF;background-color:#2e93b0;font-size:1em;padding:1% 1.5%;font-family:"Microsoft JhengHei"}
#askarea input[name="sContent"]{width:80%!important}
#askarea input[type="reset"]{color:#FFF;background-color:#707070;font-size:1em;padding:1% 1.5%;font-family:"Microsoft JhengHei"}
#askarea input[type="text"]{width:40%;font-size:1em;font-family:"Microsoft JhengHei"}
/* Footer */
#BodyFooter_rwd.bottomLinkFooter,#BodyFooter_rwd.bottomLinkFooter2{padding-bottom:3.5%}
#BodyFooter_rwd{width:100%;float:left;position:relative;z-index:-1;left:0;bottom:0;background:#eff0ea;padding:1% 0 0}
#BodyFooter_rwd .footer_title{color:#db5f43;font-size:1.5em;line-height:1.55em;margin:0 0 2%;font-weight:700}
#BodyFooter_rwd table{width:100%;margin:0 auto;text-align:left;font-size:1em;line-height:1.55em}
#BodyFooter_rwd table a{color:#000;text-decoration:none}
#BodyFooter_rwd #footer_inline{width:1200px;margin:0 auto 1%;text-align:center;padding:0}
#BodyFooter_rwd #footer_inline a{color:#3d3d3b;text-decoration:none}
#BodyFooter_rwd #footer_inline ul{width:33%;float:left;padding:0;margin:0}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:1.8em;font-size:1.1em;color:#3d3d3b;width:100%;float:left}
#BodyFooter_rwd #footer_inline ul li.abroad{margin:8% 0 0}
#BodyFooter_rwd #footer_inline ul li.title{color:#db5f43;font-size:1.8em;line-height:1.55em;margin:0 0 2%;font-weight:700}
#BodyFooter_rwd #footer_line{width:88%;height:auto;display:inline-block;margin:2% auto 0;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#CCC}
#BodyFooter_rwd #footer_address{float:left;width:100%;margin:0 auto;text-align:center;background:#eff0ea}
#BodyFooter_rwd #footer_address a{color:#333;}
#BodyFooter_rwd #footer_address ul{width:100%;clear:both;float:left;padding:0;margin:0;text-align:center}
#BodyFooter_rwd #footer_address ul li{width:100%;float:left;display:block;text-align:center;line-height:2em;font-size:1em;color:#333}
#BodyFooter_rwd #footer_address ul li img{width:auto;height:auto;vertical-align:middle}
/* TOP */
#topbutton{width:80px;height:80px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:10%;position:fixed;line-height:80px;font-size:1.55em;text-align:center;z-index:9}
    #topbutton a{text-decoration:none;color:#FFF}
/* TOP end */

/* 舊版IE */
#noie{background:#FFF;width:100%;text-align:center}
/* 舊版IE end */
}

/*
@media all and (min-width:1201px) and (max-width:1400px){
#SocialMenuFixed{top:50%}
}
*/

/*mobile*/
@media all and (min-width:1px) and (max-width:1200px){
/*隱藏*/
.course_master_pc{display:none}
#BodyContentInMain{width:96%}
/*SocialMenu*/
#SocialMenuFixed{width:100%;margin:0 auto;padding:3% 0}
#SocialMenuFixed .socialFixed{width:100%;display:inline-block;text-align:center;list-style:none}
#SocialMenuFixed .socialFixed li{width:50px;height:50px;font-size:1.8em;line-height:50px;border-radius:50%;margin:0 1%;text-align:center;display:inline-block}
#SocialMenuFixed #notice_red{display:none}
/*內頁右側廣告區域right_ADLink.aspx(在SocialMenuFixed.aspx裡面)*/
#right_ADLink img{width:100%;opacity:.9}
/*Header*/
#BodyHeader_rwd{width:100%;height:auto;text-align:center;margin:0 auto;padding:9px 0 3px;position:fixed;top:0;left:0;z-index:9;background:#dc5c3f}
#BodyHeader_rwd img{max-width:55%;height:auto;z-index:9}
@media screen and (orientation:landscape) {
#BodyHeader_rwd{padding:2% 0 1%}
#BodyHeader_rwd img{max-width:45%}
}
/*Footer*/ 
#BodyFooter_rwd{width:100%;float:left;position:relative;z-index:-1;left:0;bottom:0;background:#eff0ea;padding:2% 0 0}
#BodyFooter_rwd #footer_inline{float:left;width:100%;text-align:center;background:#eff0ea;padding:3% 0;margin:0}
#BodyFooter_rwd #footer_inline a{color:#000}
#BodyFooter_rwd #footer_inline ul{padding:0;width:50%;float:left;text-align:center;margin:0}
#BodyFooter_rwd #footer_inline ul.fullFooter{width:100%;margin:8% 0 0}
#BodyFooter_rwd #footer_inline ul li img{width:50%;height:auto;margin-bottom:2%}
#BodyFooter_rwd #footer_inline ul li{float:left;display:inline-block;margin-right:auto;line-height:1.85em;font-size:1.05em;clear:both;width:100%}
#BodyFooter_rwd #footer_inline ul li.title{color:#db5f43;font-size:1.45em;line-height:1.55em;margin:0 0 1.5%;font-weight:700}
#BodyFooter_rwd #footer_line{width:100%;height:auto;float:left;margin:2% auto;display:block;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#CCC}
#BodyFooter_rwd #footer_address{float:left;width:96%;text-align:center;background:#eff0ea;margin:0;padding:3% 2%}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;width:100%;clear:both;padding:0;text-align:center;margin:0 auto}
#BodyFooter_rwd #footer_address ul li{width:100%;float:left;display:block;line-height:1.8em;text-align:center;color:#333}
/*ask*/
#askarea_out{background-color:#6fa8af;width:100%;float:left;margin:0;padding:3% 0 2%}
#askarea{width:98%;height:auto;float:left;text-align:left;background-color:#6fa8af;margin:0;padding:1%}
#askarea p{margin:0;padding:0}
#askarea .asktitle{font-size:1.05em;color:#FFF;text-align:center;line-height:1.65em;margin:0;padding:0;font-weight:700}
#formlist{width:96%;font-size:1em;color:#FFF;margin:6% 0 0;padding:0 2%}
SELECT{border-radius:7px;width:100%;background-color:#FFF;border:#FFF;padding:.5%;margin-right:1%;margin-bottom:7%;height:30px;font-size:1em}
input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin-bottom:7%;margin-right:1%;color:#585858;height:30px;font-size:1em}
input[type="submit"]{color:#FFF;background-color:#2e93b0;font-size:1em;margin-top:5%;font-family:"Microsoft JhengHei";padding:1% 2%}
input[name="sContent"]{width:50%}
input[type="reset"]{color:#FFF;background-color:#707070;font-size:1em;margin-top:5%;font-family:"Microsoft JhengHei";padding:1% 2%}
input[type="text"]{width:99%}
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:10%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:9}
#topbutton a{color:#FFF;text-decoration:none}
}
/*MB*/
@media all and (min-width: 1px) and (max-width: 767px){
#BodyContentMainDetail,#BodyContentInDetail{margin-top:15.2%}
#BodyContentInMainDetail{margin:0 auto 4%}
#BodyContentNavigator{margin:5% auto 1.5%}
#BodyContentNavigator ul li{font-size:1em}
#SocialMenuFixed .newsFixed{display:none}
#topbutton.bottomLinkTOP{bottom:18%}
#topbutton.bottomLinkTOP2{bottom:15%}
#BodyFooter_rwd.bottomLinkFooter{padding-bottom:35px}
#BodyFooter_rwd.bottomLinkFooter2{padding-bottom:60px}
#BodyFooter_rwd #footer_address ul li img{width:75%;margin-bottom:1%}
/*內頁右側廣告區域right_ADLink.aspx(在SocialMenuFixed.aspx裡面)*/
#right_ADLink{width:25%;bottom:18%;right:0}
}
/*平板*/
@media all and (min-width:768px) and (max-width:991px){
#BodyContentMainDetail,#BodyContentInDetail{margin-top:11%}
#BodyHeader_rwd img{max-width:36%}
}
@media all and (min-width:991px) and (max-width:1200px){
#BodyContentMainDetail,#BodyContentInDetail{margin-top:10%}
#BodyHeader_rwd img{max-width:32%}
}
@media all and (min-width:768px) and (max-width:1200px){
#BodyHeader_rwd{padding:2% 0 1%}
/*Footer*/
#BodyFooter_rwd.bottomLinkFooter,#BodyFooter_rwd.bottomLinkFooter2{padding-bottom:4%}
#BodyFooter_rwd #footer_inline{padding:0}
#BodyFooter_rwd #footer_inline ul{width:33%}
#BodyFooter_rwd #footer_inline ul.fullFooter{width:33%;margin:0 auto}
#BodyFooter_rwd #footer_address{float:left;width:96%;text-align:center;background:#eff0ea;margin:0;padding:1% 2% 3%}
#BodyFooter_rwd #footer_address ul li img{width:40%}
/*ask*/
#askarea_out{background:#6fa8af;width:100%;float:left;margin:0;padding:3% 0 2%}
#askarea{width:90%;float:left;text-align:left;background:#6fa8af;margin:0 3%;padding:1% 2%}
#askarea .asktitle{font-size:1.7em;line-height:1.5em;color:#FFF;text-align:center;font-weight:700;font-family:"Microsoft YaHei"}
#askarea #formlist{width:100%;font-size:1.1em;color:#FFF;padding:0;margin:4% 0 1%}
#askarea SELECT{border-radius:7px;width:10%;background-color:#FFF;border:#FFF;padding:.5%;margin-right:1%;margin-bottom:1%;width:15%;font-size:.9em}
#askarea input{border-radius:7px;background:#FFF;border:#FFF;padding:0 .5%;margin:0 1% 1%;color:#C6C6C6;line-height:1em}
#askarea input[name="sContent"]{width:80%}
#askarea input[type="submit"],#askarea input[type="reset"]{color:#FFF;font-size:1rem;line-height:1.1em;padding:1% 1.5% 2%;margin:2% 0 0 1%}
#askarea input[type="submit"]{background:#2e93b0}
#askarea input[type="reset"]{background:#707070}
#askarea input[type="text"]{width:35%;font-size:1rem}
#SocialMenuFixed .newsFixed{position:fixed;left:0;bottom:10%}
/*內頁右側廣告區域right_ADLink.aspx(在SocialMenuFixed.aspx裡面)*/
#right_ADLink{width:22%;bottom:4%;left:0}
/*Top*/
#topbutton.bottomLinkTOP,#topbutton.bottomLinkTOP2{bottom:7%}
}