@charset "utf-8";
/* CSS Document */
body {
	background-color:#3D2003;
	color:#592C00;
}
a {
	color:#CBA765;
}
a:hover {
	color:#FF9900;
}
/*==================================
              SLIDER
====================================*/
.slider-nav-item {
	background: #F4EFE3;
}
.slider-nav-item:hover {
	background: #E2BA71;
}
.slider-nav-item-current {
	background: #583017;
}
@media all and (min-width: 1000px) {
	.carousel-left, .carousel-right {
		width:980px;
	}
	.carousel-left {
		background:url(https://www.okweb.asia/homepage/mains/color_d/images/carousel-cover.png) repeat-y 0 0 transparent;
	}
	.carousel-right {
		background:url(https://www.okweb.asia/homepage/mains/color_d/images/carousel-cover.png) repeat-y 0 0 transparent;
	}
}
/*==================================
             HEADER
====================================*/

#header {
	background:#6A3909;
	border-top:3px solid #3D2003;
}
.header-fixed{border-bottom:1px solid #3D2003;}

#webtitle {
	color:#F4EFE3;
}
@media all and (max-width: 600px) {
	#webtitle {
		border-top:1px solid #866228;
	}
}
/*==================================
MENUL:Keep li change bg color , a change text color
====================================*/
#sidewrap {
	background:#4C3015;
	border-right:2px solid #3A280D;
}
.menu-link span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_d/images/menu-link.png);
}
.menu-link.on-off span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_d/images/close.png);
}
.menu > ul > li {
	border-top: 2px solid #351D05;
}
.menu > ul > li:hover {	
	background-color:#2B1703;
}
.menu > ul > li > a{
	color:#CBA765;
}
.menu > ul > li > a:hover, .menu > ul > li:hover > a{
	color:#CBA765;
}
.menu > ul > li > a > span{
	color:#CBA765;
}
.menu > ul > li > a:hover > span {
	color:#CBA765;
}
.menu > ul > li.has-nextmenu > a:after {
	border-top:5px solid #CBA765;
}
.menu > ul > li > ul > li > a {
	color:#EFDEA3;
}
.menu > ul > li > ul > li:hover{
	background:#815D0F;
}
.menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li:hover > a{
	color:#EFDEA3;
}
@media all and (min-width: 1000px) {
	.menu > ul > li {  
		border-top:none;
		border-right:1px #351D05 solid;
	}
	.menu > ul > li:first-child {
		border-left:1px #351D05 solid;
	}
	.menu > ul > li:hover {
		background-color:#351D05;
	}
	.menu > ul > li > a {
		color:#CBA765;
	}
	.menu > ul > li > a:hover, .menu > ul > li:hover > a{
		color:#CBA765;
	}
	.menu > ul > li > a > span{
		color:#CBA765;
	}
	.menu > ul > li > a:hover > span{
		color:#CBA765;	
	}
	.menu > ul > li > ul{
		border:2px solid #CBA765;
	}
	.menu > ul > li > ul:before{
		border-bottom: 6px solid #CBA765;
	}
	.menu > ul > li > ul > li {
		border-top:1px #CBA765 solid;
		background:#F4EFE3;
	}
	.menu > ul > li > ul > li:first-child{
		border-top:2px #CBA765 solid;
	}
	.menu > ul > li > ul > li > a{
		color:#592C00;
	}
	.menu > ul > li > ul > li:hover {
		background:#F0E7C1;
	}
	.menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li:hover > a{
		color:#592C00;
	}
	
	/*============*/
	
	.menu ul li > a.btn-moremenu > span:before {
		color:#CBA765;
	}
	.menu ul li:hover > a.btn-moremenu > span:before {
		color:#CBA765;
	}
	#more-menu.active:before {
		border-bottom: 6px solid #916F25;
	}
	#more-menu > ul > li { 
		border:2px solid #916F25;
		border-top:0px solid #916F25;
		background:#F4EFE3;
	}
	#more-menu > ul > li:first-child {
		border-top:2px solid #916F25;
	}
	#more-menu > ul > li:hover {
		background-color:#F0E7C1;
	}
	#more-menu > ul > li > a {
		color:#592C00;
	}
	#more-menu > ul > li > a:hover, #more-menu > ul > li:hover > a{
		color:#592C00;
	}
	#more-menu > ul > li > a > span{
		color:#592C00;
	}
	#more-menu > ul > li > a:hover > span {
		color:#592C00;
	}
	#more-menu > ul > li.has-nextmenu  > a:after {
		border-top:5px solid #CBA765;
	}
	#more-menu > ul > li > ul > li {
		border-top:1px #916F25 solid;
		background-color:#F0E7C1;
	}	
	#more-menu > ul > li > ul > li:hover{
		background-color:#E4D6B1;
	}
	#more-menu > ul > li > ul > li > a {
		color:#592C00;
	}
	#more-menu > ul > li > ul > li > a:hover,#more-menu > ul > li > ul > li:hover > a {
		color:#592C00;
	}
}
/*==================================
              NAVBAR
====================================*/
#navbar {
	background:#3D2003;
	color:#E2BA71;
}
#navbar a {
	color:#E2BA71;
}
#navbar a:hover {
	color:#F4EFE3;
}
#navbar .language {
	background:url(https://www.okweb.asia/homepage/mains/color_d/images/lang.png) no-repeat 0 3px;
}

/*==================================
             CONTENT
====================================*/
#content-bg {
	background:url(https://www.okweb.asia/homepage/mains/color_d/images/content-bg.jpg) repeat 0 0 #F4EFE3;
}
h1 {
	color:#3D2003;
	border-bottom:3px solid #E2BA71;
}
h1:before {
	background:url(https://www.okweb.asia/homepage/mains/color_d/images/h3-dot.png) no-repeat 0 center;
	border-bottom:3px solid #CBA765;
}
.btn-more a {
	color:#CBA765;
}
.btn-more a:hover {
	color:#815D0F;
}
.btn-more a:before {
	background:url(https://www.okweb.asia/homepage/mains/color_d/images/btn-more.png) center center no-repeat;
	background-color:#CBA765;
}
.btn-more a:hover:before {
	background-color:#815D0F;
}
#index-news > ul li {
	color:#592C00;
	border-bottom:1px solid #E2BA71;
}
#index-news > ul li a {
	color:#592C00;
}
#index-news > ul li a:hover {
	color:#815D0F;
}
#index-news > ul li .date {
	color:#815D0F;
}
/*==================================
             footer
====================================*/

#footer {
	background:#CBA765;
	border-top:3px #AF873A solid;
}
.f-section {
	color:#592C00;
}
#f-links {
	color:#592C00;
}
#f-links ul li a {
	color:#592C00;
}
#f-links ul li a:hover {
	color:#ECE4BD;
}
#f-counter {
	color: #592C00;
}
#f-power {
	background:#3D2003;
	border-top:1px #763E05 solid;
}
.social-icon li a{
	background-color:#815D0F;
}
.social-icon li a:hover{
	background-color:#592C00;
}
.social-icon li a.social-fb{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-facebook.svg);}
.social-icon li a.social-twitter{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-twitter.svg);}
.social-icon li a.social-gplus{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-gplus.svg);}
.social-icon li a.social-plurk{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-plurk.svg);}
.social-icon li a.social-weibo{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-weibo.svg);}
.social-icon li a.social-line{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-line.svg);}
.social-icon li a.social-Instagram{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-Instagram.svg);}
.social-icon li a.social-wechat{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-wechat.svg);}
.social-icon li a.social-mail{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-mail.svg)}
.social-icon li a.social-youtube{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-youtube.svg)}
.social-icon li a.social-telegram{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-telegram.svg);}
.social-icon li a.social-blog{background-image:url(https://www.okweb.asia/homepage/mains/color_d/svg/social-icon-blog.svg);}