html, body, ul, li,a,p,h1,h2,h3,h4,h5,h6,span{
	margin:0;
	padding:0;
}
a {
  background: transparent;
  text-decoration:none;
}
img {
	border:0;
	-ms-interpolation-mode: bicubic; 
	max-width:100%;
	display: block;
	height: auto;
}
ul, li {
	list-style:none;
}
html{
	overflow-x:hidden;
	font-size: 100%;
	}
body {
	background: #FFF;
	font-size: 100%;
	line-height: 1.5em;
	color: #000000;
	overflow-x: hidden;
	margin: 0 auto;
	min-width: 320px;
	font-family: GillSans-Light;
	-webkit-font-smoothing: antialiased;
	letter-spacing:1px;
}
@font-face {
	font-family: 'GillSans-Light';
	src: url('?wp-content/themes/Airnauts/style/css/img/gillsans-light_.eot') format("opentype");
	src: url('?wp-content/themes/Airnauts/style/css/img/gillsans-light_.ttf') format('truetype');
}
.content{
	width:100%;
	overflow: hidden;
	padding-top:50px;
	background:#fff;
}
.container {
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	}
.more_content{
	/*margin: 0 20px 0 20px;*/
	padding:0;
	padding-bottom:100px;
	}

.image{
	position:relative;
	overflow:hidden;
	margin:10px;
}
.max860{
	width:33.33333333333%;
	float:left;
}
.max860 a{ color:#000; font-family:"΢ÈíÑźÚ"}
.max640{
	width: 47%;
float: left;
margin: 5px;
}
.max480{
	width:100%;
}
.img-show{
	width: 380px;
max-height: 220px;
}
.roll-container {
	width: 380px;
height: 220px;
}
.roll-container .img-show{transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;}
.roll-container:hover .img-show{transform:scale(1.05);-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}

.work-link{
	background:#dddddd;
	background:rgba(221,221,221,0.92);
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	height: 100%;
	cursor:pointer;
	transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
}
.roll-container:hover .work-link{opacity: 1;filter:alpha(opacity=100);}
.work-name{
	margin:25% 0 0 8%;
	font-weight: bold;
	color:#000;
}
.work-big-name{
	margin: 57% 0 0 8%;
	font-weight: bold;
}
.work-summary{
	margin:0 0 0 8%; 
	}
.work_gt {
	margin: 14% 0 0 8%;
}

.work-link i{ color:#000}
	
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.nav-share-way li:first-child{
	margin:50px 0 0 34px;
	}
	
.roll-surface-big,.roll-surface{
	overflow:hidden;
	}

@media (min-width: 840px) {
	@media (max-width: 1200px) {
			.more {
				margin: 0 20px 0 20px;
				}
		}
	.more {
		margin-top: 60px;
		max-width: 1200px;
		display: block;
	}	
	
	.image{
		width: 100%;
	}
	.max860{
		width: 31%;
float: left;
margin: 5px;
	}
	.max640,.max480{
		display:none;
		}
}
@media (min-width: 640px) and (max-width: 840px) {
	.more {
		margin: 0 20px 0 20px;
		margin-top: 30px;
		max-width: 800px;
		display: block;
	}
	.image{
		width: 100%;
		}
	.max640{
		width: 47%;
float: left;
margin: 5px;
		}
	.max860,.max480{
		display:none;
		}
}
@media (min-width: 480px) and (max-width: 640px) {
	.more {
		margin-top: 30px;
		max-width: 600px;
		display: block;
	}
	.more_content{
		width:440px;
		margin:0 auto;
		}
	.image{
		width: 100%;
		max-width:440px;
		margin-bottom: 10px;
		margin-right: 1.875%;
		margin-left: 0.4%;
	}
	.max480{
		width:100%;
		}
	.max860,.max640{
		display:none;
		}
}
@media (min-width: 320px) and  (max-width: 480px){
	.more {
		margin: 0 20px 0 20px;
		margin-top: 30px;
		max-width: 440px;
		display: block;
	}
	.image{
		width: 100%;
		max-width: 440px;
		margin-bottom: 15px;
		margin-right: 0.4%;
		margin-left: 0.4%;
	}
	.max480{
		width:100%;
		}
	.max860,.max640{
		display:none;
		}
}