@media all and (min-width: 1px) and (max-width: 1200px){
/*會撐開的版面控制*/
body{
	margin:0 auto;
}
#BodyContent {
	width: 100%;
	padding:0;
}
#BodyContainer_event{
	width: 100%;
	margin: 0%;
	float: left;
	
}
#BodyHeader{
	width: 100%;
	float: left;
	margin: 0px;
}
#BodyContentMain{width:100%;}
/*會撐開的版面控制END*/
/* Header */
#BodyHeader_event_rwd {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	width: 100%;
	float: left;
}
#BodyHeader_event_rwd img {
	height: auto;
	max-width: 55%;
	margin-bottom: 3%;
	width: 160%;
}

/*body*/

#event{
	margin: 0px;
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	background-size: 100%;
	font-family: "微軟正黑體";
	background-image:url(../images/public_06.gif);
}

#event a {
	color: #ae7c25;
}

#event a:hover {
	position: relative;
	top: 2px;
	bottom: 2px;
	color: #ae7c25;
}
#event img{
	width:100%;
	height:auto;
}
/* 主圖 */
#event_master{
	width: 100%;
	padding-top: 0px;
	text-align: left;
}
#event_master #topic_m {
	background-image: url(../images/public_03.gif);
	background-repeat:no-repeat;
	background-size:100vw;
}
#event_master #topic_p {
	display:none;
}

#event_master p {
/*	display: none;
*/	color: #FFF;
	background-color: #F97615;
	margin-left: 5.6%;
	margin-right: 5.5%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-right: 3vw;
	padding-bottom: 0%;
	padding-left: 3vw;
	font-size: 1vw;
	line-height:3vh;
}

.mediaYT{ text-align: center;
    width: 96%;
    display: inline-block;
}
.mediaBox { padding: 2% 2% 0;
    float: left;
    width: 100%;}
.mediaBox > iframe{ padding: 0;
    width: 100%;    height: 190px;}
.mediaBox > p{     font-size: 1rem;color: darkred;
    margin: 1% 0;}


/* 活動內容 */
#event_sec{
	float: left;
	text-align: left;
	padding: 0 5% 1vh 5%;
}

#event_sec #hotnews {
	font-weight: bold;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	text-align: center;
}

#event_sec #hotsale ul {
	display:inline-block;
	margin:0 0 0 -3vw;
}
#event_sec #hotsale ul li  {
	color: #003399;
	font-weight: bold;
	list-style-image: url(../images/P061120_01-13.gif);
}	
#event_sec #hotsale ul li a  {
	color: #003399;
}

.red {
	color: #F00;
}


/* 書單 */
#event_third {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#event_fouth {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#event_fifth {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#event_sixth {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#event_seventh {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#event_eighth {
	margin-top:0px;
	float:left;
	width: 100%;
}

#sort {
	margin-left: 5.5%;
	margin-right: 5.5%;
}
#sort #sort_title {
	font-size: 1.5rem;
	line-height: 1.45em;
	font-weight: bold;
	color: #FFE428;
	padding-left: 7vw;
	background-repeat: no-repeat;
	background-image: url(../images/public_09.gif);
	margin: 1% 0;
}
#sort p {
	color: #000;
	margin: 0 0 0.5em 1em;
	font-weight: normal
}
#sort #sortlist {
	width: 100%;
	margin-top: 1.5%;
	margin-bottom: 1%;
	clear: both;
}
#sort #sortlist #sort_type {
	font-weight: bold;
	text-align: center;
	background-color: #FFF;
	padding-top: 0.5%;
	padding-right: 0;
	padding-bottom: 0.5%;
	padding-left: 0;
	clear: both;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cedce3;
	border-right-color: #cedce3;
	border-bottom-color: #cedce3;
	border-left-color: #cedce3;
}

#sort #sortlist #sort_left {
	border-left: 1px solid #cedce3;
	border-right: 1px solid #cedce3;
	border-top: 2px solid #cedce3;
	background-color: #FFF;
	float: left;
	width: 99.4%;
}
#sort #sortlist #sort_right {
	border-right: 1px solid #cedce3;
	border-left: 1px solid #cedce3;
	background-color: #FFF;
	width: 99.4%;
	float: left;
	margin-bottom:1.5%;
}
#sort #sortlist #sort_left ul, #sort #sortlist #sort_right ul {
	margin:0 auto;
}
#sort #sortlist #sort_left ul li, #sort #sortlist #sort_right ul li {
	border-bottom: 1px solid #cedce3;
	list-style-type: none;
	margin-left: -2.5em;
	    padding: 0 0 0 2%;
	line-height:1.7rem;
}
#sort .kptest {
	text-align:center;
	font-weight:bold;
	background-color:#cedce3;
	border: 1px solid #cedce3;
}


#event_buy {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:center;
	padding:0 4vw 0 4vw;
}
#event_buy p {
	font-weight: bold;
}
#event_buy a {
	color: #AE7C25;
}

#event_buy img {
	width: 5%;
}


/* 注意事項 */
#event_notic1{
	float: left;
	margin-top: 1%;
	background: url(../images/public_17.gif);
	background-repeat:no-repeat;
	background-size: contain;
	background-position:bottom;
	padding-bottom:10%;
}

#event_notic{
	float: left;
	margin:2% 4% 2% 1%;
}

#event_notic ul{
	margin-top: 0%;
	*margin-top: 0%;
	margin-bottom: 8%;
	*margin-left: auto;
	*margin-right: auto;
	*width:100%;
	*padding:0%;
	font-size: 0.82em;
	margin-left: 0%;
	line-height: 1.5em;
	margin-right: 2%;
	color:#666666;
}

#event_notic ul li{
	float: left;
	*display:inline;
	margin-right: 0%;
	*padding-top:3%;
	*padding-bottom:3%;
	clear: both;
	text-align: left;
}
#event_notic a{
	color: #AE7C25;
	clear: both;
}
#event_notic a:hover {
	position: relative;
	top: 3px;
	bottom: 3px;
}





/* bodyHeader */
#BodyHeader#header-share {
	font-size: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	width: 100%;
	float: left;
}	
#BodyHeader #header-share img {
	height: auto;
	width: 60%;
}
#BodyHeader #header-share a{
	color: #333;
	font-size: 13px;
}
#BodyHeader a:hover {
	text-decoration: none;
	color: #666;
	position: relative;
	top: 2px;
	bottom: 2px;
}

/* Footer */
#BodyFooter_rwd{
	float: left;
	width: 100%;
	background-color: #F3F3F3;
	font-family: "Microsoft JhengHei";
	padding-top: 5%;
}
#BodyFooter_rwd #footer_line {
	width: 100%;
	margin-bottom: 3%;
	margin-top: 5%;
	display: block;
	float: left;
	height: auto;
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999;
}
#BodyFooter_rwd #footer_inline a {
	color: #000;
	line-height: 1.8em;
}

#BodyFooter_rwd #footer_inline ul{
	float: left;
	padding:0;
	width:100%;
	margin-bottom: 1%;
	text-align:center;
}
#BodyFooter_rwd #footer_inline ul li img{
	max-width:50%;
	height:auto;
	margin-bottom: 2%;
	width: 50%;
}
#BodyFooter_rwd #footer_inline ul li{
	float: left;
	display: inline-block;
	margin-right: auto;
	line-height: 1.8em;
	font-size: 1em;
	clear: both;
	width: 100%;
	list-style-type: none;
}

#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: #000;
	line-height: 2em;
}
#BodyFooter_rwd #footer_address ul{
	float: left;
	padding:0;
	text-align: center;
	margin-top:0;
	margin-bottom: 1%;
	width: 100%;
	clear: both;
}
#BodyFooter_rwd #footer_address ul li{
	float: left;
	display: block;
	width: 90%;
	line-height: 1.5em;
	text-align: center;
	font-size: 0.8em;
	padding-right: 5%;
	padding-left: 5%;
	list-style-type: none;
}
/* Footer end */


#topbutton{
	width:50px;
	height:50px;
	color: #FFFFFF;	
	border-radius: 9999em;
	background-color:#000;
	opacity:0.4;
	right:1%;
	bottom:4%;
	position:fixed;
	text-align:center;
	line-height:50px;	
	font-size: 15px;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}	
#noie{
	display:none;
}	

.hidden-m {
	display: none;
}
#event_menu {
	display: none;
}
.noshow {
	display: none;
}


}