@media screen and (min-width: 1px) and (max-width: 767px){/*手機 css*/
	body {
		margin: 0 auto;
		font-family: "Microsoft JhengHei",Verdana,Arial;
		background-image: none;
	}
    #event_note{width:90%;padding:5%;border-radius: 0;}

	/*範例*/
    #event_words{margin:0 auto;width: 100%;    padding: 0% 0 2%;}
	#event_words h2 {
		font-size: 1.2em;
		text-align: center;
		padding: 1% 1%;
		background-color: #fff;
		border: 5px solid #fecc1f;
		border-radius: 20pc;
		color: #f4369e;
		margin: 0 auto 2%;
		width: 90%;
	}
	
	/*書單*/
	#event_book h2 {
		font-size: 1.25em;

	}
	.buy {
		width: 100%;
		margin: 3% auto 0%;
		text-align: center;
		font-size: 1em;
	}
.classLink{width:100%;margin:0;padding:6% 0;text-align:center;background-color:#fff}
.classLink a{color:#c13e97;font-size:1.1em;padding:.5% 5%;border-radius:25px}

	/*注意事項*/
	#event_note {
		width: 83%;
		margin: 0 auto;
		padding: 6% 8% 10% 9% !important;
		text-align: left;
		background-color: #f6f5f0;
		opacity: 0.8;
		border-radius: 0;
	}
	#event_note p{font-size:.9em;line-height:1.55em;color:#000}
	#event_note ul{}
	#event_note li:before{content: "◎";list-style-position: inside;margin-left: -4%;}

	.bookinfo {
		width: 80%;
		margin: 0 auto;
		padding: 4% 10% !important;
		float: left;
    }
	.bookinfo li {
		margin: 6% 0 6% 3% !important;
		font-size: 1em;
		line-height: 1.4em;
	}

	
    @media screen and (max-width:360px){#event_words{margin:12% 0 0;}}
    #event_book{width: 96%;padding: 2% 2%;}
    #event_book table{font-size: 1.1em;width: 100%;}
}
@media screen and (min-width:600px) and (max-width:769px) {/*手機_橫式尺寸*/
	
	}
@media screen and (min-width: 768px) and (max-width: 991px){#author{right:0;bottom: -9%;width: 100%;color: black;}#author:after{right:6%;bottom: 310%;}}
@media screen and (min-width: 992px) and (max-width: 1199px){#author{right:0;bottom: -5%;width: 100%;color: black;}#author:after{right:6%;bottom: 360%;}}
@media screen and (min-width: 768px) and (max-width: 1199px){
    #event_words{}    
}

@media all and (min-width: 1px) and (max-width: 1200px){
    #BodyHeader,#event_news{display:none} 
    #BodyContainer,#BodyContentEvent{width:100%}
    /* Event_header */
    #BodyHeader_m{text-align:center;height:auto;margin:2.5% auto 2%}
    #BodyHeader_m img{clear:both;height:auto;width:45%}
    @media screen and (orientation: landscape) {
        #BodyHeader_m{margin:2% auto}
        #BodyHeader_m img{max-width:35%}
		.bookinfo li {
		margin: 3% 0 3% 3% !important;
		font-size: 1em;
		line-height: 1.4em;
		}
		.bookinfo {
		width: 80%;
		margin: 0 auto;
		padding: 0 10%;
		float: left;
		}
    }
    .bookcover{width:100%;margin: 0 auto ;padding: 0;float: left;}
	.bookinfo ul li:before {
		content: "";
		content: url(../images/0804047_icon_1.png);
		font-family: 'Raleway-Heavy',sans-serif,arial;
		margin-right: 0.7%;
		margin-left: -9%;
		vertical-align: sub;
	}

	
    /* Footer */
    #BodyFooter_rwd{width:100%;margin:0 auto;padding:0}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;float:left;text-align:center;border-top:thin solid #333}
    #BodyFooter_rwd a{color:#333}
    #BodyFooter_rwd img{ margin-left: 10%;}
    #BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin:5% auto 1%;text-align:center}
    #BodyFooter_rwd #footer_inline ul li{display:inline-block;line-height:2em;font-size:1.2em;width:100%;margin:0 auto}
    #BodyFooter_rwd #footer_inline ul li img{width:50%;height:auto;vertical-align:middle;margin-bottom:2%}
    #BodyFooter_rwd #footer_address{margin:0 auto;float:left;width:100%;text-align:center}
    #BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;width:94%;margin:0 3%}
    #BodyFooter_rwd #footer_address ul li{float:left;width:100%;line-height:2em;text-align:center;font-size:.8em}
    /*top*/
    #topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:2%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:9;}
    #topbutton a{color:#FFF;text-decoration:none;}
}