@charset "utf-8";
/* CSS Document */

body{background:#ECE9E6; color:#56463D;}
hr{border-color:#C6B49B;}
a{color:#56463D;}
a:hover{color:#486F6C; text-decoration: none;}
.btn-style,.btn,.btn-color{border:1px solid #486F6C; color:#fff; background:#486F6C;}
.btn-style:hover,.btn:hover,.btn-color:hover{color:#fff;}
.header{ border-bottom:2px solid #8B7161;}
.header-part{ background:#8B7161;}
.marquee-wrap{color:#56463D;}
.header-nav > ul > li > a{color:#fff;}
.header-nav > ul > li > a:hover{color:#fff;}
@media (min-width: 768px) {
	.header-nav > ul > li:before{ border-left:6px solid #8B7161;}
	.header-nav > ul > li > a{ color:#56463D}
	.header-nav > ul > li > a:hover{ color:#486F6C;}
	.header-part{background:transparent;}
}

/*-----------Slider-------------*/
.slider-wrap{ background:url(https://www.okweb.asia/3004/color_i/images/slide-bg.png) repeat 0 0;}
.slider-nav-item {border:1px #C6B49B solid; background: transparent;}
.slider-nav-item:hover { background:#8B7161;}
.slider-nav-item-current { background: #C6B49B; border:1px solid #C6B49B;}

/*-----------Menu-------------*/
.major-menu-wrap{ background:#8B7161;}
.major-menu > li:before{ background:#fff;}
.hasdropmenu{ border-top: 5px solid #fff;}
.major-menu > li > a { color:#fff;}
.major-menu > li:hover > a, .major-menu > li.current > a {color:#EFD596;}
.major-menu > li:hover > ul{background: #fff; border: 1px solid #6B584B;}
.major-menu > li:hover > ul > li > a { border-top:1px solid #6B584B; color:#56463D;}
.major-menu > li:hover > ul > li > a:hover { color:#56463D; background:#ECE9E6;}
.major-menu-wrap select { background:#8B7161;  color:#fff;}


.content-all{ background:none; border:none;}
.content-right{ background:#fff; border:3px solid #8B7161;}
@media  (min-width: 768px) {
	.content-all{ background:#fff; border:3px solid #8B7161; }
	.content-right{ background:none; border:none; }
}
.side-style:before{background:url(https://www.okweb.asia/3004/images/darkbg.png) repeat 0 0; opacity: 0.2;}
.side-category{ background:#8B7161; color:#fff;}
.side-login{ background:#DBD0C1; color:#56463D;}
.side-news{ background:#DBD0C1; color:#56463D; }
.side-vote{ background:#DBD0C1; color:#56463D; }

.side-category .side-title{	color:#DFDAD0;}
.side-category .side-title:before{ border-left-color:#ECE9E6;}
.side-login .side-title{ color:#8B7161;}
.side-login .side-title:before{ border-left-color: #8B7161;}
.side-news .side-title{ color:#8B7161;}
.side-news .side-title:before{ border-left-color: #8B7161;}
.side-vote .side-title{ color:#8B7161;}
.side-vote .side-title:before{ border-left-color: #8B7161;}

.mobile-section-btn--category span{ background:#8B7161; color:#fff;}
.mobile-section-btn--category span:hover,.mobile-section-btn--category span.active{ background:#A08778; color:#fff;}
.mobile-section-btn--login span{ background:#8B7161; color:#fff;}
.mobile-section-btn--login span:hover, .mobile-section-btn--login span.active{ background:#A08778; color:#fff;}
.mobile-section-btn--news span{ background:#8B7161; color:#fff;}
.mobile-section-btn--news span:hover, .mobile-section-btn--news span.active{ background:#A08778; color:#fff;}
.mobile-section-btn--vote span{ background:#8B7161; color:#fff;}
.mobile-section-btn--vote span:hover, .mobile-section-btn--vote span.active{ background:#A08778; color:#fff;}
@media  (min-width: 768px) {
	.mobile-section-btn{
		display:none;
	}
}

.vote-title{ color:#56463D;	border-top:1px solid #C6B49B;	border-bottom:1px solid #C6B49B;}

.search-box .form-control{ background:#fff; border:1px solid transparent; color:#666;}
.side-login .form-control{ background:#fff; border:1px solid transparent; color:#666;}
.side-login .btn-style{ border:1px solid #486F6C; background:#486F6C; color:#fff;}
.side-vote .btn-style{ border:1px solid #486F6C; color:#fff; background:#486F6C;}
.sub-list--line > li{ border-bottom:1px dashed #fff \9;}
.sub-list--line > li:after{ border-bottom:1px dashed #fff;}
.sub-list li a{ color:#56463D;}
.sub-list li a:hover{ color:#486F6C;}
.sub-list li a.mark{color:#486F6C; background:transparent;}
.sub-list > li > a:before{ border-left:5px solid #486F6C;}
.side-category .sub-list li a{ color:#fff;}
.side-category .sub-list li a:hover{ color:#EFD596;}
.side-category .sub-list > li > a.mark{color:#EFD596; background:transparent;}
.side-category .sub-list > li > a:before{ border-left:5px solid #fff;}
.sub-list > li > ul > li > a:before{ border:1px solid #fff;}
.sub-list > li > ul > li > a.mark{color:#fff; background:#755F51;}
.sub-list-date{ color:#8B7161; opacity: 1}



.footer > .container{ border-top:1px solid #C6B49B; color:#56463D;}
@media  (min-width: 768px) {
	.footer > .container{border-top:none;}|
}
.footer-nav li:before{ background:#999;}
.footer-nav li a{ color:#56463D;}
.footer-nav li a:hover{ color:#486F6C;}

.social-icon li a { background-color:#897969;}
.social-icon li a:hover{ background-color:#486F6C;}
.social-icon li a.social-fb{background-image:url(https://www.okweb.asia/3004/svg/social-icon-facebook-white.svg);}
.social-icon li a.social-twitter{background-image:url(https://www.okweb.asia/3004/svg/social-icon-twitter-white.svg);}
.social-icon li a.social-gplus{background-image:url(https://www.okweb.asia/3004/svg/social-icon-gplus-white.svg);}
.social-icon li a.social-plurk{background-image:url(https://www.okweb.asia/3004/svg/social-icon-plurk-white.svg);}
.social-icon li a.social-weibo{background-image:url(https://www.okweb.asia/3004/svg/social-icon-weibo-white.svg);}
.social-icon li a.social-line{background-image:url(https://www.okweb.asia/3004/svg/social-icon-line-white.svg);}
.social-icon li a.social-Instagram{background-image:url(https://www.okweb.asia/3004/svg/social-icon-Instagram-white.svg)}
.social-icon li a.social-wechat{background-image:url(https://www.okweb.asia/3004/svg/social-icon-wechat-white.svg)}
.social-icon li a.social-mail{background-image:url(https://www.okweb.asia/3004/svg/social-icon-mail-white.svg)}
.social-icon li a.social-youtube{background-image:url(https://www.okweb.asia/3004/svg/social-icon-youtube-white.svg)}
.social-icon li a.social-telegram{background-image:url(https://www.okweb.asia/3004/svg/social-icon-telegram-white.svg);}
.social-icon li a.social-blog{background-image:url(https://www.okweb.asia/3004/svg/social-icon-blog-white.svg);}