@charset "utf-8";
body {width:100%; margin:0 auto; padding:0 auto; font-size:17px; font-family:Arial, Helvetica, sans-serif,"微軟正黑體"; line-height:160%;}

/*===============區塊定義===============*/
#defaultimg, .content, #footer{width:100%; height:auto; float:left;}
*{box-sizing:border-box;}
a{text-decoration:none;}
div{border:0px solid #f00;}
.block{height:auto; float:left;}
/*header*/
#header{min-width:100%; height:auto; position:fixed; top:0; z-index:1000; background:#fff;}

/*menu*/
#menu a{width:33.3%; height:auto; float:left; background:#FC0; color:#41331F; text-align:center; display:block; border-right:1px solid #fff; border-bottom:1px solid #fff;}
#menu a:hover{background:#F90; color:#fff;}
/*defaultimg*/
#defaultimg img{width:100%; height:auto;}

/*content*/
.content{padding:0.5em;}

/*footer*/
#footer{background:url(../images/footer_bg_01.png) repeat-x #5a5a5a; color:#fff; padding:0.5em;}
#footer .block{width:50%; padding:10px;}
#footer h3{margin-bottom:5px;}
#footer a{color:#fff;}
#footer p{width:100%; float:left; text-align:center;}

/*defaultnews*/

.defaultnews .block{width:100%; background:#fff; margin:1em 0; box-shadow:0 0 3px rgba(0,0,0,0.5); padding:2%;}
.defaultnews .block img{width:100%; height:auto;}
.defaultnews a{color:#57bae8; padding:2% 0 2% 0; width:100%; background:#efefef; display:block;}
/*===============content use===============*/
.pagetit{font-size: 18px; font-weight: bold; color: #000; padding-left:25px; background:url(../images/icon_01.jpg) no-repeat center left;}
.title {line-height:150%; color:#666; padding-left:1em; vertical-align:text-top;}
.title a {color: #57bae8; text-decoration: none;}
.title a:hover {text-decoration: underline;}
.newsblock{margin:1em 0; background:#efefef; padding:2%;}
.newsblock img, .newslist img{width:100%; height:auto;}
.newslist{margin:1em 0; border:1px solid #ccc; padding:2%;}
.date {font-size: 12px;	color: #a9a9a9;}

/*input frame*/
.inputframe{width:100%; height:auto;  padding:10px; text-align:left;}
.inputframe input{height:30px; width:100%;}
.inputframe textarea{width:98%;}
select{height:auto; width:100%;}

.btnsubmit{background:#333; border-radius:10px; color:#fff; text-align:center; padding:0.5em 2em;}
.btnsubmit:hover{background:#F90; color:#630;}
.btnread{width:44%; height:auto; border-radius:10px; margin:3%; float:left; background:#efefef; text-align:center; padding:2em; line-height:200%; box-shadow:0 0 3px #999; color:#333; cursor:pointer;}