.top-bar {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #e7e7e7;
  border-top: 4px solid #e54e53;
}
.top-bar .row{
  padding: 0px 0;
}
.top-bar .holder{
  padding-left: 8px;
  padding-right: 8px;
}
.header .main-header {
  margin: 23px 0 2px;
}
.header .main-header .logo-panel{
  padding: 0;
}
.clearfix{
  clear: both;
}
.bred{
  background: #eee;
  padding: 5px 10px;
}
.bred > ul {
  list-style: outside none none;
  padding: 0;
}
.bred ul li{
  float: left;
  margin-right: 10px;
}

.ad-block-top{
  padding: 0;
}
.ad-block-top img{
  width: 100%;
}
.news-block-title{
  border: 1px 0 solid #222;
}
.main-news-title {
  border-left: 2px solid #e54e53;
  font-size: 14px;
  line-height: 23px;
  margin-top: 15px;
  padding: 0 0 0 6px;
}
.main-news-big-title {
  border-left: 2px solid #e54e53;
  font-size: 24px;
  line-height: 23px;
  margin-top: 15px;
  padding: 0 0 0 6px;
}
.main-news-meta {
  background: #f2f2f2 none repeat scroll 0 0;
  color: #a6a6a6;
  font-size: 11px;
  line-height: 25px;
  margin-top: -12px;
  overflow: hidden;
  padding-left: 14px;
  position: relative;
  text-transform: uppercase;
}
.main-news-image{
  width: 100%;
}
.news-lists{
  list-style: none;
  padding: 0;
}
.v-separator{
  border-left: 1px solid #d9d9d9;
}
.news-lists .news-content{
  float: left;
}
.news-lists .list-unstyled {
  position: relative;
  height: 420px;
}
hr, hr.separator {
  background: #d9d9d9 none repeat scroll 0 0;
  height: 1px;
  margin: 20px 0;
  border:0 none;
}
/****** Nav bar ***********/
.navbar-default {
  background-color: #ca391e;
  border-color: #b72b09;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ecdbff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ca391e;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ecdbff;
  background-color: #b72b09;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ca391e;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ecdbff;
  background-color: #b72b09;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ecdbff;
  background-color: #b72b09;
}
.navbar-default .navbar-toggle {
  border-color: #b72b09;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #b72b09;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ecdbff;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.submenu{
    background-color: #ca391e;
}
.submenu a{
  color: #ecdbff !important;
}
.submenu a:hover{
    background-color: #B72B09 !important;
}
.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: middle;
    width: 0;
    color: #fff;
    margin-left: 5px;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #b72b09;
  }
}

.navbar{
  margin-bottom: 0;
}



/***** nav bar end ************/
.header-separator{
  clear: both;
  /*margin-bottom: 20px;*/

}
.view-all-category-top {
  float: right;
  position: relative;
  top: 10px;
}
.view-all-category-top a{
  font-size: 12px;
  color: #FFAA55;
}
.view-all-category-top a:hover{
  color: #32C8DE;
  text-decoration: underline !important;
}
.news-by-main{
  position: relative;
  float: left;
}
.news-by-marquee{
  position: relative;
  float: left;
  margin-left: 10px;
}
.news-by-marquee > .news-by-title{
  position: relative;
  float: left;
}
.news-by-marquee > .news-by-body{
  position: relative;
  float: left;  
}

.news-by{
  position: relative;
  float: left;
  margin-right: 10px;
}
.news-by > .news-by-title{
  position: relative;
  float: left;
}
.news-by > .news-by-body{
  position: relative;
  float: left;  
}


.excerpt > p{
  line-height: 20px;
}
.excerpt > .detail{
  line-height: 25px;
  margin: 10px 0;
}
#cookiescript-popup{
  background-color: #111111;
  border-radius: 5px;
  bottom: 20px;
  box-shadow: 0 0 8px #000000;
  color: #ffffff;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  right: 20px;
  line-height: 20px;
  opacity: 1;
  padding: 15px;
  position: fixed;
  text-align: left;
  width: 300px;
  z-index: 999999;

}
#cookiescript-wrapper{
  margin: 0px 10px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  color: rgb(255, 255, 255);
  font-family: Arial,sans-serif;
  line-height: 23px;
  letter-spacing: normal;

}

#details-map img { max-width: none; }
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{
    height: 23px;
}
.stButton .stButton_gradient{
    height: 23px;
}
.banner-block{
}

   html,
body,
.outer,
.main-block,
.main-container {
    background: #86603a !important;
}

/* Header Banner */
.header {
    background-image: url('https://music.cm77.com/images/banner_lanna.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    background-color: #86603a !important;
    height: 120px !important;
    min-height: 120px !important;
    overflow: hidden !important;
}

/* พื้นที่ใน Header */
.header .container,
.header .main-header,
.header .logo-panel,
.header .panel-right {
    height: 120px !important;
    min-height: 120px !important;
    background: transparent !important;
}

/* แสดงโลโก้เดิม */
.header .logo-panel img {
    display: block !important;
    height: 63px !important;
    max-height: 63px !important;
    position: relative;
    z-index: 9999;
}

/* ลดช่องว่างโลโก้ */
.header .logo-panel h3 {
    margin: 25px 0 0 0 !important;
    padding: 0 !important;
}

/* เมนูหลัก */
.menu {
    background: #b17b3d !important;
}

/* ตัวหนังสือเมนู */
.menu a,
.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited {
    color: #4d321c !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Hover เมนู */
.menu a:hover,
.menu ul li.active a {
    color: #f3d08a !important;
}

/* เมนูย่อย */
.dropdown-menu,
.menu ul ul {
    background: #d8c3a2 !important;
}

.dropdown-menu a,
.menu ul ul li a {
    color: #86684a !important;
}

/* กล่องเนื้อหา */
.alert-info,
.widget-content,
.s-widget,
.category-item,
.icon-box-1-item {
    background: #d8c3a2 !important;
    color: #86684a !important;
}

/* ตัวหนังสือในกล่อง */
.category-box-title a,
.category-box-title,
.category-counter,
.icon-box-1-item a,
.icon-box-1-item li a,
.counter-item h6,
.counter-item span,
.sub-head a,
.widget-content a,
.list-6 a,
.foot-item,
.foot-item a,
.widget-body,
p,
h6 {
    color: #86684a !important;
}

/* Hover ทั่วไป */
.category-box-title a:hover,
.sub-head a:hover,
.list-6 a:hover,
.foot-item a:hover {
    color: #f3d08a !important;
}

/* หัวข้อหมวด */
.body-widget-title,
.block-heading-two {
    color: #f0c36a !important;
}

/* ข้อความวิ่งล่าสุด */
.marquee-body,
.marquee-body a,
.marquee-news-title,
.news-by-main,
.news-by-title,
.news-by-body {
    color: #6b4a2b !important;
    font-weight: 600 !important;
}

/* แถบคำว่า ล่าสุด */
.marquee-heading {
    background: #b17b3d !important;
    color: #ffffff !important;
}

/* ปุ่มค้นหา */
.btn-color,
.search button,
.input-group-btn button {
    background: #b17b3d !important;
    border-color: #a66b35 !important;
    color: #ffffff !important;
}

.btn-color:hover,
.search button:hover {
    background: #a66b35 !important;
}

/* ไอคอน/จุดสีฟ้า เปลี่ยนเป็นน้ำตาล */
.color,
.fa-search,
.s-widget h5,
.s-widget h5 i,
.widget ul li:before,
.list-6 li:before,
.s-widget ul li:before,
.hot-properties ul li:before {
    color: #86684a !important;
    background-color: transparent !important;
}

/* ลิงก์ทั่วไป */
a {
    color: #f0c36a;
}

a:hover {
    color: #ffd98c;
}

/* Footer */
footer,
.foot {
    background: #6f4d2d !important;
    color: #d8c3a2 !important;
}

body,
html,
.outer,
.main-block,
.main-container {
    background:#86603a !important;
}

.header {
    background:#86603a !important;
}

.menu,
.menu-container,
.menu > ul > li {
    background:#b17b3d !important;
}

.menu a,
.menu ul li a {
    color:#86684a !important;
    font-size:14px !important;
    font-weight:600 !important;
}

.alert-info,
.widget-content,
.s-widget {
    background:#d8c3a2 !important;
    color:#86684a !important;
}

.marquee-heading {
    background:#b17b3d !important;
    color:#fff !important;
}

.marquee-body,
.marquee-body a,
.marquee-news-title {
    color:#86684a !important;
}

.btn-color,
.input-group-btn button {
    background:#b17b3d !important;
    border-color:#a66b35 !important;
    color:#fff !important;
}

.color,
.fa-search {
    color:#86684a !important;
}
body,
html,
.outer,
.main-block,
.main-container {
    background:#86603a !important;
}

.header {
    background:#86603a !important;
}

.menu,
.menu-container,
.menu > ul > li {
    background:#b17b3d !important;
}

.menu a,
.menu ul li a {
    color:#86684a !important;
    font-size:14px !important;
    font-weight:600 !important;
}

.alert-info,
.widget-content,
.s-widget {
    background:#d8c3a2 !important;
    color:#86684a !important;
}

.marquee-heading {
    background:#b17b3d !important;
    color:#fff !important;
}
.header{
    background:url('https://music.cm77.com/images/banner_lanna.jpg') center center no-repeat !important;
    background-size:contain !important;
}
.marquee-body,
.marquee-body a{
    color:#8b5e34 !important;
}
/* ===== FOOTER CM77 ===== */

.foot {
    color: #f5e6c8 !important;
}

.foot p,
.foot div,
.foot span,
.foot li,
.foot-item-content,
.widget-body {
    color: #f5e6c8 !important;
    opacity: 1 !important;
}

.foot h5,
.foot h6,
.foot .bold {
    color: #ffffff !important;
    font-weight: bold !important;
}

.foot a {
    color: #ffd27a !important;
}

.foot a:hover {
    color: #ffffff !important;
}

footer {
    color: #f5e6c8 !important;
}

footer p,
footer a,
footer li {
    color: #f5e6c8 !important;
}
/* สถิติหมวดหมู่ */

.counter-item h4,
.counter-item h6,
.number-count {
    color: #3e2723 !important;
    opacity: 1 !important;
    font-weight: bold !important;
}
/* หมวดหมู่มือถือและเว็บ */

.category-box-title a,
.category-box-title,
.category-item a,
.category-item li a,
.icon-box-1-item a {
    color: #3e2723 !important;
    font-weight: bold !important;
    opacity: 1 !important;
}

/* หมวดหมู่ย่อย */

.category-item ul li a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ตัวเลขนับ */

.category-counter {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* มือถือ */

@media (max-width: 768px) {

    .category-box-title a,
    .category-item a,
    .category-item ul li a {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: bold !important;
}
}
/* รายการเพลงด้านขวา */
.sub-head a {
    color: #2b1a08 !important;
    font-weight: bold !important;
}

/* รายละเอียดใต้รายการ */
.widget-content,
.widget-content a {
    color: #2b1a08 !important;
}

/* Sidebar ทั้งหมด */
.sidebar a {
    color: #2b1a08 !important;
}

/* Hover */
.sidebar a:hover,
.sub-head a:hover {
    color: #c88c34 !important;
}
.sidebar a,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar .sub-head a,
.sidebar .widget-content,
.sidebar .widget-content a,
.sidebar .counter-item h4,
.sidebar .counter-item h6 {
    color: #3b1f00 !important;
    font-weight: bold !important;
}

.sidebar a:hover {
    color: #c88c34 !important;
}
/* หัวข้อหมวด */
.page-heading-two h2,
.page-heading-two h2 a,
.page-heading-two i,
.page-heading-two span {
    color: #FFD27A !important;
}
.page-heading-two h2,
.page-heading-two h2 a,
.page-heading-two .fa {
    color: #FFD27A !important;
    text-shadow: none !important;
}
.page-heading-two {
    background: #8B6A45 !important;
}

.page-heading-two h2,
.page-heading-two h2 a,
.page-heading-two .fa {
    color: #FFD27A !important;
}
.widget-content.search input.form-control {
    -webkit-user-select: text !important;
    user-select: text !important;
    pointer-events: auto !important;
    touch-action: auto !important;
    position: relative !important;
    z-index: 999999 !important;
}
.outer,
.main-block,
.main-block .container,
.sidebar,
.s-widget,
.widget-content.search {
    overflow: visible !important;
}
p.detail,
.excerpt p,
.excerpt .detail,
.video-container p.detail {
    color: #F5E6C8 !important;
    opacity: 1 !important;
}