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

*, html, body, h1, li, p {
margin: 0px;
padding: 0px;
list-style: none;
border: none;
}

body {
color: #464646;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
background:#FFFFFF;
}

.container {
width: 1101px;
height: auto !important;
margin: auto;
}

.top-container{
width:1101px;
height:136px;
background:url(../images/top-container.png) bottom left no-repeat;
}

.bottom-container{
width:1101px;
height:60px;
float:left;
background:url(../images/bottom-container.png) top left no-repeat;
}

.area-top{
width:1011px;
padding-left:45px;
padding-right:45px;
float:left;
}

.telp{
width:257px;
padding-top:85px;
height:28px;
float:left;
}

.logo{
width:229px;
height:120px;
float:left;
margin-left:120px;
}

.about{
width:219px;
height:46px;
float:left;
margin-left:180px;
padding-top:75px;
}

.middle-container{
width:1101px;
height:auto!important;
float:left;
background:url(../images/bg-container.png) top left repeat-y;}

.nav{
width:1069px;
height:40px;
padding-top:25px;
margin-left:16px;
margin-right:16px;
background:#FFFFFF url(../images/bg-nav.jpg) top left repeat-x;
}

	.nav-home{
	width:46px;
	float:left;
	height:15px;
	margin-left:140px;
	}
	
	.nav-publisher{
	width:91px;
	height:15px;
	margin-left:140px;
	float:left;
	}
	
	.nav-advertiser{
	width:104px;
	height:15px;
	margin-left:140px;
	float:left;
	}
	
	.nav-agencies{
	width:81px;
	height:15px;
	margin-left:140px;
	float:left;
	}

.banner{
width:1069px;
height:313px;
margin-left:16px;
margin-right:16px;
background:#FFFFFF url(../images/bg-banner.jpg) top left no-repeat;
}

.banner-left{
width:700px;
height:313px;
float:left;
}

	.banner-left-text{
	width:400px;
	height:100px;
	padding-left:27px;
	padding-top:120px;
	line-height:18px;
	color:#FFFFFF;
	}

	.banner-left-contact{
	width:400px;
	height:56px;
	float:left;
	}

.banner-right{
width:310px;
height:293px;
margin-top:10px;
background:url(../images/login.png) top left no-repeat;
float:left;
margin-left:50px;
}

	.form {
height: 200px;
width: 183px;
margin-left:45px;
margin-top:80px;
color:#FFFFFF;
line-height:20px;
}


.menu{
width:1069px;
height:169px;
background:#FFFFFF url(../images/bg-menu.jpg) top left no-repeat;
margin-left:16px;
margin-right:16px;
color:#161E00;
}

	.menu-left{
	width:300px;
	height:100px;
	float:left;
	padding-left:27px;
	padding-top:27px;
	padding-right:27px;
	}
	
	.join{
	width:138px;
	height:31px;
	padding-top:15px;
	float:right;
	}
	
.living-social{
width:1069px;
height:70px;
margin-bottom:15px;
margin-top:15px;
margin-left:16px;
margin-right:16px;
background:#FFFFFF url(../images/bg-living-social.jpg) top left no-repeat;
}

	.living-social-text{
	width:600px;
	height:50px;
	padding-top:15px;
	padding-left:27px;
	float:left;
	}
	
	.living-social-right{
	width:350px;
	height:70px;
	float:left;
	}

.content{
width:1069px;
height:272px;
margin-left:16px;
margin-right:16px;
background:#FFFFFF url(../images/bg-content.jpg) top left repeat-y;
}

.content-left{
width:656px;
height:auto!important;
padding-left:27px;
float:left;
padding-right:27px;
padding-top:27px;
padding-bottom:27px;
}

.content-right{
width:359px;
height:272px;
float:left;
background:url(../images/bg-event.png) top left no-repeat;
}

.content-right-header{
width:171px;
height:28px;
padding-left:37px;
padding-top:27px;
}

.event{
width:320px;
height:70px;
padding-left:37px;
padding-top:10px;
}

.pic{
width:57px;
height:59px;
float:left;
padding-right:15px;
}

.text-event{
width:225px;
height:59px;
float:left;

}

.allevent{
width:130px;
height:27px;
float:right;
padding-right:37px;
padding-top:10px;
}

.footer{
width:1069px;
height:15px;
float:left;
padding-left:17px;
padding-right:17px;
color:#999999;
font-size:11px;
margin-top:5px;
}

input{
width:200px;