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

body {background: #004a6d;}
.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:920px; margin:auto;margin-top:10px; margin-bottom:15px; align-content: center;}

#con-rt {display:block; float:right; width:450px;}
#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:460px; position:relative;}

.section h2 {font-size:24px; line-height:30px; margin-bottom:6px; color:#FFFFFF; font-family:'cwTeXYen',微軟正黑體,sans-serif; text-align:center; border-bottom:3px double white;}
article {margin-bottom:10px;}
article p {font-size:16px; line-height:22px; color:#FFFFFF; font-family:'cwTeXYen',微軟正黑體,sans-serif; text-align:justify;}
.section p.s_sitle {font-size:22px; line-height:24px; color:darkslateblue; font-weight:bold; font-family:'cwTeXYen',微軟正黑體,sans-serif; text-align:justify;}

.link2{width:100%; text-align:right; padding-top:10px; padding-bottom:10px;}
.link2 a,.link2 a:hover{display:inline-block; background-color:#d63072; color:#FFFFFF; font-size:18px; font-weight:bold; font-family:華康儷細黑, 微軟正黑體, 黑體; letter-spacing:1px; margin-right:10px; padding:5px; border-radius:20px 0px 0px 20px;}
.link2 a:hover{background-color:#d63072; box-shadow:1px 2px 3px #333333;}
.link2 b{display:inline-block; width:27px; height:16px; background:url(../images/arrow.gif) 3px 3px no-repeat;}

#online{position:fixed;right:0;top:200px;cursor:pointer;z-index:999;}
#onlinefb{position:fixed;right:0;top:318px;cursor:pointer;z-index:999;}
#onlineline{position:fixed;right:0;top:361px;cursor:pointer;z-index:999;}
#rmenu{padding:10px 0; text-align:center;}
#rmenu a{display:inline-block; margin:0 3px; padding:5px; font-size:16px; font-weight:bold; font-family:"華康儷細黑","MicrosoftJhengHei","SimHei"; border-style:solid; border-width:1px;}
#rmenu a{background-color:#CCFFFF; color:#0066CC; border-color:#99CCFF;}
#rmenu a:hover,#rmenu a.current{background-color:#0099FF; color:#FFFFFF; border-color:#0066CC; text-shadow:1px 1px 0 #0066CC;}
#rmenu a.slec {background-color:#0099FF; color:#FFFFFF; border-color:#0066CC; text-shadow:1px 1px 0 #0066CC;}

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