@import url("reset.css");

body {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	background-image: url(../img/body_bg.jpg);
} 

td,tr{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px
}

a:link{
font-size:13px;
color:#333333;
text-decoration:none;
}
a:hover{ color:#FF6600;}
a:visited{color:#333333; text-decoration:none;}
/*---ad blocks--*/

#index_a01{
	text-align:center;
	padding: 1px 1px 5px 1px;
	float: left;
}

#index_a02{
margin:0 auto;
	text-align:center;
	padding: 1px 1px 7px 7px;
	float: left;
}

#index_a03{
	text-align:center;
	padding: 5px 1px 1px 10px;
	float: left;
}

#index_a04{
	text-align:center;
	padding: 1px 1px 5px 10px;
	float: left;
}

/*右邊下面手動廣告區*/
#index_sp{
width:170px;
margin-bottom:8px;

}



#index_t01 {
	text-align:left;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
}

#index_t02 {
	text-align:left;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
}

#page_a01 {
	text-align:center;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 15px;
}

#page_a02 {
	text-align:center;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}


/*---- 頁首 ----*/
#HEADER {
	width: 1000px;
	height:185px;
	margin:0 auto;
	background-image:url(../img/header.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
  }

#HEADER .link{
	width:960px;
	height:36px;
	position:absolute;
	left: 25px;
	top: 145px;
	clear:both;	
}

#HEADER .link ul{ }
#HEADER .link li{ float:left;}
#HEADER .link li a{
	display:block;
	width:93px;
	height:36px;
	font-size:14px;
	line-height:36px;
	color:#333333;
	text-decoration:none;
	background-image:url(../img/menu_but3.png);
	text-align:center
}
#HEADER .link li a:hover{
	background-image:url(../img/menu_but4.png);
	line-height:25px
}


/*---- 外層包裝 ----*/
#WRAPPER {
	width: 980px;
	background-image:url(../img/wrapper_bg.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 8px;
}


/*---- 三欄式----*/
/*---- 左邊----*/
#LEFT{ background-color:#ffffff; padding:10px 0 0 5px;}

#LEFT .BOX{ width:160px; background-image:url(../img/box160.jpg); background-position:left bottom; padding-bottom:15px; margin-bottom:5px }
#LEFT .BOX h2{ background-image:url(../img/box160.jpg); font-size:14px; line-height:30px; text-indent:10px; color:#333333}
#LEFT .BOX .bg{ background-image:url(../img/box160_bg.jpg); padding:10px 10px 0 10px }
#LEFT p{ font-size:13px; color:#000000; line-height:18px;}
#LEFT p a{ font-size:13px; color:#336699; line-height:18px;}
#LEFT p a:hover{ font-size:13px; color:#333333; line-height:18px;}
#LEFT p a:visited{ font-size:13px; color:#336699; line-height:18px;}

/*---- 右邊 ----*/
#RIGHT{_height:1%; padding:10px 5px 0 0;}

#RIGHT .BOX{ width:190px; background-image:url(../img/box190.jpg); background-position:left bottom; padding-bottom:15px; margin-top:5px }
#RIGHT .BOX h2{ background-image:url(../img/box190.jpg); font-size:14px; line-height:30px;text-indent:10px; color:#333333}
#RIGHT .BOX .bg{ background-image:url(../img/box190_bg.jpg); padding:10px }

/*box190*/
#RIGHT .newbox-t{
	width:190px;
	height:28px;
	background-image:url(../img/box190-tt2.jpg);
}

#RIGHT .newbox-t h3{
	font-size:14px; 
	line-height:28px; 
	text-indent:10px;
	color:#333333;
	text-align:left;
}

#RIGHT .newbox-bg{
	width:190px;
	background-image:url(../img/box190_bg.jpg);
	padding-top: 2px;
}
#RIGHT .hotstore {
	padding-right: 5px;
	padding-left: 5px;
}



#RIGHT .newbox-b{
width:190px;
height:16px;
background-image:url(../img/box190-bb.jpg);
}



/*---- 中間內容區 ----*/
#CENTER {
	background-color: #ffffff;
	padding:10px 5px 0 5px;

}

#CENTER .BOX-A{ width:600px; height:300px; margin-top:5px; background-color:#FFCCCC; padding:0 5px 0 5px}
#CENTER .BOX{ width:610px; 
background-image:url(../img/box610.jpg); 
background-position:left bottom; 
padding-bottom:15px;
margin-top:5px; 
}
#CENTER .BOX h2{ background-image:url(../img/box610.jpg); font-size:14px; line-height:30px; text-indent:10px;color:#333333}
#CENTER .BOX .bg{ background-image:url(../img/box610_bg.jpg); padding:10px ;}
#CENTER .BOX .add-1-pic{ text-align:center}
#CENTER .BOX .add-1-text a{ font-size:12px; line-height:22px; text-align:center;}
#CENTER .BOX .add-1-text a:hover{}


#CENTER .newbox-t{
	width:610px;
	height:30px;
	margin-top:5px;
	background-image:url(../img/box610-tt.jpg);
}

#CENTER .newbox-t h2{
	font-size:14px;
	line-height:30px;
	text-indent:10px;
	color:#333333
}

#CENTER .newbox-bg{
	background-image:url(../img/box610_bg.jpg);
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 7px;
}
#CENTER .newbox-bg p{

}

#CENTER .newbox-b{
width:610px;
height:16px;
background-image:url(../img/box610-bb.jpg);
}





/**/


#WRAPPER .BOX-B{}
#WRAPPER #LEFT .news {
	width: 150px;
	padding: 5px;
}



#DOWN{ 
margin:0 auto;
}
#DOWN .BOX {
width:960px;
_height:1%; 
background-image:url(../img/box980.jpg); 
background-position:left bottom; 
padding-bottom:15px; 
margin-top:5px;
margin-left:auto;
margin-right:auto;

 }
#DOWN .BOX h2{ background-image:url(../img/box980.jpg); font-size:14px; line-height:30px; text-indent:10px;color:#333333; text-align:left;}
#DOWN .BOX .bg{ background-image:url(../img/box980_bg.jpg); padding:10px }
#DOWN .BOX .bg .list-area{ width:97% ; _height:1%; margin:5px 10px 0 10px;}
#DOWN .BOX .list-area p{}
#DOWN  .top-but{ padding:0 10px; text-align:right}
#DOWN .bottom-menu{ 
	width:100%;
	height:25px;
	text-align:center; 
	line-height:25px; 
	margin-top:20px
 }
 
 
 #TOP{ 
margin:0 auto;
}
#TOP .BOX {
	width:960px;
	_height:1%;
	background-image:url(../img/box980-2.jpg);
	background-position:left bottom;
	padding-bottom:15px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;

 }
#TOP .BOX h2{
	background-image:url(../img/box980-2.jpg);
	font-size:14px;
	line-height:30px;
	text-indent:10px;
	color:#333333;
	text-align:left;
}
#TOP .BOX .bg{ background-image:url(../img/box980_bg.jpg); padding:10px }
#TOP .BOX .bg .list-area{ width:97% ; _height:1%; margin:5px 10px 0 10px;}
#TOP .BOX .list-area p{}
#TOP  .top-but{ padding:0 10px; text-align:right}
#TOP .bottom-menu{ 
	width:100%;
	height:25px;
	text-align:center; 
	line-height:25px; 
	margin-top:20px
 }



/*---- 兩欄式 ----*/
/*---- 左邊 ----*/
#LEFT{ background-color:#ffffff; padding:10px 0 0 5px;}

/*---- 內頁內容顯示區 ----*/
#LEFT2 .BOX-A{ width:770px; _height:1%; margin:0 auto 10px auto;}
#LEFT2 .BOX-A .content{ _width:100%; _height:1%;padding:10px 5px 0 5px }
#LEFT2 .BOX-A .content p{font-size:14px; color:#333333;}
#LEFT2 .BOX-A .content p a{ font-size:14px; color:#009999; text-decoration:none;}
#LEFT2 .BOX-A .content p a:hover{ text-decoration:underline}
#LEFT2 .BOX-A .content .pic{width:110px; margin-right:6px; margin-bottom:5px; float:left}

/*---- 搜尋頁的css ----*/
#LEFT2 .BOX-A .content .search{ _width:100%; _height:1%; background-image:url(../img/search-line.gif); background-repeat:no-repeat; padding-top:5px;}
#LEFT2 .BOX-A .content .search h3 a{ font-size:13px; font-weight:bold; color:#333333; line-height:20px; text-decoration:none; text-indent:10px }
#LEFT2 .BOX-A .content .search h3 a:hover{ text-decoration:underline}
#LEFT2 .BOX-A .content .search img{ padding-top:8px;}
#LEFT2 .BOX-A .content .search .text{ padding-top:8px;}

/*---- 內頁廣告A區 ----*/
#LEFT2 .BOX{ width:780px; _height:1%; background-image:url(../img/box780.jpg); background-position:left bottom; padding-bottom:15px; margin-top:5px; }
#LEFT2 .BOX h2{ background-image:url(../img/box780.jpg); font-size:14px; line-height:30px; text-indent:10px; color:#333333}
#LEFT2 .BOX .bg{ background-image:url(../img/box780_bg.jpg); padding:10px 5px 0 5px }
#LEFT2 .BOX2{width:780px;}

#LEFT2 .newbox2-t{
	width:760px;
	height:28px;
	margin:5px auto 0 auto; 
	background-image:url(../img/box780-tt.jpg);
}

#LEFT2 .newbox2-t h4{
	font-size:14px;
	line-height:28px; 
	text-indent:10px;
	color:#333333;
	text-align:left;
}

#LEFT2 .newbox2-bg{
	width:760px;
	background-image:url(../img/box780_bg.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#LEFT2 .newbox2-b{
	width:760px;
	height:16px;
	margin:0 auto;
	background-image:url(../img/box780-bb.jpg);
}






/*---- 頁尾 ----*/
#FOOTER {
	clear: both;
	background-image:url(../img/footer.png);
	width: 1000px;
	height:34px;
	margin:0 auto;
}
#FOOTER h2, #FOOTER p {
	font-size: 12px;
	padding:5px 20px;
	font-family: Arial;
	color: #000000;
	text-align:center;
	font-weight:normal;
}
#BOTTOM{ width:1000px; margin:0 auto;}
#BOTTOM h2{ font-size:12px; color:#333333; text-align:center; line-height:18px;	font-weight:normal;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* 廣告圖片文字樣式 */
.add-pic{ text-align:center; padding-bottom:5px;}
.add-text{ text-align:center;}

.add-1-pic{ text-align:center}
.add-1-text a{ font-size:12px; line-height:22px; text-align:center;}
.add-1-text a:hover{}

/* 最新消息的css */
.news{width:600px; margin: 0 auto; }
.news ul{}
.news li{line-height:18px;}
.news li a{ line-height:18px;}
.news li a:hover{}
#WRAPPER .topmenu a:hover {
	text-decoration: underline;
	font-weight: bold;
}