@charset "utf-8";
/* CSS Document */
body {
	background-color:#FDFDFD;
	color:#666;
}
a {
	color:#33C;
}
a:hover {
	color:#30F;
}
/*==================================
              SLIDER
====================================*/
.slider-nav-item {
	background: #fff;
}
.slider-nav-item:hover {
	background: #ddd;
}
.slider-nav-item-current {
	background: #888;
}
@media all and (min-width: 1000px) {
	.carousel-left, .carousel-right {
		width:1100px
	}
	.carousel-left {
		background:url(https://www.okweb.asia/homepage/mains/color_a/images/carousel-left.png) repeat-y 0 0 transparent;
	}
	.carousel-right {
		background:url(https://www.okweb.asia/homepage/mains/color_a/images/carousel-right.png) repeat-y 0 0 transparent;
	}
}
/*==================================
             HEADER
====================================*/

#header {
	background:#F8f8f8;
	border-top:3px solid #444;
}
#webtitle {
	color:#666;
}
@media all and (max-width: 600px) {
	#webtitle {
		border-top:1px solid #ccc;
	}
}
/*==================================
MENUL:Keep li change bg color , a change text color
====================================*/
#sidewrap {
	background:#eee;
	border-right:2px solid rgba(110,110,110,0.1);
}
.menu-link span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_a/images/menu-link.png);
}
.menu-link.on-off span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_a/images/close.png);
}
.menu > ul > li {
	border-top: 2px solid #ccc;
}
.menu > ul > li:hover {	
	background-color:#fefefe;
}
.menu > ul > li > a{
	color:#444;
}
.menu > ul > li > a:hover, .menu > ul > li:hover > a{
	color:#333366;
}
.menu > ul > li > a > span{
	color:#888;
}
.menu > ul > li > a:hover > span {
	color:#888;
}
.menu > ul > li.has-nextmenu > a:after {
	border-top:5px solid #666;
}
.menu > ul > li > ul > li > a {
	color:#444;
}
.menu > ul > li > ul > li:hover{
	background:#999;
}
.menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li:hover > a{
	color:#fff;
}
@media all and (min-width: 1000px) {
	.menu > ul > li {
		border-top:none;
		border-right:1px #efefef solid;
	}
	.menu > ul > li:first-child {
		border-left:1px #efefef solid;
	}
	.menu > ul > li:hover {
		background-color:#FDFDFD;
	}
	.menu > ul > li > a {
		color:#444;
	}
	.menu > ul > li > a:hover, .menu > ul > li:hover > a{
		color:#444;
	}
	.menu > ul > li > a > span{
		color:#888;
	}
	.menu > ul > li > a:hover > span{
		color:#888;	
	}
	.menu > ul > li > ul{
		border:2px solid #666;
	}
	.menu > ul > li > ul:before{
		border-bottom: 6px solid #666;
	}
	.menu > ul > li > ul > li {
		border-top:1px #666 solid;
		background:#fdfdfd;
	}
	.menu > ul > li > ul > li:first-child{
		border-top:2px #666 solid;
	}
	.menu > ul > li > ul > li > a{
		color:#333;
	}
	.menu > ul > li > ul > li:hover {
		background:#eee;
	}
	.menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li:hover > a{
		color:#333;
	}
	
	/*============*/
	
	.menu ul li > a.btn-moremenu > span:before {
		color:#666;
	}
	.menu ul li:hover > a.btn-moremenu > span:before {
		color:#666;
	}
	#more-menu.active:before {
		border-bottom: 6px solid #ccc;
	}
	#more-menu > ul > li { 
		border:2px solid #ccc;
		border-top:0px solid #ccc;
		background:#f5f5f5;
	}
	#more-menu > ul > li:first-child {
		border-top:2px solid #ccc;
	}
	#more-menu > ul > li:hover {
		background-color:#fff;
	}
	#more-menu > ul > li > a {
		color:#444;
	}
	#more-menu > ul > li > a:hover, #more-menu > ul > li:hover > a{
		color:#444;
	}
	#more-menu > ul > li > a > span{
		color:#888;
	}
	#more-menu > ul > li > a:hover > span {
		color:#888;
	}
	#more-menu > ul > li.has-nextmenu  > a:after {
		border-top:5px solid #666;
	}
	#more-menu > ul > li > ul > li {
		border-top:1px #ccc solid;
		background-color:transparent;
	}	
	#more-menu > ul > li > ul > li:hover{
		background-color:#eee;
	}
	#more-menu > ul > li > ul > li > a {
		color:#444;
	}
	#more-menu > ul > li > ul > li > a:hover,#more-menu > ul > li > ul > li:hover > a {
		color:#444;
	}
}
/*==================================
              NAVBAR
====================================*/
#navbar {
	background:#E5E3DF;
	color:#a8a8a8;
}
#navbar a {
	color:#a8a8a8;
}
#navbar a:hover {
	color:#333;
}
#navbar .language {
	background:url(https://www.okweb.asia/homepage/mains/color_a/images/lang.png) no-repeat 0px 3px;
}

/*==================================
             CONTENT
====================================*/
#content-bg {
	background:#FDFDFD;
}
h1 {
	color:#444;
	border-bottom:3px solid #D5D5D5;
}
h1:before {
	background:url(https://www.okweb.asia/homepage/mains/color_a/images/h3-dot.png) no-repeat 0px center;
	border-bottom:3px solid #a4a4a4;
}
.btn-more a {
	color:#444;
}
.btn-more a:hover {
	color:#30F;
}
.btn-more a:before {
	background:url(https://www.okweb.asia/homepage/mains/color_a/images/btn-more.png) center center no-repeat;
	background-color:#336;
}
.btn-more a:hover:before {
	background-color:#30F;
}
#index-news > ul li {
	color:#666;
	border-bottom:1px solid #dedede;
}
#index-news > ul li a {
	color:#666;
}
#index-news > ul li a:hover {
	color:#30F;
}
#index-news > ul li .date {
	color:#999;
}
/*==================================
             footer
====================================*/

#footer {
	background:#F1EFEB;
	border-top:3px #d5d5d5 solid;
}
.f-section {
	color:#666;
}
#f-links {
	color:#666;
}
#f-links ul li a {
	color:#666;
}
#f-links ul li a:hover {
	color:#336;
}
#f-counter {
	color: #666;
}
#f-power {
	background:#ddd;
	border-top:1px #dedede solid;
}
.social-icon li a{
	background-color:#666;
}
.social-icon li a:hover{
	background-color:#336;
}
.social-icon li a.social-fb{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-facebook.svg);}
.social-icon li a.social-twitter{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-twitter.svg);}
.social-icon li a.social-gplus{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-gplus.svg);}
.social-icon li a.social-plurk{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-plurk.svg);}
.social-icon li a.social-weibo{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-weibo.svg);}
.social-icon li a.social-line{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-line.svg);}
.social-icon li a.social-Instagram{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-Instagram.svg);}
.social-icon li a.social-wechat{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-wechat.svg);}
.social-icon li a.social-mail{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-mail.svg)}
.social-icon li a.social-youtube{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-youtube.svg)}
.social-icon li a.social-telegram{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-telegram.svg);}
.social-icon li a.social-blog{background-image:url(https://www.okweb.asia/homepage/mains/color_a/svg/social-icon-blog.svg);}