#container {
	width:100%;
	min-width:950px;
	height:950px;
	background:url(../img/topImg1.jpg) top center no-repeat;
	position:relative;
}
#cover {
	width:100%;
	height:620px;
	position:absolute;
	z-index:300;
	left:0;
	top:0;
	cursor:pointer;
	background:#ffffff;
}
#cover .inner {
	width:950px;
	height:620px;
	position:relative;
	margin:0 auto;
}
#cover .tex1 {
	width:850px;
	height:110px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-60px;
	margin-left:-425px;
	display:none;
}
#cover .tex1 img {
	display:block;
}
#cover .youtube {
	width:930px;
	height:522px;
	border:5px solid #cccccc;
	position:absolute;
	top:32px;
	left:5px;
	background:#000000;
}
#cover .skip {
	height:20px;
	width:80px;
	border-radius:2px;
	text-align:center;
	line-height:20px;
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	opacity:0.8;
	
	background:#dddddd;
	color:#ffffff;
}
#cover .skip:hover {
	opacity:1;
}


#top {
	width:950px;
	height:620px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:200;
}

#top h1 {
	width:350px;
	height:510px;
	position:absolute;
	top:78px;
	left:283px;
}
#top h1 a {
	width:350px;
	height:510px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/topTitle.png) 0 0 no-repeat;
}

#top .xb360 {
	display:blocck;
	width:198px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:10px;
	background:url(../img/topXb360.png) 0 0 no-repeat;
}
#top .share {
	display:blocck;
	width:580px;
	height:36px;
	overflow:hidden;
	position:absolute;
	top:11px;
	right:10px;
	background:url(../img/topShare.png) 0 0 no-repeat;
}
#top .share table {
	padding-left:15px;
}
#top .share th {
	display:none;
}
#top .share td {
	padding:8px 5px;
}

#top .banner {
	width:240px;
	position:absolute;
	right:10px;
	bottom:7px;
}
#top .banner a {
	width:240px;
	height:100px;
	display:block;
	margin-bottom:10px;
	background-image:url(../img/topBannerBg.png);
	background-color:#dddddd;
	position:relative;
	transition-property:background-color;  
	transition-duration:200ms;  
	transition-timing-function:linear;  
	-webkit-transition-property:background-color;  
	-webkit-transition-duration:200ms;  
	-webkit-transition-timing-function:linear;  
	-moz-transition-property:background-color;  
	-moz-transition-duration:200ms;  
	-moz-transition-timing-function:linear;  
}
#top .banner a:hover {
	background-color:#D80300;
}
#top .banner a img {
	width:234px;
	height:94px;
	padding:3px;
	display:block;
}
#top .banner a span {
	width:16px;
	height:100px;
	display:block;
	background:url(../img/update.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:-20px;
}

#top .char {
	position:absolute;
	width:253px;
	height:260px;
	bottom:0px;
	left:15px;
}
#top .char .innner {
	position:relative;
	width:253px;
	height:260px;
}
#top .char div {
	background-image:url(../img/topChar.png);
	background-repeat:no-repeat;
	height:260px;
	position:absolute;
}
#top .char .cb {
	width:85px;
	background-position:0 0;
}
#top .char .cc {
	width:85px;
	background-position:-85px 0;
	left:71px;
}
#top .char .ca {
	width:105px;
	background-position:-170px 0;
	left:148px;
}

#navi {
	width:940px;
	height:80px;
	margin:0 auto;
	position:relative;
}
#navi .main {
	width:940px;
	height:80px;
	overflow:hidden;
}
#navi .main li {
	width:188px;
	height:80px;
	display:block;
	float:left;
}
#navi .main li a {
	width:188px;
	height:80px;
	display:block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
#navi .main li a:hover {
	cursor:pointer;
}
#navi .main li a .ms1 {
	text-indent:-9999px;
	width:188px;
	height:26px;
	position:absolute;
	top:10px;
	left:0;
	background-image:url(../img/commonMenu.png);
	background-repeat:no-repeat;
	z-index:90;
}
#navi .main li a .ms2 {
	text-indent:-9999px;
	width:188px;
	height:16px;
	position:absolute;
	top:36px;
	left:0;
	background-image:url(../img/commonMenu.png);
	background-repeat:no-repeat;
	z-index:100;
}
#navi .main li a .update {
	width:188px;
	height:18px;
	color:#d80300;
	position:absolute;
	top:52px;
	left:0;
	text-align:center;
	font-size:12px;
	line-height:18px;
	z-index:80;
}
#navi .main .m1 a .ms1 {	background-position:0 0;	}
#navi .main .m2 a .ms1 {	background-position:-188px 0;	}
#navi .main .m3 a .ms1 {	background-position:-376px 0;	}
#navi .main .m4 a .ms1 {	background-position:-564px 0;	}
#navi .main .m5 a .ms1 {	background-position:-752px 0;	}
#navi .main .m1 a .ms2 {	background-position:0 -26px;	}
#navi .main .m2 a .ms2 {	background-position:-188px -26px;	}
#navi .main .m3 a .ms2 {	background-position:-376px -26px;	}
#navi .main .m4 a .ms2 {	background-position:-564px -26px;	}
#navi .main .m5 a .ms2 {	background-position:-752px -26px;	}
#navi .main .m1 a:hover .ms2 {	background-position:0 -86px;	}
#navi .main .m2 a:hover .ms2 {	background-position:-188px -86px;	}
#navi .main .m3 a:hover .ms2 {	background-position:-376px -86px;	}
#navi .main .m4 a:hover .ms2 {	background-position:-564px -86px;	}
#navi .main .m5 a:hover .ms2 {	background-position:-752px -86px;	}

#navi .sub {
	display:block;
	float:left;
	height:40px;
	display:none;
	position:absolute;
	left:-950px;
	top:-33px;
}
#navi .sub li {
	display:block;
	float:left;
	min-width:120px;
	height:40px;
	background-image:url(../img/subMenu.png);
	background-repeat:no-repeat;
	background-position:-15px 0;
	border-right:1px dotted #cccccc;
}
#navi .sub li a {
	display:block;
	min-width:120px;
	height:38px;
	text-decoration:none;
	margin-top:1px;
	outline:none;
}
#navi .sub li a:hover {
	background:url(../img/subMenuSelect.png) 0 0 repeat;
}
#navi .sub li a div {
	margin:0 10px 0 5px;
	line-height:1em;
	white-space:nowrap;
}
#navi .sub li a .ms1 {
	font-size:12px;
	color:#00142f;
	font-weight:bold;
	padding-top:9px;
}
#navi .sub li a .ms2 {
	font-size:10px;
	color:#cccccc;
	margin-top:1px;
}
#navi .sub .m1 {
	background-position:0 0;
}
#navi .sub .m1 a {
	margin-left:15px;
	border-left:1px dotted #cccccc;
}
#navi .sub .m9 {
	min-width:15px;
	width:15px;
	background-position:top right;
	border-right:none;
}
#navi .m2sub {
	left:0px;
}
#navi .m3sub {
	left:280px;
}
#navi .sub .m8 {
	min-width:60px;
	width:60px;
}
#navi .sub .m8 a {
	min-width:60px;
	width:60px;
}
#navi .sub .m0 a .ms1 {
	color:#cccccc;
}

#product {
	width:930px;
	height:127px;
	margin:0 auto;
	background:url(../img/topProduct.png) 0 0 no-repeat;
}
#product h2 {
	width:125px;
	height:127px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
#product .inner {
	height:127px;
	float:left;
}
#product .jacet img {
	width:154px;
	height:101px;
	margin-right:10px;
}
#product .text {
	width:630px;
	line-height:1em;
}
#product .text h3 {
	font-size:16px;
	color:#333333;
	margin-top:2px;
	margin-bottom:2px;
}
#product .text table {
}
#product .text table th {
	font-size:12px;
	color:#666666;
	font-weight:normal;
	padding-right:5px;
}
#product .text table td {
	font-size:12px;
	color:#333333;
}

#foot {
	width:930px;
	height:100px;
	margin:0 auto;
	margin-top:10px;
}
#foot a {
	width:60px;
	height:60px;
	display:block;
	float:left;
	margin-right:8px;
	background:url(../img/cave.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#foot div {
	width:860px;
	float:left;
	font-size:12px;
	margin-top:8px;
	line-height:15px;
}