body {
}


#character_base{
	margin:80px 0px 0px 0px;
	position:fixed;
	z-index:99;
	width:100%;
	opacity:0;
	}
	
	
.iphone #character_base ,.ipad #character_base ,.ipod #character_base ,.android #character_base{
	
	position: absolute;
	display: none;
}

#character_sm,#character2_sm{
	display: none;
}
	
.iphone #character_sm ,.ipad #character_sm ,.ipod #character_sm ,.android #character_sm{
	margin:200px 0px 0px 450px;
	position: absolute;
	display: block;
	z-index:99;
}
	
.iphone #character2_sm ,.ipad #character2_sm ,.ipod #character2_sm ,.android #character2_sm{
	margin:70px 0px 0px 80px;
	position: absolute;
	display: block;
	z-index:99;
}


#character_base .inner{
	width:1200px;
	margin:0px auto;
	text-align:left;
	}

#character_base .character{
	margin:0px 0px 0px 350px;
	width:478px;
	text-align: left;
	}

#character_base .character img:nth-child(1){
	position:absolute;
	margin:0px 0px 0px 0px;
	}

#character_base .character img:nth-child(2){
	position:absolute;
	margin:0px 0px 0px 0px;
	opacity:0;
	}

	
#spase{
	width:100%;
	}


#main{
	margin:0px 0px 0px 0px;
	}


#main .back{
	margin:0px 0px 0px 0px;
	position:fixed;
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	}
	
	
#main .top{
	width:100%;
	height:295px;
	
	}
	
	
#main .face{
	margin:150px 0px 0px 0px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:0px;
	}
	
	
#main .base{
	width:100%;
	}
	
#main .inner{
	width:1200px;
	margin:0px auto;
	text-align:left;
	}
	
#main .inner .txt_base{
	margin:0px 0px 0px 400px;
	color: #FFFFFF;
	position:absolute;
	}
	
#main .inner .left1{
	padding:70px 0px 0px 0px;
	color: #FFFFFF;
	width:142px;
	float:left;
	}
	
#main .inner .left2{
	padding:60px 0px 0px 0px;
	color: #FFFFFF;
	width:142px;
	float:left;
	}
	
#main .inner .right1{
	padding:70px 0px 0px 20px;
	color: #FFFFFF;
	width:550px;
	float:left;
	}
	
#main .inner .right2{
	padding:60px 0px 0px 20px;
	color: #FFFFFF;
	width:550px;
	float:left;
	line-height:1.7em;
	}
	
#main .inner .right2 span{
	font-weight:bold;
	font-size:24px;
	}
	
#main .inner .right2 p{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#main .inner .right2 .sample_1{
	margin:0px 0px 0px 0px;
	width:61px;
	height:61px;
	overflow:hidden;
	float:left;
	white-space:nowrap;
	cursor:pointer;
	}
	
#main .inner .right2 .sample_2{
	margin:0px 0px 0px 5px;
	width:61px;
	height:61px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	}
	
	
	
#main .inner .l{
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	width:130px;
	float:left;
	line-height:1.2em;
	}
	
#main .inner .r{
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	float:left;
	width:420px;
	line-height:1.2em;
	}
	
#main .inner .c{
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	width:550px;
	line-height:1.2em;
	}
	
#main .inner .bar{
	padding:30px 0px 0px 0px;
	}
	
#main .inner .bar{
	margin:30px 0px 0px 0px;
	} 
	
#main .inner .button1{
	margin:30px 0px 0px 0px;
	} 
	
#main .inner .button2{
	margin:30px 0px 0px 0px;
	} 
	
#main .inner .button3{
	margin:30px 0px 0px 0px;
	} 	
	
#main .inner .button{
	margin:30px 0px 0px 0px;
	opacity:0.5;
	} 	

	

#footer .menu{
	position:absolute;
	z-index:100;	
    }


#footer .menu{
	position:absolute;
	z-index:100;	
    }

#footer .brand_logo{
	margin:0px 0px 0px 935px;
	padding:40px 0px 0px 0px;
	position:absolute;
	z-index:100;	
    }