body{background:#f8f8f8}
textarea:focus{outline:none}
.input_form{padding:10px;border-radius:5px}
input:focus{outline:none}
a{text-decoration:none}
#controls{margin-top:10px}
#controls a{margin-right:5px;background:#0684cc; font-size: 12px; color: #fff;border-radius:5px;padding:5px 10px; margin-bottom: 5px; display: inline-block}
.change{cursor:pointer}
.seritien{color: #d23030; font-size: 14px}
.red{color: #d23030; font-size: 14px}
.green{color: #008028; font-size: 14px}
#btn_change_alias{width:50px}
.w-save-note{height:20px}
.padding0{padding:0}
#save-note{height:20px;display:block;position:absolute;width:20px;bottom:-25px;right:15px}
.save-note-loading{background:url("../images/loading.gif") left center no-repeat;}
.save-note-success{background:url("../images/success.gif") left center no-repeat;}
.mtop10{margin-top:10px}
.mtop20{margin-top:20px}
.title{width:90%;padding:0;color:#9ba0a5;font-size:20px;margin:auto;text-align:center;min-height:50px}
.text-main{margin-top:10px}
.content textarea{width:100%;padding:20px;border-radius:5px;border:1px solid #ddd;font-size:15px;font-family:arial,helvetica,sans-serif;resize:none}
.content textarea:focus{border:1px solid #ccc}
.hafl{width:50%;float:left;position:relative}
.title .right{text-align:center;padding:10px 0 0 0}
.slogan{line-height:25px; font-size: 14px}
.support,.support:hover,.support:focus{text-decoration:none;position:fixed;bottom:10px;right:10px;text-decoration:none;font-weight:bold;color:#fff;padding:2px 5px;border-radius:2px;font-family:'Courier New',Monospace;background: #0684cc;line-height:30px; font-size: 16px}
.set-password{position:absolute;top:-40px;left:-60px;white-space:nowrap;border:1px solid #0099CC;padding:3px 10px;border-radius:5px;color:#0099CC;background:#fff;display:none}
.set-password:after{border-top:8px solid #0099CC;border-left:6px solid transparent;border-right:6px solid transparent;bottom:-8px;content:"";position:absolute;left:50%;margin-left:0;width:0;height:0}
.col-50{width:50%;float:left}
.text-left{text-align:left}
.text-right{text-align:right}
.new-note{background:darkorange;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}
.a-share-on{background:dodgerblue;color:#fff;padding:2px 5px;border-radius:5px;cursor:pointer;font-size:12px}
.btn-xanh{background:dodgerblue;color:#fff;padding:2px 5px;border-radius:5px;cursor:pointer;font-size:12px; margin-right: 5px}
.w-share-top{position:relative;padding-bottom:5px}
.share-on{display:none;position:absolute;left:68px;top:20px;padding:5px;background:#fff;border:1px solid #eee;z-index:999; box-shadow: 0 0 3px #eee}
.share-on:hover{display:block}
.share-on a{display:block;line-height:25px;color:#333!important;font-size:12px; border-bottom: 1px dotted #ccc}
.share-on a:last-child{border-bottom: none}
.w-share-top a:hover,.w-share-top a:focus{opacity:0.9;text-decoration:none;color:#fff}
.a-share-url{position:relative}
span.copied{display:none;position:absolute;right:-55px;top:0;color:#333;background:#ccc;padding:0 5px;border-radius:3px;font-size:10px}
.affiliate{float:right;padding-bottom:0}
.affiliate a{padding:0 5px;color:dodgerblue}
.affiliate a:hover{color:#1858af}
.adv{text-align:right}
.bubble_wrapper{position:relative}
#controls .bubble{width:300px;position:absolute;bottom:30px;left:0;z-index:999;background:#fff}
#controls .bubble input{padding:0 5px;border-radius:2px;border:1px solid #0099CC}
#share_this_input{min-width:250px}
#controls .bubble input.button{background:#0099CC;color:#fff;border:none;cursor:pointer}
#controls .bubble input:focus{outline:none}
.big_button{background:#0099CC;color:#fff;border:none;padding:10px 20px}
#pad_password{padding:10px 30px;min-width:300px}
#form_change_alias{background:#fff}
.breadcrumb{border-radius:0;color:#333; background: #fff; margin-bottom: 1px}
.breadcrumb a{color:#333; font-weight: bold}
.main-list{background: #fff; padding: 15px}
#menu{margin-bottom: 30px; }
#sidebar{background: #fff}
.box-news a{color: #333}
.menu{padding: 0; margin: 0}
.menu li{list-style: none; display: inline-block; position: relative}
.menu li a{color: #fff; display: block; padding: 10px 20px}
.menu > li:first-child a{padding-left: 0}
.menu li ul{display: none; position: absolute; left: 0; top: 100%; background: #fff; padding: 0 15px; z-index: 999; box-shadow: 0 0 3px #ccc}
.menu li ul li{display: block; white-space: nowrap; border-bottom: 1px solid #eee}
.menu li ul li a{color: #333; padding-left: 0}
.menu li:hover ul{display: block}
.box-news{display:block;margin-bottom:20px;padding:15px 0; border-bottom: 1px solid #eee}
img{max-width:100%}
.entry-content img{max-width: 100%; height: auto}
.bold{font-weight:bold}
.ul-category{border-top:none;;padding:10px}
.ul-category li{list-style:none;}
.ul-category li{list-style:none;}
.ul-category li a{padding:5px 10px;display:block}
#footer{background: #000; padding: 30px; color: #fff; margin-top: 30px}
.banner-logo{background:#fff;}
.cat-title{font-size:24px}
.pagination a{border:1px solid #ccc;padding:5px 10px; display: inline-block; font-weight: bold}
.pagination > li.active > a,.pagination > li.active > a:hover{background:#ccc; color:#fff; border-color: #999}
.mce-toc h2{margin-top: 0; display: inline-block; margin-right: 10px; margin-bottom: 10px}
.mce-toc {
    background: #f8f8f8;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #eee;
}
.h1, .h2, .h3, h1, h2, h3{font-weight: bold}
.mce-toc ul{padding-left: 15px}
.mce-toc > ul > li > a{font-size: 15px; font-weight: 600}
.mce-toc  li{list-style: none; line-height: 25px}
.mce-toc  li a:hover{color: #17480d  }
.mce-toc .show_hide{cursor: pointer; display: inline-block; font-size: 12px}
.mce-toc .show_hide:after{clear: both}
.ul-relative li{line-height: 25px}
.thumb-news{border: 1px solid #f8f8f8}
.post-title{margin-bottom: 20px}
#qc{position: fixed; right: 1px; top: 150px; background: #fff; padding: 5px}
#qc img{border: 1px solid  #ccc; width: 110px}
.is-hot{background: beige}
.widget{border-top: 1px solid #eee}
.main-list img{max-width: 100%; height: auto}
.content_bot, .content_top{}
.icon-mobile{display: none}
#message_for_change_url_unavailable{color: red;font-size: 12px;padding: 2px;box-shadow: 0 0 10px #ccc;display: inline-block;border-radius: 5px;}
.box-like{position: fixed; right: 0; top: 40%; text-align: center; background: #fff; padding: 5px; border-radius: 3px; box-shadow: 0 0 1px #18436c}
@media (max-width:767px){h1{font-size:24px}.hafl{width:100%;text-align:center}.title .right{text-align:center}.slogan{line-height:60px;text-align:center}.col-50{width:100%;float:none;text-align:center}#controls{position:static}.adv{text-align:center}.mp0{padding:0}.support{position:static;margin:10px 20px;text-align:center;display:block}img{max-width:100%;height:auto}
    .slogan{margin: 10px 0 0 0; line-height: 30px; text-align: left; font-weight: bold}
    .pm0{padding: 0}
    #save-note {bottom: auto;left: auto; right: 20px; top: 20px}
    .adv-bot{position: static}
    .box-like{top: auto; bottom: 0}
    .hide-m{display: none}
    .box-news .desc{display: none}
    #sidebar{margin-top: 30px}
    #content{padding: 0}
    .icon-mobile{display: block; color: #fff; position: absolute; right: 20px; top: 10px; font-size: 32px}
    .menu{ background: #eee; z-index: 999; min-width: 300px; text-align: right; border: 1px solid #f8f8f8; padding: 0 15px; display: none}
    .menu li{display: block; border-bottom: 1px solid #f8f8f8; line-height: 25px}
    .menu > li > a{color: #333; font-weight: bold}
    .menu li ul.menu-lv2{box-shadow: none; background: transparent}
    .menu li ul.menu-lv2 li a{padding: 5px 10px}
    #menu{margin-bottom: 0; border-bottom: 1px solid #f8f8f8}
    #header{position: relative}
    .menu li ul{display: block; position: static}
}