/*新手上路，請多包涵<_ _>*/

body {
	width:6600px;
	overflow:hidden;
}

/* @group #index */

#index {
    background:url(pic/background.jpg) no-repeat;
	height:1200px;
}

.enter a {
	background: url(pic/MoHt.png) no-repeat;
	width: 163px;height: 48px;
	position: absolute; top: 180px; left: 840px;
	display: block;
	text-indent: -9999px;
}

.enter a:hover {
	-moz-opacity:0.5;
	opacity: 0.5;
}

.exhi {
	cursor: default;
	background: url(pic/poster.png) no-repeat;
	width: 419px;height: 544px;
	position: absolute;top: 0px;left: 200px;
	z-index: 100;
	display: block;
	text-indent: -9999px;
}


/* @end */

/* @group #page */

#page {
	width: 100%;
	height: 622px;
	background: url(pic/wall.jpg) repeat fixed;
}

.shade {
	background: url(pic/shade.png) no-repeat;
	width: 2400px;height: 800px;
	position: fixed;top: 622px;left: 0;
	z-index: 20;
}

hr {
	visibility:hidden;
}

/* @end */

/* @group #menu */

#menu {
	padding: 10px 0 0 50px;
	float: left;
	width:270px;
}

.menu {
	background: url(pic/menu_.png) no-repeat;
	width: 176px;height: 576px;
	position: fixed; left: 46px;top: -2px;
	z-index: 30;
}

.menu_index a {
	height: 83px;width: 141px;
	display: block;
	text-indent: -9999px;
	position: fixed;top: 63px;left: 53px;
	z-index: 40;
}

.li {
	padding-top: 195px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-align: left;
}

/* @end */

/* @group #content */

#content {
	margin: 0;
	float: left;
}

.par {
	margin: 0px 30px 0 0px;
	padding-left: 50px;
	padding-right: 50px; 
	float: left;
	width: 600px;	
	height: 600px;
	overflow: visible;
}

.alt {
	padding-left:370px;
}

.text {
	background: url(pic/text_2.png) no-repeat;
	height: 600px;
	margin-top: -180px;
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
	z-index:90;
	font: 14px/1.8 Helvetica, Arial, "Sans Serif";
}

/* @end */

/* @group gadget */

.socket a {
	cursor: default;
	background: url(pic/socket.png) no-repeat;
	width:35px;
	height:47px;
	position:absolute;top:496px;left:287px;
	z-index:7;
	text-indent: -9999px;
}
.socket a:hover {
	text-align: center;
	background: url(pic/black.png) repeat;
	width: 100%;height: 100%;
	position: fixed;top: 0;left:0;
	padding-top: 300px;
	color: white;
	font: 20px Helvetica, Arial, "Sans Serif";
	text-decoration: none;
	text-indent: 0px;
	z-index:50;
}
.socket a:active {
	cursor: default;
	background: url(pic/socket.png) no-repeat;
	width:35px;
	height:47px;
	position:absolute;top:496px;left:287px;
	z-index:7;
	text-indent: -9999px;
}
.socket2 {
	background:url(pic/socket.png);
	width:35px;
	height:47px;
	position:absolute;top:496px;left:287px;
	z-index:4;
}

.mac a {
	cursor: default;
	background-image: url(pic/mac.png);
	width: 241px;height: 176px;
	position:absolute;top:540px;left:1800px;
	z-index: 30;
}
.mac a:hover {
	background: url(pic/mac.png) 0 176px;
	width: 241px;height: 176px;
}

.stand {
	background: url(pic/stand.png) no-repeat;
	width: 160px;height: 459px;
	position:absolute;top:260px;left:2875px;
	z-index:40;
}

/* @end */

/* @group button */

.left a {
	background: url(pic/left.png) no-repeat;
	position:relative;
	right: 80px;
	top: 263px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	z-index:20;
}

.left a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8; }

.right a {
	background: url(pic/right.png) no-repeat;
	position:relative;
	right:-580px;
	top: 162px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	z-index: 20;
}

.right a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8; 
}

/* @end */

/* @group font */

.font {
	color: #262626;
	display: block;
	font: 16px/1.5 Helvetica, Arial, "Sans Serif";
}

.font a {
	color: #787878;
	text-decoration: none;
	-webkit-transition: color 0.2s linear;
}

.font a:hover {
	color: #2A97D0;
	text-decoration: none;
}

.title {
	color: #0085c6;
	font-size: 40px;
	line-height: 1.6;
	text-align: center;
	font-family: Helvetica, Arial, "Sans Serif";
}

.h3 {
	color: #0085c6;
	font-weight: bold;
	font: 1px/1.5 Helvetica, Arial, "Sans Serif";
}

.font_li {
	color: #262626;
	text-shadow: white 0 1px 0px;
	font: 14px/1.8 Helvetica, Arial, "Sans Serif";
}

.font_li a {
	color: #787878;
	-webkit-transition: color 0.2s linear;
	text-decoration: none;

}

.font_li a:hover {
	color: #2A97D0;
	text-decoration: none;
}

.indent {
	text-indent: 23pt;
}

/* @end */

/* @group footer */

#footer {
	clear:both;
	position:fixed;;top:550px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
.corner {
    width:1000%;
    background:url(pic/corner.png) repeat-x;
	height:110px;
    position:absolute;top: 0;
    z-index:3;
}
.corner2 {
	background:url(pic/corner_dark.png) repeat-x;
	width:1000%;
    height:30px;
    position:absolute;top:42px;
	z-index:2;
}
.ground2 {
	background: url(pic/ground6.jpg) center;
    width:100%;
	height:800px;
    position:absolute;top:72px;
	z-index: 1;
}
.copyright {
	color: #919191;
	font: Helvetica, Arial, "Sans Serif";
	font-size:10px;
	z-index:20;
	margin-top:50px;
	margin-left: 545px;
	text-shadow: white 0 2px 0px;
}

/* @end */