@charset "UTF-8";

/*STAGES*/

.stages #content-body{

}

.stages #base{
background-image:url("img/img_base_stages.png");
background-position:center top;
background-repeat:no-repeat;
margin:0 auto 0;
}



/*-------------*/

.stages #contentstab_bg{
min-width:1000px;
height:93px;
margin:0px auto -115px;
padding:130px 0 0;
background-image:url("img/img_tabbg.png");
background-position:center bottom;
background-repeat:no-repeat;
}

.stages #contentstab{
width:900px;
height:93px;
margin:0px auto 0px;
padding: 0 50px 0;
}

/*-------------*/

.stages #contentstab li{
float:left;
list-style-type:none;
margin-left:0px;

}

.stages #tabbox li.active img{ 
border:solid 1px #f00;
margin:-1px -1px 0px;
width:140px;
}


.stages #tabbox{
width:900px;
padding:25px 0px 70px 0px;
margin:0 auto 0;
}

.stages #tabbox li img{
float:left;
list-style-type:none;
width:140px;
}


.stages .exp{
font-size:120%;
font-weight:600;
margin-bottom:10px;
}

.stages .second{
width:438px;
float:left;
margin-top:10px;
}

.stages .second img{
margin-bottom:10px;
}
.stages .second.right{
margin-left:20px;
}

.stages .red{
color:red;
}

.stages span.block{
display:block;
}


/*STAGES_end*/

.stages #tabbox { margin: 0 auto; width: 900px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #fff; position: relative;}
.stages #tabbox div { width: 1000px; height: 1000px;  position: relative; background-repeat: no-repeat;}
.stages #tabbox div div { top: 20px; left: 0; position: absolute;}
.stages #tabbox div div span.block{display:block;}

.stages #tabbox #tab { width: 1000px; position: relative; 10px; height: 118px; list-style: none;margin:auto;}
.stages #tabbox #tab ul { list-style:none; }
.stages #tabbox #tab li { float:left; margin-left:10px; margin-bottom:5px;}

.stages #tabbox li.on_border img{ border:solid 1px #f00;margin:-1px -1px 0px;}