/* 共用 */
#event_sec h2::before{content:url(../images/07060602-101w_newicon.gif);margin-right:1%;vertical-align:middle}
#event_sec a{color:#544f4f}
#event_sec h3 ,#event_sec h4{font-weight:bold;padding-left:5px;font-size:1.1em;line-height:1.5em;margin-bottom:1px}
#event_sec h3{background:#D5CAE6;color:#7e0dca;text-shadow:0 0 .5px #8540B3;}
#event_sec h4{background:#C3CEE3;color:#363756;text-shadow:0 0 .2px #363756;}
#event_sec hr{width:80%;border-top:4px dotted #A289C7}
#event_sec .NewVer{color:#ED145B}
#event_sec .ClassInfo li::before{content:"\2605";color:#8540B3;padding-right:1%}
#event_sec .txt_s{font-size: 0.8em;}
#event_buy img{vertical-align:middle}
#event_buy p a{color:#CC3399;font-weight:bold}
#event_buy p::before{content:url(../images/07060602-101w_arr_bk.gif);vertical-align:middle}
/* 共用 end */

@media all and (min-width: 1201px){
/* css reset 歸0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,  tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body {
	margin: 0;
	padding: 0px;
	font-family: "Microsoft JhengHei", Verdana, Arial;
    background-image: url(../images/07060602-101w_body-bg.gif);
    background-repeat: repeat-x;
    background-color: #e6e6e6;
}
#BodyContainer{width:750px;margin:0 auto}

/* bodyHeader */
/*PC*/
#BodyHeader #header-share{line-height:1.2em;font-size:13px;color:#000;text-align:center;border-collapse:separate}
#BodyHeader #header-share a{font-size:13px;color:#000000;text-decoration:underline}
/*手機*/
#BodyHeader_m {display:none;} 
#BodyContentEvent{width:750px;float:left}

/* Event css */
#event{width:100%;margin:0 auto;padding:0;background-image:url(../images/07060602-101w_bg.jpg)}
#event_master{width:100%;margin:0 auto;padding:0}
#event_master img{width:100%;display:inline-block}
#event_master .HotSale{font-size:1.4em;font-weight:bold;text-align:center;color:#ED145B;line-height:2em}
#event_master .HotSale a{color:#ED145B}
.mediaYT{     text-align: center;
    padding: 2%;
    float: left;
    width: 96%;}
.mediaBox { padding: 0 11%;
    float: left;
    width: 78%;}
.mediaBox > iframe{ padding: 0;
    width: 100%;}
.mediaBox > p{     font-size: 1rem;color: darkred;
    margin: 1% 0 0;}
.mediaBox > p a{color: darkred;}

/* 課程明細 */
#event_sec{width:100%;margin:0 auto;padding:0}
#event_sec .LawClass{width:92%;margin:0;padding:4% 0 4% 5%;float:left}
#event_sec .LawClass h2{font-size:1.5em}
#event_sec .LawClass .ClassInfo{margin:0;padding:1% 10%}
#event_sec .LawClass .ClassInfo li{list-style:none;text-indent:-1.1em}
#event_sec .LawClass .ClassList{margin:0;padding:1%;float:left;width:98%;background:#fff}
#event_sec .LawClass .ClassList a:hover{text-decoration:none;background-color:#FFF299;color:#000}
#event_sec .LawClass .ClassList ul{width:49%;float:left;padding:.5%}
#event_sec .LawClass .ClassList2 ul{width:98%;}
#event_sec .LawClass .ClassList li{list-style:none;line-height:1.5em;font-weight:bold}
#event_sec .LawClass .ClassList li a{list-style:none;line-height:1.5em}
#event_buy{width:84%;margin:0 auto;padding:4% 8%;text-align:center}
#event_buy p{line-height:2em;padding-right:.5em;display:inline-block}
 
/* 全頁固定選單 */
#event_menu{position:fixed;z-index:1;top:20%;right:2%;width:160px;padding:0;-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.2);font-family:"Microsoft JhengHei",Verdana,Arial}
#event_menu a{display:block;font-size: 1rem;color:#e9247e; text-align:center;background-color: #f0f0f0;padding:5px;text-decoration:none;border-bottom: #ffffff 2px solid;}
#event_menu a:hover{color:#e9247e;background-color:#ffffff;position:relative;top:0;left:0; font-weight:bold;}
#event_menu a >.s{font-size:0.8rem; color: #666666;}
#event_menu a:nth-of-type(1){font-size:1.2rem; color: #458ccc; background:#ffffff;border-bottom: #458ccc 3px solid;font-weight:bold;}
#event_menu a:hover:nth-of-type(1){color: #458ccc;}
#event_menu a:nth-of-type(n+11):nth-child(-n+13){ display:none}

 
/* notice */
#event_notice{width:100%}
.noticeInfo{width:90%;text-align:left;font-size:.8em;line-height:1.5em;padding:4% 5% 2%}
.noticeInfo ul{font-size:.8em;line-height:1.5em;color:#000000;margin-left:4%}

/*固定選單*/
#top_t{color:#FFF;text-align:center;position:fixed;z-index:1;top:15%;right:1%;width:180px;background-color:#F3F3F3;padding:0;-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.2);float:left}
#top_t h1{color:#FFF;font-weight:normal;font-size:20px;background-color:#458CCC;border-bottom:1px solid #FFF}
#top_t a{border-radius:4px;display:block;line-height:23px;color:#000;font:normal normal 20px "Microsoft JhengHei",Arial;text-align:center;padding:6px 0;border-top:1px solid #FFF;text-decoration:none}
#top_t a:hover{color:#333;background-color:#AFDCEB;position:relative;top:0;left:0}
#top_t .ch{background-color:#458CCC;color:#FFF}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin:0 auto}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#666;margin:2% 5%}
#BodyFooter_rwd #footer_inline a{color:#333}
#BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin-bottom:0;margin-top:3%;text-align:center}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;width:100%;margin-right:1%;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{width:auto;height:auto;vertical-align:middle}
#BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;margin-right:auto;text-align:center;margin-left:auto}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */

/* 舊版IE */
#noie{background-color:#FFFFFF;width:100%;text-align:center}
/* 舊版IE end */

#topbutton{display:none;}

}