@charset "utf-8";
/* CSS Document */

body {background:#e5daba;}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

#mbmenu {display:none;}

header {height:350px; margin-top:40px; background:url(../images/header.jpg) bottom center no-repeat;}
header img {display:none;}

#layout {width:980px; margin:auto; margin-bottom:15px;}

#con-rt {display:block; float:right; width:430px;}
#con-rt-gds {width:430px; padding:12px; background:white; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.rtbtn a {display:inline-block; margin:0px;}
#conrt_secd a {display:inline-block; margin:10px 4px; padding:0px 5px; background:wheat; color:black; font-size:14px; line-height:25px; text-align:center; font-family:微軟正黑體;}
#conrt_secd a:hover, #conrt_secd .slect {background:peru; color:white;}
#conrt_secd .slect {cursor:default;}

#con-lt {display:block; float:left; width:510px;}
.ltmenu a {display:inline-block; width:20%;margin:0px -3px;}
article {display:block; margin:10px 0px;}
article h2 {display:block; font-size:16px; margin-bottom:3px; letter-spacing:2px; font-weight:bold; color:#e02838;}
article .hp {color:#906;}
article p {font-size:13px; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; line-height:21px; text-align:justify;}

.special{margin-bottom:10px;}
.special a{display:block; }
.special img{display:block; border:none;}
.special a:hover img{opacity:0.6; filter:alpha(opacity=60);}

@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {background:none; height:auto;}
	header img {display:block; width:100%; height:auto;}
	#layout {width:100%;}
	#con-rt, #con-lt {float:none;}
	#con-rt {width:100%;}
	#con-rt-gds {width:90%; padding:2%; margin:auto; margin-bottom:15px;}
	#con-rt-map {display:none;}
	#con-lt {width:96%; margin:auto;}
	.rtbtn a {width:24%; margin:0px -1px;}
	.rtbtn a img {width:100%; height:auto;}
	.ltmenu {display:none;}
	.at_pic {display:block; width:40%; height:auto;}
	.at_pic2 {display:block; width:90%; height:auto;}
	#mbmenu {display:inherit; width:100%; margin-bottom:8px;}
	#mbmenu a {display:inline-block; width:18%; height:auto; margin:0px -1px;}
	#mbmenu a img {width:100%; height:auto;}
	#mbmenu #goarticle {display:block; width:70%; padding:6px 0px; background:#C00; color:white; font-size:13.5pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	.btitle {display:block; width:100%; height:auto;}
	article h2 {font-size:14px;}
	article p {font-size:12px;}
	table {background-image:none; border-bottom:1px solid gray;}
}


@media screen and (max-width: 480px) {
	#mbmenu #goarticle {font-size:11.25pt;}
}