@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}
.img_style
{
	cursor: pointer;
	width: 90%;	
	margin: 5%;
}
#body_div
{
	position:relative;
	width: 980px;
	height: 645px;
	overflow: hidden;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
#bg{width:100%;}
#tb_div
{
	width: 800px;
	height: 480px;
	float: left;
	overflow: hidden;
	position: relative;
	top: 2%;
	left: 0.6%;
}

#ok_div
{
	width: 120px;
	height: 30px;
	float: left;
	
}

#cancel_div
{
	width: 120px;
	height: 30px;
	float: left;
}


#title_div
{
	position: absolute;
	z-index: 3;
	width: 980px;
	height: 645px;
}

#start_div
{
	position: absolute;
	z-index: 5;
	width: 980px;
	height: 645px;
}

#hint_vo
{
	position: absolute;
	z-index: 2;
	width: 34px;
	height: 50px;
	top: 77px;
	left: 25px;
}

#coverbody
{position:absolute; z-index:11; width: 1px; height: 1px; background-color:#FFF; opacity:0;}

#btn_ok
{position: absolute;z-index: 10;width: auto;height: auto;left: 362px;top: 330px;}

#btn_no
{position: absolute;z-index: 10;width: auto;height: auto;left: 508px;top: 329px;}

#content-inner {
	 position:absolute; 
	 z-index:1; 
	 width: 980px;
	 height: 645px;
}
#start_btn{
	float: left;
	
	
}
#content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}

#tb_div_inner {
	width: 100%;
	height: 100%;
}

#tb_div_inner-1,
#tb_div_inner-2 {
	width: 85%;
	height: 50%;
	overflow: hidden;
	margin: 0 auto;
}

#tb_div_inner-1 div,
#tb_div_inner-2 div {
	float: left;
}

#tb_div_inner-1-1,
#tb_div_inner-2-1 {
	margin-left: 2%;
}

#tb_div_inner-1-2,
#tb_div_inner-1-3,
#tb_div_inner-2-3,
#tb_div_inner-2-2 {
	margin-left: 10%;
}

#tb_div_inner-1 img,
#tb_div_inner-2 img {
	width: 90%;
}



@media screen and (max-width: 980px) {
	
#tb_div_inner-2-2 {
	margin-left: 8%;
}
#body_div
{
	width: 100%;
	height: 100%;
	position:relative;
	
}

#content-inner {
	left: 0;
	top: 0;
	width:100%;
	height:100%;
}
#content{
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
#start_div{
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#start_btn{
	top:0;
	left:0;
	width:100%;
	height:100%;
	float: none;
}
#start_btn a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 20%;
	display: block;
	
}
#start_btn a img{
	position: absolute;
	top: 35%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	display: block;
	
}
#title_div{
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#title_div img{
	width:100%;
	
}
#tb_div{
	position: absolute;
	top: 15.5%;
	left: 11.6%;
	width: 82%;
	height: 77%;
}
#tb_div td{
	width:30%;
	
	
}
#ok_div
{
	width: 120px;
	height: 30px;
	float: left;

	
}
#hint_vo{
	width: 34px;
	height: 50px;
	top: 13%;
	left: 2%;
}
#hint_vo img{
	width: 100%;
	
}

#tb_div_inner-1 div, 
#tb_div_inner-2 div {
	width: 25%;
}

.img_style {
	height: auto;
}
	
}

#start_div,
#title_div {
	display: ;
}