@charset "Big5";

body{
	margin:0;
	padding:0;
	background:#ebe6d8;
}
h1{
	width:150px;
	float:left;
	text-align:center;
	margin:0;
}
img{
	border:none;
}

#wrapper{
	width:960px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 5px #666;
}
#menu{
	background:#666;
	text-align:center;
}
#menu img:hover{
	opacity:.5;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#intro{
	padding:60px 0;
	background:url(../image/intro_bg.png) no-repeat bottom left;
}
#tazze{
	width:780px;
	margin:0 auto 60px auto;
	padding:30px;
	border:1px solid #000;
}

#author{
	background:#f4f3f3 url(../image/author_bg.png) no-repeat left bottom;
}
#outline{
	padding:60px 0;
	background:url(../image/outline_bg.jpg) no-repeat left bottom;
}
#self{
	padding:60px 0 165px 0;
	background:url(../image/slef_bg.jpg) no-repeat right bottom;
}
#try{
	background:#e5e0d2;
	padding:60px 0;
}
.try_pic{
	margin:0 13px 13px 0;
	float:left;
	border:1px solid #666;
	cursor:pointer;
}
.try_pic:hover{
	box-shadow:3px 3px 3px #999;
	-webkit-transition: box-shadow .5s ease-in-out;
	-moz-transition: box-shadow .5s ease-in-out;
	-ms-transition: box-shadow .5s ease-in-out;
	-o-transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
}
#goods{
	background:url(../image/goods_bg.jpg) no-repeat top left;
	padding:60px 0;
}
.goods_pic{
	border:1px solid #666;
	cursor:pointer;
}
.goods_pic:hover{
	box-shadow:2px 2px 2px #666;
	-webkit-transition: box-shadow .5s ease-in-out;
	-moz-transition: box-shadow .5s ease-in-out;
	-ms-transition: box-shadow .5s ease-in-out;
	-o-transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
}
.cart:hover{
	opacity:.7;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
