@charset "utf-8";
/* Shandagame Club UI Base Style Sheet
 * Created: : 2009-10-22
 * Update: 2009-12-02
 * Copyright (c) 2009, shandagame Inc. 
 * 文件说明: 用户元件基础CSS
 */


/* 基础通用 */
body{ background-color:#272b3a; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit }
del, ins { text-decoration:none }
li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
abbr, acronym { border:0; font-variant:normal }
sup { vertical-align:baseline }
sub { vertical-align:baseline }
legend { color:#000 }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit }
input, button, textarea, select { font-size:inherit; *font-size:100%;
font-family:inherit }
address, cite, dfn, em, code, var, caption, th { font-style:normal; font-weight:normal }
q:before, q:after { content:'' }
wbr:after { content:'\00200b' }
/* 基础通用 */
.Clear { clear:both;height:0px;overflow:hidden;}
a { text-decoration:none; }
a:hover { text-decoration:underline}

.clearfix { display: inline-block }
.clearfix:after {/*/*/ content: "."; /* 兼容ie8 */ display: block; height: 0; clear: both; visibility: hidden }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1% }
.clearfix { display: block }


/* 内容 */

/* 首页 */
#wrapout { background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/home_bg.jpg) no-repeat center top; width: 100%; }
#wrap { width: 1000px; margin: 0 auto;  }

#wrapout_inner { background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/inner_bg.jpg) no-repeat center top; width: 100% }
#wrap_inner { width: 1000px; margin: 0 auto; }

.btn_01,.btn_02,.btn_03,.btn_04,.btn_05,.btn_06 {
	position: absolute;
	display: block;
	width: 290px;
	height: 56px;
}

.btn_01{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_01.png) no-repeat;
	top: 86px;
	left: 455px;
}
.btn_01:hover{top: 88px;left: 457px;}

.btn_02{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_02.png) no-repeat;
	top: 171px;
	left: 425px;
}
.btn_02:hover{	top: 173px;
	left: 427px;}

.btn_03{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_03.png) no-repeat;
	top: 256px;
	left: 398px;
}
.btn_03:hover{	top: 258px;
	left: 400px;}

.btn_04{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_04.png) no-repeat;
	top: 341px;
	left: 368px;
}
.btn_04:hover{top: 343px;
	left: 370px;}

.btn_05{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_05.png) no-repeat;
	top: 430px;
	left: 336px;
}
.btn_05:hover{	top: 432px;
	left: 338px;}

.btn_06{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v135_1/images/btn_06.png) no-repeat;
	top: 516px;
	left: 303px;
}
.btn_06:hover{	top: 518px;
	left: 305px;}
