/*
Author Url: https://www.boke8.net/
*/
*{-webkit-tap-highlight-color:transparent;}
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:#eee;font:normal 16px/1.5em sans-serif;word-break:break-all;}
button,select,input,textarea{color:#333;font-size:1em;font-family:inherit;}
a{text-decoration:none;color:#444;}
a:hover{color:#2B6BAB;}
li{list-style:none;}
hr{margin-bottom:2.5%;overflow:hidden;border-bottom:1px solid #EAEAEA;}
.clearfix{clear:both;}
a img{border:none;}
img{max-width:100%;vertical-align:middle;}
.thumbnail{overflow:hidden;position:relative;}
.thumbnail a{padding-bottom:75%;position:relative;overflow:hidden;display:block;}
.thumbnail img{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;object-fit:cover;transition:all .2s;}
.thumbnail .img{padding-bottom:75%;background:no-repeat center center;background-size:cover;display:block;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:14px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}

/*gold*/
.inner{width:93.75%;max-width:1280px;margin:0 auto;transition:width 0.3s ease 0s;}
.wrap,.gg{overflow:hidden;margin-bottom:20px;}
.gg img,.widget img{display:block;width:100%;height:auto;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/*boxname*/
.boxname{background-color:#EBEBEB;height:2.2em;line-height:2.2em;font-size:1em;margin-bottom:1em;overflow:hidden;}
.boxname span{background-color:#2B6BAB;color:#fff;display:block;float:left;padding:0 0.625em;}

/*owl-carousel*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel img{width:100%;height:auto;display:block;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:14px;height:24px;position:absolute;top:50%;margin-top:-12px;}
.owl-carousel .owl-nav .owl-prev{background:url(images/arrows.png) no-repeat 0 0;left:10px;}
.owl-carousel .owl-nav .owl-next{background:url(images/arrows.png) no-repeat 0 -36px;right:10px;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active{opacity:1;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
.owl-height{transition:height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
.owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-nav.disabled + .owl-dots{margin-top:10px;}
.owl-dots{position:absolute;bottom:0px;width:100%;left:0;}
.owl-dots .owl-dot{float:left;cursor:pointer;width:25%;}
.owl-dots .owl-dot span{width:100%;height:8px;background:rgba(0,0,0,.7);display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#869791;}

/*header*/
#header{width:100%;background-color:#fff;position:relative;}
#header .inner{padding:25px 0;display:flex;align-items:center;justify-content:space-between;}
#topbtn{display:none;}

/*logo*/
#logo{float:left;width:188px;}
#logo .span{padding-bottom:26.5958%;position:relative;}
#logo a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat left center;background-size:contain;text-indent:-99999em;overflow:hidden;}

/*searchForm*/
#searchForm{transition:all 0.3s ease 0s;width:420px;}
#searchForm form{position:relative;padding-right:68px;}
#searchForm .s{border:2px solid #ddd;width:90%;height:26px;line-height:26px;padding:5px 5%;border-radius:3px 0 0 3px;box-shadow:0 1px 2px #ddd;font-size:14px;}
#searchForm .s:focus{outline:0;}
#searchForm .submit{background-color:#2B6BAB;color:#fff;border:none;height:100%;padding:0 15px;cursor:pointer;border-radius:0 3px 3px 0;box-shadow:0 1px 2px #ddd;-webkit-appearance:none;display:block;position:absolute;right:0;top:0;font-size:14px;}
.searchbtn{cursor:pointer;float:left;margin-right:20px;display:none;}
.searchbtn span{display:block;width:17px;height:17px;border-radius:50%;border:3px solid #ddd;position:relative;}
.searchbtn span:after{content:'';display:block;width:6px;height:3px;background-color:#ddd;position:absolute;left:15px;top:19px;transform:rotate(45deg);border-radius:2px;}

/*nav*/
.nav{background-color:#2B6BAB;width:100%;height:2.625em;line-height:2.625em;box-shadow:0 1px 2px #bbb;position:relative;}
.nav ul{display:flex;justify-content:space-between;}
.nav li{position:relative;}
.nav li a{display:block;color:#fff;padding:0 1.25em;}
.nav li a:hover,.nav li.on > a{background-color:#ddd;color:#000;text-decoration:none;}
.nav li ul{position:absolute;width:100%;left:0;top:42px;z-index:2;background-color:#2B6BAB;display:none;}
.nav li li{float:none;font-size:1em;width:100%;}
.nav li li a{color:#fff;}
.nav li em{display:none;}

/*navbtn*/
.navbtn{height:25px;position:relative;cursor:pointer;width:22px;float:left;}
.navbtn span{display:block;width:100%;height:3px;background-color:#2B6BAB;border-radius:1.5px;position:absolute;top:50%;left:0;margin-top:-1.5px;transition:all 0.3s ease 0s;}
.navbtn span.span1{top:4px;}
.navbtn span.span3{top:auto;bottom:3px;}
.navbtn.open span.span2{background-color:transparent;}
.navbtn.open .span1{transform:rotate(-45deg);top:50%;}
.navbtn.open .span3{transform:rotate(45deg);top:50%;}

/*container*/
#container{clear:both;background-color:#fff;padding:10px 15px;margin:3px auto 15px;overflow:hidden;width:93.75%;max-width:1250px;}

/*slides*/
.main{float:left;width:66.66%;}
.sidebar{width:31.5%;float:right;}

/*indextop*/
#indextop{display:table;table-layout:fixed;width:100%;}

/*slides*/
#slides{display:table-cell;vertical-align:top;width:700px;overflow:hidden;position:relative;z-index:1;background:#fff url(images/grey.gif) no-repeat center center;}
#slides .item{position:relative;}
#slides .item a{display:block;overflow:hidden;color:#eee;position:relative;}
#slides .item i{display:block;padding-bottom:55.715%;background:no-repeat center center;background-size:cover;}
#slides h2{position:absolute;left:0;bottom:0;width:90%;background:rgba(0,0,0,.5);font-weight:normal;font-size:0.875em;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 5%;}

/*latest*/
#latest{display:table-cell;vertical-align:top;padding-left:20px;overflow:hidden;}
#latest li{margin-bottom:10px;overflow:hidden;}
#latest li:last-child{margin-bottom:0;}
#latest .first{padding-bottom:18px;border-bottom:1px dotted #ddd;}
#latest a{display:block;overflow:hidden;}
#latest .thumbnail{width:100px;float:left;border:1px solid #ddd;padding:1px;}
#latest .text{margin-left:115px;overflow:hidden;}
#latest .name{font-size:1em;font-weight:normal;line-height:1.5em;max-height:3em;-webkit-line-clamp:2;margin-bottom:5px;}
#latest .excerpt{color:#666;font-size:0.875em;line-height:1.5em;max-height:1.5em;-webkit-line-clamp:1;}
#latest .list{font-size:0.875em;}
#latest .list a{white-space:nowrap;text-overflow:ellipsis;background:url(images/dot.jpg) no-repeat left center;padding-left:10px;}

/*breadcrumb*/
.breadcrumb{font-size:12px;color:#888;margin-bottom:10px;background:url(images/home.png) no-repeat left 6px;padding-left:15px;}
.breadcrumb a{color:#888;}

/*featured*/
#featured .item{overflow:hidden;background-color:#eee;}
#featured .title{font-size:0.875em;line-height:2em;padding:0.25em 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
#featured .thumbnail{padding-bottom:75%;}
#featured a{display:block;background-color:#eee;text-align:center;transition:all .1s;}
#featured a:hover{background-color:#2B6BAB;color:#fff;}
#featured a:hover img{transform:scale(1.05);}

/*newsbox*/
.newsbox{width:47%;padding:10px 0;}
.newsbox .title{font-size:1.125em;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px;}
.newsbox .title span{float:right;font-size:0.7em;font-family:'Simsun';}
.newsbox .title a{color:#888;}
.newsbox li{margin-bottom:10px;overflow:hidden;}
.newsbox li:last-child{margin-bottom:0;}
.newsbox .first{padding-bottom:18px;border-bottom:1px dotted #ddd;}
.newsbox a{display:block;overflow:hidden;}
.newsbox .thumbnail{width:100px;float:left;border:1px solid #ddd;padding:1px;}
.newsbox .text{margin-left:115px;overflow:hidden;}
.newsbox .name{font-size:1em;font-weight:normal;line-height:1.5em;max-height:3em;-webkit-line-clamp:2;margin-bottom:5px;}
.newsbox .excerpt{color:#666;font-size:0.875em;line-height:1.5em;max-height:1.5em;-webkit-line-clamp:1;}
.newsbox .list{font-size:0.875em;}
.newsbox .list a{white-space:nowrap;text-overflow:ellipsis;background:url(images/dot.jpg) no-repeat left center;padding-left:10px;}

/*box*/
.box,.boxlist{width:100%;overflow:hidden;margin-bottom:20px;}
.box{position:relative;}
.box li{margin-bottom:5px;}
.box .top{float:right;width:250px;font-size:0.875em;line-height:2em;padding:5px 0;margin-bottom:0;}
.box .top a{display:block;background-color:#eee;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.box .top p{padding:5px 10px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.box .list{margin-right:270px;overflow:hidden;font-size:0.875em;line-height:2em;white-space:nowrap;text-overflow:ellipsis;}
.box .list a{white-space:nowrap;text-overflow:ellipsis;background:url(images/dot.jpg) no-repeat left center;padding-left:10px;}
.box .bold{font-weight:bold;font-size:1em;line-height:1.875em;}
.box .nr{margin-right:0;}

/*category-blog*/
.category-blog{margin-bottom:20px;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:20px;}
.category-blog h2{font-size:20px;line-height:1.5em;margin-bottom:15px;}
.category-blog .thumbnail{width:180px;float:left;}
.category-blog .intro{margin-left:200px;overflow:hidden;}
.category-blog .intro p{font-size:16px;line-height:2em;height:8em;color:#353535;-webkit-line-clamp:4;}

/*more*/
.more{position:absolute;right:0.8333em;top:0.458333em;font-size:0.75em;line-height:2em;}

/*gallery*/
.gallery{position:relative;}
.gallery ul{overflow:hidden;width:102%;}
.gallery li{float:left;width:23%;padding:1% 2% 1% 0;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery li p{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f5f5f5;}

/*portfolio-post*/
#portfolio{margin-bottom:1em;border-bottom:2px solid #ededed;padding-bottom:1em;}
.postmeta{text-align:center;font-size:0.75em;margin-bottom:25px;color:#555;}
.postmeta a{color:#555;}
.postmeta span{padding:0 10px;}
.postTitle{text-align:center;font-size:24px;line-height:1.5em;border-bottom:1px solid #eee;padding-bottom:2.5%;margin-bottom:2.5%;}

/*entry*/
.entry{font-size:16px;line-height:1.875em;color:#333;overflow:hidden;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2.5%;}
.entry img{max-width:100%;height:auto!important;}
.entry blockquote{overflow:hidden;padding:20px 20px 0;border-radius:3px;color:#444;background:#f2f2f2 url(images/block_l.png) no-repeat 5px 5px;position:relative;margin:0 2em 2.5%;}
.entry ul,.entry ol{padding-left:1em;margin:0 0 2.5% 2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry blockquote i.bq{position:absolute;right:5px;bottom:5px;background:url(images/block_r.png) no-repeat center center;display:block;width:20px;height:28px;}

/*ptags*/
#ptags{border-bottom:1px solid #e4e4e4;padding-bottom:2.5%;margin-bottom:3%;font-size:0.875em;line-height:2em;}
#ptags span{font-weight:bold;display:inline-block;vertical-align:middle;margin-right:0.5em;}
#ptags a{color:#333;background:url(images/tag.png) no-repeat left 0.5em;background-size:1em auto;padding-left:1.5em;margin-right:1em;display:inline-block;vertical-align:middle;}
.portfolio-related h3{margin-bottom:20px;}

/*postnavi*/
#postnavi{font-size:14px;line-height:2em;overflow:hidden;margin-bottom:1em;}
#postnavi p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.25em 0;}
#postnavi span{font-weight:bold;}
#postnavi .half{width:48%;overflow:hidden;}
#postnavi .thumbnail{width:75px;float:left;border-radius:5px;}
#postnavi .text{margin-left:85px;overflow:hidden;}
#postnavi .text p{padding:0;}
#postnavi .right .thumbnail{float:right;}
#postnavi .right .text{margin-left:0;margin-right:85px;text-align:right;}

/*morepost*/
#morepost{padding:3.125%;margin-bottom:1em;font-size:16px;}
#morepost h3{margin-bottom:0.833em;font-size:1.125em;}
#morepost ul{margin-left:1em;}
#morepost li{list-style:outside disc none;padding:0.3125em 0;color:#2B6BAB;}
#morepost li a{color:#2B6BAB;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}

/*comments*/
.comments h3,#comment h3{font-weight:normal;margin-bottom:20px;}
.comments li{position:relative;height:auto;min-height:42px;border-bottom:1px dotted #ddd;margin-bottom:20px;padding-bottom:5px;}
.comments li .gravatar{float:left;width:42px;height:42px;position:absolute;left:0;top:3px;}
.comments li .cmt-cont{padding-left:62px;}
.comments li .cont-head{font-size:0.75em;color:#888;overflow:hidden;margin-bottom:10px;}
.comments li .cont-head a{color:#2B6BAB;}
.comments li .cont-head span.cmt-time{float:right;}
.comments li .cont-msg{font-size:0.875em;}
.comments li .cont-other{font-size:0.75em;text-align:right;}
.comments li .cont-other span{color:#555;}
.comments li .cont-other a{color:#888}
.comments li li{border-bottom:0;margin-top:20px;margin-left:6%;}

/*commentpost*/
.commentpost{margin-bottom:20px;}
.commentpost h3{font-size:1.25em;border-bottom:2px solid #ccc;padding-bottom:5px;margin-bottom:20px;}
.commentpost .tips{color:#f30;text-align:center;font-size:0.75em;margin:1em auto;clear:both;}
.commentpost .tips  span{display:block;background-color:#FFF6E8;border:1px solid #FFE8C4;padding:5px 15px;}
.commentpost .tips a{color:#333;}
.postbottom{font-size:14px;line-height:1.75em;color:#555;margin-bottom:1em;text-align:center;margin-left:75px;}

/*commentpost*/
#comment .item{margin-bottom:10px;overflow:hidden;clear:both;position:relative;}
#comment label{display:block;float:left;line-height:44px;width:75px;}
#comment label i{font-style:normal;color:#f00;}
#comment .input{margin-left:75px;border:2px solid #CCD4D9;overflow:hidden;}
#comment .text{height:24px;line-height:24px;padding:8px 2%;width:96%;display:block;border:none;}
#comment textarea.text{height:150px;resize:vertical;}
#comment .code{position:absolute;right:0;bottom:0;height:100%;width:132px;}
#comment .code img{display:block;height:100%;width:auto;}
#comment .verify .input{margin-right:140px;}
#comment .btn{padding:20px 0;overflow:hidden;}
#comment .submit{display:block;float:right;background-color:#E74851;color:#fff;font-size:18px;border:none;border-radius:2px;width:120px;height:40px;cursor:pointer;-webkit-appearance:none;}

/*pgwslideshow*/
.pgwSlideshow{width:100%;display:none;}
.pgwSlideshow a{color:#fff;}
.pgwSlideshow .ps-current{text-align:center;position:relative;min-height:150px;overflow:hidden;}
.pgwSlideshow .ps-current > ul  > li{text-align:center;width:100%;z-index:1;opacity:0;display:block;}
.pgwSlideshow .ps-current > ul  > li img{display:block;max-width:100%;margin:auto;}
.pgwSlideshow .ps-caption{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')";text-align:left;font-size:1rem;color:#fff;position:absolute;left:0px;bottom:0px;width:100%;padding:10px;display:none;}
.pgwSlideshow .ps-caption span{padding:7px;display:inline-block;}
.pgwSlideshow .ps-list{overflow:hidden;position:relative;}
.pgwSlideshow .ps-list ul{position:relative;list-style:none;margin:0;padding:0;left:0;}
.pgwSlideshow .ps-list li{float:left;list-style:none;}
.pgwSlideshow .ps-list li .ps-item{display:block;margin:15px 8px;opacity:0.6;filter:alpha(opacity=60);}
.pgwSlideshow .ps-list li img{display:block;border:1px solid #777;width:80px;height:80px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected{float:left;opacity:1;border:4px solid #fff;overflow:hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img{margin:-4px;}
.pgwSlideshow .ps-prevIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block;}
.pgwSlideshow .ps-nextIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block;}
.pgwSlideshow .ps-current .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;padding:20px 20px 20px 15px;left:0;top:45%;cursor:pointer;}
.pgwSlideshow .ps-current .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;padding:20px 15px 20px 20px;right:0;top:45%;cursor:pointer;}
.pgwSlideshow .ps-list .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;padding:20px 15px 20px 12px;cursor:pointer;position:absolute;left:0;top:25px;z-index:1000;display:none;}
.pgwSlideshow .ps-list .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;padding:20px 12px 20px 15px;cursor:pointer;position:absolute;right:0;top:25px;z-index:1000;display:none;}
.pgwSlideshow.narrow .ps-list li img{width:60px;height:60px;}
.pgwSlideshow.narrow .ps-current .ps-prev{padding:15px 15px 15px 12px;top:40%;}
.pgwSlideshow.narrow .ps-current .ps-next{padding:15px 12px 15px 15px;top:40%;}
.pgwSlideshow.narrow .ps-list .ps-prev{padding:15px 12px 15px 10px;top:20px;}
.pgwSlideshow.narrow .ps-list .ps-next{padding:15px 10px 15px 12px;top:20px;}
.pgwSlideshow.narrow .ps-caption{font-size:0.8rem;padding:8px;}

/*pagenavi*/
.pagenavi{clear:both;overflow:hidden;text-align:center;margin-bottom:20px;}
.pagenavi a,.pagenavi span.now-page{display:inline-block;padding:3px 10px;background-color:#eee;color:#777;margin:3px;font-size:0.875em;border-radius:3px;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#2B6BAB;color:#fff;}

/*sidebar*/
.widget{margin-bottom:20px;}
.widget ul li{background:url(images/list_style.png) no-repeat left center;padding:5px 0 5px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.875em;}
.widget ul.column li{background:none;padding:5px 0;white-space:normal;}
.widget ul.column li .thumbnail{display:block;float:left;width:100px;height:66px;margin:3px 10px 0 0;}
.widget ul.column li a{font-weight:bold;}

/*widget-tab*/
.widget-tab .tab-title{overflow:hidden;margin-bottom:15px;}
.widget-tab .tab-title li{float:left;width:33.333333%;height:35px;line-height:35px;text-align:center;cursor:pointer;background-color:#EBEBEB;}
.widget-tab .tab-title li.on{background-color:#2B6BAB;color:#fff;}
.widget-tab .widget{display:none;}
.widget-tab .widget.on{display:block;}
.widget-tab .widget ul li{background:none;padding-left:0;}
.widget-tab .widget i{font-style:normal;background-color:#eee;margin-right:5px;display:inline-block;width:20px;text-align:center;font-size:0.875em;}
.widget-tab .widget i.top{background-color:#FC9F14;color:#fff;}

/*divTags*/
#divTags ul{overflow:hidden;}
#divTags li{float:left;background:none;padding:2px 2px 2px 0;font-size:0.75em;}
#divTags li a{display:block;background:#eee;padding:2px 10px;color:#222;}
#divTags li a:hover{text-decoration:none;background-color:#FC9F14;color:#fff;}
#divTags li span.tag-count{font-size:0.875em;color:#888;padding-left:5px;}
#divTags li a:hover span.tag-count{color:#fff;}

/*links*/
#links ul{overflow:hidden;display:flex;flex-wrap:wrap;padding:0 0.625em;}
#links li{float:left;font-size:0.875em;line-height:2em;margin-right:1em;}
#links li:last-child{margin-right:0;}

/*footer*/
.footer{background-color:#222;box-shadow:0 -2px 5px #bbb;padding:20px 0;color:#aaa;font-size:0.75em;text-align:center;}
.footer a{color:#aaa;}

/*backtop*/
#backtop{width:2.5em;position:fixed;top:70%;z-index:999;right:10%;}
#backtop a{display:block;padding-bottom:100%;background:#999 url(images/backtop.gif) no-repeat center center;background-size:50% auto;}
#backtop a:hover{background-color:#333;}

/*last*/
.right{float:right;}
.left{float:left;}

/*error404*/
.error404{padding:15% 0;}
.error404 .entry{text-align:center;padding:10% 0;}

/*screen width*/
@media only screen and (max-width:1280px){
	.postTitle{font-size:22px;}
}
@media only screen and (max-width:1100px){

	/*1100px*/
	#header .inner{padding:2.28% 0;}

	/*1100px*/
	#slides{width:650px;}

	/*1100px*/
	#latest li{margin-bottom:7px;}
	#latest .first{padding-bottom:15px;}
}
@media only screen and (max-width:980px){

	/*980px*/
	#header{margin-bottom:10px;}

	/*980px*/
	#topbtn{display:block;}

	/*980px*/
	#logo{width:170px;}

	/*980px*/
	#slides{width:600px;}

	/*980px*/
	#latest li{margin-bottom:5px;}
	#latest .first{padding-bottom:12px;}
	#latest .thumbnail{width:90px;}
	#latest .text{margin-left:100px;}
	#latest .name{line-height:1.35em;max-height:2.7em;}
	#latest .excerpt{-webkit-line-clamp:2;max-height:3em;}

	/*980px*/
	.newsbox li{margin-bottom:6px;}
	.newsbox .first{padding-bottom:13px;}

	/*980px*/
	.nav{display:block;position:fixed;left:0;top:0;width:220px;height:100%;background:rgba(43,107,171,0.99);z-index:9;overflow:hidden;transition:all 0.3s ease 0s;transform:translateX(-100%);opacity:0;}
	.nav.open{transform:translateX(0);opacity:1;}
	.nav .inner{height:100%;width:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:5vh 0;}
	.nav ul{display:block;}
	.nav li{padding:0.125em 0;}
	.nav li ul{position:static;background-color:transparent;padding-left:2em;}
	.nav li a:hover,.nav li a.on{background-color:transparent;color:#fff;}
	.nav li li{font-size:0.875em;padding:0;}
	.nav li em{display:block;position:absolute;right:0;top:0;height:2.875em;width:2.875em;z-index:2;}
	.nav li em:after{width:0.4em;height:0.4em;border-right:1px solid #fff;border-bottom:1px solid #fff;display:block;content:'';position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;transform:rotate(45deg);cursor:pointer;}
}
@media only screen and (max-width:880px){
	.wrap,.gg,.widget{margin-bottom:10px;}

	/*880px*/
	#indextop,#slides{display:block;width:auto;}
	#slides{margin-bottom:10px;}
	#latest{display:block;padding-left:0;margin-bottom:10px;}
}
@media only screen and (max-width:768px){
	#container{padding:10px;}
	.main,.sidebar{width:auto;height:auto;float:none;margin-bottom:10px;}
	.box,.boxlist{margin-bottom:10px;}

	/*768*/
	#header{box-shadow:0px 2px 5px rgba(0,0,0,.1);}
	#header .inner{padding:3% 0;}

	/*768*/
	.searchbtn{display:block;}

	/*768*/
	.postTitle{font-size:16px;}

	/*768*/
	.entry{font-size:14px;line-height:2em;}

	/*768*/
	#comment label{float:none;line-height:1.75em;font-size:14px;margin-bottom:5px;}
	#comment .input{margin-left:0;}
	#comment .code{height:43px;}

	/*768*/
	.postbottom{margin-left:0;font-size:12px;}

	/*768*/
	.category-blog{padding-bottom:15px;margin-bottom:15px;}
	.category-blog h2{font-size:18px;margin-bottom:10px;}
	.category-blog .thumbnail{width:150px;}
	.category-blog .intro{margin-left:165px;}
	.category-blog .intro p{font-size:14px;}

	/*768*/
	.gallery li{width:48%;}

	/*768*/
	#logo{width:150px;}

	/*768*/
	#searchForm{position:absolute;top:100%;left:0;width:86%;background:rgba(255,255,255,.95);z-index:9;border-top:1px solid #eee;box-shadow:0px 2px 5px rgba(0,0,0,.1);padding:2.5% 7%;display:none;transition:none;}
	#searchForm form{padding-right:60px;}
	#searchForm .s{height:22px;line-height:22px;}
	#searchForm .submit{padding:0 10px;}

	/*768*/
	.newsbox{width:auto;float:none;padding:8px 0;}

	/*768*/
	#morepost{font-size:14px;padding-left:1.5em;padding-right:1.5em;}

	/*768*/
	#postnavi p{padding:0.15em 0;}
	#postnavi .half{width:auto;float:none;padding:0.25em 0;}
	#postnavi .right .text{text-align:left;}

	/*768*/
	#backtop{display:none;}

	/*768*/
	.boxname{margin-bottom:0.75em;}
}
@media only screen and (max-width:540px){

	/*540px*/
	.box .top{width:auto;float:none;margin-bottom:5px;}
	.box .list{margin-right:0;}

	/*540px*/
	.category-blog .thumbnail{width:auto;float:none;margin-bottom:10px;}
	.category-blog .intro{margin-left:0;}
	.category-blog .intro p{line-height:1.75em;height:auto;max-height:7em;}
}