@charset "utf-8";
/* CSS Document */
body {font-size: 14px;font-family: " ";background-color: #000;color: #8a8a8a;}
html {min-height: 101%;}
* {margin: 0;padding: 0;}
img {vertical-align: middle;border: 0;}
.clear {clear: both;height: 0px;font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;}
a:active, a:focus {outline: none;}
a {color: #8a8a8a;text-decoration: none;
hide-focus: expression(this.hideFocus=true);outline: none;}
a:hover {color: #000;}
.conter, .header {width: 1000px;margin: 0 auto;}
.curren2 {width: 1000px;margin: 0 auto;}
html {overflow-x: hidden;overflow-y: auto;}
.pa{ position:absolute}
/*End*/
.pfck{ position: fixed; right:10px; bottom:120px; z-index:3;}
.pfck ul{ list-style:none;}

.chromeframe{background:#fff9d4;color:#000;padding:10px 0;text-align:center;width:100%;border-bottom:1px solid #000;}
.chromeframe a{color:#F13C35;}

/**/
@-webkit-keyframes shake{
  0%,100%{-webkit-transform:translate3d(0,0,0);}
  10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);}
  20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);}
}
@keyframes shake{
  0%,100%{transform:translate3d(0,0,0);}
  30%,50%,70%{transform:translate3d(-10px,0,0);}
  40%,60%{transform:translate3d(10px,0,0);}
}


.wrap {margin: 0 auto;min-width: 1000px;max-width: 1920px;position: relative;overflow: hidden}
/**/
@-webkit-keyframes rainDrop{0%{background-position:0 0;}100%{background-position:-1300px 1035px;}}
@-moz-keyframes rainDrop{0%{background-position:0 0;}100%{background-position:-1300px 1035px;}}
.rain{position: absolute; z-index:2; width:100%; height:100%;}
.rain{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:url(../arqvs/images/rain.html) 0 0;opacity:.2;
-webkit-animation-name:rainDrop;animation-name:rainDrop;
-webkit-animation-timing-function:linear;animation-timing-function:linear;
-webkit-animation-duration:1.2s;animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
}


/**/
.page-1 .container {position: relative;width: 100%;height: 1000px;overflow: hidden}
.page-1 .arrow {position: absolute;left: 50%;top: 820px;margin-left: -44px;width: 88px;height: 26px;-webkit-animation: fadeInDown 2s 0s infinite both;animation: fadeInDown 2s 0s infinite both}
.page-1 .frame {position: absolute;left: 50%;top: 0;margin-left: -960px;width: 1920px;height: 1079px;}
.page-1 .frame div, .page-1 .frame a {position: absolute}
.page-1 .frame .bg {left: -3%;top: -3%;width: 105%;height: 105%;background: url(../arqvs/images/screen_bg.png) 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover}
.page-1 .frame .layer {left: 0;top: 0;width: 100%;height: 100%;z-index: 1}
.page-1 .frame .character {left: 0; top: 0;width: 1920px;height:1079px;background: url(../arqvs/images/SM.png)}
.page-1 .frame .character {-webkit-transform: translate(1000px, 0px);-moz-transform: translate(1000px, 0px);-ms-transform: translate(1000px, 0px);-o-transform: translate(1000px, 0px);transform: translate(1000px, 0px);opacity: .5}
.page-1 .frame.animated .character {-webkit-transition: all .2s 0.8s;-moz-transition: all .2s 0.8s;-ms-transition: all .2s 0.8s;-o-transition: all .2s 0.8s;transition: all .2s 0.8s}
.page-1 .frame .character_left {left:0px; top:0px; width:1920px; height: 1079px;background: url(../arqvs/images/BK.png)}
.page-1 .frame .character_left {-webkit-transform: translate(-1000px, 0px);-moz-transform: translate(-1000px, 0px);-ms-transform: translate(-1000px, 0px);-o-transform: translate(-1000px, 0px);transform: translate(-1000px, 0px);opacity: .5}
.page-1 .frame.animated .character_left {-webkit-transition: all .2s 0.8s;-moz-transition: all .2s 0.8s;-ms-transition: all .2s 0.8s;-o-transition: all .2s 0.8s;transition: all .2s 0.8s}
.page-1 .frame .character_top {left:0px; top:0px; width:1920px; height: 1079px;background: url(../arqvs/images/MG.png)}
.page-1 .frame .character_top {-webkit-transform: translate(-1000px, 0px);-moz-transform: translate(-1000px, 0px);-ms-transform: translate(-1000px, 0px);-o-transform: translate(-1000px, 0px);transform: translate(-1000px, 0px);opacity: .5}
.page-1 .frame.animated .character_top {-webkit-transition: all .2s 0.8s;-moz-transition: all .2s 0.8s;-ms-transition: all .2s 0.8s;-o-transition: all .2s 0.8s;transition: all .2s 0.8s}

.page-1 .frame .boss {left: 0px;top: 0px;width: 1920px;height: 1079px;background: url(../arqvs/images/stone_1.png)}
.page-1 .frame .boss {-webkit-transform: translate(-40px, -10px);-moz-transform: translate(-40px, -10px);-ms-transform: translate(-40px, -10px);-o-transform: translate(-40px, -10px);transform: translate(-40px, -10px);opacity: 0}
.page-1 .frame.animated .boss {-webkit-transition: all .4s .8s;-moz-transition: all .4s .8s;-ms-transition: all .4s .8s;-o-transition: all .4s .8s;transition: all .4s .8s}

.page-1 .frame .stone {left: 0px;top: 0px;width: 1920px;height: 1079px;background: url(../arqvs/images/LANCER.png)}
.page-1 .frame .stone {-webkit-transform: translate(40px, -10px);-moz-transform: translate(40px, -10px);-ms-transform: translate(40px, -10px);-o-transform: translate(40px, -10px);transform: translate(40px, -10px);opacity: 0}
.page-1 .frame.animated .stone {-webkit-transition: all .4s .8s;-moz-transition: all .4s .8s;-ms-transition: all .4s .8s;-o-transition: all .4s .8s;transition: all .4s .8s}

.page-1 .frame .btn_1{ top:560px; left:876px;display: block;} 
.page-1 .frame .btn_2{ top:714px; left:564px;display: block;}
.page-1 .frame .btn_3{ top:714px; left:824px;display: block;}
.page-1 .frame .btn_4{ top:714px; left:1084px;display: block;}
.page-1 .frame .btn-book {-webkit-transform: translate(-1300px, 230px);-moz-transform: translate(-1300px, 230px);-ms-transform: translate(-1300px, 230px);-o-transform: translate(-1300px, 230px);transform: translate(-1300px, 230px)}
.page-1 .frame.animated .btn-book {-webkit-transition: all .3s 0.5s;-moz-transition: all .3s 0.5s;-ms-transition: all .3s 0.5s;-o-transition: all .3s 0.5s;transition: all .3s 0.5s;-webkit-transform: translate3d(0px, 0, 10px);-moz-transform: translate3d(0px, 0, 10px);-ms-transform: translate3d(0px, 0, 10px);-o-transform: translate3d(0px, 0, 10px);transform: translate3d(0px, 0, 10px)}

/**/
.page-1 .frame.animated {-webkit-animation: shake .2s .7s 2 both;animation: shake .2s .7s 2 both}
.page-1 .frame.animated div, .page-1 .frame.animated a {-webkit-transform: translate(0px, 0);-moz-transform: translate(0px, 0);-ms-transform: translate(0px, 0);-o-transform: translate(0px, 0);transform: translate(0px, 0);opacity: 1}


#tophome{ position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:230px; z-index:5}
#topcontainer{ width:1200px; margin:auto; position:relative; height:230px}
.top_bg{ position:absolute; top:0; left:0; width:1920px; height:80px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#topcontainer .btn_link{ top:28px; left:25px; color:#fff; font-size:16px; font-family:Tahoma}
#topcontainer .btn_1{ top:21px; left:107px; width:200px; height:35px;}
#topcontainer .btn_1 a{ float:left; margin-right:14px;}
#topcontainer .logo{ top:0; left:389px;}
#topcontainer .link1{ top:30px; left:1020px; color:#fff; font-size:16px; font-family:Tahoma; background:url(../arqvs/images/jt_btn.png) 0 4px no-repeat; padding-left:17px; text-decoration:underline; cursor:pointer}
#topcontainer .link2{ top:30px; left:1130px; color:#fff; font-size:16px; font-family:Tahoma; text-decoration:underline}



#home{ min-width:1200px; _width:1200px;background:url(../arqvs/images/index_bg.jpg) no-repeat center top;}
#container{ width:1200px; margin:auto; position:relative; height:1750px; position:relative}

.bg_1{ top:0; left:0; width:1200px; height:445px; background:url(../arqvs/images/index_01.png) no-repeat}
.bg_2{ top:445px; left:0; width:1200px; height:422px; background:url(../arqvs/images/index_02.jpg) no-repeat}
.bg_3{ top:867px; left:0; width:1200px; height:454px; background:url(../arqvs/images/index_03.jpg) no-repeat}
.bg_4{ top:1321px; left:0; width:1200px; height:429px; background:url(../arqvs/images/index_04.jpg) no-repeat;}

.rw_1{ top:25px; left:-19px;}
.rw_2{ top:293px; left:504px;}
.title_1{ top:60px; left:589px;}
.con_1{ top:140px; left:600px; width:545px; height:225px; color:#fff; text-shadow: 0 0 6px orange; font-family:Tahoma; font-size:12px; line-height:30px;}
.con_2{ top:470px; left:107px; width:610px; height:310px; color:#fff; text-shadow: 0 0 11px orange; font-family:Tahoma; font-size:17px; line-height:30px;}
.title_2{ top:950px; left:400px; font-family:Tahoma; font-size:25px; color:#fff; text-shadow: 0 0 10px orange; line-height:36px;}
.facebook{ top:960px; left:830px; background:url(../arqvs/images/title_2.png) no-repeat; padding-left:30px; color:#6d97ff; font-size:15px; font-family:Tahoma; line-height:35px; font-weight:bold;}
.facebook:hover{ color:#6d97ff}

.lunbo{ position:absolute; top:1000px; left:141px; width:922px; height:610px; overflow:hidden}
.lunbo .wrap,.lunbo .wrap A,.lunbo .wrap A img { WIDTH: 922px; DISPLAY: block; HEIGHT:554px; OVERFLOW: hidden}
.lunbo .wrap { Z-INDEX: 0; POSITION: absolute; TOP: 0px; LEFT: 0px}
.lunbo .tabs { Z-INDEX: 100; POSITION: absolute; LINE-HEIGHT: 0; WIDTH: 235px; top: 577px; HEIGHT: 17px; left:386px;}
.lunbo .tabs A { WIDTH:10px; DISPLAY: block; background:url(arqvs/images/lb_btn1.png); FLOAT: left; HEIGHT: 10px; CURSOR: pointer; MARGIN-RIGHT:17px; TEXT-DECORATION: none; z-index:100; overflow:hidden}
.lunbo .tabs A.active,.lunbo .tabs A:hover { background:url(arqvs/images/lb_btn2.png); width:10px; height:10px;}
#class-show .prev{ position:absolute; top:0; left:0; width:461px; height:554px; background:url(../arqvs/images/jt_left.png) 47px 265px no-repeat; cursor:pointer}
#class-show .next{ position:absolute; top:0; right:0; width:461px; height:554px; background:url(../arqvs/images/jt_right.png) 396px 265px no-repeat; cursor:pointer}


#footer{ min-width:1100px _width:1100px;background:#321a1e}
#footner{ width:1100px; margin:auto; position:relative; height:72px}
#footer img{ position:absolute; top:25px; left:166px;}
#footer span{ position:absolute; top:32px; left:447px; color:#fff; text-shadow: 0 0 10px orange; font-size:15px; font-family:Tahoma}


/**/
#dialog-overlay {width:100%;height:100%;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;position:absolute;background:#000;top:0; left:0;z-index:500;display:none;}
.alertBox {width:922px; height:480px; position:fixed; _position:absolute; z-index:1000; display:none; top:50%; left:50%; margin:-240px 0 0 -461px;padding:40px 0 0 10px;_top:expression(documentElement.scrollTop + 300 + "px");}
.close {width:68px; height:68px;cursor:pointer; position:absolute;text-indent:-9999px; top:0px; right:0; background:url(../arqvs/images/close.jpg) no-repeat; }
.alertCon { position:relative;}



.floRt{position:fixed; width:36px; cursor:pointer; height:205px; top:330px; right:80px; z-index:980; }
*html .floRt{_position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');}
.floRt .actB{ display: none;}
.floRt a{ display: block; width: 100%; cursor: pointer;	height: 162px; position: absolute; left: 0;	z-index: 1;	top: 0;	background: #653E23; opacity: 0; filter:alpha(opacity=0); background:#0000ff}
.floRt a.lin2,.floRt a.lin3{ height: 50px;}
.floRt img.df{ display: block;}
.floRt a.lin2{ top: 80px; background:#0000ff }
.floRt a.lin3{ top: 159px; }

.bgzhe{ position:fixed !important; position:absolute; width:100%; height:100%; z-index:888;}
.tc{ position:absolute; top:80px; left:1180px; width:197px; height:1000px; z-index:9999; display:none}
.tc .tc_bg{ background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; top:0; left:0; width:197px; height:100%; z-index:0}
.tc .dq{ position:absolute; top:20px; left:40px; line-height:40px; height:40px; font-family:Tahoma; font-size:16px; color:#488bf4; font-weight:bold}
.tc .choose{ position:absolute; top:60px; left:27px; width:130px; padding:20px 0 20px 16px; border:1px solid #4c4c4c; border-left:none; border-right:none;}
.tc .choose a{ color:#fff; font-size:16px; line-height:30px;}