﻿/*èˆŠç‰ˆIEå°ˆç”¨ä¿®å¾©ç¸®æ”¾ä¸æ­£å¸¸æª¢è¦–ç”¨*/
@media all and (min-width: 1px) and (max-width: 1200px){
/* éš±è—å€å¡Š */
#BodyHeader {display:none;}
#event_news {display:none;} 
#Layer1 {display:none;}
/* éš±è—å€å¡Š */

/*body*/
body {
	margin: 0;
	padding:0;
	font-family: "å¾®è»Ÿæ­£é»‘é«”";
	background-image: url(http://file.get.com.tw/edm/20170430/0603053_bg.gif);
}
#BodyContainer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* Event_heaader */
#BodyHeader_m {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
#BodyHeader_m img {
	clear: both;
	height: auto;
	width: 50%;
}

/* Event css */
#event {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ä¸»åœ– */
#event_master {
	width: 100%;
	padding: 0;
	margin: 0;
}
#event_master img{
	float: left;
	width: 100%;
	height: auto;
}
/* ä¸»åœ– end */

/* featuresä¸Šé¢ä¸»æ¨™ */
#event_features {
	padding: 0;
	margin-right:30px;
	width: 100%;
	float:left;
	background-color:#fcc400;
} 
#event_features img {
	box-shadow: 2px 2px 12px #333333;
	-webkit-box-shadow: 2px 2px 12px #333333; 
	-moz-box-shadow: 2px 2px 12px #333333;
}

#event_features .pic {
	float: left;
	width: 100%;
	text-align: center;
}

#event_features header ul{
	padding: 0;
	float:left;
	text-align:center;
	width: 100%;
	margin-top:3%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#event_features header li {
	float: left;
	text-align:left;
	list-style: none;
	width: 100%;
}	
#event_features header h2 {
	color: #FFFFFF;
	font-size: 1.4em;
	line-height: 1.5em;
	border-radius: 0.5em;
	font-weight:bold;
	width:90%;
	float:left;
	background: #e30011; /* Old browsers */
	background: -moz-linear-gradient(top, #e30011 0%, #9a030c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e30011 0%,#9a030c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e30011 0%,#9a030c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30011', endColorstr='#9a030c',GradientType=0 );
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom:1%;
	margin-left:3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
} 
#event_features header h3 {
	color: #000000;
	font-size: 1.0em;
	line-height: 1.5em;
	margin-left: 5%;
	margin-top:1%;
	margin-bottom:1%;
	float:left;
	text-align:left;
	padding: 0px;
	width: 90%;
	margin-right: auto;
}
#event_example{
	padding:0px;
	margin:0px;
	width: 100%;
	float:left;
	background-color:#373026;
} 
#event_example header{
	width: 99%;
	margin:0px;
	float:left;
} 
#event_example header h1{
	padding:0px;
	margin-top:20px;
	color:#fcc400;
	font-size:1.6em;
	text-align:center;
	line-height:1.2em;
}


#event_example .before{
	background-image:url(http://file.get.com.tw/edm/20170430/0603053_7.gif);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top:110px;
	padding-left:2%;
	color: #FFF;
	font-size: 1.0em;
	line-height: 1.3em;
	float:left;
	text-align:left;
	width: 99%;
}
#event_example .after{
	background-image:url(http://file.get.com.tw/edm/20170430/0603053_9.gif);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top:100px;
	padding-left:2%;
	color: #FFF;
	font-size: 1.0em;
	line-height: 1.3em;
	float:left;
	text-align:left;
	width: 99%;
}
.dashed{
	border-bottom:#FFFFFF dashed thin;
	display:block;
	margin-top:5%;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 5%;
	margin-left: 0;
	padding: 0;
}

#event_booklist{
	padding:0px;
	margin:0px;
	width: 100%;
	float:left;
	background-color:#373026;
	text-align:center;
} 
#event_booklist header h2{
	padding:0px;
	margin-top:20px;
	width: 100%;
	float:left;
	color:#fcc400;
	font-size:2.2em;
} 
.sale{
	font-size:0.8em;
} 
.red{
	font-size:1.2em;
	color:#e70114;
}

#event_booklist table{
	color:#373026;
	padding:0px;
	margin:0px;
	width: 100%;
	float:left;
	background-color:#373026;
	text-align:center;
}
#event_booklist table th{
	padding:3px;
	background-color:#fcc400;
	color:#373026;
}

#event_booklist table a{
	color:#373026;
}
#event_booklist .buybtn{
	font-size:1.8em;
	color:#373026;
	line-height:2.5em;
}
#event_booklist .buybtn a{
	color:#373026;
	background:#fcc400;
	border-radius:0.5em;
	text-decoration:none;
	padding:3px 10px;
}


/*æ³¨æ„äº‹é …*/
#event_note {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 5%;
	padding-left: 0;
} 
#event_note p {
	font-size: 0.7em;
	line-height: 1.5em;
	color: #333333;
	margin-left: 5%;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	width: 90%;
}


/* Footer */
#BodyFooter_rwd{
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0%;
	color: #000;
}
#BodyFooter_rwd #footer_line {
	width: 90%;
	margin-bottom: 2%;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: auto;
	display: block;
	float: left;
	height: auto;
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
#BodyFooter_rwd #footer_inline a {
	color: #000;
}
#BodyFooter_rwd #footer_inline ul{
	float: left;
	padding: 0%;
	width: 100%;
	margin-bottom: 1%;
	text-align:center;
}
#BodyFooter_rwd #footer_inline ul li{
	float: left;
	display: inline-block;
	line-height: 2em;
	font-size: 1.2em;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-bottom: 0%;
}
#BodyFooter_rwd #footer_inline ul li img{
	width: 50%;
	height: auto;
	vertical-align: middle;
	margin-bottom: 2%;
}
#BodyFooter_rwd #footer_address{
	margin-top: 0%;
	float: left;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#BodyFooter_rwd #footer_address a {
	color: #000;
}
#BodyFooter_rwd #footer_address ul{
	float: left;
	padding: 0%;
	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: 0.8em;
}
/* Footer end */


/* top */
#topbutton{
	width: 50px;
	height: 50px;
	color: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.4;
	right: 1%;
	bottom: 3%;
	position:fixed;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}	




}