/*----------------------------RWD---------------------*/

a {
		text-decoration: none;
}
.top_menu li a {
	font-family: 微軟正黑體;
}
.b {
	position: absolute;
	top: -10px;
	transition: .2s;
	cursor: pointer;
}
.b i {
	position: absolute;
	display: block;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transition: .2s;
}
.b1 {
	width: 25px;
	top: 24px;
	left: 22px;
}
.b2 {
	width: 25px;
	top: 30px;
	left: 22px;
}
.b3 {
	width: 25px;
	top: 36px;
	left: 22px;
}
.b:hover {
	background: #c00;
}
.b1_on {
	top: 10px;
	left: 25px;
	width: 25px;
	transform: translateY(20px) rotate(45deg);
}
.b3_on {
	top: 50px;
	left: 25px;
	width: 25px;
	transform: translateY(-20px) rotate(-45deg);
}
.b2_on {
	left: 50px;
	width: 0;
}
#main_menu {
	background-color: #6e6e6e
}
#header .menu2 li a {
	padding: 5px 35px 5px 20px;
}
#header .menu2 .sub_sub a {
	padding: 5px 35px 5px 35px;
}
#header .menu2 .sub_sub2 a {
	padding: 5px 35px 5px 50px;
}
#header .menu2 .sub_sub3 a {
	padding: 5px 35px 5px 65px;
}
#header .menu2 .sub_sub4 a {
	padding: 5px 0px 5px 75px;
}

#menu_bth {
	cursor: pointer;
	height: 40px;
	background-color: #c07e52
}
.menu_icon {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_on.png);
	position: absolute;
	right: 10px;
	top: 2px
}
.menu2 {
	background-color: #f4f4f4;
	padding: 10px 15px;
	margin: 0;
	list-style: none;
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.menu2 ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.menu2 li {
	font-size: 95%;
	position: relative;
	margin: 3px 0;
}
.menu2 li a {
	display: block;
	background: url(../images/icon01.jpg) no-repeat 5px 13px;
	color: #000;
	padding: 5px 5px 5px 20px;
}

.menu2 li a:hover,.menu2 li a:focus {
	font-weight: bold;
	color: #000;
}

.menu2 span {
	font-size: 30%;
}
.menu2 .sub_sub {
	display: none;
	background-color: #FFF;
}
.sub_menu2 {
	position: relative;
}
.menu2 .sub_sub a {
	font-size: 90%;
	background: url(../images/left_icon2.png) no-repeat 25px 12px;
	color: #666;
	padding: 5px 5px 5px 35px;
}
.menu2 .sub_sub2 {
	display: none;
	font-size: 95%;
}
.sub_menu3 {
	position: relative
}
.menu2 .sub_sub2 a {
	font-size: 84%;
	background: url(../images/left_icon3.png) no-repeat 38px 10px;
	color: #aaaaaa;
	padding-left: 50px;
	padding-right: 5px;
}
.menu2 .sub_sub3 {
	display: none;
	background-color: #f7f7f7;
	font-size: 84%;
}
.menu2 .sub_sub3 a {
	background: url(../images/icon01.png) no-repeat 55px 11px;
	color: #a1a1a1;
	padding-left: 65px;
}
.menu2 .sub_sub4 {
	display: none;
	font-size: 84%;
}
.menu2 .sub_sub4 a {
	background: url(../images/icon03.png) no-repeat 65px 12px;
	color: #a1a1a1;
	padding-left: 75px;
}
.menu2 dl {
	border-top: 1px #ccc dotted;
	background: url(../images/icon01.png) no-repeat 5px 13px;
	font-size: 95%;
}
.menu2 dl a {
	color: #313131;
	padding: 10px 0 10px 25px
}
.menu2 dt {
	background: url(../images/icon02.png) no-repeat 21px 11px;
	font-size: 84%;
	font-weight: 500
}
.menu2 dt a {
	color: #3c3c3c;
	padding: 5px 0 5px 35px
}
.menu2 dt a:hover {
	background-color: transparent;
	color: #f00
}
.menu2 {
	display: none
}
#menu_bth {
	display: none
}

.menu2 .bth{background:#c6c6c6;color:#000;font-size:95%;}


 @media (min-width: 991px) {
#header .menu2 {
	display: none !important
}
.left_menu .menu2 {
	display: block !important
}
}
 @media (max-width: 990px) {
	#service a{
		height: auto;
	}
	[class*='service0']{
		height: auto;
		text-align: left;
	}
	.service_top{

		background-position: 74px 8px;}
img {
	border: 0;
}
a {
	}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#fancybox-wrap, #fancybox-wrap * {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
body, html {
	width: 100%;
	height: 100%;
	background:#fff;
	margin: 0;
	padding: 0;
}
#logo img,#picshow_img ul img,#btn img {
	width: auto !important;
	max-width: 100% !important;
	vertical-align: middle;
	height: auto !important;
}
#header, #con {
	background: none;
	height: auto
}
.pp img {
	max-width: inherit !important;
	vertical-align: middle;
	height: inherit !important
}
.imgBox2 img {
	max-width: 100% !important;
	vertical-align: middle;
	height: auto !important;
}
.height_5 {
	height: 5px !important
}
.width_120 {
	width: 120px !important
}
.block {
	display: block !important;
}
.display_no {
	display: none !important
}
.in_block {
	display: inline-block;
	vertical-align: middle
}
.float_none {
	float: none !important
}
.width_100 {
	width: 100% !important;
}
.width_25 {
	width: 25% !important;
}
.width_900 {
	width: 900px !important;
}
.width_auto {
	width: auto !important;
}
.height_auto {
	height: auto !important;
}
.vertical_align {
	vertical-align: top;
	padding-top: 10px;
}
.word_purple {
	text-align: center;
	line-height: 25px;
	vertical-align: top;
	padding-top: 5px;
}
.text_center {
	text-align: center
}
.text_left {
	text-align: left;
}
.margin_bottom_10 {
	margin-bottom: 10px
}
.text_center tbody {
	display: inline-block
}
.padd_right {
	padding-right: 10px
}
.padd_left {
	padding-left: 10px !important
}

#header>ul{ display: none}

#menu_bth {
	display: block
}
.menu2 {
	width: 100%;
}
#menu, #header_link, #left_menu, #main_bn, #nav, .main_bn {
	display: none
}
#page_bn {
	background: #fff;
	padding: 10px;
	margin: 0
}
#logo {
	position: static;
	margin: 0;
	padding: 5px;
}
#logo a {
	height: 100%;
	display: block;
}
#wallpaper {
}
#wallpaper_bg,#footer_bg,#wallpaper,#footer_bg2,#wallpaper2, #all, #con_top {
	background: none
}
#header{ background:#326437}

#content p,#article{word-wrap:break-word;word-break:break-all;}
#content iframe{ width:100%;}

#main {
	width: 100%;
	background: #fff;
	float: none;
	padding-bottom: 20px;
}
#main_title,.sitemap_title {
	background: none;
	height: auto;
	padding: 0;
	margin: 10px 0
}
#con {
	overflow: inherit
}
#all,#all2,#con,#space {
	width: 100%;overflow-x: hidden;
}
#article {
	width: auto;
	float: none;
	padding: 0 10px;
	min-height:200px;
}

#place, .page_list {
	width: auto
}
#copyright {
	padding: 10px;
}
.place {
	position: static
}

#admini{ width:100%; height:auto}
#picshow_img ul li h3{ display: none}	
#picshow{ display:block}
#select_btn,#select_btn ul li{ max-width:100%;display:block}
#select_btn,#picshow_word,#picshow_word ul,#picshow_word ul li{ width:100%;}
#select_btn{ }
#picshow,#picshow_img ul li{width:100%; height:auto; float:none;text-align: center;}
#scroller-controls-happening{ position:static; padding:0}

#news ul li{ text-align:center}
#news{ width:100%; float:none;  margin:0}
#news dl{  float:none; display:inline-block; margin:0 0 10px 0}
#news dl dt,#news dl dd{ display:table-cell; float:none; vertical-align:top; padding:0 5px;}
.news_txt2,.news_date{ width: auto; float:none; text-align:left}

#right,#service{ width:100%; float:none;  margin:0;padding:0 10px;}

#login{ margin:0 0 10px 0; }
#service{ padding:0;}

#service div{ width:100%; background-image:none; float:none}
#service a{ display:inline-block}
#service div::after {
	display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    content: "";
    margin-right: 12px;
	background: url(../in_images/service_icon.png) no-repeat 5px 0px;
	}

#service .clean {
	display:none
   
}


#video,#btn{ padding:5px 0}
#video iframe{ width:100%;}

#banner1_container{ width:100% !important;}

#footer {
	width: 100% !important;
	height: auto;
	background: #336437;
	text-align: center;
}



.footer_word {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 10px ;
}
.footer_img {
	float: none;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	
}





}