/*
Website Url:http://www.aiyuanma.org/
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em "微軟正黑體", "新細明體",Arial,tahoma; 'Microsoft Yahei Light','Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
a:hover {color:#000;}
input, textarea {-webkit-appearance:none; border:0;}
input:focus, textarea:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%;box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:10px; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
/*pagenavi*/
.pagenavi {font-size:0; line-height: normal; text-align:center;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:14px; height:32px; line-height: 32px; padding:0 15px; background-color:#eee; color:#333; margin:2px; border-radius:3px;}
.pagenavi span.now-page, .pagenavi a:hover {background-color:#000; color:#fff;}
/*footer*/
.footer {text-align:center; font-size:12px; color:#eee; padding:20px; background-color:#222; text-transform:uppercase;}
.footer a {color:#eee;}
/*header*/
.header {background-color:#fff; width:100%;border-bottom: 1px solid #eee;box-shadow: 0px 0px 5px #ddd;}
.header .inner {height:80px; position:relative;}

.breadcrumb {margin-top:1.5%; margin-bottom:1.5%; font-size:12px;  color:#555;}
.breadcrumb .box {padding:0 10px;}
.breadcrumb a {color:#555;}

.banner {padding-bottom:350px; background:no-repeat center center; background-size:cover;}
/*logo*/
.logo {float:left; padding:10px;}
.logo a {display:block; color:#000; width:190px; height:60px; background:url(images/logo.png) no-repeat left center; background-size:contain; text-indent:-9999em;}
/*nav*/
.nav {background-color:#222; position:fixed; left:-200px; width:200px; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:left .3s; z-index:9;}
.nav.open {left:0;}
.nav ul {padding:80px 0;}
.nav li {float:none; line-height:60px; font-size:18px;position:relative;}
.nav li a {color:#fff; display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 2em;}
.nav li a:hover {opacity:0.85;}
/*nav*/
.navBtn {width:25px; height:20px; position:absolute; right:10px; top:50%; margin-top:-10px; cursor:pointer; display:block; z-index:10;}
.navBtn span {position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:1px; background-color:#000;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:1px; background-color:#000; position:absolute; left:0;}
.navBtn span:before {top:-8px;}
.navBtn span:after {bottom:-8px;}
/*wrapper*/
.wrapper {margin-bottom:1.83%; padding-bottom:1.83%;}
.wrapper .inner {overflow: hidden;}
/*entry*/
.entry {font-size:18px; line-height: 1.75em; color:#222; margin-bottom:35px; overflow:hidden; word-break:break-all;}
.entry p {margin-bottom:25px;}
.entry img, .entry mip-img, .entry .mip-fill-content {width:auto; min-width:auto; max-width:100%; height:auto;}
.entry blockquote {margin:0 2em 25px; overflow: hidden; padding:25px 25px 0; color:#666; background-color:#f9f9f9; border-radius:5px; font-style:italic;}
.entry h4 {font-size:18px; line-height: 1.75em; margin-bottom:25px;}
.entry ul, .entry ol {margin-bottom:25px; margin-left:2em;}
.entry ul li {list-style:inside disc none;}
.entry ol li {list-style:inside decimal none;}
.entry li p {display:inline;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:25px;}
.entry a {color:#000; text-decoration: underline;}

/*postTags*/
.postTags {margin-bottom:35px;}
.postTags span {font-weight:bold; color:#000;}
.postTags a {color:#333; margin-left:10px;}
.postTags a:hover {color:#000;}
/*postnavi*/
.postnavi {margin-bottom:3.5%;}
.postnavi p {padding:5px 0;}
.postnavi span {font-weight:bold; color:#000;}
.postnavi a {color:#333;}
.postnavi a:hover {color:#000;}
/*文章列表*/

.blogList {overflow:hidden; width:103%; margin-bottom:3.5%;}
.blog {width:31%; padding-right:2%; padding-bottom:2%; float:left;}
.blog a {position:relative; color:#fff; display:block; overflow:hidden; margin:10px; box-shadow:0px 0px 10px #ccc;}
.blog .thumbnail {padding-bottom:75%; background:no-repeat center center; background-size:cover;}
.blog .info {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; transition:all .3s; background-color:rgba(0,0,0,.2);}
.blog .box {width:94%; position:absolute; left:3%; bottom:0; padding:10px 0; transition:bottom .3s;}
.blog h2 {font-weight:normal; font-size:18px; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.blog .meta {overflow:hidden; font-size:0; line-height:normal;}
.blog .meta span {font-size:12px; line-height:1.5em; display:inline-block; padding-right:15px;}
.blog .intro {display:none; font-size:14px; line-height:1.75em; height:8.75em; overflow:hidden;}
.blog a:hover .info {background-color:rgba(0,0,0,.8);}
.blog a:hover .box {bottom:50%; transform:translateY(50%); text-align:center;}
.blog a:hover h2, .blog a:hover .meta {margin-bottom:5px;}
.blog a:hover .intro {display:block;}
/*article*/
.article .title {font-size:28px; text-align:center; line-height: 1.35em; font-weight:normal; margin-bottom:25px;}
.article .meta {font-size:0; line-height: normal; text-align:center; margin-bottom:25px; border-bottom:1px dashed #eee; padding-bottom:20px;}
.article .meta span {font-size:14px; color:#888; padding:0 10px;}
.error {text-align:center;}
/*详情模块标题*/
.boxtitle {font-size:18px; margin-bottom:2.43%; line-height: 1.35em;}
/*评论留言*/
.commentlist {overflow: hidden; margin-bottom:2.43%;}
.commentlist li {overflow: hidden; margin-bottom:2.43%; padding-bottom:2.43%; border-bottom:1px solid #eee;}
.commentlist .avatar {float:left; width:60px; height:60px; border-radius:5px; overflow: hidden;}
.commentlist .avatar img {display:block; width:100%; height:100%;}
.commentlist .info {margin-left:80px; overflow: hidden;}
.commentlist .name {font-size:16px; font-weight:bold; line-height: 1.35em; color:#333;}
.commentlist time {display:block; color:#999; font-size:12px; line-height: 1.5em;}
.commentlist .replay {font-size:12px; font-weight:bold; color:#000;}
.commentlist .text {padding:5px 0; font-size:16px; color:#555;}
.commentlist li li {margin:2.43% 0 0 2%; padding-bottom:0; border-bottom:none;}

/*评论框*/
#comment .item {overflow: hidden; margin-bottom:15px; position:relative;}
#comment label {display:block; float:left; height:40px; line-height: 40px; font-size:16px;}
#comment label i {font-style:normal; color:#f00;}
#comment .input {margin-left:80px; overflow: hidden; border:1px solid #e4e4e4; border-radius:5px;}
#comment .text, #comment textarea {width:98%; height:20px; line-height: normal; padding:10px 1%; font-size:16px; font-family: 'Microsoft Yahei'; -webkit-appearance:none;}
#comment textarea {height:150px; resize: none;}
#comment .submit {float:right; color:#fff; background-color:#555; border-radius:5px; height:45px; width:150px; font-size:16px; cursor:pointer;}
#comment .submit:hover {opacity:.9;}
#comment .verify {position:relative;}
#comment .verify .input {margin-right:126px;}
#comment .verify img {display:block; position:absolute; right:0; top:0; height:100%; width:auto; cursor:pointer; border-radius:2px;}
/*screen width*/
@media only screen and (max-width:1280px){
	/*gold*/
	.inner {width:93.75%;}
	
	.banner {padding-bottom:27.344%;}
	
	.blog h2 {font-size:16px;}
	.blog .intro {height:5.25em;}
}

@media only screen and (max-width:960px){	
	.header .inner {height:60px;}
	/*logo*/
	.navBtn {right:5px;}
	.logo {padding-left:5px; padding-right:5px;}
	.logo a {width:127px; height:40px;}

	.breadcrumb {margin-bottom:0; margin-top:5px;}
	.breadcrumb .box {padding:0 5px;}
	/*文章列表*/
    .blog a {margin:5px; box-shadow:0px 0px 5px #ccc;}
	.article .title {margin-bottom:15px;}
	.article .meta {padding-bottom:10px;}
	.entry {font-size:16px; margin-bottom:15px;}
	.entry p, .entry blockquote, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol, .postTags, .postnavi {margin-bottom:20px;}
}
@media only screen and (max-width:768px){
    .nav {background-color:rgba(0,0,0,.85);}
    .nav ul {padding:50px 0;}
    .nav li {font-size:16px; line-height:40px;}
    .nav li a {padding:0 1.5em;}
	
	.blogList {width:102%;}
	.blog {width:48%;}
	.blog a:hover .info {background-color:transparent;}
    .blog a:hover .box {bottom:0; transform:none; text-align:left;}
    .blog a:hover h2, .blog a:hover .meta {margin-bottom:0;}
    .blog a:hover .intro {display:none;}
    .blog h2 {font-size:14px; white-space:normal; line-height:1.5em; max-height:6em;}
    .blog .meta {display:none;}
	/*entry*/	
	.entry, .entry h4 {margin-bottom:20px; font-size:16px;}
	.entry p, .entry ul {margin-bottom:20px;}
	

	/*pagenavi*/
	.pagenavi a, .pagenavi span.now-page {font-size:12px; height:28px; line-height: 28px; padding:0 10px; margin-top:10px;}
	/*footer*/
	.footer {padding:15px 0; line-height: 1.75em;}

	/*文章列表*/
	


	.header .inner {height:50px;}
	/*logo*/
	.logo a {width:95px; height: 30px;}	


    .article .title {font-size:20px;}
    .article .meta {margin-bottom:15px;}
    .entry p, .entry blockquote, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol, .postTags, .postnavi {margin-bottom:10px;}
	.entry {margin-bottom:5px;}
	.entry blockquote {padding:15px 15px 0; margin:0 15px 20px;}
	
	.postnavi p, .postTags {font-size:14px;}
	

	.commentlist {margin-bottom:20px;}
	.commentlist li {margin-bottom:15px; padding-bottom:10px;}
	.commentlist .avatar {width:30px; height:30px;}
	.commentlist .info {margin-left:40px;}
	.commentlist .name {font-size:14px; margin-bottom:5px;}
	.commentlist .replay a {color:#999;}
	.commentlist .text {font-size:14px; line-height: 1.75em;}
	.commentlist li li {margin-top:15px;}
	
	#comment label {font-size:14px; height:35px; line-height: 35px;}
	#comment .input {margin-left:50px;}
	#comment .text, #comment textarea {padding:7.5px 2%; width:96%; font-size:14px;}
	#comment textarea {height:90px;}
	#comment .submit {font-size:14px; height:37px; width:100px;}
	#comment .verify .input {margin-right:111px;}
}