.blogMain .pages,.blogPost,.bpostBox{text-align:center}.blogMain,.blogPost,.blogSide,.bpostBox{box-sizing:border-box}.blogShare a,.postTag,.tagcloud li{vertical-align:middle}.bsTit,.inxTit,.postTag{text-transform:uppercase}.blogPage .breadcrumbs{max-width:1368px}.blog-banner{height:0;padding-bottom:28.54%}.blogBitem{position:relative;z-index:1;height:580px;overflow:hidden}.bpostBox{position:absolute;z-index:1;bottom:0;left:11em;right:11em;margin:auto;padding:40px;background-color:rgba(255,255,255,.8)}.blogMain,.blogPost,.postTag{position:relative}.bpostBox .postTitle{font-size:2.4em}.postTag{z-index:1;font:11px/1 CenturyGothic,'Helvetica Neue',Helvetica,sans-serif;display:inline-block;padding-bottom:15px}.postTag a{padding:0 5px;color:#fff;background:#222529}.postTag a+a{margin-left:3px}.blogMain{max-width:1400px;width:100%;margin:0 auto;padding:0 0 3rem;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.blogContent img,.blogPost img,.blogPosts .pages{max-width:100%}.blogMain.blogDetailPage{padding:4em 285px 2em 0}.blogSide{padding:15px;width:30%}.blogLeft{width:67%;min-height:800px}.blogLeft .normals{padding:0 1.5em}.blogPosts{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.blogPost{z-index:1;width:50%;padding:15px}.blogPost .blogDate{position:absolute;z-index:1;top:15px;left:30px;width:60px;height:60px;background:#363438;color:#fff}.arch li em:after,.bsTit:after{content:'';height:1px;bottom:0}.postTitle,.postTitle a{color:#333}.blogPost .blogDate .day{padding-top:5px;font-size:20px}.blogPost .blogDate .mon{font-size:14px}.blogPostCont{padding:1.5em}.postTitle{padding:.2em 0 .5em;font-size:16px}.blogPostSum{text-align:left;padding-bottom:2rem}.blogAbout,.bsTit{text-align:center}.more:link,.more:visited{padding:6px 10px;background:#363438;color:#fff}.bsTit{position:relative;z-index:1;padding:2rem 0 1rem;margin-bottom:1rem;font-size:1em;color:#333;font-weight:700}.bsTit:after{position:absolute;overflow:hidden;width:20px;border-top:3px solid;left:50%;margin-left:-8px}.blogAbout{padding:0 1rem 2rem;background:#f8f8f8}.blogAboutTxt{padding:0 0 2rem}.blogAboutTxt p,.blogName{padding-bottom:1em}.blogName{font:20px/1 CenturyGothic,'Helvetica Neue',Helvetica,sans-serif;color:#333}.recents{padding-bottom:2em}.recents li{padding:.5rem 0;text-decoration:underline}.tagcloud li{display:inline-block;padding:.5em;margin:0 5px 5px 0;background:#c9c9c9;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.tagcloud li:hover{background:#363438}.tagcloud li:hover a{color:#fff}.arch li{display:table;table-layout:fixed;width:100%;border-collapse:separate}.arch li.hide{display:none}.arch li a,.arch li em,.arch li span{display:table-cell;box-sizing:border-box}.arch li span{width:30px;text-align:right}.arch li a{width:60px}.arch li em{position:relative;z-index:1}.arch li em:after{position:absolute;z-index:1;width:100%;top:0;margin:auto;border-top:1px dotted #333}.blogDetail{padding:0 1em}.blogDetop{text-align:center}.blogDetop .postTitle{padding:.2em 0;font-size:2.4em}.blogDetop .inxTit{color:#c9c9c9}.blogContent{font-size:16px}.blogContent p{padding-bottom:1em;line-height:150%}.blogContent .first p:first-child:first-letter{font-size:60px;float:left;line-height:1}.blogContent blockquote{position:relative;padding:33px 20px 0;margin:35px 0;text-align:center;font:24px/1 CenturyGothic,'Helvetica Neue',Helvetica,sans-serif}.blogContent blockquote:before{content:'”';font:100px/1 'Times New Roman',Times,serif;position:absolute;color:#d48660;width:24px;height:36px;top:-10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.blogContent h2,.blogContent h3,.blogContent h4{font-weight:700;color:#333}.blogContent h2{font-size:20px;padding-bottom:.8em}.blogContent h3{font-size:18px;padding-bottom:.5em}.blogContent h4{font-size:16px;padding-bottom:.3em}.blogContent .fleft{margin-right:1em}.blogContent .fright{margin-left:1em}.blogContent a{border-bottom:1px solid #555}.blogContent ol,.blogContent ul{padding:.3em 0 .3em 30px}.blogContent ul>li{list-style-type:disc}.blogContent ol>li{list-style-type:decimal}.blogShare{padding:1.5em 0}.blogShare .inxTit:after,.blogShare .inxTit:before{width:45%}.blogShare a,.blogShare a:before{z-index:1;width:34px;height:34px}.blogShare a{display:inline-block;position:relative}.blogShare a:before{left:0;top:0;position:absolute;content:'\e40c';font-family:icomoon;line-height:34px;font-size:32px;color:'#c9c9c9'}.blogShare .fb:after,.blogShare .ins:after,.blogShare .pin:after,.blogShare .tw:after{position:absolute;z-index:1;font-family:icomoon;width:20px;height:20px;line-height:20px;font-size:18px;color:#333}.blogShare a:after{left:0;top:0;right:0;bottom:0;margin:auto}.blogShare .fb:after{content:'\e904'}.blogShare .tw:after{content:'\e907'}.blogShare .pin:after{content:'\e906'}.blogShare .ins:after{content:'\e905'}.inxTit{padding:1em 0;display:table;white-space:nowrap;border-spacing:25px 0;margin:0 auto}.inxTit:after,.inxTit:before{content:"";display:table-cell;width:25%;background:-webkit-linear-gradient(#c9c9c9,#c9c9c9) left center repeat-x;background:-moz-linear-gradient(#c9c9c9,#c9c9c9) left center repeat-x;background:-ms-linear-gradient(#c9c9c9,#c9c9c9) left center repeat-x;background:linear-gradient(#c9c9c9,#c9c9c9) left center repeat-x;background-size:1px 1px}.blogSlider .blogPost{float:left;width:25%}@media screen and (max-device-width:768px){.blog-banner{padding-bottom:38.66%}.bpostBox{left:5px;right:5px;padding:5px}.bpostBox .postTitle{padding:5px 0;font-size:2.4rem}.bpostBox .button{display:none}.blogMain,.blogPosts{display:block}.blogMain.blogDetailPage{padding:3rem 0;position:static}.blogSide{float:none;position:fixed;z-index:4;top:60px;bottom:0;left:-100%;width:100%;padding:30px 1rem 0;box-sizing:border-box;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.blogLeft{min-height:200px;width:100%}.blogLeft .normals{padding:0 1px}.blogPost{width:100%;padding:15px 1rem}.blogPost .blogDate{left:20px;width:50px;height:50px}.blogPost .blogDate .day{padding-top:5px;font-size:16px}.blogPost .blogDate .mon{font-size:12px}.more:link,.more:visited{padding:4px 8px}.blogAbout,.blogDetail{padding:0 1rem}.blogDetop{padding-top:2rem}.blogDetop .postTitle{padding:.2rem 0;font-size:1.4rem;font-weight:700}.blogDetop .inxTit{font-size:12px;color:#999}.blogContent{padding:1rem 0}.blogMenu{position:fixed;z-index:15;right:5px;bottom:5px;background:rgba(255,255,255,.98);color:#333;width:50px;height:50px;border-radius:100%;box-shadow:0 0 5px #000}.blogMenu:after{top:0;bottom:0;right:0;left:0;margin:auto;position:absolute;z-index:1;content:'\e934';font-family:icomoon;width:38px;height:38px;line-height:38px;font-size:36px;color:#333}.blogMenuIn .blogMenu:after{content:'\f449'}.blogMenuIn .blogSide{left:0;overflow-y:auto}.blogSlider .blogPost{float:left;width:50%}}