#canvasHolder {
            	position: absolute;
            	top: 816px;
            	left: 0px;
            	width: 100px;
            	height: 100px;
            }

#background{
margin: 0 auto;
margin-top: 185px;
background-size: cover;
}

#canvas{
margin-top: 185px;
background-size: cover;
}


.content {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	color: #333;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	overflow:hidden;
	zoom:1;

}
.content .inner{
	width:960px;
	margin:0 auto;
	position:relative;
}

.content .btn_speace {
	height:150px;
	background:url(../../hp/images/btn_bg.png) left top repeat;
	text-align:center;
	position:absolute;
	bottom:0;
	z-index:12;
	width:100%;
	}

.content .btn_speace1 {
	height:150px;
	background:url(../../hp/images/btn_bg.png) left top repeat;
	text-align:center;
	position:absolute;
	bottom:483px;
	z-index:12;
	width:100%;
	}

.content .btn_speace img{
	margin-top:24px;

-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.content .btn_speace1 img {
margin-top: 24px;

-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

#first {
background: url(../../hp/images/main.jpg) 50% 0 repeat-x fixed;
height: 824px;
margin-top:-58px;
}

#first.patan02 {
background: url(../../hp/images/main02.jpg) 50% 0 repeat-x fixed;
}


#second {
	background:url(../../hp/images/p_bg24.jpg) 50% 0 repeat fixed;
	height: 800px;
}

#third {
	background:url(../../hp/images/design_bg01.png) 50% 0 no-repeat fixed #FFFFFF;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
	height: 1484px;
}


/* section first */
.logo {
	color: rgba(255, 255, 255, 0.9);
	font-size: 4em;
	font-weight: bold;
	margin: 0;
	position: fixed;
	top: 100px;
	left: 50px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

#first p {
	position: absolute;
	left:-238px;
	top:-61px;
z-index:1;
}

/* section second */
#second h2{
	top:50px;
	position: absolute;
	z-index:11;
}
#second img.sprite{
	position: absolute;
	width:1155px;
	height:770px;
	top:30px;
	z-index:10;
	}
	
	
/* section third */
#third h2{
	padding-top:50px;
	text-align:center;
	width:100%;
	margin-bottom:30px;
	position:relative;
	z-index:11;
}

#third ul{
	overflow:hidden;
	zoom:1;
	width:813px;
	margin:21px auto;
	position:relative;
	z-index:11;
	}
#third li{
	float:left;
}
#third .left{
	margin-right:10px;

}

#third .inner p img {
	height: 752px;
	width: 831px;
	position: absolute;
	left: -270px;
	top: 576px;
}

#box1 {
background: url(../../hp/images/box_base.jpg) 50% 0 no-repeat ;
height: 620px!important;
}

#box1 .wrapper {
padding: 139px 955px 0 154px;
width: 690px;
margin-left:100px;
}

#box1 p {
font-size: 14px;
color: #fff;
padding: 0px 0 0px;
}
#box1 ul {
border-top: #fff solid 1px;
width: 690px;
}
#box1 li span.day {
display: inline-block;
width: 80px;
color: #FFF;
}

#box1 li a {
display: inline-block;
color: #FFF;
}

#box1 li {
border-bottom: #fff solid 1px;
padding: 10px 0;
width: 690px;
}

#third h9{
	top:-623px;
	text-align:center;
	margin-left:194px;
	position:relative;
	z-index:11;
}

#third h10{
	top:-607px;
	margin-left:-250px;
	position:relative;
	z-index:11;
        color: #FFF;
}

#third ull {
top: 1113px;
width: 660px;
left: 295px;
border-top: #fff solid 1px;
position: absolute;
z-index: 1000;
}

#third span{
	display: inline-block;
        width: 80px;
        color: #FFF;
padding: 4px 0 0 0px;
width: 660px;
 border-top: #fff solid 1px;
}

#third a{
        color: #FFF;
    /* text-decoration: none; */
}

.external_big {
cursor: url(../../hp/images/cursor_arrow_b.gif),pointer;
}