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

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

#layout {width:1100px; background:url(../images/bg2.jpg) left repeat-y;}

header {width:1100px; height:335px; margin:auto; margin-top:36px; position:relative; background:url(../images/header.gif) center no-repeat;}
header img {position:absolute; top:0; left:0;}
#mbheader {display:none;}

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

#con_lt {float:left; width:550px; position:relative;}

#mbnav {display:none;}
nav {float:left; width:39px; height:358px; margin-top:-24px; background:url(../images/menu_bg2.jpg) center no-repeat;}
.menu01 {margin-top:41px;}
.menu02 {margin-top:4px;}
.menu03 {margin-top:3px;}

#article {float:right; width:500px;}
article {margin-bottom:20px;}
article p {font-size:13px; line-height:23px; text-align:justify;}

#con_rt {float:right; width:390px; padding:10px; background:white; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}

.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:#ffdace; /*z-index:5;*/ border-radius:10px;}
.btn a i {display:none;}
.btn a.slec {cursor:default;}
.btn a.slec span {background:#be6b4f; 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:#be6b4f; 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;}


@media screen and (min-width: 769px) and (max-width: 1024px) {
	#layout {width:980px; background:url(../images/bg.jpg) left repeat-y; overflow:hidden;}
	header {width:980px;}
	header img {position:absolute; top:0; left:-60px !important;}
}


@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	#layout {width:100%; background:none;}
	header {display:none;}
	#mbheader {display:inherit; width:100%; margin-top:36px;}
	#mbheader img {width:100%; height:auto;}
	#wrapper {width:100%;}
	#con_lt {float:none; width:94%; margin:2% auto;}
	nav {display:none;}
	#mbnav {display:inherit; width:100%; margin-top:3%;}
	#mbnav a {display:inline-block; width:30%;}
	#mbnav a img {width:100%; height:auto;}
	#mbnav #goarticle {display:block; width:70%; padding:6px 0px; background:#398692; color:white; font-size:13.5pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	#article {float:none; width:100%;}
	article img {display:block; width:90%; height:auto; margin:auto;}
	article img.arpic {width:40%; height:auto;}
	#article a.ad {display:block; width:100%; margin-bottom:3%;}
	#article a.ad img {display:block; width:90%; height:auto; margin:auto;}
	#con_rt {float:none; width:92%; padding:2%; margin:2% auto;}
	#con_rt table {background-image:none; border-bottom:1px solid gray;}
}



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