@charset "utf-8";
/*  basic style  */

* {
		margin: 0px;
		padding: 0px;
}

ul, ol, li {
		list-style: none;
}

body {
		width: 100%;
		height: 100%;
}
/*  page layout end  */

.btn {
		height: 40px;
		padding: 0 20px;
		color: white;
		background-color: #28ba98;
		line-height: 40px;
		text-align: center;
		border-radius: 4px;
		cursor: pointer;
}

.top {
		height: 80px;
		padding: 20px 0; /*padding: 20px; border-bottom: 1px solid #acacac;*/
		background-color: white;
		line-height: 80px;
}

.top-frame {
		width: 960px;
		height: 100%;
		margin: 0 auto;
}

.top-nav {
		float: left;
		width: 460px;
}

.top-nav-btn {
		float: left;
		position: relative;
		height: 38px;
		padding: 0 18px;
		margin-right: 20px;
		border: 1px solid #acacac;
		color: #959595;
		background-color: #ebebeb;
		line-height: 38px;
		border-radius: 4px;
}

		.top-nav-btn .note {
				position: absolute;
				width: 20px;
				height: 20px;
				top: -10px;
				right: -10px;
				color: white;
				background-color: #ff3300;
				font-size: 12px;
				line-height: 20px;
				text-align: center;
				border-radius: 10px;
		}

.top-nav-btn-active {
		color: #333;
		background-color: white;
}

.top-account {
		float: right;
		width: 460px;
}

.top-account-info {
		float: right;
}

.top-account .btn {
		float: right;
		margin-left: 20px;
}

.top-account .btn-signup {
		background-color: #227eec;
}

.top .btn-back {
		float: left;
}

		.top .btn-back img {
				vertical-align: middle;
		}

.main {
		/*width: 960px;*/
		margin: 0 auto;
		background-color: #ebebeb;
}