/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 
 
 /***** STRUCTURE *****/
 
 body {
	background: url('/wp-content/uploads/2016/08/700.jpg') no-repeat top center;
	background-color: #fff;
	}
	
h1, h2, h3, h4, h5, h6 {
	
	font-family: sans-serif;
	}
	
h2 {
	font-size: 2.3em;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} 
 .content {
	padding-top:51px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
	font-family: "微软雅黑",Arial,Helvetica,Sans-serif;
	}

@media (min-width: 1200px)
.row-fluid .thumbnailsspan {
    margin-left: 0;
}

.row-fluid .thumbnailsspan {
    margin-left: 0;
}
@media (min-width: 1200px)
.thumbnailsspan {
    margin-left: -30px;
}
.thumbnailsspan {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}
.thumbnailspan{
    display: block;
    padding: 1px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);

}	

/***** BODY *****/
	
.page-title {
	padding: 55px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}


	
/***** NAVIGATION BAR *****/

.navbar .brand {
	color:rgb(224, 224, 224);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
}

#app-name {
	position: relative;
	float: left;
	margin-top: 20px;
}

#app-name h1 {
	font-size: 4.0em;
	color: #FFFFFF;
	
	}
	
#version {
	top: 30px;
	position: relative;
	float: left;
	margin-right: 1px;
}

#tagline {
	font-size: 1.4em;
	margin-top: 3.5em;
	clear: both;
}

#tagline a:hover{color:#5cc3f6;}
#tagline a{color:white;}
#tagline a:link{text-decoration:none}


#description {
	margin-top: 1em;
	margin-bottom: 1.8em;
	color: rgba(255, 202, 202, 0.48);
}

#features li {
	background: url('../img/check.png') no-repeat left;
	list-style: none;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em;
}

.download-box {
	width: 45%;
	float: left;
	padding-top: 20px;
	padding-right: 5%;
	font-size: 0.9em;
	line-height: 1.3em;
	}
.top-box {
width: 20%;
float: left;
font-size: 0.9em;
line-height: 1.3em;
text-align: center;
}
	
.top-box img{
height:65px;
}
.top-box a{color:white;}
.top-box span{
font-size: 1.0em;
line-height: 2.8em;
margin-bottom: 1.1em;
}
.box-top{
border-radius: 3px;
padding:30px 0 91px 0;
display: block;}
.box-top a:hover{color:black;}
.box-top a:link{text-decoration:none}

.productbrowser {
position: relative;
max-width: 1440px;
background-color: rgba(255,255,255,0.6);
z-index: 2;
margin-left: auto;
margin-right: auto;
}	
	
/***** ABOUT PAGE *****/

.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	border-top: 1px solid #CCC;
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	float:left;
	}

.release-date {
	float:right;
	margin-top: 4px;
	color: #999;
	font-size: 0.85em;
	}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	

	
/***** CONTACT *****/

#contact-form {
	border-left: 1px solid #cccccc;
	}
	
#contact-info {
	padding-bottom:20px;
	}
	
	
	
/***** FOOTER *****/

.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
	color: #999;
}
.footer  a{color: #666;}
.footer a:hover{color:black;}
.footer a:link{text-decoration:none}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}
#credits img{
	vertical-align: top;
	}
#contact-info p{
font-size: 13px;}
#credits a{padding: 0 .444444em 0 0;
margin-right: .433333em;
border-right: 1px solid #e3e3e3;
white-space: nowrap;}
.aligncenter{text-align:center;}