*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} 
html,body,div,span,h1,h2,h3,h4,h5,h6,p,strong,b,i,ul,li,form,table,tr,th,td,article,aside,footer,header,menu,nav{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
html{overflow-y: scroll}
body{margin: 0 0 50px; color: #585858; font: 13px/1.231 sans-serif; font-weight: 400; font-style: normal; line-height: 20px; background-color: #ece6e7; background-position: 0 0; background-repeat: repeat}
.wrapper{display: table; height: 100%; margin: 20px auto 0; width: 100%; max-width: 1000px; background-color: #f9f9f9; border-color: #cbcbcb; border-style: solid; border-width: 1px; -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.8); -moz-box-shadow: 0 0 1px rgba(255,255,255,0.8); box-shadow: 0 0 1px rgba(255,255,255,0.8)}
/* Header */
.header{background-color: #58544F; padding: 10px; color: #fff; font-size: 16px}
.exit{background-color: #58544F; color: #fff; font-size: 16px; text-align: right; float: right}
.exit a{color: #fff; text-decoration: none}
/* Content Block */
#content-block{padding: 15px}
#content-block .post_wrapper{padding: 0; clear: both}
/* Table */
table{width: 100%; border-collapse: collapse; margin-bottom: 10px}
table td{height: 20px; padding: 0; font-weight: bold; vertical-align: top;}
table.infotable{width: 100%}
table.infotable tr td{border: 1px solid #C4C9CD; font-weight: normal; padding: 5px}
table.infotable tr td i{font-size: 16px}
#message{display: none}
#message span{display: block; text-align: justify; padding: 5px; display: block; margin-bottom: 20px; list-style: none; border-radius: 4px; background-color: rgba(0,0,0,.2); border: 1px solid #1a1819; -webkit-box-shadow: 0 0 0 1px #383838 inset; -moz-box-shadow: 0 0 0 1px #383838 inset; box-shadow: 0 1px 0 rgba(255,255,255,.15)}
/* Loading */
#loading.loading{background-image:url('/templates/images/loader.gif'); color: #ccc; width: 15px; height: 15px}
/* Post */
#content-block .post_wrapper .post .center{margin: 0; text-align: center}
#content-block .post_wrapper .post img{margin: 10px 0 0 0}
/* Input, Textarea */
input[type=text], input[type=password], textarea{font-size: 16px; width: 60%; display: inline-block; padding: 4px 6px; margin-bottom: 10px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; background-color: #F9F9F9; border: 1px solid #1a1819; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}
textarea{width: 100%; min-height: 100px; resize: none; padding: 3px; margin: 0 0 5px 0; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; background-color: #F9F9F9; border: 1px solid #1a1819; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}
textarea#full_story,
textarea#category_content{min-height: 300px}
select{display: inline-block; font-size: 16px; padding: 4px 6px; margin-bottom: 10px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; background-color: #F9F9F9; border: 1px solid #1a1819; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}
input[type="submit"]{background: #F9F9F9 no-repeat 4px 5px; border: 1px solid #1a1819; padding: 2px 20px 3px 20px; margin: 5px 0 5px 0; color: #000; font-size: 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer}
input[type="submit"].loading{background-image:url('/templates/images/loader.gif'); color: #4D4F53}
input[type="submit"]::-moz-focus-inner{border: none}
input:disabled{color: #B2B2B2}
/* Other */
#content-block .post_wrapper h1{font-size: 18px; margin: 0 0 10px 0}
#content-block .post_wrapper h2{font-size: 18px}
#content-block .post_wrapper a{color: #000; text-decoration: none; outline: none}
#content-block .post_wrapper a:focus,
#content-block .post_wrapper a:hover{color: #000; text-decoration: none}
/* Btn */
.btn{display: inline-block; padding: 4px 12px; margin: 2px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; background-color: #e6e6e6; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.btn:hover,
.btn:focus{color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear}
a.btn{text-decoration: none}
/* Pagination */
#content-block .pagenavi{padding: 10px 20px 10px; display: block; clear: both}
#content-block .pagenavi a,
#content-block .pagenavi span.pages,
#content-block .pagenavi span.extend{display: inline-block; padding: 4px 10px 4px 10px; margin-bottom: 5px; border: solid 1px #C4C9CD; background: #F0F0F0; margin-right: 3px; border-radius: 2px; text-decoration: none; color: #000}
#content-block .pagenavi a:hover{border: solid 1px #80807C; text-decoration: none}
#content-block .pagenavi span.current{display: inline-block; padding: 4px 10px 4px 10px; background: #F0F0F0; border: solid 1px #80807C; margin-right: 3px; border-radius: 2px}
/* Widget */
ul.widget {list-style: none}
.widget li{border-color: #CBCBCB; border-style: solid; border-width: 0 0 1px; color: #919191; cursor: pointer }
.widget li:last-child{border-width: 0 0 0}
.widget li:hover{background-color: #f0f0f0; text-decoration: none}
.widget li a{display: inline-block; position: block; color: #585858; font-size: 16px; font-weight: 500; text-decoration: none; padding: 15px 20px 12px; width: 100%}
.widget li.active{background-color: #38a1ec; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(51,51,51,0.1); -moz-box-shadow: inset 0 1px 0 rgba(51,51,51,0.1); box-shadow: inset 0 1px 0 rgba(51,51,51,0.1)}
.widget li:hover.active{background-color: #38a1ec}
/* Other */
.clearfix:before,
.clearfix:after{content: "\0020"; display: block; height: 0; visibility: hidden}
.clearfix:after{clear: both}
.clearfix{zoom: 1}
@media screen and (max-width: 480px){
 .wrapper{margin: 0 auto; width: 100%}
}
/* Preview Post */
.preview-post h1{margin: 0 0 10px 0; padding: 10px 0; color: #354a55; font-size: 22px; border-bottom: 1px solid #354a55}
.preview-post h2{margin: 0 0 10px 0; padding: 10px 0; color: #354a55; font-size: 20px; border-bottom: 1px solid #354a55}
.preview-post h2 a{color: #354a55; outline: none; text-decoration: none}
.preview-post h3{margin: 0; color: #354a55}
.preview-post pre code{display: block; padding: 7px; margin: 0; color: #f8f8f8; overflow: auto; width: auto; border: 1px solid #1a1819; background: #282627; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px}
.preview-post textarea{max-height: 300px}
.preview-post img{margin: 10px 0 10px 0; width: 100%}
.preview-post .center{margin: 0; text-align: center}
.preview-post strong{color: #354a55}
.preview-post i{color: #354a55}
.preview-post br{display: block; margin-bottom: 10px}
.preview-post a{color: #3ABBC8; outline: none; text-decoration: none}
/* Notice, Warning */
.preview-post .notice,
.preview-post .warning{overflow: hidden; margin: 10px 0 0 0px; border-left-width: 5px; border-left-style: solid; padding: 10px; clear: both; clear: none; background-color: #eee}
.preview-post .notice{background: #fff3d4; border-color: #f6b73c; color: #000}
.preview-post .warning{background: #ffe7e8; border-color: #e66465; color: #000}
.preview-post .notice a,
.preview-post .warning a{outline: none; color: #B2B2B2; overflow: auto; font-weight: bold}
.preview-post .notice i,
.preview-post .warning i{color: #000}
.preview-post .notice a,
.preview-post .warning a{color: #000}

i.fa-calendar,
i.fa-clock-o{margin-right: 5px}
i.fa-remove,
i.fa-trash{cursor: pointer}
input[type=text].date{width: 100px; margin-right: 12px}
input[type=time]{font-size: 14px; font-family: helvetica; width: 100px; margin-right: 20px}

/*! llyv.css v0.1.0 */
.llyv,
.llyv .llyv-play-btn,
.llyv img{cursor: pointer}
.llyv{background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden}
.llyv img{width: 100%; top: -16.82%; left: 0px}
.llyv .llyv-play-btn{width: 100px; height: 60px; background-color: red; z-index: 1; border-radius: 9px}
.llyv .llyv-play-btn:before{content: ""; border-style: solid; border-width: 15px 0 13px 28px; border-color: transparent transparent transparent #fff}
.llyv .llyv-play-btn:hover{background-color: red}
.llyv .llyv-play-btn,
.llyv .llyv-play-btn:before,
.llyv iframe,
.llyv img{position: absolute}
.llyv iframe{height: 100%; width: 100%; top: 0; left: 0}
.llyv .llyv-play-btn,
.llyv .llyv-play-btn:before{top: 50%; left: 50%; transform: translate3d(-50%,-50%,0)}


#tag-wrapper{margin: 10px 0}
#tag-wrapper .tag-link{color: #337ab7; text-decoration: none; cursor: pointer; padding: 4px 10px; border: 1px solid #e2e2e2; border-radius: 3px; margin: 2px; display: inline-block}
#tag-wrapper .tag-link:hover{color: #286090; background-color: #eee; text-decoration: none}

/* BreadcrumbList */
ol[itemtype="https://schema.org/BreadcrumbList"]{font-size: 16px; display: block; list-style: none!important; margin: 0 0 10px 0; padding: 0 5px 0 0; color: #777777; text-align: justify}
ol[itemtype="https://schema.org/BreadcrumbList"] > li{display: inline} 
ol[itemtype="https://schema.org/BreadcrumbList"] > li:after{content: '›'; display: inline-block} 
ol[itemtype="https://schema.org/BreadcrumbList"] > li:last-child:after {content: ''}