body { 

	background: #fbdd84;

}



#wrap {

	width:100%;

	position: relative;

	background: url(../images/head.png);

	background-repeat: no-repeat;

	padding: 0;

}



#header {

	width: 999px;

	margin: 0 auto;

	padding: 0;

	height: 80px;

}



#logo {

	margin-left: 20px;

	margin: 0 0;

	padding: 16px 0 0 20px;

	float: left;

}



.nav {

	float: right;

	padding-top: 40px;

	margin-right: 40px;

}



.nav ul li {

	float: left;

	margin-right: 15px;

}



.nav ul li:last-child {

	float: left;

	margin-right: 0px;

}





#contents {

	width: 980px;

	margin: 0 auto;

	padding: 0;

}



#footer {

	width: 100%;

	margin: 0 auto;

	padding: 0px 0;

	text-align: center;

	background: #fff;

}



#footer address {

	padding-bottom: 5px;

}





/* close button */



#b_hide {

	padding-bottom: 15px;

	margin: 40px auto 10px auto;

	text-align: center;

	overflow: hidden;

	width: 325px;

}



#b_hide ul li {

	float: left;

	margin-right: 20px;

}



#b_hide ul li:last-child {

	margin-right: 0px;

}



/* go to top */



.scrollup {

	width: 40px;

	height: 40px;

	opacity: 0.3;

	position: fixed;

	bottom: 100px;

	right: 100px;

	display: none;

	text-indent: -9999px;

	background: url(../images/icon_top.png) no-repeat;

}



/* flowting panel */



#side{

	position: absolute;

	top: 50px;

	right: 50px;

}

.videopanel {

	position: relative;

	background: url(../images/panel.png) no-repeat;

	height: 185px;

	width: 170px;

}

.videopanel a {

	position: absolute;

	top: 88px;

	left: 59px;

}



.btn {

	display: block;

	position: absolute;

	left: 14px;

	top: 161px;

	cursor: pointer;

}

.close {

	position: absolute;

	height: 17px;

	width: 22px;

	top: 2px;

	right: 21px;

	cursor: pointer;

}



/*section center*/



.q {

	text-align: center;

}





/* opacity 0.8*/



.opacity:hover {

	opacity: 0.8;

	-moz-opacity: 0.8;

	filter: alpha(opacity=80);

}