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

#header {
	background:#FDFDFD;
	border-top:3px solid #2248A2;
}
#webtitle {
	color:#444;
}
@media all and (max-width: 600px) {
	#webtitle {
		border-top:1px solid #ccc;
	}
}


/*==================================
MENUL:Keep li change bg color , a change text color
====================================*/
#sidewrap {
	background:#222;
	border-right:2px solid rgba(210,210,210,0.1);
}
.menu-link span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_b/images/menu-link.png);
}
.menu-link.on-off span {
	background-image: url(https://www.okweb.asia/homepage/mains/color_b/images/close.png);
}
.menu > ul > li {
	border-top: 2px solid #333;
}
.menu > ul > li:hover {	
	background-color:#444;
}
.menu > ul > li > a{
	color:#eee;
}
.menu > ul > li > a:hover, .menu > ul > li:hover > a{
	color:#fff;
}
.menu > ul > li > a > span{
	color:#eee;
}
.menu > ul > li > a:hover > span {
	color:#eee;
}
.menu > ul > li.has-nextmenu > a:after {
	border-top:5px solid #999;
}
.menu > ul > li > ul > li > a {
	color:#fff;
}
.menu > ul > li > ul > li:hover{
	background:#666;
}
.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 #d5d5d5 solid;
	}
	.menu > ul > li:first-child {
		border-left:1px #d5d5d5 solid;
	}
	.menu > ul > li:hover {
		background-color:#2248A2;
	}
	.menu > ul > li > a {
		color:#444;
	}
	.menu > ul > li > a:hover, .menu > ul > li:hover > a{
		color:#fff;
	}
	.menu > ul > li > a > span{
		color:#888;
	}
	.menu > ul > li > a:hover > span {
		color:#fff;
	}
	.menu > ul > li.has-nextmenu > a:after {
		border-top:5px solid #666;
	}
	.menu > ul > li.has-nextmenu:hover > a:after {
		border-top:5px solid #fff;
	}
	.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:#444;
	}
	.menu > ul > li > ul > li:hover {
		background:#555;
	}
	.menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li:hover > a{
		color:#fff;
	}

	/*============*/
	
	.menu ul li > a.btn-moremenu > span:before {
		color:#666;
	}
	.menu ul li:hover > a.btn-moremenu > span:before {
		color:#fff;
	}
	#more-menu.active:before {
		border-bottom: 6px solid #666;
	}
	#more-menu > ul > li { 
		border:2px solid #ccc;
		border-top:0px solid #ccc;
		background:#f5f5f5;/*moremenu-bg*/
	}
	#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:#666;
	}
	#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:#fff;
	}
}
/*==================================
              NAVBAR
====================================*/
#navbar {
	background:#173373;
	color:#eee;
}
#navbar a {
	color:#eee;
}
#navbar a:hover {
	color:#fff;
}
#navbar .language {
	background:url(https://www.okweb.asia/homepage/mains/color_b/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_b/images/h3-dot.png) no-repeat 0px center;
	border-bottom:3px solid #2248A2;
}
.btn-more a {
	color:#444;
}
.btn-more a:hover {
	color:#CC3300;
}
.btn-more a:before {
	background:url(https://www.okweb.asia/homepage/mains/color_b/images/btn-more.png) center center no-repeat;
	background-color:#2248A2;
}
.btn-more a:hover:before {
	background-color:#CC3300;
}
#index-news > ul li {
	color:#444;
	border-bottom:1px solid #dedede;
}
#index-news > ul li a {
	color:#444;
}
#index-news > ul li a:hover {
	color:#CC3300;
}
#index-news > ul li .date {
	color:#999;
}
/*==================================
             footer
====================================*/

#footer {
	background:#464646;
	border-top:3px #555 solid;
}
.f-section {
	color:#fdfdfd;
}
#f-links {
	color:#fdfdfd;
}
#f-links ul li a {
	color:#fdfdfd;
}
#f-links ul li a:hover {
	color:#71D4FF;
}
#f-counter {
	color: #fdfdfd;
}
#f-power {
	background:#333;
	border-top:1px #333 solid;
}
.social-icon li a{
	background-color:#fff;
}
.social-icon li a:hover{
	background-color:#71D4FF;
}
.social-icon li a.social-fb{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-facebook.svg);}
.social-icon li a.social-twitter{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-twitter.svg);}
.social-icon li a.social-gplus{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-gplus.svg);}
.social-icon li a.social-plurk{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-plurk.svg);}
.social-icon li a.social-weibo{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-weibo.svg);}
.social-icon li a.social-line{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-line.svg);}
.social-icon li a.social-Instagram{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-Instagram.svg);}
.social-icon li a.social-wechat{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-wechat.svg);}
.social-icon li a.social-mail{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-mail.svg)}
.social-icon li a.social-youtube{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-youtube.svg)}
.social-icon li a.social-telegram{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-telegram.svg);}
.social-icon li a.social-blog{background-image:url(https://www.okweb.asia/homepage/mains/color_b/svg/social-icon-blog.svg);}