@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:#23092b; }
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/v123/images/home_bg.jpg) no-repeat center top; width: 100%; height:900px;}
#wrap { width: 1000px; margin: 0 auto;  }

#wrapout_event01 { background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/innertop.jpg) no-repeat center top; width: 100% }
#wrap_event { width: 1000px; margin: 0 auto; }


.btn_01,.btn_02,.btn_03,.btn_04{ position:absolute; display:block; }
.btn_01{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_01.png) no-repeat;
	width: 240px;
	height: 140px;
	top: 168px;
	left: 13px;
	position: absolute;
}
.btn_01:hover{background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_01.png) no-repeat; top:170px; left:15px;position:absolute;}

.btn_02{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_02.png) no-repeat;
	width: 240px;
	height: 140px;
	top: 315px;
	left: 46px;
	position: absolute;
}
.btn_02:hover{background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_02.png) no-repeat; top:318px; left:49px;position:absolute;}


.btn_03{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_03.png) no-repeat;
	width: 240px;
	height: 140px;
	top: 180px;
	left: 744px;
	position: absolute;
}
.btn_03:hover{background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_03.png) no-repeat; top:183px; left:747px;position:absolute;}

.btn_04{
	background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_04.png) no-repeat;
	width: 240px;
	height: 140px;
	top: 327px;
	left: 749px;
	position: absolute;
}
.btn_04:hover{background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v123/images/btn_04.png) no-repeat; top:330px; left:752px;position:absolute;}