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

body {background:url(../images/bg.jpg) top center repeat;}
.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:400px; width:980px; margin:auto; margin-top:40px; background:url(../images/header.jpg) bottom center no-repeat; border-bottom:20px solid brown;}
header img {display:none;}

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

#con-rt {display:block; float:right; width:420px; margin-top:0px;}
#con-rt-top {height:20px; background:url(../images/gds_top.jpg) bottom center no-repeat;}
#con-rt-gds {padding:0px 12px; background:url(../images/gds_mid.jpg) center repeat-y;}
#con-rt-bot {height:20px; background:url(../images/gds_bot.jpg) bottom center no-repeat;}
.rtbtn a {display:inline-block; margin:0px 10px;}


#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;}


.btn {margin:0px 0px 10px 0px;}

.btn a {display:inline-block; vertical-align:top; position:relative; width:90px; margin:0px 3px; font-size:15px; line-height:30px; font-family:微軟正黑體,MS Gothic,sans-serif; color:black;}
.btn a span {position:relative; display:block; text-align:center; height:30px; background:lavender; /*z-index:5;*/ border-radius:10px;}
.btn a i {display:none;}
.btn a.slec {cursor:default;}
.btn a.slec span {background:#4075ff; color:white;}
.btn a.slec i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:#c70026;}
.btn a:hover span {background:#4075ff; color:white;}
.btn a:hover i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:#c70026;}





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

.titlep {margin-left:-9px;}
article {display:block; width:530px; overflow:hidden; margin-left:20px; margin-top:10px; margin-bottom:10px;}
article p {letter-spacing:1px; font-size:13px; line-height:18px; text-align:justify;}
article p.dates {font-weight:bold; color:#63C;}



@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; width:100%;}
	header img {display:block; width:100%; height:auto;}
	#layout {width:100%;}
	.ltmenu {display:none;}
	#mbmenu {display:inherit; width:100%; margin-bottom:8px; margin-top:-2%;}
	#mbmenu a {display:inline-block; width:19%; 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:90%; padding:2%; margin:auto; margin-top:0px; margin-bottom:15px;}
	#con-rt-top, #con-rt-bot {display:none;}
	#con-rt-gds {background:white; padding-top:4%; padding-bottom:4%;}
	.rtbtn a {width:30%; margin:0px 10px;}
	.rtbtn a img {width:100%; height:auto;}
	#con-lt {width:96%; margin:auto;}
	img.titlep {margin-left:-5%; width:95%; height:auto;}
	article {width:100%; margin:10px 0px;}
	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;}
}