.clear{clear: both; height: 0px;}
.left{float: left;} 
.right{float: right;}

.circle { border-radius:50%; display:inline-block; margin-right:5px; width:12px; height:12px; }
.circle-in { border-radius:50%; background:#FFF; width:8px; height:8px; position:relative; top:2px; left:2px; }
.cgreen, .cat-01 { background:#2fc39f; }
.cyellow, .cat-02 { background:#f9ae1d; }
.cred, .cat-03 { background:#f77163; }
.cblue, .cat-04 { background:#62b3ff; }
.cligreen, .cat-05 { background:#8cce1a; }
.cpink, .cat-06 { background:#e21191; }
.cpurple, .cat-09 { background:#49006E; }
.cmidblue, .cat-07 { background:#4079DB; }
.cdarblue, .cat-08 { background:#e96af4; }

#artcmenu, #artcmenu ul, #artcmenu li #artcmenu a { list-style:none; margin:0; padding:0; border:0; font-size:14px; font-family:Helvetica; line-height:1; }
#artcmenu { width: auto; }
#artcmenu ul:before { content:''; display: block; }
#artcmenu ul:after { content:'';  display:table;  clear:both; }
#artcmenu a, #artcmenu a:link, #artcmenu a:visited { text-transform:uppercase; padding:15px 4px; display:block; text-decoration:none; color:#404040; }
#artcmenu a:hover { color:#404040; text-shadow:0 1px 1px #bdcd9c; }
#artcmenu li { float:left; }
#artcmenu li:hover { /*background:#eaeaea top left repeat;*/ }
#artcmenu li:hover .circle-in { background:none; }
#artcmenu li:first-child { border-left: none; }

.article-search { width:200px; display:inline-block; height:35px; font-size:13px; margin-right:5px; }
.article-search-button { /*width:70px;*/ display:inline-block; padding:8px 15px; }

h5.catname { font-size:15px; margin:10px 0px 15px 0px; }
h5.catname a, h5.catname a:visited { text-decoration: underline; }
h5.catname a:hover { color: #F4595F !important; }

.preview-brief { font-family:Segoe UI,sans-serif; text-align:justify; margin-top:10px; color:#2e3641; font-size:13px; }
.preview-brief-border { width: 300px; height:80px; }
.preview-img { width:300px; height:190.47619px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #9A9A9A;  }
.preview-img-border { width: 300px; height:190px; }
.preview-type-header { width: 30px; height:30px; line-height: 30px; /*padding:4px;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:6px; }
.preview-type-header img { vertical-align:middle; }
.preview-title-border { height: 35px; }
.preview-title-border .title { text-transform:uppercase; font-size:13px; margin-top:14px; }
.preview-title-border .title a, .preview-atitle-border a  { color:#2E3641 !important; text-decoration: underline; }
.preview-title-border .title a:hover, .preview-atitle-border a:hover  { color: #F4595F !important; }
.preview-atitle-border a, .preview-atitle-border a:visited { font-weight: bold; text-decoration: underline; }
.preview-atitle-border a:hover { color: #F4595F !important; }
.preview-atitle-border { font-size:13px; padding-bottom: 5px; border-bottom: 1px solid #DFDFDF; }

.cat-title { margin: 0px 0px 5px 0px; }
.cat-title a, .cat-title a:visited { text-decoration: underline; }
.cat-title a:hover { color: #F4595F !important; }

.cat-article { border-bottom: 1px solid #DFDFDF; margin-bottom:15px; padding-bottom:15px }
.cat-preview-img { width: 180px; height:108px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #9A9A9A; }
.cat-post-info { margin:5px 0px 7px 0px; }
.cat-brief { margin:7px 0px 10px 0px; }
.cat-post-info span.datetime { color:#a8a8a8; }


.title_img { max-width:630px; max-height: 400px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#FFF; }
.tag_box { margin:10px 10px 0px 0px; display:inline-block; text-transform:uppercase; border:1px solid #eaeaea; padding:3.5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tag_box:hover { border:1px solid #9B9B9B;}
.tag_box:hover a, .tag_box a:hover { text-decoration:none; }
.read-more { text-transform:uppercase; border:1px solid #eaeaea; padding:3.5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.undertitle { margin-bottom:15px; }
.datetime { color:#a7a7a7;}
.calendar-icon { vertical-align:middle; }
.cat-name-header { padding:4px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#FFF; margin-right:12px; }
.type-header { padding:4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:6px; }
.type-header img { vertical-align:middle; padding-bottom: 4px; padding-left: 2px;}

.main_text { position:relative; padding:9px 0px 10px 0px; }
.main_text p  img, .main_text img { text-align:none; max-width:630px; height: auto; }
.main_text p, p.brief-text { font-family:Segoe UI,sans-serif; text-align:justify; margin-top:10px; color:#2e3641; font-size:16px; }
.main_text h1, h2, h3, h4 { font-family: FiraSansOT-Bold; margin:12px 0px 5px 0px;}
.main_text  h5, h6 { font-family:Segoe UI,sans-serif; margin:12px 0px 5px 0px;}
.main_text h1 { color:#B22222 !important; font-size:24px; }
.main_text h2 { color:#B22222 !important; font-size:22px; }
.main_text h3 { color:#B22222 !important; font-size:20px; }
.main_text h4 { color:#B22222 !important; font-size:18px; }
.main_text h5 { color:#B22222 !important; font-size:18px; }
.main_text h6 { color:#B22222 !important; font-size:16px; }
.main_text ul { margin-left:30px; margin-top:3px; font-size:16px; }
.main_text a, .main_text a:visited { color:#000080 !important; font-weight:bold; /*text-decoration: underline; */}
.main_text a:hover { color:#000080; text-decoration: underline; }
.main_text  table { color: #333; font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; border-spacing: 0; max-width:625px;  }
.main_text  td, th { border: 1px solid #C5C5C5; height: 30px; transition: all 0.3s; padding: 0 5px; }
.main_text  th { background: #DFDFDF; font-weight: bold; }
.main_text  td { background: #FAFAFA; }
.main_text  tr:nth-child(even) td { background: #F1F1F1; }   
.main_text  tr:nth-child(odd) td { background: #FEFEFE; }
.main_text iframe, .main_text p iframe  { width:625px !important; height:351.5625px !important; }
.nouser-box {width:94.5%;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 18px;position:absolute;margin-bottom:100px; }
.nouser-box:before {content:'';position:absolute;width:100%;height:200px;margin-bottom: 1px;background: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);bottom:100%;left:0; }
.nouser-box p { margin-top:0;    text-align: center; }
.nouser-box p:nth-child(2) { margin-top:10px;; }
.nouser-box a.btnbox { color:#FFFFFF !important; }
.nouser-box a.btnbox:hover { text-decoration:none; }
.fb-comments { position:absolute;top:100px;margin-bottom:100px;}

.detblock { width:680px; }
.adv { width:250px; height:250px; line-height:250px; text-align:center;  }
.adv_yellow { border:1px solid #FFF991; background-color:#FFF991; }
.adv_blue { border:1px solid #AACBFF; background-color:#AACBFF; }