/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
body{line-height: 2;font-size: 14px;font-family: "Microsoft Jhenghei", "Hiragino Sans GB", "Microsoft YaHei", "Times New Roman", serif;}
.u-btn{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;text-align:center;vertical-align:middle;cursor:pointer;word-wrap:normal;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
/* 文本输入框 */
.u-ipt{width:180px;padding:5px;height:17px;border:1px solid #D9D9D9;border-top-color:#c0c0c0;line-height:17px;font-size:14px;color:#777;background:#fff;}
/* 通用自定义按钮-默认蓝色 */
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btnsel{display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;text-shadow:0 1px rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e7e7e7));background:-webkit-linear-gradient(#fefefe,#e7e7e7);background:-moz-linear-gradient(#fefefe,#e7e7e7);background:-ms-linear-gradient(#fefefe,#e7e7e7);background:linear-gradient(#fefefe,#e7e7e7);}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:rgba(0,0,0,0.6);}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:rgba(0,0,0,1);}
/* layout */
.bg {
	position: fixed;
	width:100%;
	height:100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
	background: #EEAE93 no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.p-bd {
	position: relative
}
.g-hd {
	padding: 100px 0 20px;
	text-align: center;
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
	color: #fff
}
.g-box {
	margin: 0 auto;
	width:800px;
}
.u-tit{
	-webkit-animation:1.1s ease-in forwards;-moz-animation:1.1s ease-in forwards;-ms-animation:1.1s ease-in forwards;animation:1.1s ease-in forwards;
	-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;
}
.u-tit a {
	color:#fff;
	font-size: 60px;
}
.u-about {
	color:#fff;
	margin-top: 30px;
	font-size: 14px
}
.m-nav {
    margin-top: 96px;
    text-align: center;
}
.m-nav a{
	color:#fff;
	display: inline-block;
    padding: 0 12px;
    font-size: 12px;
}
.m-nav a:hover{
	-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
	-webkit-animation-name:ring;-moz-animation-name:ring;-ms-animation-name:ring;animation-name:ring;
}
.g-mn {
	background: #f8f8f8
}

.f-cb:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both
}
.f-cb {
	zoom: 1
}
.m-posts {
	padding: 68px 0 0;
	-webkit-animation:1.2s ease-in forwards;-moz-animation:1.2s ease-in forwards;-ms-animation:1.2s ease-in forwards;animation:1.2s ease-in forwards;
	-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;
}
.m-post {
	margin: 0 0 100px
}
.m-post img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.text,.desc {
	font-size: 16px;
	letter-spacing: 2px
	word-break: break-all;
}
.text h2{
	font-size: 30px;
}
.text h2 a {
	color: #282828
}

.text p,.text ul,.text ol,.text blockquote {
	margin: 0 0 25px
}

.text ul,.text ol {
	padding: 0 0 0 2.5em
}

.text ul li {
	list-style: outside disc
}

.text ol li {
	list-style: outside decimal
}

.text blockquote {
	zoom: 1;
	padding: 0 0 0 10px;
	border-left: 1px solid #666
}
.subinfo {
	margin: 52px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #e1e1e1
}
.subinfo a {
	display: inline-block;
	margin: 0 25px 0 0;
	color: #e0e0e0;
	font-size: 14px
}

.subinfo a:hover {
	color: #aeaeae
}
.m-page{padding:10px 0px 10px 0px;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 12px;margin-left:-1px;font-size:12px;letter-spacing:normal;text-shadow:0 1px #fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#ffffff;}
.m-page a:active{background:#f0f0f0;}
.page-navigator li{display:inline;}
.g-ft {
	padding: 35px 0;
	background: rgba(255,255,255,0.85);
	color: #6b6b6b;
	text-align: center
}

@media screen and (max-width: 840px) {
	.g-box {
		width: 100%;
	}
	.m-posts{
		margin: 0 20px;
	}
	.subinfo{
		margin-top: 32px;
	}
	.m-post{
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 480px) {
	.g-hd{
		padding-top: 80px;
	}
	.u-about{
		margin-top: 12px;
	}
	.m-nav{
		margin-top: 32px;
	}
	.subinfo{
		margin-top: 22px;
	}
	.m-post{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 320px) {
	.g-hd{
		padding-top: 36px;
	}
	.subinfo{
		margin-top: 12px;
	}
	.m-post{
		margin-bottom: 20px;
	}
	.g-box {
		min-width: 300px;
	}
}