/*新手上路請多包涵 orz*/

@font-face {
    font-family: RotisSemiSans;
    src: url(rotissemisans55.ttf) format("opentype");
}
/*background-color: #f6f6f6;*/
body {
	margin:0;
    overflow:hidden;
}
#page {
	width: 100%;
	height: 1000px;
	background: #f4f4f4;
}
#header {
	height: 10px;
	background: transparent;
}
.shade {
	background: url(pic/shade.png) no-repeat;
	width: 2400px;height: 800px;
	position: fixed;top: 622px;left: 0;
	z-index: 20;
}

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

/* @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: -60px;
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
	z-index:90;
	font: 14px/1.8 Helvetica, Arial, "Sans Serif";
}

/* @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: 2;
	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: absolute; top:550px;
	width:100%;
}
.corner {
    width:100%;
    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:100%;
    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;
}
.socket {
	background:url(pic/socket.png);
	width:35px;
	height:47px;
	position:absolute;top:-20px;right:50px;
	z-index:5;
}
.mac a {
	cursor: default;
	background-image: url(pic/mac.png);
	width: 241px;height: 176px;
	position:absolute;top:0px;right:100px;
	z-index: 30;
}
.mac a:hover {
	background: url(pic/mac.png) 0 176px;
	width: 241px;height: 176px;
}
.copyright {
	color: #a7a7a7;
	font: Helvetica, Arial, "Sans Serif";
	font-size:10px;
	z-index:20;
	margin-top: 10px;
	text-align: center;
	text-shadow: white 1px 2px 0px;
	z-index: 30;
}

/* @end */