@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:#000; }
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/v111/images/home_bg.jpg) no-repeat center top; width: 100% }
#wrap { width: 1000px; margin: 0 auto; }
#wrap_inner {width:1000px; margin:0 auto; position:relative;}

#main{ width:1000px; height:788px; }
#left{ width:456px; height:788px; float:left;background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/home_05a.jpg) no-repeat center top;}
#right{ width:544px; height:788px; float:right;background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/home_06.jpg) no-repeat center top;}

#flash{ width:456px; height:788px;}



/*-----切换------*/
ul.nav  { width:1000px; height:62px; /*margin:0 auto;*/ display:block; overflow:hidden; }
ul.nav li { height:62px; float:left; cursor:pointer;}
ul.nav li a { height:62px; display:block}

ul.nav li.n1 { width:130px;height:62px;}
ul.nav li.n1 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat 0 0;width:130px;}
ul.nav li.n1 a:hover { background-position: 0 -62px}

ul.nav li.n2 { width:130px;height:62px;}
ul.nav li.n2 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -130px 0;width:130px}
ul.nav li.n2 a:hover { background-position: -130px -62px}

ul.nav li.n3 { width:130px;height:62px;}
ul.nav li.n3 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -260px 0;width:130px}
ul.nav li.n3 a:hover { background-position: -260px -62px}

ul.nav li.n4 { width:111px;height:62px;}
ul.nav li.n4 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -390px 0;width:111px}
ul.nav li.n4 a:hover { background-position: -390px -62px}

ul.nav li.n5 { width:112px;height:62px;}
ul.nav li.n5 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -500px 0;width:112px}
ul.nav li.n5 a:hover { background-position: -500px -62px}


ul.nav li.n6 { width:145px;height:62px;}
ul.nav li.n6 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -612px 0;width:145px}
ul.nav li.n6 a:hover { background-position: -612px -62px}

ul.nav li.n7 { width:124px;height:62px;}
ul.nav li.n7 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -758px 0;width:124px}
ul.nav li.n7 a:hover { background-position: -758px -62px}

ul.nav li.n8 { width:118px;height:62px;}
ul.nav li.n8 a { background:url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/nav.png) no-repeat -881px 0;width:118px}
ul.nav li.n8 a:hover { background-position: -881px -62px}



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

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

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

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

#wrapout_e5 { background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/e5_bg.jpg) no-repeat center top; width: 100% }
#wrap_e5{ width: 1000px; margin: 0 auto; }
#wrapout_e8 { background: url(https://static.web.sdo.com/mxd/pic/mxd_act/v111/images/e8_bg.jpg) no-repeat center top; width: 100% }