/* CSS Document */

html, body{

/*background:url(/common/img/bg_body_wide_system.jpg) #FFF no-repeat top center;*/
}

#system{
background:url(/common/img/bg_body_wide_system.jpg) #FFF no-repeat top center;
}

#system #container{
background:url(/common/img/bg_body_wide_system.jpg) no-repeat left 50px ;
height:550px;
overflow:hidden;
position:relative;
}



#system #container a{
color:#110001;
}

#system #container a:hover{
text-decoration:underline;
}



h2{
background:url(/system/img/title.gif) no-repeat;
}

#system #main_con{
width:800px;
height:500px;
overflow-y:hidden;
position:relative;
}


/*PRICE*/

#system #main_con #price{
width:730px;
height:500px;
top:10px;
left:30px;
position:absolute;
background:url(/common/img/white.png) repeat;
}


#system #main_con #access{
width:730px;
height:450px;
background:url(/common/img/white.png) repeat;
padding-top:10px;
}
#system #main_con #access h3{
text-indent:-10000px;
background:url(/system/img/title_access.gif) no-repeat;
width:120px;
height:25px;
margin-left:10px;
}

#system #main_con #access h4{
width:700px;
height:378px;
margin-left:10px;
}

#system #main_con #access h5{
width:700px;
height:40px;
font-size:12px;
font-weight:normal;
text-align:right;
}


/*MOBILE*/


#system #main_con #mobile{
width:360px;
height:220px;
background:url(/common/img/white.png) repeat;
padding-top:10px;
float:left;
}
#system #main_con #mobile h3{
text-indent:-10000px;
background:url(/system/img/title_mb.gif) no-repeat;
width:150px;
height:25px;
margin-left:10px;
}

#system #main_con #mobile .qr{
margin-left:10px;
float:left;
}


#system #main_con #mobile h4{
width:260px;
height:40px;
font-size:12px;
font-weight:normal;
text-align:left;
float:right;
margin-right:10px;
}
#system #main_con #mobile img{
width:66px;
height:66px;
}


/*MOBILE2*/

#system #main_con #mobile2{
width:730px;
height:300px;
background:url(/common/img/white.png) repeat;
padding-top:10px;
}
#system #main_con #mobile2 h3{
text-indent:-10000px;
background:url(/system/img/title_mb.gif) no-repeat;
width:150px;
height:25px;
}

#system #main_con #mobile2 h4{
width:600px;
height:40px;
font-size:12px;
font-weight:normal;
text-align:left;
}
#system #main_con #mobile2 img{
width:66px;
height:66px;
}



/*MM*/

#system #main_con #mm{
width:360px;
height:220px;
background:url(/common/img/white.png) repeat;
padding-top:10px;
margin-left:10px;
float:left;
}
#system #main_con #mm h3{
text-indent:-10000px;
background:url(/system/img/title_mm.gif) no-repeat;
width:150px;
height:25px;
margin-left:10px;
}

#system #main_con #mm .qr {
margin-left:10px;
float:left;
}

#system #main_con #mm h4{
width:260px;
height:40px;
font-size:12px;
font-weight:normal;
text-align:left;
float:right;
margin-right:10px;
}
#system #main_con #mm img{
width:66px;
height:66px;
}



/*MM 2*/

#system #main_con #mm2{
width:730px;
height:300px;
background:url(/common/img/white.png) repeat;
}

#system #main_con #mm2 h3{
text-indent:-10000px;
background:url(/system/img/title_mm.gif) no-repeat;
width:150px;
height:25px;
}

#system #main_con #mm2 h4{
width:500px;
height:40px;
font-size:12px;
font-weight:normal;
text-align:left;
}
#system #main_con #mm2 img{
width:66px;
height:66px;
}

/*DATA*/

#system #main_con #data{
width:730px;
text-align: left;
left: 30px;
position: absolute;
top: 10px;
text-align:left;
font-size:12px;
line-height:130%;
height: 500px;
}

#system #main_con #data #exp10{
background: url("/common/img/white.png") repeat scroll 0 0 transparent;
}