/*定義-------------------------------------*/



body{

	background:url(../data/wrapper/bg.jpg);

	}

#content{

	height: auto;

	width: 100%;

	margin: 0 auto;

	}

#menu_box{

	height: auto;

	width: 100%;

	margin: 0 auto;

	}

#products_box{

	height: auto;

	width: 100%;

	margin: 0 auto;

	background:url(../data/wrapper/products/bg.jpg);

	}

#footer{

	height:auto;

	width:100%;

	margin:0 auto;

	}

	



#header{

	height:auto;

	width:100%;

	margin:0 auto;

	}

#frame{

	height:auto;

	width:100%;

	margin:0 auto;

	background:url(../data/wrapper/banner/banner.jpg) top center no-repeat;

	}

/*定義-------------------------------------*/



#shadow_l{

	position: absolute;

	top: 30px;

	left: -20px;

	}

#shadow_r{

	position: absolute;

	top: 30px;

	right: -20px;

	}

#con_top{

	height: auto;

	width: 1100px;

	margin:0 auto;

	z-index:100;

	}



#logo{

	position: absolute;

	top: 102px;

	right: 56px;

	z-index: 100;

	}

#header_box .text{

	position: absolute;

	top: 30px;

	left: 215px;

	color: #FFF;

	font-size: 16px;

	line-height: 24px;

	letter-spacing: 1px;

	text-shadow: #000 1px 1px 5px;

	width:420px;

	}

#header_box .tel{

	position: absolute;

	top: 34px;

	right: 18px;

	}

#text_but{

	position: absolute;

	top: 20px;

	right: 30px;

	width: auto;

	height: auto;

	color: #777;

	}

#text_but a{

	color:#777;

	text-decoration:none;

	}

#text_but a:hover{

	color:#B19972;

	text-decoration:underline;

	}



#web{

	width:110px;

	height:118px;

	float:left;

	}

#line{

	width:110px;

	height:118px;

	float:right;

	}



#info{

	width: 690px;

	height: 10px;

	background: url(../data/wrapper/marquee_bg.png) no-repeat;

	padding: 10px 10px 10px 234px;

	position: absolute;

	bottom: 20px;

	right: 20px;

	}

#info marquee{

	font-size: 15px;

	color: #434528;

	}

#lg{

	position:absolute;

	top:-30px;

	right:0;

	width:133px;

	height:14px;

	background:url(../data/wrapper/lg.png);

	padding:8px 15px 8px 32px;

	color:#FFF;

	}

#lg .tw{

	float:left;

	letter-spacing:1px;

	}

#lg .tw a{

	color:#FFF;

	}

#lg .tw a:hover{

	text-decoration:underline;

	}

#lg .en{

	float:right;

	letter-spacing:2px;

	}

#lg .en a{

	color:#FFF;

	}

#lg .en a:hover{

	text-decoration:underline;

	}

/*search-box***********/

#search-box {

	width: 220px;

	height: 35px;

	position: absolute;

	z-index: 1;

	right: 75px;

	top: 20px;

	background: #FFF;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	border: 2px solid #7F9DB9;

	}

#search-box .input {

	height: auto;

	width: 160px;

	float: left;

	margin: 2px 0 0 0px;

	}

#search-box .style {

	width: 100%;

	height: 28px;

	padding: 0px 0px 0px 5px;

	margin: 0 0 0 15px;

	border: 0px;

	font-size: 14px;

	color: #CCC;

	background-color: transparent;

	outline: none;

	}



#search-box .btn {

	height: 17px;

	width: 16px;

	margin: 9px 10px 0 0;

	float: right;

	background: url(../data/wrapper/search_.png);

	display: block;

	-webkit-transition: background-image 300ms linear;

	-moz-transition: background-image 300ms linear;

	-o-transition: background-image 300ms linear;

	transition: background-image 300ms linear;

	}

#search-box .btn:hover {

	background: url(../data/wrapper/search.png);

	}