@charset "utf-8";
/* CSS Document */
@import url("theme.css");
@import url("reest.css");
body{
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-family: Helvetic, Arial, "Microsoft JhengHei", "Segoe UI", "Microsoft JhengHei", "微軟正黑體", "微软雅黑", "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", clean, sans-serif;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/index_bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
}
/*********header***********/
#header_bg{
	background-image: url(../images/header_t_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center top;
	top: 0px;
}
#header_box{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#header_top{
	}
#header_top ul li a{
	color: #333;
	text-decoration: none;
	}
#header_top ul li a:hover{
	color:#39F;
	}
#logo{
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
}
#header_topnav{
	position:relative;}
#header_topnav ul{
	position: absolute;
	left: 652px;
	top: -46px;
}
#header_topnav ul li{
	float:left;
	background:url(../images/header_ticon.jpg) no-repeat left 2px;
	padding-left:14px;
	margin-right:10px;}
/***主選單***/
#header_nav{
    height: 43px;
}
#header_nav ul{
    padding-top: 2px;
}
#header_nav ul li{
	float: left;
	
	text-align: center;
	height: 40px;
}
#header_nav ul li:hover{
	float: left;
	background:url(../images/nav_hover.png) no-repeat;
	text-align: center;
	height: 40px;
}
#header_nav ul li a{
	color: #FFF;
	font-weight: bold;
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	width: 142px;
	background: url(../images/nav_line.png) no-repeat left center;
}
#header_nav ul li a:hover{
	text-shadow: 0px 0px rgb(0, 0, 0),1px 1px 3px rgba(0, 0, 0, 0.7);
}


#header_mascot{
	position: absolute;
	background-image: url(../images/mascot.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 102px;
	width: 225px;
	left: 842px;
	top: 2px;
}
#mascot_eye{
	position:absolute;
	top: 78px;
	left: 48px;
}
/*******************************banner*****************************************/
#banner_bg{
	width: 100%;
	margin: 0 auto;}

/*****************************content***************************************/
#content_bg{
	background:url(../images/index_bg.png) no-repeat center top;
	width: 100%;
	margin: 0 auto;
	height:385px;
	}
#content_box{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top: 20px;
	padding-left: 32px;
}
#index_about{
	background: url(../images/index_about_bg.jpg) no-repeat left top;
	width: 253px;
	height: 219px;
	padding-top: 61px;
	padding-left: 31px;
}
#index_about p{
	color: #FFF;
	line-height: 21px;
}
#index_about_more{
	padding-top:8px;}
#index_product{
	position:absolute;
	top: 29px;
	left: 310px;
	background:url(../images/index_product_bg.png) no-repeat left 32px;
	}
#index_prodcut_title{
	background:url(../images/index_product_title.jpg) no-repeat left top;
	height:40px;
	position:relative;}
#index_product_more{
	position:absolute;
	left: 576px;
	top:10px;}
#index_product_list{
    padding-left: 13px;
}
#index_product_list ul{
    padding-top: 18px;
    padding-left: 12px;
	
}
#index_product_list ul li{
	float:left;
	width: 202px;
	padding-bottom: 14px;
	height: 84px;
	padding-right: 8px;
}
.index_product_pic{
	float:left;
	margin-right: 7px;
}
.index_product_text{
	float:left;
	}
.index_product_text_t{
	color: #0432a4;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	width: 96px;
	padding-bottom: 6px;
}
.index_product_text_t a{
	color: #0432a4;
	text-decoration: none;
}
#index_product_list ul li p{
	width: 118px;}
	
/****************footer***********************/
#footer{
	text-align: center;
	line-height: 20px;
	color: #666;
	padding-top:15px;
}
#footer p{}