.wrap_top{background: url(../images/header_new.jpg) center top no-repeat;}
.wrap_btm{background: url(../images/footer.jpg) center bottom no-repeat; padding-bottom:180px}

#wrap{ width:934px; margin:0 auto; text-align:left; clear:both;}
#wrap3{ width:1000px; margin:0 auto; text-align:center; }
.wrap_content{ overflow:hidden!important;overflow:visible;_height:1%;clear:both; zoom:1;padding-bottom:30px;padding-top:91px;}
#menu{ width:186px; overflow:hidden}
.flash{ width:152px; height:178px;}
.flash1{ width:152px; height:178px;margin:0 auto;margin-top:140px; }
.flash1 a{ width:152px; height:178px; background: url(../images/resister.png) left top no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://dragonica.thqice.com/web/custom/images/resister.png");_background:none;display:block; margin:0 auto; }
.flash1 a:hover{ width:152px; height:178px;background: url(../images/resister.png) 0px -178px no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://dragonica.thqice.com/web/custom/images/resister.png") 0px -178px no-repeat; _background:none; margin:0 auto}
.flash2{ width:182px; height:184px;  margin:0 auto;margin-top:140px}
.flash2_new{ width:182px; height:184px;  margin:0 auto;}
.flash2_sub{ width:182px; height:184px;  margin:0 auto;}
.flash2 a{ width:182px; height:184px;background: url(../images/download.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://dragonica.thqice.com/web/custom/images/download.png");_background:none; display:block; margin:0 auto; }
.flash2 a:hover{ width:182px; height:184px;background: url(../images/download.png) 0px -184px no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://dragonica.thqice.com/web/custom/images/download.png") 0px -184px  no-repeat; _background:none; margin:0 auto}
.menu_mid{ background:url(../images/change_back_15.jpg) repeat-y; zoom:1; overflow:hidden}
.c_left{ float:left; width:186px}
.c_mid{ float:left; width:542px; margin:0 11px; display:inline}
.c_right{ float:left; width:182px}
.c_mid .top{ width:542px; margin:0 auto}
.c_mid .mid{ background:url(../images/change_back_11.jpg); height:264px; width:542px; margin:0 auto;}
.c_mid .mid .flash{ width:511px; margin:0 auto}
.news_event{ background:url(../images/change_back_21.jpg); width:542px; height:62px}
.news{ width:542px; margin:0 auto}
.news_t{ color:#fde36c; font-size:12px; float:left; line-height:36px; height:36px; vertical-align:middle}
/*span{ float:left}
*/.news_date{ color:#bdbdbd; float:left; margin-left:60px; line-height:36px; height:36px; vertical-align:middle}
.new_img{ margin:0 33px; margin-top:9px; float:left }
#u1{ display:none}
#u2{ display:block}
.calendar{ background:url(../images/change_back_062.gif); width:182px; height:227px}
.margin_4{ margin:4px 0}
.logo_banner{ position:relative; height:184px }
.logo_ab{ position:absolute;/*top:-6px;*/top:17px; left:-43px; height:184px; z-index:1}
.logo_ab_index{ position:absolute;top:-17px; left:-43px; height:184px; z-index:1}

/*news*/
.title01,.title02{
color:#fff;
font-weight:bold;
}
#DoorP{
width:542px;
overflow:hidden;
zoom:1
}
.title01{
width:100%;
background:url(../images/change_back_07.jpg); height:42px;
cursor:pointer;
}
.title01 .new_img{display:none}
.title01 .news_date{display:none}
.title01 .news_t{ color:#573919;font-size:16px;font-weight:bold; line-height:42px; height:42px; vertical-align:middle; margin-left:33px}

.title02{
width:100%;
background:url(../images/change_back_03.jpg); height:36px;
cursor:pointer;
}

.content{
overflow:hidden;
zoom:1
}
.main_add{ width:100%;background:url(../images/change_back_07.jpg); height:42px;}
.main_add2{ width:100%;background:url(../images/change_back_03.jpg); height:36px;}
.news_bg_t{ background:url(../images/change_back_08.jpg); height:17px; width:542px; display:block}
.news_bg_b{ background:url(../images/change_back_09.jpg); height:27px; width:542px; display:block; vertical-align:text-bottom}
.news_bg_m{ background:url(../images/change_back_088.jpg) repeat-y; width:542px; padding:0 33px; overflow:hidden; zoom:1; display:block}

.news_more{background:url(../images/change_back_30.gif) no-repeat;width:542px; height:58px }
.news_more_p{ padding-top:5px}
.bt_news_more{ background:url(../images/bt_03.jpg); width:20px; height:21px; margin-left:400px; float:left; display:inline}
.text_news_more{ float:left; color:#cfc388; font-weight:bold; height:21px; line-height:21px; vertical-align:middle}
.text_news_more a{ color:#cfc388; text-decoration:none; }
.text_news_more a:hover{ color:#cfc388; text-decoration:underline; }

/*menu*/
.sub_menu h1.title a.head{
background:transparent url(../images/main.jpg) no-repeat scroll 98% center;
color:#000000;
cursor:pointer;
display:block;
font-weight:bold;
height:17px;
margin:0;
padding:0;
text-decoration:none;
text-indent:14px;
}

.news_img2{ float:left}
.news_date2{ color:#bdbdbd; margin-left:5px; line-height:20px; height:20px; vertical-align:middle; float:left}
.news_cotent{ color:#faf1c5; clear:both; line-height:140%; width:480px}
.calendar_ab{ position:absolute;}
.calendar_re{ position:relative; top:44px; left:12px; width:162px; height:173px;}
ul.media_c{ width:496px; margin:0 auto}
ul.media_c li{ width:163px; float:left }
ul.media_c li .title_bg{ width:163px; height:27px; background:url(../images/change_back_17.jpg) no-repeat; color:#f4e189; font-size:12px; text-align:center; padding-top:6px}
ul.media_c li .img{ width:138px; height:106px; margin:0 auto; margin-top:4px;}
ul.media_c li .img img{border:2px solid #805D11;}

/*media center*/
.me_center{ clear:both}
.me_center .mid_m{ background:url(../images/demo_03.jpg) repeat-y; overflow:hidden; zoom:1 }


#navigation li.left_list01 {
background:url(../images/li_news.jpg) no-repeat scroll 0 0; width:161px; margin-left:10px; clear:both
}

#navigation li.left_list02 {
background:url(../images/li_guide.jpg) no-repeat scroll 0 0; width:161px;margin-left:10px; clear:both
}
#navigation li.left_list03 {
background:url(../images/li_features.jpg) no-repeat scroll 0 0; width:161px;margin-left:10px; clear:both
}
#navigation li.left_list04 {
background:url(../images/li_media.jpg) no-repeat scroll 0 0; width:161px;margin-left:10px; clear:both
}
#navigation li.left_list05 {
background:url(../images/li_community.jpg) no-repeat scroll 0 0; width:161px;margin-left:10px; clear:both
}
#navigation li.left_list06 {
background:url(../images/Cash_Shop_Gallery.jpg) no-repeat scroll 0 0; width:161px;margin-left:10px; clear:both
}

.left_innerbox {
background:url(../images/middle.jpg) repeat-y;
clear:both;
margin:0 auto;
text-align:center;
width:161px;
min-height:30px;
overflow:hidden;
zoom:1;
clear:both;
}

.left_innerbox li{ color:#855c3b; text-decoration:none;padding-left:10px;  text-align:left;*padding-left:0px; }
.left_innerbox li a{ color:#855c3b; text-decoration:none;padding-left:10px; text-align:left }
.left_innerbox li a:hover{ color:#855c3b; text-decoration:underline; background:url(../images/menu_li.jpg) no-repeat; list-style-position:outside; padding-left:10px; }


#navigation a.head {
background:url(../images/main.jpg) no-repeat 95% center;
color:#000000;
display:block;
font-weight:bold;
height:17px;
*height:19px;
padding-top:10px;
*padding-top:8px;
text-decoration:none;
}

#navigation{ background:url(../images/change_back_15.jpg) repeat-y; width:186px;clear:both; min-height:200px; overflow:hidden; zoom:1;}

#navigation li {
width:161px;
}

#navigation ul {
border-width:0;
margin:0;
padding:0;
text-indent:0;
}

.left_innerbox_btm {
background:transparent url(../images/li_bottm.jpg) no-repeat;
height:9px;
width:161px;
}

.beginner_guide{ margin-top:4px}

.main{ margin:0 10px; margin-bottom:40px}

.sub_main_re{ position:relative; width:182px; margin:0 auto}
.sub_main_ab{ position:absolute; left:412px; top:235px }
/**
  *********************************************
  *                  Index                  *
  *********************************************
**/
.relative{ position:relative; z-index:9}
.popo{ width:23px; height:14px; position:absolute; /*left:123px; top:58px;*/ left:119px; top:73px;z-index:9; border:0}
.popo_index{ width:23px; height:14px; position:absolute; left:123px; top:47px; z-index:9; border:0}

.snow{ position:absolute; left:-180px; top:-20px}