/*
Theme Name:Fifth
Theme Url:https://www.boke8.net/zbfifth.html
Theme Author:博客吧
Author URL:https://www.boke8.net/
*/
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: #F3F4F4; font: 100%/1.5em "Open Sans", Helvetica, Arial, 'Microsoft Yahei', tahoma; overflow-x: hidden; width: 100%; position: relative; }
a { text-decoration: none; color: #262b2e; -webkit-tap-highlight-color: transparent; outline: none; }
a:hover { color: #E1474D; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
img {vertical-align: middle;}
table { width: 100%; }
input { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; font-size: 1em; font-family: inherit;}
input:focus { outline: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; 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; }
/**Carousel*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-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;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;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 .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*gold*/
.inner {width: 93.75%; max-width: 1200px; margin: 0 auto; }
.thumbnail a { display: block; padding-bottom: 75%; position: relative; overflow: hidden; }
.thumbnail img { display: block; width: 100%; height: auto; min-height: 100%; position: absolute; left: 0; top: 0; }
.round_ad { float: left; width: 250px; height: 250px; margin-right: 10px; margin-bottom: 10px; }
.ad { width: 100%; height: auto; margin-bottom: 15px; overflow: hidden; text-align: center; clear: both; }
.ad img,
.right_ad img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }
.ad a { display: block; }
.article_ad { border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 40px; }
.right_ad { float: right; width: 480px; height: 60px; }
.blank { width: 100%; height: 100px; }

/*top_bar*/
.top_bar { background-color: #616267; color: #fff; font-size: 0.75em; height: 24px; line-height: 24px; padding: 4px 0; width: 100%; }
.top_bar .inner { position: relative; }

/*topText*/
.topText { float: left; padding-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*social_share*/
.social_share { float: right; font-size: 1.25em; width: 120px; position: absolute; right: 0; top: 0; }
.social_share li { float: right; position: relative; padding-left: 5px; }
.social_share li a { color: #ddd; }
.social_share li a:hover { color: #fff; }
.social_share .qrcode { position: absolute; right: 0; top: 48px; background-color: #fff; box-shadow: 0px 0px 3px #ddd; width: 100px; z-index: 3; font-size: 0.875em; color: #333; text-align: center; height: 0; overflow: hidden; opacity: 0; transition: top .3s, opacity .3s; }
.social_share .qrcode img { width: 100%; height: 100px; display: block; }
.social_share .open .qrcode { padding: 10px; height: 120px; border-top: 1px solid #E1474D; opacity: 1; top: 28px; }

/*header*/
.header { background-color: #fff; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); position: absolute; width: 100%; top: 32px; left: 0; z-index: 2; }
.header .inner { position: relative; }
.header.fixed { position: fixed; top: 0; }
.header.fixed #logo { padding: 10px 0;}

.header.fixed .nav .parent > li { padding: 23px 0; }

#logo { float: left; padding: 20px 0; transition: padding .3s; width: 200px; }
#logo a { display: block; padding-bottom: 30%; background:no-repeat left center; background-size:contain; transition: all .3s; overflow: hidden; position: relative;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent: -9999em; overflow: hidden;}
/*nav*/
.nav { float: right; position: relative; transition: padding .3s; }
.nav .parent {display: flex; flex-wrap: wrap;}
.nav li { position: relative; padding: 33px 0; transition: padding .3s; }
.nav li a { display: block; padding: 5px 25px; border-radius: 3px; }
.nav li a:hover,
.nav li.on > a, .nav li.cur > a { background-color: #E1474D; color: #fff; }
.nav li ul { position: absolute; left: 50%; top: 100%; width: 100%; transform: translateX(-50%); background-color: #fff; box-shadow: 0px 0px 3px #ccc; z-index: 2; padding: 5px 0; display: none; }
.nav li ul.show { display: block; }
.nav li ul:before { content: ''; display: block; width: 10px; height: 10px; background-color: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); position: absolute; top: -6px; left: 50%; margin-left: -6px; }
.nav li li { float: none; display: block; padding: 0; text-align: center; font-size: 1em; margin: 0; }
.nav li li a { border-radius: 0; }
.nav li em { display: none; }
.navBtn { display: none; }

/*page_title*/
.page_wrap { width: 100%; }
.page_wrap .inner { position: relative; padding: 40px 0; overflow: hidden; }
.page_wrap h1 { font-weight: normal; font-size: 2em; line-height: 1.5em; color: #3C3E45; }

/*breadcrumb*/
.breadcrumb { margin-right: 280px; font-size: 0.75em; font-family: Arial, '宋体'; color: #b3b5b9; height: 42px; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb a { color: #b3b5b9; }
.breadcrumb i { padding: 0 3px; font-style: normal; }

/*search_form*/
.search_form { float: right; overflow: hidden; }
.search_form input { border: none; float: left; display: block; }
.search_form .s { border: 1px solid #ddd; background-color: #fff; height: 40px; line-height: normal; padding: 0 10px; width: 210px; border-radius: 3px 0 0 3px; }
.search_form .submit { background-color: #E1474D; color: #fff; height: 42px; padding: 0 10px; border-radius: 0 3px 3px 0; cursor: pointer; }

/*container*/
.container { width: 100%; background-color: #fff; padding: 50px 0 30px; overflow: hidden; min-height: 60vh;}

/*sidebar*/
.sidebar { width: 300px; float: right; }
.widget { background-color: #f9f9f9; border-radius: 5px; padding: 20px; margin-bottom: 25px; overflow: hidden; }
.widget h3 { font-weight: normal; font-size: 18px; color: #3c3e45; margin-bottom: 0.25em; }
.widget h3:after {width: 1.5em; height: 2px; display: block; content:''; margin-top: 0.25em; background-color: #E1474D;}
.widget li { border-bottom: 1px solid #E5E7E7; padding: 10px 0; }
.widget li a { color: #353535; }
.widget li a:hover { color: #E1474D; }
.widget li .thumbnail { width: 80px; overflow: hidden; float: left; margin-top: 2px; }
.widget li .post_info { margin-left: 90px; }
.widget li .title { font-size: 14px; line-height: 1.5em; height: 3em; overflow: hidden; }
.widget li .time { font-size: 0.75em; color: #B2B4B5; }
.widget table { text-align: center; }
.widget img { width: 100%; height: auto; display: block; }
#divTags li { float: left; border-bottom: none; padding: 3px 6px 3px 0; font-size: 12px; }
#divTags a { display: block; background-color: #E1474D; padding: 0 8px 0 11px; border-radius: 2px; overflow: hidden; color: #fff; position: relative; }
#divTags a:hover { opacity: 0.9; }
#divTags a:after { content: ''; display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: -2px; top: 50%; margin-top: -3px; }
#divTags li:nth-child(8n-7) a { background-color: #8A9B0F; }
#divTags li:nth-child(8n-6) a { background-color: #EB6841; }
#divTags li:nth-child(8n-5) a { background-color: #3FB8AF; }
#divTags li:nth-child(8n-4) a { background-color: #FE4365; }
#divTags li:nth-child(8n-3) a { background-color: #FC9D9A; }
#divTags li:nth-child(8n-2) a { background-color: #EDC951; }
#divTags li:nth-child(8n-1) a { background-color: #C8C8A9; }
#divTags li:nth-child(8n) a { background-color: #83AF9B; }
#divTags li:first-child a { background-color: #E1474D; }
#divTags li:last-child a { background-color: #3299BB; }
#divSearchPanel div {margin-top:1em; padding-right: 45px; height: 32px; position: relative; }
#divSearchPanel input[type="text"] { border: 1px solid #ddd; height: 32px; line-height: 32px; text-indent: 10px; box-sizing: border-box; width: 100%; }
#divSearchPanel input[type="submit"] { border: none; background-color: #E1474D; width: 45px; height: 32px; border-radius: 0 3px 3px 0; -webkit-appearance: none; cursor: pointer; color: #fff; position: absolute; right: 0; top: 0; }
#divComments li a { display: block; overflow: hidden; }
#divComments li { overflow: hidden; text-overflow: ellipsis; padding: 10px 0; font-size: 14px; line-height: 30px; }
#divComments li img { width: 30px; height: 30px; border-radius: 50%; display: block; float: left; }
#divComments li i { font-style: normal; display: block; margin-left: 35px; }
#readers ul { overflow: hidden; width: 102%; padding: 5px 0; }
#readers li { width: 18%; padding: 5px 2% 5px 0; float: left; overflow: hidden; border-bottom: none; }
#readers li a { display: block; padding-bottom: 100%; position: relative; }
#readers li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

/*sideNav*/
.sideNav { border-radius: 0 15px 0 15px; overflow: hidden; }
.sideNav span { display: none; }
.sideNav li { font-size: 18px; height: 45px; line-height: 45px; border-bottom: 1px solid #fff; }
.sideNav li a { display: block; background-color: #E1474D; padding: 0 20px; color: #fff; }
.sideNav li.on a,
.sideNav li a:hover { background-color: rgba(225, 71, 77, .8); }

/*main*/
.main { overflow: hidden; margin-right: 330px; }
.post_excerpt { overflow: hidden; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.post_excerpt .thumbnail { width: 200px; overflow: hidden; float: left; }
.post_excerpt .post_info { margin-left: 220px; overflow: hidden; }
.post_excerpt h2 { font-weight: normal; font-size: 1.35em; line-height: 1.25em; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post_excerpt h2 strong {color:#f00;}
.post_excerpt a { color: #3c3e45; }
.post_excerpt a:hover { color: #E1474D; }
.excerpt_entry p { margin-bottom: 5px; color: #535353; font-size: 14px; line-height: 2em; height: 6em; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis;}
.excerpt_entry p a { color: #E1474D; }
.excerpt_meta i,
.post .postmeta i { padding: 0 5px; font-style: normal; }
.excerpt_meta { font-size: 0.75em; color: #B2B4B5; }
.excerpt_meta a { color: #B2B4B5; }

/*post*/
.post_title { font-weight: normal; font-size: 1.75em; margin-bottom: 25px; line-height: 1.2em; }
.page_full .post_title { text-align: center; margin-bottom: 40px; }
.post .postmeta { font-size: 0.75em; color: #999; border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 5px; }
.post .postmeta a { color: #999; }

/*error404*/
.error404 {text-align: center; padding: 25vh 0;}
/*post*/
.entry { overflow: hidden; margin-bottom: 25px; color: #353535; font-size: 16px; }
.entry * { line-height: 1.875em;}
.entry img { max-width: 100%; height: auto !important; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry ul,
.entry ol,
.entry hr { margin-bottom: 2.5%; }
.entry h1 { font-size: 1.5em; }
.entry h2 { font-size: 1.45em; }
.entry h3 { font-size: 1.35em; }
.entry h4 { font-size: 1.25em; }
.entry h5 { font-size: 1.125em; }
.entry h6 { font-size: 1em; }
.entry blockquote { overflow: hidden; margin: 0 2em 2.5%; border: 1px solid #eee; border-radius: 3px; background: #f6f6f6 url(images/block_l.png) no-repeat 5px 5px; padding: 2.5% 2.5% 0; position: relative; }
.entry blockquote i.blockquote { position: absolute; right: 5px; bottom: 0px; background: url(images/block_r.png) no-repeat center center; display: block; width: 20px; height: 28px; color: #333; }
.entry ul,
.entry ol {margin-left: 3em; margin-bottom: 25px;}
.entry ul li {list-style: outside disc none;}
.entry ol li {list-style: outside decimal none;}
.entry li p {margin-bottom: 0;}
/*tags*/
.tags { color: #ccc; overflow: hidden; }
.tags i { font-size: 1.125em; vertical-align: middle;}
.tags a { color: #666; font-size: 0.75em; padding: 0 7px 0 12px; background-color: #EFF0F1; margin-left:18px; position: relative; display: inline-block; vertical-align: middle;}
.tags a:before { position: absolute; top: 50%; transform: translateY(-50%); left: -12px;  border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #EFF0F1; content: ""; }
.tags a:after { background: #fff none repeat center top; position: absolute; left: -2px; top: 50%; margin-top: -3px; width: 6px; height: 6px; content: ""; border-radius: 50%; }
.tags a:hover { background-color: #E1474D; color: #fff; }
.tags a:hover:before { border-right-color: #E1474D; }

/*post_navi*/
.post_navi { overflow: hidden; padding-top: 30px; }
.post_navi .post_navi_left { float: left; text-align: left; width: 45%; }
.post_navi .post_navi_right { float: right; text-align: right; width: 45%; }
.post_navi p { font-size: 0.875em; color: #888; }
.post_navi p.post_navi_title { font-size: 0.75em; font-weight: bold; }
.post_navi i { font-style: normal; font-weight: normal; font-family: '宋体'; }
.post_navi a { color: #666; }
.post_navi a:hover { color: #E1474D; text-decoration: underline; }

/*post_section*/
.post_section { padding-top: 20px; overflow: hidden; }
.post_section .post_section_title { position: relative; border-bottom: 1px solid #EAEBEC; padding: 10px 0; margin-bottom: 30px; }
.post_section .post_section_title span,
.post_section .post_section_title h3 { display: inline; font-size: 0.875em; color: #999; background-color: #fff; padding-right: 20px; position: absolute; left: 0; bottom: -12px; font-weight: normal; }
.post_section .post_section_title i { margin-right: 5px; }
.post_section_copyright { background-color: #F4F4F5; font-size: 0.75em; padding: 15px; color: #999; }
.post_section_copyright a { color: #999; text-decoration: underline; }
.post_section_copyright .share { overflow: hidden; }
.post_section_copyright .share .share_btn { float: left; }

/*post_related*/
.post_related ul { overflow: hidden; width: 105%; }
.post_related li { width: 45%; padding: 5px 5% 5px 0; float: left; overflow: hidden; }
.post_related .thumbnail { width: 80px; overflow: hidden; float: left; }
.post_related .title { margin-left: 90px; font-size: 16px; color: #333; line-height: 1.75em; height: 3.5em; overflow: hidden; }

/*page_readers*/
.page_readers { margin-bottom: 20px; }
.page_readers ul { overflow: hidden; }
.page_readers ul li { float: left; width: 90px; height: auto; padding: 5px; }
.page_readers ul li img { width: 100%; height: auto; display: block; }

/*post_comments*/
.post_comments li { position: relative; overflow: hidden; padding-top: 15px; margin-bottom: 15px; }
.post_comments .cmt_wrap { position: relative; overflow: hidden; }
.post_comments .gravatar { overflow: hidden; float: left; padding-top: 8px; }
.post_comments .gravatar img { width: 50px; height: 50px; display: block; border-radius: 50%; }
.post_comments .info { margin-left: 60px; padding-left: 7px; overflow: hidden; }
.post_comments .meta { overflow: hidden; margin-bottom: 5px; }
.post_comments .user { font-size: 14px; color: #666; font-weight: bold; float: left; }
.post_comments .date { font-size: 12px; color: #ccc; padding-left: 5px; float: left; }
.post_comments .reply { float: right; font-size: 12px; }
.post_comments .reply a { color: #ccc; }
.post_comments .cont { font-size: 14px; color: #333; border: 1px solid #e4e4e4; border-radius: 5px; padding: 10px 15px; position: relative; }
.post_comments .cont:before { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; transform: rotate(-45deg); position: absolute; left: -6px; top: 10px; background-color: #fff; }
.post_comments li li { margin-top: 15px; margin-bottom: 0; margin-left: 60px; }
.post_comments #divCommentPost { margin-top: 15px; }

/*respond*/
#divCommentPost .input { margin-bottom: 10px; overflow: hidden; }
#divCommentPost label { font-size: 14px; color: #666; display: block; float: left; border: 1px solid #e0e1e1; border-right: none; height: 35px; line-height: 35px; width: 60px; text-align: center; border-radius: 3px 0 0 3px; }
#divCommentPost .right { border: 1px solid #e0e1e1; height: 35px; padding: 0 10px; margin-left: 60px; overflow: hidden; border-radius: 0 3px 3px 0; }
#divCommentPost .text { height: 35px; line-height: normal; width: 100%; border: none; font-size: 14px; font-family: 'Microsoft Yahei'; color: #535353; }
#divCommentPost .verify { margin: 0 105px 0 60px; padding: 0 10px; height: 35px; border: 1px solid #e0e1e1; border-radius: 0 3px 3px 0; }
#divCommentPost img { display: block; float: right; height: 35px; max-height: 35px; width: 105px; }
#divCommentPost .textarea { border: 1px solid #e0e1e1; padding: 10px; border-radius: 3px; height: auto; font-size: 14px; color: #535353; margin-bottom: 10px; }
#divCommentPost textarea { width: 100%; height: 120px; resize: vertical; border: none; }
#divCommentPost .submit { background-color: #E1474D; color: #fff; border: none; border-radius: 3px; padding: 10px 30px; cursor: pointer; font-size: 1em; float: right; }
#divCommentPost .submit:hover { background-color: #D44348; }
#cancel-reply { font-size: 12px; color: #999; }
p.postbottom { font-size: 12px; color: #555; margin-bottom: 10px; }

/*pagenavi*/
.pagenavi { overflow: hidden; border-radius: 3px; font-size: 14px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.pagenavi a,
.pagenavi span.now-page { background-color: #F3F4F4; display: block; height: 2.858em; line-height: 2.858em; padding: 0 0.5em; min-width:2.858em; color: #3c3e45; border-left: 1px solid #fff; box-sizing: border-box;}
.pagenavi a:hover { color: #E1474D; }
.pagenavi span.now-page { background-color: #E1474D; color: #fff; }

/*widget_fixed*/
.widget_fixed { position: fixed; right: 10px; bottom: 10%; border: 1px solid #eee; border-bottom: none; box-shadow: 0px 0px 3px #ddd; }
.widget_fixed li { background-color: #fff; border-bottom: 1px solid #eee; font-size: 1.5em; width: 40px; height: 40px; text-align: center; line-height: 40px; z-index: 8; color: #555; cursor: pointer; position: relative; }
.widget_fixed .qrcode { position: absolute; right: 75px; top: 50%; width: 100px; font-size: 14px; background-color: #fff; line-height: 1.5em; z-index: 3; border-radius: 3px; color: #333; margin-top: -66px; height: 0; overflow: hidden; opacity: 0; transition: opacity .3s, right .3s; }
.widget_fixed .qrcode:after { content: ''; display: block; width: 10px; height: 10px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg); position: absolute; right: -6px; top: 50%; margin-top: -6px; background-color: #fff; }
.widget_fixed .qrcode img { display: block; width: 100%; height: 100px; }
.widget_fixed .open { color: #E1474D; }
.widget_fixed .open .qrcode { padding: 5px; right: 55px; height: auto; border: 1px solid #ddd; opacity: 1; overflow: visible; }

/*footer*/
.footer { background-color: #616267; width: 100%; }
.copyright { width: 100%; background-color: #717277; color: #fff; padding: 10px 0; font-size: 0.75em; overflow: hidden; }
.copyright a { color: #fff; display: inline-block;}
.copyright img {display: inline-block; vertical-align: middle; width: auto; height: 18px; margin-top: -3px;}
.copyright span.other { float: right; }

/*slides*/
#slides {margin-bottom: 35px; position: relative;}
#slides .item {background:no-repeat center center; background-size:cover;}
#slides .item a,
#slides .load {padding-bottom: 45%; position:relative; display: block;}
#slides .owl-dots {font-size: 0; line-height: normal; text-align: center; position: absolute; left:50%; transform: translateX(-50%); bottom:0; margin-bottom: 2%; z-index: 5; white-space: nowrap;}
#slides .owl-dot {display: inline-block; margin:0 5px;}
#slides .owl-dot span {display: block; width: 9px; height: 9px; border-radius:50%; background-color:#fff;}
#slides .active span {background-color: #E1474D;}

@media only screen and (max-width:1080px) {
	.nav li a { padding: 5px 20px; }
}
@media only screen and (max-width:980px) {

	/*global*/
	.blank { height: 70px; }
	body.open { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }


	/*logo*/
	#logo { padding: 15px 0; width: 133px; }

	/*nav*/
	.navBtn { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 2em; color: #616267; cursor: pointer; z-index: 2; }
	.nav { position: fixed; left: 0; top: 103px; width: 100%; height: calc(100% - 103px); padding: 2em 0; background-color: #fff; float: none; z-index: 3; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: top .3s; transform: translateX(-100%); transition: all .3s;}
	.nav.active {transform: translateX(0);}
	.nav .parent {display: block; }	
	.nav li { font-size: 18px; padding:0; margin: 0.25em 3.125%; line-height: 2em; }
	.nav li a { position: relative; }
	.nav li a:hover,
	.nav li.on > a { background-color: transparent; color: #262b2e; }
	.nav li .icon-down-open { display: block; width: 45px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
	.nav li ul { position: static; left: auto; top: auto; width: auto; padding: 0; box-shadow: none; display: none; background-color: transparent; transform: none}
	.nav li ul.show { display: none; }
	.nav li ul:before { display: none; }
	.nav li li {text-align: left; font-size:0.875em; margin-left: 2em;}
	.nav li li a { color: #535353; }
	.nav li em { display: block; position: absolute; right: 0; top: 0; width: 100px; height: 55px; z-index: 5; cursor: pointer; }

	.header.fixed .nav {top:61px; height: calc(100% - 61px);}
	.header.fixed .nav .parent li {padding:0;}

	/*page_title*/
	.page_wrap .inner { padding: 20px 0; }

	/*container*/
	.container { padding: 30px 0; }

	/*sidebar*/
	.sidebar { width: 250px; }
	.widget { padding: 15px; margin-bottom: 20px; }

	/*main*/
	.main { margin-right: 270px; }
	.post_excerpt .post_info { margin-left: 215px; }
	.post_excerpt { margin-bottom: 20px; padding-bottom: 20px; }

	/*post*/
	.post_title { margin-bottom: 20px; font-size: 1.5em; }
	/*slides*/
	#slides {margin-bottom: 25px;}
}
@media only screen and (max-width:768px) {

	/*global*/
	.blank { height: 60px; }

	/*logo*/
	#logo { padding: 10px 0; }

	/*logo*/
	.nav {top:93px; height: calc(100% - 93px);}

	/*page_title*/
	.page_wrap .inner { padding: 10px 0 0; }

	/*breadcrumb*/
	.breadcrumb { margin-right: 0; }
	.breadcrumb i { padding: 0; }

	/*search_form*/
	.search_form { float: none; width: auto; position: relative; padding-right: 50px; }
	.search_form .s { height: 37px; width: 100%; box-sizing: border-box; }
	.search_form .submit { height: 37px; padding: 0; width: 50px; position: absolute; right: 0; top: 0; }

	/*container*/
	.container { padding: 20px 0; }

	/*sidebar*/
	.sidebar { width: auto; float: none; }
	.sidebar .widget { display: none; }
	.sideNav { margin-bottom: 20px; border-radius: 0; }
	.sideNav ul { display: none; }
	.sideNav li { height: 40px; line-height: 40px; font-size: 16px; }
	.sideNav span { display: block; height: 40px; line-height: 40px; background-color: #e76c71; color: #fff; padding: 0 20px; font-size: 16px; position: relative; cursor: pointer; margin-bottom: 1px; }
	.sideNav span:after { content: ''; display: block; width: 10px; height: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -8px; transition: all .3s; }
	.sideNav span.open:after { transform: rotate(-135deg); margin-top: -2px; }

	/*main*/
	.main { margin-right: 0; }
	.post_excerpt { margin-bottom: 15px; padding-bottom: 15px; }
	.post_excerpt .thumbnail { width: 120px; }
	.post_excerpt .post_info { margin-left: 130px; }
	.post_excerpt h2 { font-size: 18px; line-height: 1.65em; white-space: normal; margin-bottom: 0; height: 4.95em; }
	.excerpt_entry,
	.excerpt_meta { display: none; }

	/*pagenavi*/
	.pagenavi  {font-size: 12px; }

	/*widget_fixed*/
	.widget_fixed { display: none; }

	/*footer*/
	.copyright span { display: block; width: 100%; text-align: center; }
	.copyright span.other { float: none; }

	/*post*/
	.post_title { font-size: 18px; margin-bottom: 15px; }
	
	.post_section .post_section_title { margin-bottom: 20px; }
	/*entry*/
	.entry {font-size:14px;}
	/*post_related*/
	.post_related li { float: none; padding: 5px 0; width: auto; }

	/*post_navi*/
	.post_navi { padding-top: 15px; }
	.post_navi .post_navi_left,
	.post_navi .post_navi_right { float: none; width: auto; text-align: left; padding: 5px 0; }

	/*slides*/
	#slides {margin-bottom: 20px;}
}