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

.newsArea .newsBox{padding:0;font-family:"微軟正黑體", "新細明體", sans-serif;}
.newsArea h3{text-align:left;border-bottom:3px #3399CC solid; font-weight:normal; letter-spacing:0.2em;font-size:22px;padding-bottom:10px}
.newsArea ul{margin-top:0px;}
.newsArea ul li{padding:8px 0;border-bottom:1px solid #dcdcdc;}
.newsArea ul li .Txt{position:relative;overflow:hidden;}
.newsArea ul li .Txt h4 a{position:relative;overflow:hidden;color:#646464;font-weight:normal; line-height:1.3;height:48px;} 
.newsArea ul li .Txt .date{display:inline-block;margin-bottom:5px;font-weight:bold;font-size:13px; color:#990000;}
.mainArea h2{font-size:18px; color:#fff; letter-spacing:5px;padding:5px; font-weight:normal;font-family:"微軟正黑體", "新細明體", sans-serif;}
.bluebox{background:#66CCCC;border-radius:10px; border:2px solid #fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.2);padding:5px; }
.bluebox h2{text-align:center;}

.redbox{background:#CC3333;border-radius:10px; border:2px solid #fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.2);padding:5px; }
.redbox h2{text-align:center;}

.greenbox{background:#009966;border-radius:10px; border:2px solid #fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.2);padding:5px; }
.greenbox h2{text-align:center;}

.yellowbox{background:#FF9900;border-radius:10px; border:2px solid #fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.2);padding:5px; }
.yellowbox h2{text-align:center;}

.itemBox{margin-top:20px;font-family:"微軟正黑體", "新細明體", sans-serif;padding:0 15px }

.itemBox p{font-size:18px; line-height:2;padding-left:5px;}



ul.bookList {
  position: relative;
  margin: 0 auto;
  height:270px;
   
}

 ul.bookList li {
  padding: 0 36px;
}


ul.bookList li .Img {
  padding-top:20px;
  margin:auto;
  overflow: hidden;
  text-align:center;
 
}

ul.bookList li.Img img {
  display: block;
  width: 100%;
  height:auto;
}


ul.newsList{margin-top:0px;}

ul.newsList li{
	padding:10px 0px;/*訊息間距*/}

ul.newsList li:first-child{
	border:none;}


ul.newsList li .Img{/*訊息圖片*/
	border:none;
	padding:0px;
	
	}

ul.newsList li .Img img{
	display:block;
	padding:0px 30px;
	height:270px;;}
	
	
	
	
@media (max-width: 640px){


		
ul.bookList {
  position: relative;
  margin: 0 auto;
  height:auto;
   
}

 ul.bookList li {
  padding: 0px 36px;
}



ul.newsList li .Img img{
	display:block;
	padding:0 30px;
	max-width:100%;}
	
}	
	
	
@media (max-width: 480px){
ul.bookList {
  position: relative;
  margin: 0 50px;
  height:auto;  
}	

ul.bookList li.Img img {
  display: block;
  max-width: 100%;
  height:auto;
}


ul.newsList {
position: relative;
  margin: 0 50px;
	}	

ul.newsList li .Img img{
	display:block;
	padding:0px;
	max-width:100%;}
	
}		

@media (max-width:320px){
	ul.newsList {
position: relative;
  margin: 0px;
 
	}
	
	
	}