/*
this is for promotion base css file

*/



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

.clear{
	clear: both;
}
body{
	font:14px/1.5 Helvetica, arial, sans-serif;
}

#top{
	height:220px;
}

.content{
	width:900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#top .content{
	height:220px;
}
#top h2{
	font-size:24px;
	margin:30px 0 0 0;
}
#top .discreption{
	width:450px;
	float: left;
	overflow: hidden;
}
#top .discreption h3{
	font-size:18px;
	margin: 25px 0px 0px 0px;
}
#top .discreption .intro{
	margin: 10px 0 0 0;
}

#top .image{
	width:300px;
	height:150px;
	position:absolute;
	right:0px;
	bottom:0px;
	/*border:5px solid #eee;
	box-shadow:0px 1px 5px rgba(0,0,0,.5);*/
}


/*===for more item====*/
#more h2{
	margin-top:30px;
	font-size:24px;
}

#more .more-item{
	margin: 10px 0 0 0;
	height:200px;
	padding: 10px;
}
#more .more-item .img{
	width:310px;
	height:210px;
	float: left;
	/*background:#fff;*/
	
	
}
#more .more-item .img img{
	max-width:300px;
	max-height:200px;
	border:5px solid #fff;
	box-shadow:0px 1px 5px rgba(0,0,0,.5);
}
#more .more-item .promotionintro{
	width:530px;
	float:right;
}
#more .more-item .promotionintro h3{
	font-size:18px;
}
#more .more-item .promotionintro h3 a{
	text-decoration:none;
}
#more .more-item .promotionintro h3 a:hover{
	text-decoration:underline;
}
#more .more-item .promotionintro .title{
	font-size:16px;
	margin-top:10px;
}
#more .more-item .promotionintro .des{
	margin-top:10px;
}
#more .more-item .promotionintro .button{
	margin-top:15px;
	float: left;
}
#more .more-item .promotionintro .button .install{
	height: 15px;
	min-width: 150px;
	padding: 4px;
	font-size: 11px;
	background: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
	position: relative;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #2D53AF;
	cursor: pointer;
	color: white;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	float: left;
	-webkit-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
}
#more .more-item .promotionintro .button .install:hover{
	border-color:#4076ff;
	background: -webkit-linear-gradient(top,#669eff 0%,#5286ff 100%);
}
#more .more-item .promotionintro .button  .button-content{
	font-weight: bold;
	text-align: center;
}
#more .more-item .promotionintro .button  .button-icon{
	width: 13px;
	height: 13px;
	margin: 2px 7px 0 0;
	display: inline-block;
	background:url(data:image/png;base64,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)
}
#more .more-item .promotionintro .button  .button-label{
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
}
#more .more-item .promotionintro .button .installed{
	height: 15px;
	min-width: 150px;
	padding: 4px;
	font-size: 11px;
	background: -webkit-linear-gradient(top,whiteSmoke 0%,#F1F1F1 100%);
	position: relative;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer;
	color: #B8B8B8;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	float: left;
	-webkit-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
}