@import url("_reset.css");
@import url("mCustomScrollbar/jquery.mCustomScrollbar.css");
body {font-size:12px;font-family:Arial, "·s²Ó©úÅé";background:url('../images/bg.jpg') top repeat-x;}
li {list-style-type:none;}
.strong {font-weight:bold;color:#F06;}
#event_header {}
#game_logo {position:absolute;z-index:11;left:50%;margin-left:-500px;top:100px;}
#game_logo a {display:block;width:297px;height:177px; text-indent:-999999px;}

/*------------------------------------------------------------------------------------------------
slide
------------------------------------------------------------------------------------------------*/
#slider {position: relative;width: 100%;z-index: 10;text-align: center;background:#ccc;overflow: hidden;left: 0;}
#slider ul.slide-in {position: relative;text-align: left;}
#slider ul li.box {float: left;text-align: left;}
.eventBox {width:1000px;height: 900px;margin: auto;position: relative;}
.arrowBox {text-align: left;margin: 0 auto;position: relative;}
.arrowBox div {cursor: pointer;background:url('../images/arrow.png') no-repeat;width:46px;height:67px;}
.arrowBox #right {position: absolute;right: 20px;top: 420px;z-index: 200;background-position:right bottom;}
.arrowBox #right.hover {background-position:right top;}
.arrowBox #left  {position: absolute;left:  20px;top: 420px;z-index: 200;background-position:left bottom;}
.arrowBox #left.hover {background-position:left top;}
#right.dis,
#left.dis {filter:Alpha(Opacity=30);Opacity:0.3;}

.scroll_box {height:600px;width:430px;line-height:1.6em;padding:20px;}
.scroll_box h2 {font-size:16px;}
.scroll_box h2,.scroll_box p {margin-bottom:20px;}

#content_1 {background:url('../images/bg_1.jpg') center top;}

#content_1 #btn a {position: absolute;top:380px;left:570px; z-index: 200;width: 256px; height: 230px;background-position:right bottom;; background: url('../images/btn.png') 0 0 no-repeat; text-indent: -99999px;}
#content_1 #btn a:hover {background-position: 0 -230px;}


#content_2 {background:url('../images/bg_2.jpg') center top;}
#content_3 {background:url('../images/bg_3.jpg') center top;}
#content_4 {background:url('../images/bg_4.jpg') center top;}

/*------------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------------*/
#event_footer {padding:10px 0 0;}
#event_footerBox {width:1000px;margin:0 auto; position:relative;}
#x-logo { position:absolute;left:20px;top:10px;}
#event_footerInfo { text-align:center;line-height:43px;margin:0 250px 0 122px;}
#rating {position:absolute;right:20px;top:0px;height:43px;font-size:11px;-webkit-text-size-adjust: none;width:230px;}
#rating img {float:right;margin-left:10px;}
#rating p {line-height:14px;}
/*------------------------------------------------------------------------------------------------
table
------------------------------------------------------------------------------------------------*/

.tbstyle_1 {margin-bottom:10px;color:#555;}
.tbstyle_1 table {border:1px solid #b8b8b8;border-width:1px 1px 0px 0px;}
.tbstyle_1 th,.tbstyle_1 td {border:1px solid #b8b8b8;border-width:0px 0px 1px 1px;}
.tbstyle_1 th {height:26px;line-height:26px;font-weight:normal;padding:0px 8px;background:#333;color:#fff;}
.tbstyle_1 td {background:#fff;padding:3px 8px;}


.tbstyle_1 td,.tbstyle_1 th { text-align:center;}
.tbstyle_1 td.text_left,.tbstyle_1 th.text_left { text-align:left;}
.tbstyle_1 td.text_center,.tbstyle_1 th.text_center { text-align:center;}
.tbstyle_1 td.text_right,.tbstyle_1 th.text_right { text-align:right;}
.tbstyle_1 td.level {background:#efefef;}

/*-------------------------------------------------------------------------------------------------------------------------------------
menu_2
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu_2 { position: relative;z-index: 12; top: 0px; width: 100%; height:50px;background: url('../images/menu_bg.png') center top no-repeat; text-indent: -99999px; }
#menu_2 .mBox_1  {margin-left:73px; }
#menu_2 .mBox_1:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html #menu_2 .mBox_1,*:first-child+html #menu_2 .mBox_1{ zoom: 1;}

#menu_2 .mBox_1 li {float:left;  margin-top:0px; }
#menu_2 .mBox_1 li a { display: block; width: 250px; height: 50px; background: url('../images/menu.png') no-repeat; }
#menu_2 .mBox_1 .m1 a { background-position: 0 0; }
#menu_2 .mBox_1 .m2 a { background-position: -250px 0; }
#menu_2 .mBox_1 .m3 a { background-position: -500px 0; }
#menu_2 .mBox_1 .m1 a:hover { background-position: 0 -50px; }
#menu_2 .mBox_1 .m2 a:hover { background-position: -250px -50px; }
#menu_2 .mBox_1 .m3 a:hover { background-position: -500px -50px; }