﻿
@media all and (min-width: 1px) and (max-width: 1200px){

.active{
	float:left;
	width: 90%;
	padding:0% 5%;
	margin-top: 2%;
	font-size: 1.0em;
}
.active img{
	text-align: center;
	padding:0 5%;
	width:90%;
	height: auto;
}
.active_box img{
	width:37px;
	height: auto;
	padding:0;
}

#topbutton1{display:none;}
/*會撐開的版面控制*/
#BodyContent {
	width: 100%;
	padding:0;
}
body {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#BodyContainer_event{
	width: 100%;
	
}
#BodyContentMain{width:100%;}
/*會撐開的版面控制END*/
/* Header */
#BodyHeader_event_rwd {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	position: fixed;
	top: 0;
	width: 100%;
	float: left;
}
#BodyHeader_event_rwd img {
	height: auto;
	max-width: 55%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
/*body*/
#event{
	width: 100%;
	margin-right: auto;
	margin-left: 3px;
	font-family: "微軟正黑體", Arial;
	_height: 100%;
	float: left;
	_padding-top: 5px;
	margin: 0px auto;
}

#event a:hover {
	position: relative;
	top: 2px;
	bottom: 2px;
}
@media all and (orientation : portrait){

#event_master{
	width: 100%;
	margin-top: 0%;
	float:left;
	border:0px #000 solid;
}
/*orientation: portrait   直式
// orientation: landscape  橫式*/
}
@media screen and  (orientation:landscape) {
#event_master{
	width: 100%;
	margin-top: 0%;
	float:left;
	border:0px #000 solid;
}
/*orientation: portrait   直式
// orientation: landscape  橫式*/
}
#event_master img{
	width: 100%;
	height:auto;
}

#event_sec{
	width: 100%;
	margin-top: 0%;
	float:left;
	border:0px #000 solid;
}


/* news */
#NewsStyle{
	float: left;
	margin-top: 10px;
	_margin-top: 15px;
	margin-left: 50px;
	background-repeat: no-repeat;
	background-position: right 0px;
}
.NewsStyle a:link {font-size: 13px;color: #000}
.NewsStyle a:visited {font-size: 13px;color: #000}
.NewsStyle a:hover {
	font-size: 13px;
	color: #F60;
	text-decoration: none;
}
.NewsStyle a:active {font-size: 13px;color: #000}
#newsout{
	background-color: #DFDFDF;
	float:left;
	width:100%;
	
}
/* news end */
/* bodyHeader */
#BodyHeader #header-share {
	line-height:2;
	font-size:15px;
	margin-bottom: 0px;
	margin-top: 0px;
}	
#BodyHeader #header-share img {
	margin-bottom: 5px;
	width: 60%;
	height: auto;
}
#BodyHeader a {
	color: #333;
	font-size: 15px;
	letter-spacing: 0.08em;
}
#BodyHeader a:hover {
	text-decoration: none;
	color: #666;
	position: relative;
	top: 2px;
	bottom: 2px;
}


/* Footer */
#BodyFooter_rwd{
	float: left;
	width:100%;
	background-color:#FFF;
	margin-top:0%;
}
#BodyFooter_rwd #footer_line {
	width: 90%;
	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: 2em;
}

#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:40%;
	height:auto;
	margin-bottom: 2%;
	float: left;
	width: 100%;
	text-align: center;
	margin-left: 28%;
}
#BodyFooter_rwd #footer_inline ul li{
	float: left;
	display: inline-block;
	margin-right: auto;
	line-height: 2em;
	font-size: 1em;
	clear: both;
	width: 100%;
}

#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: 86%;
	clear: both;
	margin-left: 7%;
}
#BodyFooter_rwd #footer_address ul li{
	float: left;
	display: block;
	width: 100%;
	line-height: 2em;
	text-align: center;
	font-size: 0.8em;
}
/* Footer end */

/*ask*/
#askarea{
	background-color:#27af55;
	width: 98%;
	padding: 1.5%;
	height: auto;
	float: left;
}
#askarea .asktitle{
	font-size: 1.5em;
	color: #FFF;
	text-align: center;
}
#formlist{
	width: 99%;
	float: left;
	margin-right: auto;
	margin-left: 0%;
	margin-top:1%;
	padding-right:1%;
	font-size: 1.0em;
	color: #FFF;
}
SELECT{
	border-radius: 7px;
	width:100%;
	background-color: #FFF;
	border: #FFF;
	padding: 0.5%;
	margin-right: 1%;
	margin-bottom: 0%;
	height:30px;
	font-size: 1.0em;
}
input{
	border-radius: 7px;
	background-color: #FFF;
	border: #FFF;
	padding: 0.5%;
	margin-bottom: 0%;
	margin-right: 1%;
	color: #C6C6C6;
	height:30px;
	font-size: 1.0em;
	display: display-block;
}
input[type="submit"]{
	color: #FFF;
	background-color: #c54c02;
	-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/
	font-size: 1em;
	margin-top: 5%;
	padding:1%;
	height: auto;
}
.formgroup{margin: 2% 0;}
.ts1{font-size:0.85em;color:#ffe1af;}
#askarea textarea[name="sContent"]{width:98%;height:160px;}
input[name="sContent"]{width:50%;}
input[type="reset"]{
	color: #FFF;
	background-color: #c54c02;
	-webkit-appearance: none;/*ios系統專用，默認的系統樣式*/
	font-size: 1em;
	margin-top: 5%;
	padding:1%;
	height: auto;
}
input[type="radio"]{
	width:1em;
	height:1em;
	margin-left: 3%;
}
input[type="text"]{
	width:95%;
}/*ask END*/

#topbutton{
	width:50px;
	height:50px;
	color: #FFFFFF;	
	border-radius: 9999em;
	background-color:#000;
	opacity:0.4;
	right:1%;
	bottom:4%;
	position:fixed;
	line-height:50px;	
	font-size: 15px;
	text-align:center;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}	
#noie{
	display:none;
}	

.hidden-m {
	display: none;
}
#Layer1{
	display:none;
	}
