@charset "utf-8";
/* CSS Document */
body{ font-size:12px; margin:0; padding:0; background:#000;}
ul,li{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5{ margin:0; font-size:12px; font-weight:normal;}
img{ border:0;}
form{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#ffbf73;}
a:hover{ text-decoration:none; color:#f60;}
.clr{ clear:both; height:0; overflow:hidden}

.index_bg{ background:url(images/index_bg.jpg) top center;}
.contdiv{ width:980px; margin:0 auto; clear:both}
.index_menu{ background:url(images/index_menu.jpg); height:155px;}
/*mp3*/
.menu{ padding:57px 0 0 248px; clear:both;width:730px}
.menu_mp3{ position:absolute; right:70px; top:65px; width:75px; height:35px;}
/*mp3 end*/
.menu li{ float:left; text-indent:-100000000px}
.menu li a{ background:url(images/menubg.jpg); display:block}
.menu li a#name1{ width:77px; height:46px; margin:0 0 0 63px; background-position:-63px 0;}
.menu li a#name1:hover{background-position:-63px -46px;}
.menu li a#name2{ width:77px; height:46px; margin:0 0 0 46px; background-position:-177px 0;}
.menu li a#name2:hover{background-position:-177px -46px;}
.menu li a#name3{ width:77px; height:46px; margin:0 0 0 44px; background-position:-292px 0;}
.menu li a#name3:hover{background-position:-292px -46px;}
.menu li a#name4{ width:77px; height:46px; margin:0 0 0 30px; background-position:-401px 0;}
.menu li a#name4:hover{background-position:-401px -46px;}
.menu li a#name5{ width:77px; height:46px; margin:0 0 0 37px; background-position:-518px 0;}
.menu li a#name5:hover{background-position:-518px -46px;}


.index_p1{ background:url(images/index_p1.jpg); height:215px; position:relative;}
.index_p1_btn{ position:absolute; top:130px; left:683px; width:267px; height:78px; z-index:10000;}
.index_p1_btn a{ background:url(images/index_btnenter.jpg) left 0; width:267px; height:78px; display:block; text-indent:-100000px;z-index:10000}
.index_p1_btn a:hover{ background-position:left -78px}
.index_p2{ background:url(images/index_p2.jpg); height:78px;}
.index_p3{ background:url(images/index_p3.jpg); height:132px; position:relative;}
.index_p4{ background:url(images/index_p4.jpg); height:221px;}
.index_p5{ background:url(images/index_p5.jpg); height:273px;}

.index_p2div{ position:relative; height:78px; clear:both; z-index:1;}
.index_p2div a{background:url(images/index_btnreg.jpg); width:267px; height:78px; display:block;position:absolute; left:683px; top:0; z-index:10000; text-indent:-100000px}
.index_p2div a:hover{ background-position:left -78px;}

.index_p3a{  position:absolute; left:683px; top:10px; width:131px; height:45px; display:block;text-indent:-100000000px;z-index:10000}
.index_p3a a{ background:url(images/0427-1.jpg); width:131px; height:45px; display:block; }
.index_p3a a:hover{ background-position:0 -45px; }
.index_p3b{  position:absolute; left:818px; top:10px; width:131px; height:45px; display:block;text-indent:-100000000px;z-index:10000}
.index_p3b a{ background:url(images/0427-2.jpg); width:131px; height:45px; display:block; }
.index_p3b a:hover{ background-position:0 -45px; }

.index_xml{ position:absolute;right:30px; top:65px; width:344px; height:217px; border:1px solid #000;}
/*#side: -------------------------------------*/
#demos{ clear:both; height:217px; overflow:hidden; position:relative; z-index:1;width:344px}
.blackBg{position:absolute;width:336px;height:28px;background:#000;z-index:50;bottom:-1px;filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60;}
.demosnav{ position:absolute;bottom:16px;right:15px; z-index:100;}
.demosnav a{ font-size:11px; font-weight:700;  color:#1d1b1c; background:#918d8c; width:14px; height:14px; text-align:center; line-height:14px; margin:0 2px; display:block; float:left; font-family:Verdana, Geneva, sans-serif}
.demosnav a:hover{ background:#918d8c; color:#1c1c1c; border-color:#1d1b1c;font-family:Verdana, Geneva, sans-serif}
.demosnav #nav a.activeSlide{background:#575757; color:#c1c1c1; border-color:#575757;}

.index_videobg{ background:url(images/index_videobg.jpg); width:267px; height:221px; float:right; margin:0 30px 0 0;_margin-right:15px;}
.index_videoflash{ width:243px; height:133px; margin:75px 0 0 11px; background:blue;}
.index_wallpaper{ background:url(images/index_wallpaper.jpg); width:380px; height:350px; position:absolute; top:0; right:30px;}
.index_wallpaper_bg{ width:357px; height:271px; background:red; margin:65px 0 0 10px;}

/*pagesvidow*/
.pages_videobg{ background:url(images/pagesvideo_bg.jpg) top center no-repeat #000;}
.pages_video_menu{ background:url(images/pagesvideo_menu.jpg); height:159px;}
.pages_video_p1{ background:url(images/pagesvideo_p1.jpg); height:192px;}
.pages_video_videobg{ background:url(images/pagesvideo_videobg.jpg); height:567px; overflow:hidden}

.pages_video_title{ background:url(images/pagesvideo_title.jpg); height:75px;}
.pages_video_flash{ width:638px; height:359px; margin:38px 0 0 176px; background:blue;}
.pages_video_fbtm{ clear:both; padding:30px 0 0 164px;}
.pages_video_fbtm li{ float:left; background:url(images/video_border.jpg); width:154px; height:109px; margin:0 15px 15px 0;}
.pages_video_fbtm li img{ margin:9px 0 0 6px;}

/*features*/
.features_bg{ background:url(images/features_bg.jpg) top center no-repeat #000}
.features_menu{ background:url(images/features_menu.jpg); height:158px;}
.features_p1{ background:url(images/features_p1.jpg); height:222px;}
.features_p2{ background:url(images/features_bg2.jpg) top no-repeat #000;}
.features_p2 img{ clear:both; margin:0 0 20px 224px;}

/*gamestart*/
.gamestart_bg{ background:url(images/gamestart_bg.jpg) no-repeat top center #000;}
.gamestart_menu{ background:url(images/gamestart_menu.jpg); height:161px;}
.gamestart_p1{ background:url(images/gamestart_p1.jpg); height:205px}
.gamestart_p2{ background:url(images/gamestart_p2.jpg); height:414px;}
.gamestart_p2 ul{ clear:both;  height:365px; width:486px; margin-left:248px;}
.gamestart_p2 ul li a,.gamestart_p2 ul{background:url(images/gamestart_btn1.jpg);}
.gamestart_p2 ul li a#g1{ width:486px; height:78px; margin-bottom:12px; display:block;}
.gamestart_p2 ul li a#g1:hover{ background-position:0 -365px;}
.gamestart_p2 ul li a#g2{ width:486px; height:78px; margin-bottom:12px; display:block; background-position:0 -90px;}
.gamestart_p2 ul li a#g2:hover{ background-position:0 -455px;}
.gamestart_p2 ul li a#g3{ width:486px; height:78px; margin-bottom:12px; display:block; background-position:0 -179px;}
.gamestart_p2 ul li a#g3:hover{ background-position:0 -544px;}
.gamestart_p2 ul li a#g4{ width:486px; height:78px; margin-bottom:12px; display:block; background-position:0 -270px;}
.gamestart_p2 ul li a#g4:hover{ background-position:0 -635px;}
.gamestart_p3{ background:url(images/gamestart_p3.jpg); height:227px; overflow:hidden}
.gamestart_p3 a{ width:486px; height:79px; display:block; margin:54px 0 0 248px; background:url(images/gamestart_btn2.jpg);}
.gamestart_p3 a:hover{ background-position:0 -79px;}

/*pages_wallpaper_a*/
.pages_video_fbtm li a{ margin:9px 0 0 6px; width:139px; height:91px; display:block}
.pages_video_fbtm li a#wall1{ background:url(images/pages_wallpaper1.jpg);}
.pages_video_fbtm li a#wall1:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall2{ background:url(images/pages_wallpaper2.jpg);}
.pages_video_fbtm li a#wall2:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall3{ background:url(images/pages_wallpaper3.jpg);}
.pages_video_fbtm li a#wall3:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall4{ background:url(images/pages_wallpaper4.jpg);}
.pages_video_fbtm li a#wall4:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall5{ background:url(images/pages_wallpaper5.jpg);}
.pages_video_fbtm li a#wall5:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall6{ background:url(images/pages_wallpaper6.jpg);}
.pages_video_fbtm li a#wall6:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall7{ background:url(images/pages_wallpaper7.jpg);}
.pages_video_fbtm li a#wall7:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall8{ background:url(images/pages_wallpaper8.jpg);}
.pages_video_fbtm li a#wall8:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall9{ background:url(images/pages_wallpaper9.jpg);}
.pages_video_fbtm li a#wall9:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall10{ background:url(images/pages_wallpaper10.jpg);}
.pages_video_fbtm li a#wall10:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall11{ background:url(images/pages_wallpaper11.jpg);}
.pages_video_fbtm li a#wall11:hover{ background-position:0 -91px}
.pages_video_fbtm li a#wall12{ background:url(images/pages_wallpaper12.jpg);}
.pages_video_fbtm li a#wall12:hover{ background-position:0 -91px}

/*video*/
.pages_video_fbtm li a#v1{ background:url(images/v1.jpg);}
.pages_video_fbtm li a#v1:hover{ background-position:0 -91px}
.pages_video_fbtm li a#v2{ background:url(images/v2.jpg);}
.pages_video_fbtm li a#v2:hover{ background-position:0 -91px}
.pages_video_fbtm li a#v3{ background:url(images/v3.jpg);}
.pages_video_fbtm li a#v3:hover{ background-position:0 -91px}
.pages_video_fbtm li a#v4{ background:url(images/v4.jpg);}
.pages_video_fbtm li a#v4:hover{ background-position:0 -91px}
.pages_video_fbtm li a#v5{ background:url(images/v5.jpg);}
.pages_video_fbtm li a#v5:hover{ background:url(images/v5h.jpg);}
.pages_video_fbtm li a#v6{ background:url(images/v6.jpg);}
.pages_video_fbtm li a#v6:hover{ background:url(images/v6h.jpg);}
.pages_video_fbtm li a#v7{ background:url(images/v7.jpg);}
.pages_video_fbtm li a#v7:hover{ background:url(images/v7h.jpg);}
.pages_video_fbtm li a#v8{ background:url(images/v8.jpg);}
.pages_video_fbtm li a#v8:hover{ background:url(images/v8h.jpg);}
.pages_video_fbtm li a#v9{ background:url(images/v9.jpg);}
.pages_video_fbtm li a#v9:hover{ background:url(images/v9h.jpg);}
.pages_video_fbtm li a#v10{ background:url(images/v10.jpg);}
.pages_video_fbtm li a#v10:hover{ background:url(images/v10h.jpg);}
.pages_video_fbtm li a#v11{ background:url(images/v11.jpg);}
.pages_video_fbtm li a#v11:hover{ background:url(images/v11h.jpg);}

.footer{ background:url(images/footer.jpg); height:87px; clear:both;}