@charset "utf-8";
html{ 
background: url(../images/bg04.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.antiscroll-scrollbar{
width:5px;
}
#ch_area{
padding:25px 33px 0 33px;
}
.character_content{
with:100%;
position:relative;
z-index:1001;
}

#ch1,#ch2,#ch3{
width:885px;
height:550px;
margin:0 auto;
border-radius:20px;
}
#ch1{
background:url(../images/ch1.png);
background-size: 100% 100%;
}
#ch2{
background:url(../images/ch2.png);
background-size: 100% 100%;
}
#ch3{
background:url(../images/ch3.png);
background-size: 100% 100%;
}
.ch_content{
margin:0 auto;
width:886px;
height:549px;
overflow: hidden;
}
.ch_container{
width:886px;
height:550px;
float:left;
overflow: hidden;
border-radius:20px;
}
.ch_scroll{
width:886px;
height:1650px;
position:relative;
}
.ch_menu{
width:825px;
height:100px;
margin:10px auto;
}
.menu_1,.menu_2,.menu_3{
height:75px;
width:275px;
float:left;
cursor:pointer;
}
.menuicon_1{
background:url(../images/cht01.png);
background-size: 100% 100%;
width:89px;
height:75px;
float:left;
}
.menuicon_2{
background:url(../images/cht02.png);
background-size: 100% 100%;
width:79px;
height:75px;
float:left;
}
.menuicon_3{
background:url(../images/cht03.png);
background-size: 100% 100%;
width:76px;
height:75px;
float:left;
}
.menuicon_1 div,.menuicon_2 div,.menuicon_3 div{
height:59px;
width: 200px;
background:#fff;
border-radius:20px;
float:left;
position:absolute;
z-index:-1;
margin-left:50px;
margin-top:10px;
color: #61ACA0;
font-size:20px;
font-weight:bold;
line-height:59px;
text-align:center;
cursor:pointer;
}
#map_area{
margin:0 auto;
width:640px;
height:750px;	
}
#change_map{
position:relative;	
}

#Maps{
position: absolute;
top:0;
left:50%;	
margin-left:-320px;
}
#map_area{
display:none;
color:#FFF;
text-shadow: 0 1px 0 #000, 0 20px 20px rgba(0,0,0,.15);
position:relative;
font-size:bold;
}
#map_area span{
position:absolute;
z-index:1006;
cursor:pointer;
}
.area_div{
min-width:220px;
min-height:200px;
max-height:200px;
max-width:800px;
border-radius:20px;
background:#fff;
position:absolute;
padding:5px 28px 5px 5px;
z-index:1010;
display:none;
box-shadow: 1.5px 0 1.5px #000;
color: #61ACA0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
word-wrap: break-word; 
word-break: normal; 
line-height: 1;
}
.area_content{
min-width:220px;
min-height:200px;
max-height:200px;
max-width:800px;
position:relative;
margin-top:-13px;
left:2px;
}
.area_shape{
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 190px solid #fff;
border-bottom: 100px solid transparent;
position: absolute;
bottom: -20px;
z-index:-1;
}

.btn_close {
position: absolute;
width: 20px;
height: 20px;
top: 4px;
right: 4px;
cursor: pointer;
background:url(../images/close_btn.png);
background-size: 100% 100%;
}

.sml{
position:absolute;	
top:100px;
left:420px;	
color:#000;
text-shadow: 0 1px 0 #ccc, 0 20px 20px rgba(0,0,0,.15);
}
.mp{
top:250px;
left:380px;	
/*color:#F90;*/
}
.seb_es{
margin-left:28px;	
}
.seb{
top:380px;
left:65px;
/*color:#00C;*/
}
.seb_e{
font-size:6px;	
}
.seb_en{
margin-left:-28px;	
}
.seb_eb{
margin-left:70px;	
}
.srz{
top:390px;
left:270px;	
/*color:#060;*/
}
.mu{
width:100px;
top:390px;
left:500px;	
/*color:#F6C;	*/
}
.mw{
top:480px;
left:520px;
/*color:#6F9;	*/
}
.sgl{
top:520px;
left:320px;
/*color:#0CF;*/
}
.sgp{
top: 515px;
left:140px;	
/*color:#fff;*/
}
.sgp_eb{
margin-left:-60px;
}
.ssc{
top: 615px;
left:160px;	
/*color:#369;*/
}
.ssc_en{
margin-left:-80px;	
}
.hf{
top:690px;
left:350px;	
/*color:#03C;*/
}
.hf_en{
margin-left:-30px;	
}
.sae{
top:580px;
left:480px;	
/*color:#300;*/
}
.c_title{
height:70px;
margin-top:10px;
}
.mp_title{
float:left;
height:70px;
width:142px;
background: url(../images/icon12.png);
background-size: 100% 100%;
margin-left:30px;
cursor:pointer;
}
.ch_title{
float:left;
height:70px;
width:142px;
background: url(../images/icon11.png);
background-size: 100% 100%;
margin-left:50px;
cursor:pointer;
}