*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
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,.boke8.net{margin:0;padding:0;}
body{background-color:#616E56;font:16px/1.875em sans-serif;position:relative;overflow-x:hidden;color:#333;word-break:break-all;}
input,textarea{-webkit-appearance:none;border:none;font-family:inherit;font-size:1em;}
input:focus,textarea:focus{outline:none;}
a{text-decoration:none;color:#455469;}
a:hover{color:#D76452;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
img{max-width:100%;vertical-align: middle;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;font-size:1em;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}
.thumbnail{overflow:hidden;position:relative;}
.thumbnail a{display:block;position:relative;padding-bottom:75%;}
.thumbnail img{display:block;width:100%;object-fit:cover;height:100%;position:absolute;left:0;top:0; transition: all 0.2s;}

/*ggbox*/
.ggbox{margin-bottom:1em;}
.ggbox img,.ggbox a{display:inline-block;vertical-align:middle;}

/*Theme By https://www.boke8.net*/
#container{width:1440px;max-width:93.75%;margin:20px auto 0;border:1px solid #5B6952;}

/*header*/
#header{padding:10px 0;background-color:#65C178;border-bottom:1px solid #1a3e22;display:table;table-layout:fixed;width:100%;position:relative;z-index:9;}
#header > div{display:table-cell;vertical-align:middle;}

/*logo*/
#logo{width:220px;overflow:hidden;color:#fff;text-transform:uppercase;padding:0 15px;display:table-cell;vertical-align:middle;}
#logo a{display:block;background:no-repeat left center;background-size:contain;position:relative;padding-bottom:21.0526%;}
#logo i{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;}

/*share*/
#share{padding:0 10px;}
#share ul{display:table;table-layout:fixed;}
#share li{display:table-cell;vertical-align:middle;padding:0 10px;text-align:center;position:relative;}
#share a{display:block;background-color:#fff;color:#56A466;font-size:14px;border-radius:3px;padding:0 10px;}
#share .name{font-style:normal;margin-left:3px;}
#share .qr{position:absolute;left:50%;top:100%;transform:translateX(-50%);background-color:#fff;padding:5px;width:120px;border-radius:3px;margin-top:10px;display:none;}
#share .qr:before{border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);}
#share .qr img{display:block;width:100%;height:auto;}
#share a:hover{opacity:.75;}

/*topbtn*/
#topbtn{width:0;color:#fff;overflow:hidden;line-height:20px;font-size:18px;}
#topbtn > div{cursor:pointer;}
#srebtn,#schbtn{display:none;}

/*navbtn*/
#navbtn{width:20px;height:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
#navbtn i{display:block;width:9px;height:9px;background-color:#fff;border-radius:1px;}

/*search*/
#search{width:280px;padding:0 15px;}
#search form{display:block;background-color:#56A466;border-radius:15px;overflow:hidden;position:relative;padding-right:40px;}
#search .text{height:30px;line-height:20px;padding:5px 1em;width:100%;display:block;color:#fff;background:none;}
#search .submit{width:40px;height:100%;background:url(images/search-btn.png) no-repeat center center;cursor:pointer;position:absolute;right:0;top:0;}

/*content*/
#wrapper{background-color:#F2F2F2;overflow:hidden;display:table;table-layout:fixed;width:100%;}

/*content*/
#main{display:table-cell;vertical-align:top;}

/*bar*/
#bar{background-color:#455469;position:relative;display:table;table-layout:fixed;width:100%;z-index:8;}

/*breadcrumb*/
#breadcrumb{display:table-cell;vertical-align:middle;padding:1em 20px;text-align:right;color:#fff;font-size:12px;width:280px;}
#breadcrumb .box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#breadcrumb i{color:#569F67;}
#breadcrumb a{color:#fff;}

/*nav*/
#nav{display:table-cell;vertical-align:middle;}
#nav ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
#nav li{color:#fff;line-height:2em;font-size:14px;position:relative;}
#nav li a{color:#fff;padding:16px 20px;display:block;}
#nav li a i{margin-right:3px;}
#nav .on > a{background-color:#171A1E;color:#A53842;}
#nav li ul{position:absolute;left:0;z-index:2;background-color:#171A1E;width:100%;display:none;z-index:5;text-align:center;}
#nav li li{border-top:1px solid #332F29;}
#nav li li a{color:#fff;padding:5px 1em;}
#nav li em{display:none;}

/*content*/
#content{display:table;table-layout:fixed;width:100%;padding:15px;}

/*postbox*/
#postbox{display:table-cell;vertical-align:top;}

/*blogitem*/
.blogtop{background-color:#fff;padding:10px 20px;margin-bottom:15px;}
.blogtop h2{font-size:16px;line-height:1.875em;}
.blogtop span{color:#fff;background-color:#D76452;padding:0 5px;font-size:0.875em;line-height:1.5em;border-radius:3px;margin-right:0.71428em;display:inline-block;vertical-align:middle;font-weight:normal;}
.blogtop a{display:inline-block;vertical-align:middle;}

/*blogitem*/
.blogitem{margin-bottom:15px;overflow:hidden;background-color:#fff;}
.blogitem .top{padding:20px;}
.blogitem .title{font-size:1.375em;line-height:1.35em;margin-bottom:1.2%;}
.blogitem .title strong {color:#f00;}
.blogitem .tag{color:#999;font-size:12px;margin-bottom:1.7%;line-height:1.5em;}
.blogitem .tag span{display:inline-block;vertical-align:middle;margin-right:1.36%;}
.blogitem .tag span:before{width:6px;height:6px;border-radius:50%;background-color:#69c37b;display:inline-block;vertical-align:middle;content:'';margin-right:5px;}
.blogitem .tag a{color:#999;display:inline-block;vertical-align:middle;}
.blogitem .tag a:hover{color:#69C37B;}
.blogitem .box{display:table;table-layout:fixed;width:100%;}
.blogitem .thumbnail{display:table-cell;vertical-align:top;padding-right:15px;width:180px;}
.blogitem .excerpt{display:table-cell;vertical-align:top;}
.blogitem .excerpt p{display:-webkit-box;-webkit-box-orient:vertical;color:#555;max-height:7.5em;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;text-align:justify;}
.blogitem .meta{background-color:#f9f9f9;border-top:1px solid #eee;line-height:30px;color:#999;font-size:12px;display:flex;justify-content:space-between;align-items:center;}
.blogitem .meta ul{display:table;max-width:calc(100% - 90px);}
.blogitem .meta li{display:table-cell;padding:10px 20px;position:relative;vertical-align:middle;}
.blogitem .meta .line{padding:0;}
.blogitem .meta .line:after{display:block;width:1px;height:10px;background-color:#999;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);}
.blogitem .meta span{color:#455469;font-size:18px;font-family:"Adobe Garamond Pro",Georgia,serif;display:inline-block;line-height:1.2em;margin-top:-0.2222em;}
.blogitem .meta .num{max-width:5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
.blogitem .more{height:100%;margin-top:-1px;}
.blogitem .more a{color:#fff;display:block;background-color:#69C37B;padding:15px;transition:all .3s;text-align:center;font-size:14px;}
.blogitem .more a:hover{background-color:#D92622;}
.blogitem:hover .thumbnail img {transform: scale(1.05);}
/*pagenavi Theme By http://www.boke8.net*/
#pagenavi{clear:both;overflow:hidden;text-align:center;font-size:0.875em;display: flex; justify-content: center; flex-wrap: wrap;}
#pagenavi a,#pagenavi span.now-page{display:block;padding:0 5px; margin:2px; background-color:#455469;color:#fff;min-width:2.1428em;height:2.1428em;line-height:2.0714em;}
#pagenavi a:hover,#pagenavi span.now-page{background-color:#2C3542;transition:all 0.3s ease-in 0s;}

/*post*/
.post{background-color:#fff;overflow:hidden;}
.post .box{padding:20px;}
.post .name{font-size:1em;font-weight:normal;padding:5px 20px;background-color:#F2F2F2;}
.post .name:before{width:6px;height:6px;background:url(images/green-dot.png) no-repeat center center;background-size:contain;display:inline-block;content:'';vertical-align:middle;margin-right:9px;margin-top:-0.1875em;}

/*title*/
#title{font-size:24px;font-weight:normal;margin-bottom:1.5%;}
#title.center{text-align:center;}

/*postmeta*/
#postmeta{color:#999;font-size:12px;margin-bottom:2.5%;line-height:1.75em;}
#postmeta span{background:url(images/green-dot.png) no-repeat left center;padding-left:14px;display:inline-block;vertical-align:middle;margin-right:1em;}
#postmeta a{color:#999;}
#postmeta a:hover{color:#69C37B;}

/*entry*/
#entry{overflow:hidden;}
#entry ul,#entry ol{margin-left:3em;}
#entry ul li{list-style:outside url(images/green-dot.png) none;}
#entry ol li{list-style:outside decimal none;}
#entry img{height:auto!important;}
#entry p,#entry hr,#entry h1,#entry h2,#entry h3,#entry h4,#entry h5,#entry h6{margin-bottom:1em;}
#entry li p{margin-bottom:0;}
#entry h1{font-size:1.5em;}
#entry h2{font-size:1.25em;}
#entry h3{font-size:1.125em;}
#entry h4{font-size:1em;}
#entry h5{font-size:0.875em;}
#entry h6{font-size:0.75em;}
#entry blockquote{margin:0 2em 1em;font-style:italic;padding:1em 1.125em;border:1px solid #e8e8e8;background-color:#f9f9f9;color:#555;}
#entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
#entry a{color:#D76452;}
#entry a:hover{text-decoration:underline;}

/*tags*/
#tags{margin-bottom:1.5em;font-size:0.875em;}
#tags span{color:#999;display:inline-block;vertical-align:middle;}
#tags a{display:inline-block;vertical-align:middle;color:#D76452;margin:0 0.5em;}
#tags a:hover{text-decoration:underline;}

/*statement*/
#statement{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:5px;font-size:0.75em;padding:1em 1.125em;color:#999;line-height:1.875em;margin-bottom:1.5em;}
#statement a{color:#D76452;text-decoration:underline;}
#statement a:hover{text-decoration:none;}

/*postnavi*/
#postnavi{font-size:0.875em;overflow:hidden;}
#postnavi > div{max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi .prev{float:left;}
#postnavi .prev a:before{content:'«';display:inline-block;margin-right:5px;}
#postnavi .next{float:right;}
#postnavi .next a:after{content:'»';display:inline-block;margin-left:5px;}

/*related*/
#related ul{padding:10px 20px;}
#related li{font-size:0.875em;background:url("images/cate.png") no-repeat left center;padding-left:20px;line-height:2.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:70px;}
#related span{font-size:0.875em;color:#999;position:absolute;right:0;top:50%;transform:translateY(-50%);}

/*warning*/
.warning{font-size:12px;color:#999;line-height:1.75em;margin-bottom:1em;}

/*comment*/
#comment{font-size:14px;}
#comment .item{margin-bottom:15px;overflow:hidden;}
#comment .item:last-child{margin-bottom:0;}
#comment label{display:block;line-height:1.75em;margin-bottom:5px;}
#comment .input{overflow:hidden;border:1px solid #ddd;position:relative;transition:all 0.2s ease-in 0s;}
#comment .focus{border-color:#D76452;}
#comment .text{height:36px;line-height:24px;padding:6px 1em;width:100%;}
#comment textarea.text{height:150px;width:100%;resize:vertical;}
#comment i{color:#f00;font-style:normal;}
#comment .submit,#comment .cancel{border-radius:4px;background:#D76452;width:6.25em;height:2.25em;color:#fff;cursor:pointer;float:right;display:block;}
#comment .submit:hover{background:#D76A61;}
#comment .cancel{background-color:#e4e4e4;color:#555;text-align:center;line-height:36px;display:none;margin-left:1em;}
#comment .column{display:flex;justify-content:space-between;}
#comment .column .item{width:32%;}
#comment .verify .input{padding-right:96px;}
#comment .verify img{position:absolute;right:3px;top:50%;transform:translateY(-50%);height:30px;width:auto;}

/*commentslist*/
#commentslist li{border-bottom:1px dashed #ccc;margin-bottom:1em;padding-bottom:1em;}
#commentslist .avatar{float:left;}
#commentslist .avatar img{display:block;width:35px;height:35px;border-radius:50%;}
#commentslist .text{margin-left:45px;overflow:hidden;}
#commentslist .author{font-size:14px;font-weight:bold;line-height:1.35em;margin-bottom:3px;}
#commentslist .author a{color:#2C3542;}
#commentslist .meta{color:#aaa;font-size:12px;line-height:1.35em;margin-bottom:5px;}
#commentslist .meta span{display:inline-block;vertical-align:middle;}
#commentslist .cmt{color:#555;font-size:14px;line-height:1.75em;}
#commentslist li li{border-bottom:none;margin:1em 0 0 45px;background-color:#f9f9f9;padding:1em;border:1px solid #e4e4e4;}
#commentslist li li li{background-color:#fff;}

/*error404*/
#error404{text-align:center;padding:10vh 5%;}
#error404 .title{font-size:3em;line-height:1.5em;margin-bottom:5%;}
#error404 .entry{color:#757485;}

/*widget*/
.widget{overflow:hidden;background-color:#fff;}
.widget h3{background-color:#455469;color:#B5BDC7;padding:8px 10px;font-size:0.875em;font-weight:normal;position:relative;}
.widget h3 span{background:url(images/green-dot.png) no-repeat left center;padding-left:15px;}
.widget img{width:100%;height:auto;display:block;}
.widget ul{padding:10px;overflow:hidden;}
.widget li{background:url(images/cate.png) no-repeat left 0.75em;background-size:auto 1em;padding-left:1.42857em;font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2.5em;position:relative;}
.widget li li{font-size:1em;}
.widget li ul{padding:0;}
.widget .textwidget{font-size:0.875em;line-height:1.75em;padding:10px;}

/*sideleft*/
#sideleft{width:220px;background-color:#fff;display:table-cell;vertical-align:top;}
#sideleft .widget h3 i{top:18px;}
#sideleft .name{background:#2C3542;height:60px;color:#fff;line-height:60px;padding:0 15px;font-size:1.25em;font-family:Arial;position:relative;}
#sideleft .name h1,#sideleft .name .blogName{font-weight:normal;font-size:0.875em;font-family:'Microsoft Yahei',Arial;}
#sideleft .avatar{border-bottom:1px solid #f0f0f0;}
#sideleft .avatar img{background:#fff;display:block;width:172px;height:172px;margin:20px auto;border:4px solid #69C37B;border-top:4px solid #D7E8DD;border-left:4px solid #D7E8DD;padding:2px;border-radius:50%;}
#sideleft .textwidget{padding:10px;}
#sideleft .divContorPanel .textwidget{padding:10px 25px;}

/*sideRight*/
#sideRight{width:265px;display:table-cell;vertical-align:top;padding-left:15px;}
#sideRight .widget{margin-bottom:1.5625em;}
#sideRight .visiter h3{padding:0;}

/*divComments*/
.divComments li{clear:both;overflow:hidden;background:none;padding-left:0;white-space:normal;padding:0.5em 0;}
.divComments li .meta{overflow:hidden;margin-bottom:2px;display:flex;justify-content:space-between;align-items:center;}
.divComments li .meta a{display:block;}
.divComments li .meta img{width:2.14285em;height:2.14285em;border-radius:50%;}
.divComments li .meta span{color:#bbb;font-size:0.75em;display:block;}
.divComments li .text{color:#455469;border:1px solid #E3E7EE;padding:0.75em 1em;line-height:1.75em;position:relative;margin-top:0.714285em;}
.divComments li .text:before{display:block;content:'';width:0.5em;height:0.5em;border-right:1px solid #E3E7EE;border-top:1px solid #E3E7EE;background-color:#fff;position:absolute;left:0.714285em;top:-5px;transform:rotate(-45deg);}

/*divCalendar*/
.divCalendar{text-align:center;}
.divCalendar caption{margin-bottom:0.5em;}
.divCalendar td{font-size:0.875em;color:#666;}
.divCalendar td a{font-weight:bold;color:#69C37B;}

/*divContorPanel*/
.divContorPanel .textwidget{padding:10px 25px;}

/*divSearchPanel*/
.divSearchPanel form{display:block;position:relative;}
.divSearchPanel input[type='text']{height:2.2857em;line-height:1.71428em;padding:0.2857em 5%;width:100%;display:block;background-color:#f9f9f9;font-size:0.875em;}
.divSearchPanel input[type='submit']{position:absolute;right:0;top:0;height:100%;color:#fff;font-size:0.875em;width:3em;background-color:#65C178;cursor: pointer;}

/*divTags*/
.divTags ul{width:102%;}
.divTags li{float:left;width:50%;padding:1% 2% 1% 0;background:none;font-size:12px;}
.divTags li .tag-count{display:none;}
.divTags li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f9f9f9;padding:0 1em;color:#666;}
.divTags li a:hover{background-color:#d3d9e0;color:#fff;}

/*divAuthors*/
.divAuthors li{padding-left:0;background:none;line-height:1.5em;white-space:normal;padding:5px 0;}
.divAuthors li:before{width:0.5em;height:0.5em;border-radius:50%;display:block;content:'';position:absolute;left:0;}
.divAuthors li a{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.divAuthors li .article-nums{font-size:0.75em;color:#888;line-height:1.35em;}

/*divMisc*/
.divMisc ul{width:103%;display:flex;flex-wrap:wrap;}
.divMisc li{background:none;padding:1.5% 3% 1.5% 0;width:50%;}
.divMisc li a{display:block;}

/*Theme By http://www.boke8.net sidebar*/
.visiter{background-color:transparent;margin-bottom:1.5625em;}
.visiter h3{color:#5C697B;font-size:0.875em;background:none;font-weight:bold;}
.visiter ul{width:102%;display:flex;flex-wrap:wrap;}
.visiter li{float:left;padding:1% 2% 1% 0;width:25%;background:none;}
.visiter li a{padding:1px;border-radius:50%;border:1px solid #E3E7EE;background:#fff;display:block;overflow:hidden;}
.visiter li img{border-radius:50%;transform:rotateZ(-360deg);transition:all 0.3s ease-out 0s;}
.visiter li img:hover{transform:rotateZ(360deg);transition:all 0.3s ease-out 0s;}

/*footer*/
#footer{clear:both;overflow:hidden;}
#copyright{background-color:#4D602E;padding:5px 10px;color:#7D9B4F;margin-bottom:10px;font-size:12px;border-radius:3px;color:#7D9B4F;line-height:1.5em;float:right;text-transform:uppercase;margin-top:10px;}
#copyright a{color:#7D9B4F;display:inline-block;}

/*jquery-rebox*/
.rebox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-filter:none!important;background:rgb(0,0,0); /* IE Fallback (Solid Colour) */background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,0.7);}
.rebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
.rebox-contents{position:absolute;top:50%;transform:translateY(-50%);left:5%;text-align:center;width:90%;max-height:90%;}
.rebox-contents .rebox-content{border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px;max-width:100%;max-height:100%;}
.rebox-loading{width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%;}
.rebox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7);}
.rebox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px;}
.rebox-button{position:absolute;z-index:9999;min-width:40px;height:40px;line-height:40px;background:rgb(0,0,0);opacity:0.4;text-decoration:none;font-size:24px;color:#fff;text-align:center;vertical-align:middle;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;border-radius:32px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.rebox-button:hover,.rebox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.rebox-close{right:10px;top:10px;}
.rebox-next{right:10px;top:48%;}
.rebox-prev{left:10px;top:48%;}
.rebox-loading{left:50%;top:48%;-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear;}
@-ms-keyframes spin{
	from{-ms-transform:rotate(0deg);}
	to{-ms-transform:rotate(360deg);}
}
@-moz-keyframes spin{
	from{-moz-transform:rotate(0deg);}
	to{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
@keyframes spin{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

/*slidershow*/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:1px auto;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
.rslides_container{margin-bottom:15px;position:relative;width:100%;}
.centered-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("images/arrow.gif") no-repeat left top;margin-top:-45px;}
.centered-btns_nav:active{opacity:1.0;}
.centered-btns_nav.next{left:auto;background-position:right top;right:0;}
.transparent-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff; /* Fix for IE6-9 */opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%;}
.transparent-btns_nav.next{left:auto;right:0;}
.large-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url("themes.gif") no-repeat left 50%;width:38px;}
.large-btns_nav:active{opacity:1.0;}
.large-btns_nav.next{left:auto;background-position:right 50%;right:0;}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus{outline:none;}
.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs{position:absolute;bottom:10px;right:20px;text-align:center;z-index:2;}
.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0,.2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px;}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a{background:#222;background:rgba(255,255,255,.8);}

/*screen width*/
@media only screen and (max-width:1280px){
	#sideleft .name{height:52px;line-height:52px;}

	/*1280px*/
	body{font-size:14px;}

	/*1280px*/
	#logo,#sideleft{width:18.333%;}

	/*1280px*/
	#search{width:23.333%;}

	/*1280px*/
	#share li{padding:0 8px;}

	/*1280px*/
	#breadcrumb{width:28.133%;}

	/*1280px*/
	#nav{padding:0 10px;}
	#nav li a{padding:12px 10px;}

	/*1280px*/
	#sideRight{width:27.9536%;}

	/*1280px*/
	.blogitem .thumbnail{width:155px;}

	/*1280px*/
	#title{font-size:1.875vw;}

	/*1280px*/
	#comment .text{height:32px;line-height:20px;}
}
@media only screen and (max-width:1024px){

	/*1024px*/
	body{background-color:#65c178;}

	/*1024px*/
	#container{width:auto;margin:0;max-width:none;border:none;}

	/*1024px*/
	#logo{width:175px;}

	/*1024px*/
	#search{width:223px;}

	/*1024px*/
	#share ul{float:right;}
	#share .name{display:none;}
	#share a{padding:0;background-color:transparent;color:#fff;width:25px;height:25px;line-height:25px;border:1px solid #fff;}

	/*1024px*/
	#topbtn{width:50px;padding:0 15px;}

	/*1024px*/
	#sideleft{display:none;}

	/*1024px*/
	#bar{display:block;height:auto;border-top:none;}

	/*1024px*/
	#breadcrumb{width:auto;display:block;text-align:left;padding:0.25em 15px;}

	/*1024px*/
	#nav{position:fixed;padding:0;right:0;top:84px;height:calc(100% - 74px);background-color:#455469;width:80%;max-width:250px;box-shadow:0px 0px 5px rgba(0,0,0,.3);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:all .3s;}
	#nav.active{transform:translateX(0);}
	#nav ul{display:block;}
	#nav li{font-size:16px;border-bottom:1px solid rgba(255,255,255,.05)}
	#nav li a{padding:0.625em 2em;}
	#nav li ul{position:static;width:auto;text-align:left;background-color:rgba(0,0,0,.2);}
	#nav li li{font-size:0.875em;border-bottom:none;border-top:1px solid rgba(255,255,255,.05)}
	#nav li li a{padding:0.357em 2em 0.357em 4em;}
	#nav li em{position:absolute;right:0;top:0;width:53px;height:53px;cursor:pointer;z-index:2;display:block;}
	#nav li em:after{width:0.4375em;height:0.4375em;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);display:block;content:'';position:absolute;right:50%;top:50%;margin-top:-0.3125em;}

	/*1024px*/
	.blogitem{margin-bottom:10px;}
	.blogitem .top{padding:15px;}
	.blogitem .meta ul{max-width:calc(100% - 80px);}
	.blogitem .meta li{padding:8px 15px;}
	.blogitem .more a{padding:10px;}
	.blogitem .meta span{font-size:16px;}

	/*1024px*/
	.blogtop{padding-left:15px;padding-right:15px;margin-bottom:10px;}

	/*1024px*/
	.post .box{padding:15px;}
	.post .name{padding-left:15px;padding-right:15px;}

	/*1024px*/
	#title{font-size:18px;}

	/*1024px*/
	#related ul{padding:8px 15px;}

	/*1024px*/
	#slides{margin-bottom:10px;}
}
@media only screen and (max-width:768px){
	#error404{padding:30vh 5%;}
	#error404 h2{font-weight:28px;}
	#error404 #entry{font-size:16px;}

	/*768px*/
	#header{display:flex;align-items:center;flex-wrap:wrap;height:auto;justify-content:space-between;padding:10px 3.125%;}
	#header > div{display:block;}
	#header > #topbtn{display:flex;justify-content:space-between;width:90px;}
	#header #share,#header #search{display:none;}
	#logo{padding:0;}

	/*768px*/
	#topbtn{padding:0;}

	/*768px*/
	#srebtn,#schbtn{display:block;}
	#search,#share{width:100%;background-color:#455469;border-top:1px solid #5B6952;padding:10px 15px;position:absolute;left:0;top:100%;z-index:2;}

	/*768px*/
	#search form{background-color:#2C3542;}

	/*768px*/
	#share ul{float:none;margin:0 auto;}
	#share li{padding:0 5px;}

	/*768px*/
	#nav{top:90px;height:calc(100% - 90px);}
	#nav li{font-size:14px;}
	#nav li em{width:45.5px;height:45.5px;}
	#nav li em:after{margin-top:-0.25em;}

	/*768px*/
	#sideRight{display:none;}

	/*768px*/
	#copyright{float:none;margin:0;border-radius:0;background-color:#65c178;color:#eee;}
	#copyright a{color:#eee;}

	/*768px*/
	#content{padding:3.125%;}

	/*768px*/
	.blogitem .title{font-size:16px;margin-bottom:5px;}
	.blogitem .tag{margin-bottom:10px;}
	.blogitem .tag span:before{margin-right:2px;}
	.blogitem .meta{font-size:12px;}
	.blogitem .meta ul{display:block;}
	.blogitem .meta li{display:none;padding:0 15px;}
	.blogitem .meta .date{display:block;}
	.blogitem .meta span{font-size:14px;}
	.blogitem .more a{padding:3px 15px;font-size:12px;line-height:2em;}

	/*768px*/
	.blogtop h2{font-size:15px;}

	/*768px*/
	#postmeta span{padding-left:12px;}

	/*768px*/
	#footer{text-align:center;}

	/*768px*/
	#comment .column{display:block;}
	#comment .column .item{width:auto;}
	#comment .column .item:last-child,#comment .item{margin-bottom:10px;}
}
@media only screen and (max-width:540px){

	/*540px*/
	.blogitem .thumbnail{width:90px;padding-right:10px;}
	.blogitem .excerpt p{height:3.75em;-webkit-line-clamp:2;}

	/*540px*/
	#postnavi > div{max-width:none;float:none;}
	#postnavi .prev,#postnavi .next{float:none;}
	#postnavi .prev a:before{content:'»';}
	#postnavi .next a:before{content:'»';display:inline-block;margin-right:5px;}
	#postnavi .next a:after{display:none;}
}