html, body, div, h1, h2, h3, h4, h5, h6, p,dl, dt, dd, ol, ul, li,fieldset, form, label,input,legend,table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal}
ul,ol{list-style:none;}
img{border:0 none; _height:auto!important;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:""; content:none;}
table {border-collapse:collapse;border-spacing:0;}
strong,em,i{ font-style:normal; font-weight:normal}

body{ font-family:"Microsoft YaHei","Apple LiGothic Medium";background:#222222}
html,body{height:100%; overflow:hidden;}
a{ font-family:"Microsoft YaHei","Apple LiGothic Medium";text-decoration:none;}
a:hover{font-family:"Microsoft YaHei","Apple LiGothic Medium"; text-decoration:underline; }
.hide{ position:absolute; left:-9999px;}


.wrapper{position:relative; overflow:hidden; height:100%;min-width:960px;}
.header{ z-index:10000;left:0; top:0; width:100%; height:60px; min-width:960px;background: transparent url("/vip/images/ow/head-bg.png") no-repeat top center;}
.header .wrap{ height:60px; position:relative}
.top_nav{ position:absolute; right:290px; top:0;}
.top_nav li{ float:left; line-height:34px; margin-left:10px; margin-top:13px;}

a.btn3,a.btn1:hover{
	 color:#333;
	 text-align:center;
	 height: 34px;  width: 98px;
	 text-decoration:none;
	 display: block;
     background-image: url(/vip/images/ow/part1-btns_03.png);
	 background-repeat: no-repeat;}
a.btn1{ 
	 color:#fff;  
	 text-align:center;
	 height: 34px;  width: 98px;
	 display: block;
     background-image: url(/vip/images/ow/part1-btns_05.png);
	 background-repeat: no-repeat;}
	 

a.btn2:hover{
	 color:#333;
	 line-height:70px;
	 text-align:center;
	 height: 70px;  width: 180px;
	 text-decoration:none;
	 display: block;
     background-image: url(/vip/images/ow/btn2-hover.png);
	 background-repeat: no-repeat;}
a.btn2{ 
	 color:#fff;  
	 line-height:70px;
	 text-align:center;
	 height: 70px;  width: 180px;
	 display: block;
     background-image: url(/vip/images/ow/btn2.png);
	 background-repeat: no-repeat;}
	 

a.b_s_2:hover{
	background-image: url(/vip/images/ow/btn2-hover-2.png);
	color:#fce73a;
}

a.b_s_2{
	
	background-image: url(/vip/images/ow/btn2-2.png);
	color:#d05800;
}


.scroll_box{ position:absolute; left:0; top:0; width:100%; height:100%;}


.ct{
	width:100%; height:100%;
}
	 
.part-img{
	max-height: 100%;
	max-width: 100%;
	_height: 100%;
	border:0 none;
	display:block;
	margin: auto auto auto auto;
}
.ct .btn2{
	position: absolute;
	font-size: 24px;
	left:45%;
	bottom:18%;
}
.part1_area{ position:absolute; left:0; top:0; z-index:100; width:100%; height:100%;background-color: #784412;}
.part1_area  .ct .btn2{
	
}

.part2_area{position:absolute; left:0; top:100%; z-index:100; width:100%; height:100%;background-color: #1C7BB8;}
.part2_area  .ct .btn2{
	
}

.part3_area{ position:absolute;width:100%;  left:0; top:100%; z-index:100;height:100%;background-color: #872020;}
.part3_area  .ct .btn2{
	bottom:15%;
}
.part4_area{position:absolute;width:100%;  left:0; top:100%; z-index:100; height:100%;background-color: #A850DB;}
.part4_area  .ct .btn2{
	bottom:17%;
}
.part5_area{position:absolute;width:100%;  left:0; top:100%; z-index:100; height:100%;background-color: #FCE739;}
.part5_area  .ct .btn2{
	bottom:17%;
}
.part6_area{position:absolute;width:100%;  left:0; top:100%; z-index:100; height:100%;background-color: #221700;}
.part6_area  .ct .btn2{
	bottom:18%;
}

.part7_area{position:absolute;width:100%;  left:0; top:100%; z-index:100; height:100%;background-color: #EBDED0;}
.part7_area  .ct .btn2{
	bottom:18%;
}

.side_nav{ z-index:1000; position:absolute; right:22px; top:30%; color:#A4BDCA;h}


.right-nav {
  float:left;
  list-style: none outside none;
  color: #fff;
  height: 300px;
  z-index:3000;
}
#li1 {
  top: 40px;
}
 #li2 {
  top: 80px;
}
#li3 {
  top: 120px;
}
#li4 {
  top: 160px;
}
 #li5 {
  top: 200px;
}
 #li6 {
  top: 240px;
}

 #li7 {
  top: 280px;
}
.right-nav li {
  display: block;
  border: 1px solid #fff;
  max-width: 8px;
  height: 30px;
  overflow: hidden;
  opacity: 0.6;
  transition: all 0.2s 0 linear;
  text-align: center;
  position: absolute;
  right: 0;
 
}
.right-nav li a {
  display: inline-block;
  width: 100px;
  line-height: 30px;
  color: transparent;
  text-decoration: none;
  !important;color:#fff;
}
.right-nav li.active {
  background-color: #fff;
}


.right-nav li:hover {
  max-width: 100px;
  opacity: 1;
  border: 0;
}
.right-nav li:hover a {
  color: #fff;
}
.right-nav li.red:hover {
  background-color: #b92f2f;
}
.right-nav li.bule:hover{
  background-color: #1A5AA5;
}
.right-nav li.gold:hover {
  background-color: #c88a1d;
}
.right-nav li.purple:hover {
  background-color: #a8349f;
}
.right-nav li.blue:hover {
  background-color: #469ab3;
}
.right-nav li.brown:hover {
  background-color: #592312;
}
.right-nav li.silver:hover {
  background-color: #CDCAB5;
}
.right-nav li.black:hover {
  background-color: #222222;
}


.tip-show{
	width: 434px;
	height: 326px;
	position: absolute;
	left: 50%;
	top:30%;
	z-index: 90000;
	margin-left: -217px;
	text-algin:center;
}

.hide{
	display: none;
}

#tip_close_bt{
	
	 position: absolute;
	 height: 15px;  
	 width: 15px;
	 display: block;
	 right: 28px;
	 top: 15px;
     background-image: url(/vip/images/ow/close.png);
	 background-repeat: no-repeat;
	
}

#userinfo-bar{
	position:absolute; right:23px; 
	text-align: left;
	width:250px;
}

#userinfo-bar p{
	color:#ffffff;
	line-height: 58px;
}