/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

/* =Common
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	font-weight: 400;
	margin: 0;
	padding: 0;
}

html{
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	min-height: 100%;
}
*,
*:before,
*:after{
	/* content: ""; */
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}
body,
button,
input,
select,
textarea{
	font-family: 'Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	color: #222;
}
button,
input,
select,
textarea{
	outline: none;
	resize: none;
}
body{
	background: #f6f6f6;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 700;
	clear: both;
	margin: 0;
	text-rendering: optimizeLegibility;
}
dfn,
cite,
em,
i{
	font-style: italic;
}
small{
	font-size: 80%;
	font-size: .8rem;
}
caption,
th,
td{
	font-weight: normal;
	text-align: left;
}
dl{
	font-size: 12px;
	font-size: 1.2em;
}
dt{
	font-weight: 700;
}
blockquote,
q{
	quotes: none;
	-webkit-hyphens: none;
	   -moz-hyphens: none;
	        hyphens: none;
	    -ms-hyphens: none;
}
a{
	text-decoration: none;
	color: #222;
	outline: none;
}
a:hover{
	text-decoration: none;
}
fieldset,
img{
	border: none;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
hr{
	height: 1px;
	color: #ddd;
	border: 0;
	background-color: #ddd;
}

:-moz-placeholder{
	font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
	color: #686868;
}
::-moz-placeholder{
	font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
	color: #686868;
}
::-webkit-input-placeholder{
	font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
	color: #686868;
}
:-ms-input-placeholder{
	font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
	color: #686868;
}

/* =custom
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6{
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}
.hidden{
	display: none;
}

i{
	font-style: normal;
}
/* float */
.fl{
	float: left;
}
.fr{
	float: right;
}

/* clear float */
.cf:before,
.cf:after{
	line-height: 0;
	display: table;
	content: '';
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}
/* .btn */
.btn{
	font-weight: 400;
	line-height: 75px;
	display: inline-block;
	width: 275px;
	text-align: center;
	color: #fff;
	background: #000;
}
.btn:hover{
	opacity: .85;
}
/* normal transition */
.t300{
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;
}
.t400{
	-webkit-transition: all .4s ease-out;
	   -moz-transition: all .4s ease-out;
	    -ms-transition: all .4s ease-out;
	     -o-transition: all .4s ease-out;
	        transition: all .4s ease-out;
}

/* cols */
.cols{
	font-size: 0;
	clear: both;
	letter-spacing: -4px; /* safari */
	/* word-spacing: -4px; */
}
.cols [class*='col-']{
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	list-style: none;
	vertical-align: top;
	letter-spacing: normal;
	/* word-spacing: normal; */
}
.col-1{
	width: 8.333%;
}
.col-2{
	width: 16.666%;
}
.col-3{
	width: 25%;
}
.col-4{
	width: 33.333%;
}
.col-5{
	width: 41.666%;
}
.col-6{
	width: 50%;
}
.col-7{
	width: 58.333%;
}
.col-8{
	width: 66.666%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.333%;
}
.col-11{
	width: 91.666%;
}
.col-12{
	width: 100%;
}

/* display: table */
.table{
	display: table;
	margin: 0 auto;
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}

/* google map */
.gmap{
	min-height: 500px;
}

/* =post: entry, entry-header, entry-content
-------------------------------------------------------------- */
/* entry */
.entry-content{
	max-width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}
.entry-content ul,
.entry-content ol{
	margin: 0 0 30px 0;
	margin-left: 30px;
	list-style: disc;
}
.entry-content ol{
	list-style: decimal;
}
.entry-content li{
	line-height: 2;
}
.entry-content hr{
	display: block;
	margin: 30px 0;
}
.entry-content p{
	font-size: 16px;
	line-height: 2;
	margin: 0 0 30px;
}
.entry-content a{
	color: #d0011b;
	text-decoration: underline;
}
.entry-content a:hover{
	color: #000;
}
.entry-content strong{
	font-weight: 700;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	margin: 0 0 30px 0;
	font-weight: 400;
}
.entry-content img{
	max-width: 100%;
	height: auto;
}
.entry-content blockquote{
	overflow: hidden;
	width: 95%;
	margin: 0 0 30px 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-left: 4px solid #eee;
}
.entry-content code{
	font-family: 'Courier New',clearSys;
	color: #bfbebe;
	background: #555;
	text-shadow: none;
}
.entry-content pre{
	font-family: 'Courier New',clearSys;
	font-size: 14px;
	line-height: 16px;
	overflow: auto;
	width: 95%;
	margin: 0 0 30px;
	padding: 0 5px 16px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 15px solid #eee;
	background: #fcfcfc;
	text-shadow: none;
}
.entry-content .wp_link_pages{
	clear: both;
	padding: 10px 0 30px;
}
.entry-content .read-more a,
.entry-content a.more-link{
}
.entry-content .read-more a:hover,
.entry-content a.more-link:hover{
}

.entry-content iframe{
	width: 100%;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter{
	display: block;
	margin: 5px auto 20px auto;
}

.alignright{
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft{
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter{
	display: block;
	margin: 5px auto;
}

img.alignright,
a img.alignright{
	float: right;
	margin: 5px 0 20px 20px;
}

img.alignnone,
a img.alignnone{
	margin: 5px 0 20px 0;
}

img.alignleft,
a img.alignleft{
	float: left;
	margin: 5px 20px 20px 0;
}

img.aligncenter,
a img.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption{
	max-width: 96%;
	padding: 13px 10px 10px 10px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background: #f9f9f9;
}

.wp-caption.alignnone{
	margin: 5px 0 20px 0;
}

.wp-caption.alignleft{
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright{
	margin: 5px 0 20px 20px;
}

.wp-caption img{
	width: auto;
	max-width: 98.5%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 10px;
}

img.wp-smiley{
	vertical-align: middle;
}

/* =WordPress Gallery
-------------------------------------------------------------- */
.entry-content .gallery{
	margin: 0 auto 18px;
}

.entry-content .gallery .gallery-item{
	margin-top: 0 !important;
}

.entry-content .gallery img{
	border: 1px solid #ddd !important;
}
.entry-content .gallery a{
	display: block;
	margin: 0 5px 5px 0;
}

.entry-content .gallery .gallery-caption{
	font-size: 12px;
	margin: 0 0 12px;
}

.entry-content .gallery dl{
	margin: 0;
}

.entry-content .gallery br + br{
	display: none;
}

.entry-content .attachment-gallery img{
	display: block;
	width: auto;
	max-width: 96%;
	height: auto;
	margin: 15px auto;
	padding: 5px;
	border: 1px solid #f0f0f0;
	background: #fff;
}

.entry-content .gallery-meta .iso,
.entry-content .gallery-meta .camera,
.entry-content .gallery-meta .shutter,
.entry-content .gallery-meta .aperture,
.entry-content .gallery-meta .full-size,
.entry-content .gallery-meta .focal-length{
	display: block;
}



/* =wrapper
-------------------------------------------------------------- */
.wrapper{
	clear: both;
	max-width: 1226px;
	margin: 0 auto;
}

/* =Main
-------------------------------------------------------------- */
.site{
	padding-top: 110px;
}

#ajax-wrapper{
	visibility: visible;
	opacity: 1;
}
#ajax-wrapper.aw-hidden{
	visibility: hidden;
	opacity: 0;
}

.loading-layer{
	display: none;
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
}
.loading-layer i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	margin: -9px 0 0 -100px;
	line-height: 1;
	font-size: 14px;
	color: #ccc;
	text-align: center;
}

/* =Header
-------------------------------------------------------------- */
.site-header{
	z-index: 2;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.06);
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	height: 110px;
	transition:
		max-width .6s ease-in .1s,
		height .6s ease-in .1s;
}
.site-header .wrapper{
	position: relative;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.site-lt{
	z-index: 1;
	position: relative;
	display: inline-block;
	transition:
		width .6s ease-in .2s,
		margin-top .6s ease-in .2s;
}
.site-logo{
	display: inline-block;
	vertical-align: top;
	line-height: 110px;
	width: 64px;
	transition:
		width .6s ease-in .2s;
}
.site-logo img{
	position: relative;
	left: 0;
	width: 64px;
	height: auto;
	margin-left: 0;
	margin-bottom: 0;
	transition:
		left .6s ease-in .2s,
		width .6s ease-in .2s,
		margin .6s ease-in .2s;
}
.site-title{
	position: relative;
	opacity: 1;
	display: inline-block;
	line-height: 110px;
	font-size: 36px;
	font-weight: 400;
	width: 190px;
	text-align: center;
}

.site-desc{
	z-index: 1;
	position: relative;
	display: none;
	padding-top: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	letter-spacing: 30px;
	text-indent: 30px;
	text-align: center;
}

/* .site-nav
-------------------------------------------------------------- */
.site-nav{
	position: relative;
	margin-top: 43px;
}
.site-nav a.site-nav-mobile{
	display: none;
}
.site-nav ul{
	list-style: none;
}
.site-nav ul li{
	position: relative;
	float: left;
}
.site-nav ul li a{
	display: inline-block;
	margin-left: 50px;
	line-height: 24px;
	font-size: 18px;
}

.site-nav ul li:hover > a,
/*.site-nav ul li.current-menu-ancestor > a,
.site-nav ul li.current-menu-parent > a,
.site-nav ul li.current_page_item > a,*/
.site-nav ul li.current-menu-item > a{
	color: #d0011b;
}
.site-nav ul ul{
	display: none;
}

.search-form{
}


/* site header: mobile */
/* snm-switch */
.snm-switch{
	z-index: 99;
	display: none;
	position: absolute;
	right: 30px;
	top: 26px;
	width: 25px;
	padding: 7px 0;
}
.tpl-home .snm-switch{
	display: none!important;
}
.snm-switch-s{
	display: block;
	height: 3px;
	width: 100%;
	background: #222;
}
.snm-switch-s::before,
.snm-switch-s::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #222;
	-webkit-transition: all .4s ease-out;
	   -moz-transition: all .4s ease-out;
	    -ms-transition: all .4s ease-out;
	     -o-transition: all .4s ease-out;
	        transition: all .4s ease-out;
}
.snm-switch-s::after{
	top: auto;
	bottom: 0;
}

.site-header-m-wrapper{
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-100%,0);
	-moz-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	transform: translate(-100%,0);
}
.site-header-m{
	z-index: 99;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 400px;
	width: 100%;
	height: 100%;
	padding: 4.24% 20px 8%; 
	background-color: #fff;
	text-align: center;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.site-logo-m{
	margin-bottom: 20px;
}
.site-title-m{
	font-size: 36px;
}
.site-desc-m{
	padding-top: 20px;
	font-size: 14px;
	color: #666;
	text-indent: 30px;
	letter-spacing: 30px;
}
.site-nav-m{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.site-nav-m li{
	list-style: none;
}
.site-nav-m a{
	display: inline-block;
	margin: 20px 0;
	font-size: 18px;
}
.site-nav-m ul li:hover > a,
.site-nav-m ul li.current-menu-item > a {
    color: #d0011b;
}

.site-header-m .snm-switch-s{
	background: none;
}
.site-header-m .snm-switch-s::before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 7px;
}
.site-header-m .snm-switch-s::after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	bottom: 7px;
}

.s-nav-m-open .h-bg{
	z-index: 3;
	opacity: 1;
	visibility: visible;
}
.s-nav-m-open .site-header-m-wrapper{
	/*opacity: 1;
	visibility: visible;*/
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}


/* = .pagination, .pagenavi, .navigation
-------------------------------------------------------------- */
.pagination{
	display: none;
}


/* =sidebar
-------------------------------------------------------------- */
.sidebar{
}
.widget{
}
.widget h3{
}
.widget li{
}
.widget a{
}

/* =footer
-------------------------------------------------------------- */
.site-footer{
	line-height: 32px;
}
.site-footer .wrapper{
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #ddd;
}
.copyright{
	color: #666;
}
.f-socail a{
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}
.f-socail a::before,
.f-socail a::after{
	visibility: hidden;
	opacity: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	     -o-transition: all .2s ease-out;
	        transition: all .2s ease-out;
}
.f-socail a:hover::before{
	visibility: visible;
	opacity: 1;
}
.f-socail .wb{
	background-image: url(../img/icon-weibo2.png);
}
.f-socail .wb::before{
	background-image: url(../img/icon-weibo3.png);
}
.f-socail .wb::after{
	background-image: url(../img/icon-weibo1.png);
}
.f-socail .fb{
	background-image: url(../img/icon-facebook2.png);
}
.f-socail .fb::before{
	background-image: url(../img/icon-facebook3.png);
}
.f-socail .fb::after{
	background-image: url(../img/icon-facebook1.png);
}
.f-socail .tw{
	background-image: url(../img/icon-twitter2.png);
}
.f-socail .tw::before{
	background-image: url(../img/icon-twitter3.png);
}
.f-socail .tw::after{
	background-image: url(../img/icon-twitter1.png);
}
.f-socail .in{
	background-image: url(../img/icon-instagram2.png);
}
.f-socail .in::before{
	background-image: url(../img/icon-instagram3.png);
}
.f-socail .in::after{
	background-image: url(../img/icon-instagram1.png);
}
.f-socail .pt{
	background-image: url(../img/icon-pinterest2.png);
}
.f-socail .pt::before{
	background-image: url(../img/icon-pinterest3.png);
}
.f-socail .pt::after{
	background-image: url(../img/icon-pinterest1.png);
}
.f-socail .bh{
	background-image: url(../img/icon-behance2.png);
}
.f-socail .bh::before{
	background-image: url(../img/icon-behance3.png);
}
.f-socail .bh::after{
	background-image: url(../img/icon-behance1.png);
}
.f-socail .db{
	background-image: url(../img/icon-dribbble2.png);
}
.f-socail .db::before{
	background-image: url(../img/icon-dribbble3.png);
}
.f-socail .db::after{
	background-image: url(../img/icon-dribbble1.png);
}


/* =home
-------------------------------------------------------------- */
.h-bg{
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: rgba(0,0,0,.85);
}
.home .h-bg{
	z-index: 1;
	visibility: visible;
	opacity: 1;
}
.tpl-home .h-bg{
	background-image: url(../img/h-bg.jpg);
}
.home .site-header{
	max-width: 400px;
	width: 100%;	
	height: 100%;	
}
.home .site-header .wrapper{
	height: 100%;
}
.home .site-lt{
	margin-top: 10%;
	width: 100%;
}
.home .site-logo{
	width: 100%;	
}
.home .site-logo img{
	left: 50%;
	width: 110px;
	margin-left: -55px;
	margin-bottom: 24px;
}
.home .site-title{
	left: 50%;
	line-height: 1;
	margin-left: -95px;
}
.home .site-desc{
	display: block;
}

.home .site-nav{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.home .site-nav ul li{
	float: none;
}
.home .site-nav ul li a{
	margin: 20px 0;
}

.home .f-socail{
	z-index: 2;
	float: none;
	position: fixed;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.home .f-socail a::after{
	visibility: visible;
	opacity: 1;
}
.home .f-socail a:hover::after{
	visibility: hidden;
	opacity: 0;
}



/* =archive
-------------------------------------------------------------- */
.list-posts{
	margin-top: 50px;
	margin-bottom: 36px;
}
.grid-sizer,
.grid-item{
	width: 19.0865%;
	/*max-width: 100%;*/
	/*width: 234px;*/
	margin-bottom: 1.1414%;
}
.gutter-sizer{
	width: 1.1414%;	
}
.grid-item--width2{
	width: 39.3144%;
	/*width: 482px;*/
}

.grid-item a{
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.gi-inner{
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 100%;
	background: #000;
}
.gi-inner::before{
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(200, 35, 55, .8);
	-webkit-transition: opacity .4s ease-out;
	   -moz-transition: opacity .4s ease-out;
	    -ms-transition: opacity .4s ease-out;
	     -o-transition: opacity .4s ease-out;
	        transition: opacity .4s ease-out;
}
.f-img{
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.gi-inner-s2{
	/*width: 482px;*/
	/*height: 482px;*/
}
.gi-inner-s3{
	/*width: 234px;*/
	/*height: 482px;*/
	padding-top: 205.9829%;
}
.gi-inner-s4{
	/*width: 482px;*/
	/*height: 234px;*/
	padding-top: 48.5477%;
}
.list-p-title{
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding: 15px;
	line-height: 28px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	-webkit-transition: opacity .4s ease-out;
	   -moz-transition: opacity .4s ease-out;
	    -ms-transition: opacity .4s ease-out;
	     -o-transition: opacity .4s ease-out;
	        transition: opacity .4s ease-out;
}

/* =single
-------------------------------------------------------------- */
.s-post{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 55px;
	background: #fff;
}

.entry-featured-img{
}
.entry-featured-img img{
	display: block;
	width: 100%;
	height: auto;
}

.entry-title{
	padding-top: 50px;
	margin-bottom: 10px;
	line-height: 48px;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
}

.entry-meta{
	margin-bottom: 40px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.edit-link,
.edit-link a{
	color: #ccc;
}

/* share */
.entry-share{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 70px 0 0;
	text-align: center;
}
.entry-share::before{
	z-index: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	height: 1px;
	background: #ddd;
}
.entry-share .title{
	z-index: 1;
	position: absolute;
	top: 20px;
	left: 50%;
	width: 66px;
	margin-left: -33px;
	background: #fff;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #727272;
}
.entry-share a{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin: 0 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px auto;
}
.entry-share .wc{
	background-image: url(../img/icon-share-wechat.png)
}
.entry-share .wb{
	background-image: url(../img/icon-share-weibo.png)
}
.entry-share .twb{
	background-image: url(../img/icon-share-tencent-weibo.png)
}
.entry-share .qz{
	background-image: url(../img/icon-share-qzone.png)
}
.entry-share .db{
	background-image: url(../img/icon-share-douban.png)
}
#wc-qr{
	text-align: center;
}
#wc-qr img{
	margin-bottom: 10px;
}
#wc-qr p{
	font-size: 14px;
	line-height: 24px;
}
#wc-qr span{
	color: #d0011b;
}

/* navigation */
.post-navigation{
	position: relative;
	margin-bottom: 50px;
	padding: 25px 30px;
	background: #fff;
	line-height: 30px;
	font-size: 15px;
}
.post-navigation .pn-product-list{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	background: #fff url(../img/icon-list.png) no-repeat center / 28px auto;
}
.post-navigation .pn-product-list:hover{
	background-image: url(../img/icon-list-hover.png);
}
.post-navigation a{
	overflow: hidden;
	display: inline-block;
	max-width: 45%;
	height: 28px;
	line-height: 28px;
	color: #666;
}
.post-navigation a span{
	width: 150%;
}
.post-navigation a.post-next{
	text-align: right;
}
.post-navigation a.post-prev span{
	float: left;
}
.post-navigation a.post-next span{
	float: right;
}
.post-navigation a:hover{
	color: #c6031e;
}

/* =page
-------------------------------------------------------------- */


/* =for IE
-------------------------------------------------------------- */
/*.ie{
	behavior: url(/wp-content/themes/aed/js/PIE/PIE.htc);
}*/


/* =for Mobile
-------------------------------------------------------------- */
@media screen and (max-width: 1225px){
	.wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media screen and (min-width: 1025px){
	.grid-item:hover .gi-inner::before{
		visibility: visible;
		opacity: 1;
	}
	.grid-item:hover .list-p-title{
		visibility: visible;
		opacity: 1;
	}
}

@media screen and (max-width: 768px){
	.site{
		padding-top: 70px;
	}

	/* Header */
	.site-header{
		height: 70px;
	}
	.site-logo{
		line-height: 70px;
	}
	.site-logo img{
		width: 48px;
	}
	.site-title{
		line-height: 70px;
		font-size: 28px;
		text-align: left;
	}
	.home .site-title{
		text-align: center;
	}

	.site-nav{
		display: none;
	}


	/* Header: mobile */
	.snm-switch{
		display: block;
	}	
	.s-nav-m-open .f-socail{
		z-index: 999;
		float: none;
		position: fixed;
		left: 0;
		bottom: 30px;
		width: 100%;
		text-align: center;
	}
	.s-nav-m-open .f-socail a::after{
		visibility: visible;
		opacity: 1;
	}
	.s-nav-m-open .f-socail a:hover::after{
		visibility: hidden;
		opacity: 0;
	}

	.grid-sizer,
	.grid-item{
		width: 100%;
		margin-bottom: 14px;
	}
	.gutter-sizer{
		width: 0;	
	}
	.grid-item--width2{
		width: 100%;
	}
}

@media screen and (max-height: 880px){
	/* Header: mobile */
	.site-nav-m{
		padding-top: 50px;
		position: relative;
		top: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@media screen and (max-width: 600px){
	.home .site-logo img{
		width: 80px;
		margin-left: -40px;
	}
	.site-title{
		width: 150px;
		font-size: 28px;
	}
	.home .site-title{
		margin-left: -75px;
	}
	.site-desc{
		padding-top: 10px;
	}
	.home .site-nav ul li a{
		margin: 10px 0;
	}


	/* Header: mobile */
	.site-logo-m img{
		width: 80px;
	}
	.site-title-m{
		font-size: 28px;
	}
	.site-desc-m{
		padding-top: 10px;
	}
	.site-nav-m a{
		margin: 10px 0;
	}

	/* Footer */
	.copyright,
	.f-socail{
		float: none;
		text-align: center;
	}
	.copyright{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 400px){
	/* Header */
	.site-desc {
		letter-spacing: 20px;
		text-indent: 20px;
	}

	/* Header: mobile */
	.site-desc-m {
		letter-spacing: 20px;
		text-indent: 20px;
	}
	.site-nav-m{
		padding-top: 30px;
	}

	/* Footer */
	.f-socail a{
		margin: 0 3px;
	}


	.post-navigation{
		padding: 15px;		
	}
	.post-navigation .pn-product-list{
		background-size: 20px auto;
	}

	/* Single */
	.entry-share a{
		margin: 0 5px;
		width: 32px;
		height: 32px;
		background-size: 32px auto;
	}
}