<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
img{
	border:none;
}
#wrapper{
	width:960px;
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-shadow:0 0 5px #ccc;
}
.header_mask{
	opacity:1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
.header_mask:hover{
	opacity:0;
}
#menu ul{
	width:900px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #ccc;
}
#menu ul li{
	display:inline-block;
	
}
#menu ul li a{
	width:145px;
	display:inline-block;
	text-align:center;
	height:19px;
	margin:20px 0 20px 0;
	opacity:.7;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
#menu ul li a:hover{
	opacity:1;
}
#intro{
	background:url(../image/intro_bg.jpg) no-repeat top;
	padding:0 30px;
}
.cart{
	opacity:1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
.cart:hover{
	opacity:.7;
}
#plus{
	height:340px;
	padding:120px 60px;
	background:url(../image/plus_bg.jpg) no-repeat top;
}
#try{
	background:url(../image/try_bg.jpg) no-repeat top;
	padding:90px 60px;
	height:420px;
}
#try td{
	text-align:center;
	padding:15px 0;
}

#more{
	height:570px;
	padding:45px 60px;
	background:url(../image/more_bg.jpg) no-repeat top;
}
#more th{
	text-align:center;
	padding:10px 0 20px 0;
}
#more td{
	text-align:center;
}
.imghover{
	opacity:1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	box-shadow:0 0 5px #999;
}
.imghover:hover{
	opacity:.7;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}</pre></body></html>