@charset "utf-8";
/* CSS Document */

body	{
	margin:0px;
	padding:0px;
	font-family: 'Poiret One', cursive;
	font-size:13px;
	color:#333333;
	background:url(../images/bg.jpg) fixed;
	}
	
.banner	{
	
    width: 1000px;
    height: 700px;
    margin: 0px auto;
}
	

#top-covering	{
	width:1000px;
	height:700px;
	margin:auto;
	position:relative;
	margin-top:-700px;
	}

#header	{
	width:1000px;
	height:119px;
	margin:41px auto 0px auto;
	}

#header-left	{
	width:330px;
	height:68px;
	background:url(../images/menu.jpg) repeat-x;
	float:left;
	border-radius:20px 0px 0px 20px;
	padding:0px 30px;
	}

#header-logo	{
	width:250px;
	height:119px;
	float:left;
	background:url(../images/logo.png) no-repeat;
	}
	
#header-right	{
	width:320px;
	height:68px;
	background:url(../images/menu.jpg) repeat-x;
	float:left;
	padding:0px 20px;
	border-radius:0px 20px 20px 0px;
	}
	
.menu	{
	width:auto;
	height:24px;
	float:left;
	padding:22px 0px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	}
.menu:hover	{
	color:#0f6cc5;
	}
	
#line	{
	width:5px;
	height:68px;
	float:left;
	background:url(../images/menu-line.png);
	margin:0px 25px;
	}

#dialer	{
	width:1000px;
	height:110px;
	margin:420px auto 0px auto;
	}
	
#vertical, #horizontal {
	margin:0px auto;
	width:1000px;
	clear:both;
}
#vertical div, #horizontal div {
	float:left;
	width:227px;
	height:107px;
	position:relative;
	overflow:hidden;
}
#vertical img, #horizontal img {
	position:absolute;
}
	
	
#section-bottom	{
	width:950px;
	height:250px;
	margin:auto;
	background:#00396f;
	border-radius:20px;
	padding:0px 25px;
	}
	
#pc-dialer	{
	width:475px;
	height:250px;
	float:left;
	}

#pc-img	{
	width:212px;
	height:250px;
	float:left;
	background:url(../images/pc-img.png);
	}
	
#pc-cnt	{
	width:263px;
	height:200px;
	float:left;
	padding:25px 0px;
	}

#pc-head	{
	width:263px;
	height:40px;
	float:left;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#1960a4;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#pc-text	{
	width:263px;
	height:100px;
	float:left;
	color:#CCCCCC;
	line-height:25px;
	padding:15px 0px;
	}

.download	{
	width:135px;
	height:40px;
	float:right;
	background:url(../images/download.png);
	}
	
#line-2	{
	width:1px;
	height:170px;
	float:left;
	margin:40px;
	background:#1960a4;
	}	

#clinet-login	{
	width:380px;
	float:left;
	height:250px;
	}
	
#client-img	{
	width:170px;
	height:250px;
	float:left;
	background:url(../images/login-bg.png);
	}
	
#client-button	{
	width:210px;
	height:110px;
	float:left;
	padding:70px 0px;
	}

#customer	{
	width:184px;
	height:46px;
	float:left;
	background:url(../images/customer.png);
	}

#reseller	{
	width:184px;
	height:46px;
	float:left;
	background:url(../images/reseller.png);
	margin-top:10px;
	}


#footer	{
	width:950px;
	height:20px;
	margin:25px auto 0px auto;
	border-radius:20px 20px 0px 0px;
	background:#021e39;
	padding:15px 25px;
	}
	
#footer-left	{
	width:475px;
	height:20px;
	float:left;
	}	
	
#footer-right	{
	width:475px;
	height:20px;
	float:left;
	color:#FFFFFF;
	text-align:right;
	}	

.ftr	{
	width:auto;
	height:20px;
	float:left;
	text-decoration:none;
	color:#CCCCCC;
	padding-right:25px;
	}

.ftr:hover	{
	color:#256DF3;
	}