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

body {background:#fff6fd;}
.cleardiv {clear:both;}
.sline {margin:6px 0px 4px 0px;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

#mbmenu {display:none;}

header {height:340px; margin-top:30px; 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:406px; padding:12px; background:white; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.rtbtn a {display:inline-block; margin:0px 5px;}

#con-lt {display:block; float:left; width:540px; position:relative;}
.ltmenu {position:relative; margin-bottom:10px;}
.ltmenu a {display:inline-block; margin:0px 3px 0px 0px;}

article {display:block; width:530px; margin:8px 0px;}
article p {letter-spacing:1px; font-size:12px; line-height:18px; text-align:justify; margin-top:5px;}
article p.hp {font-weight:bold; color:#9900CC;}


@media screen and (max-width: 768px) {
	#evnthdmb {z-index:999;}
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {background:none; height:auto;}
	header img {display:block; width:100%; height:auto;}
	#header2 {background:none; height:auto;}
	#header2 img {display:block; width:100%; height:auto;}
	#layout {width:100%;}
	.ltmenu {display:none;}
	#mbmenu {display:inherit; width:100%; margin-bottom:8px; margin-top:0px;}
	#mbmenu a {display:inline-block; width:22%; height:auto; margin:0px -1px;}
	#mbmenu a img {width:100%; height:auto;}
	#mbmenu #goarticle {display:block; width:70%; padding:6px 0px; background:#9b4c30; color:white; font-size:13.5pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	#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;}
	.rtbtn a {width:30%; margin:0px 1px;}
	.rtbtn a img {width:100%; height:auto;}
	#con-lt {width:96%; margin:auto;}
	img.titlep {display:block; width:100%; height:auto; margin:auto;}
	article {width:100%;}
	article img {width:100%; height:auto;}
	article img.at_pic {width:40%; height:auto;}
	table {background-image:none; border-bottom:1px solid gray;}
}

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