@charset "utf-8";
/* CSS Document */
/* @import url(https://fonts.googleapis.com/css?family=Droid+Serif:700);*/
body{
	color:#555;
	background-image: url(https://www.okweb.asia/bg/b029/bg.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-position: left top;
	background-color: #F0EFE8;
	background-attachment: fixed;
}
a{color:#555; text-decoration:none;}
a:hover{color:#7D9F4A;}
.page-content{	color:#555;}
.page-content a{	color:#555; text-decoration:none;}
.page-content a:hover{color:#7D9F4A;}
.btn-color{
	color: #777;
	background-color:transparent;
	border:2px solid #777;
}
.btn-color:hover{
	color: #fff;
	background-color: #777;
	border:2px solid #777;
}
#gotop {
	background-image: url(../svg/gotop.svg);
	background-color:rgba(0,0,0,0.4);
}
#gotop:hover{
	background-color:rgba(0,0,0,0.9);
}

#container{
	background:transparent;
}
#header{
	background:rgba(252,252,252,0.97);
	box-shadow:0px 1px 3px rgba(0,0,0,0.2);
}
#top-link{
	border-bottom:1px rgba(0,0,0,0.1) solid;
}
#ticker marquee{
	color:#555;
}
#ticker a{
	color:#555
}
#ticker a:hover{
	color:#7D9F4A;
}
#navbar ul li a{
	color:#555;/*navbar color*/
	text-decoration:none;
}
#navbar ul li a:hover{
	color:#7D9F4A;
}
.nav-circle:hover{background-color:rgba(0,0,0,0.1);}

#btn-open-search{
	background:rgba(255,255,255,0.6);
	border-left:1px solid rgba(0,0,0,0.1);
	border-right:0px solid rgba(255,255,255,0.1);
}
#btn-open-search:hover{background:rgba(0,0,0,0.3);}
#btn-open-search span{	color:#555;}
#btn-open-search span:hover, #btn-open-search:hover span{ color:#fff;}
#search-wrap{	background:#fff; }
#btn-close-search{
	background-image: url(../svg/close.svg);
}
#btn-close-search:hover{ opacity:0.8;}

#search-box > form:before{
	content:'SEARCH：';
	color:#555;
}
#search-box input[type="text"]{
	color: #555;
}
#search-box placeholder{
	line-height:40px;
	vertical-align:middle;
}
#search-box .btn-search {
	background-image: url(../svg/zoom.svg);
}
#search-box .btn-search:hover {
	opacity:0.8;
}
#webtitle{
	color:#555;
}

.menu-link span {
	background-image: url(../svg/menu-link.svg);
}
.menu-link.top span{
	background-image: url(../svg/close.svg);
}

.menu{	background-color:rgba(255,255,255,0.97); border-bottom:1px solid rgba(0,0,0,0.1)}/*<1100 original bg*/
.menu > ul > li {	border-top: 1px solid rgba(0,0,0,0.2);}
.menu > ul > li:hover,.menu > ul > li:active{ background-color:rgba(230, 230, 230, 0.7);}/*<1100 hover bg*/
.menu > ul > li:hover a, .menu ul li > a { 	color:#555;	}
.menu ul li > a:hover {	color:#555; }/*link a hover*/
.menu li.has-nextmenu > .plus{	color:#555;}
.menu li.has-nextmenu > .plus:hover{background-color:#fff; border:1px rgba(0,0,0,0.2) solid;}
.menu li.has-nextmenu > .plus:after {background-image: url(../svg/arrow.svg);}
.menu ul ul li > a:hover{ background-color:rgba(255,255,255,0.8);}/*<1100 2class hover bg*/
#carousel {
	background-color:rgba(255,255,255,0.2);
}
.slider-arrow-right {
	background-image: url(../svg/arrow.svg);
}
.slider-arrow-right:hover{
	background-color:rgba(0,0,0,0.1);
}
.slider-arrow-left {
	background-image: url(../svg/arrow.svg);
}
.slider-arrow-left:hover {
	background-color:rgba(0,0,0,0.1);
}
.slider-nav-item {
	background: #aaa;
}
.slider-nav-item:hover {
	background: #555;
}
.slider-nav-item-current {
	background: #7D9F4A;
}
#page-title,.title{border-bottom: 1px rgba(0,0,0,0.3) solid;}
#footer{
	background: rgba(252, 252, 252, 0.8);
}

.section-bot-title{
	color:#555;
	background:rgba(211, 204, 197, 0.6);
	border:1px solid rgba(211, 204, 197, 0.7);
}
.section-bot-title:before{box-shadow:0px 0px 0px #ddd;}
#submenu .section-bot-title:before{background-image:url(../svg/folder.svg);}
#subnews .section-bot-title:before{background-image:url(../svg/news.svg);}
#subcontact .section-bot-title:before{background-image:url(../svg/pencil.svg);}

.product-menu > li{
	border-top:1px rgba(0,0,0,0.2) solid;
}
.product-menu li a{
	color:#555;
	}
.product-menu li a:hover{
	color:#7D9F4A;
}
.product-menu li a.open{
	color:#9ADFFA;
}
.product-menu li a span.btn-open{
	background-image: url(../svg/arrow.svg);
}
.product-menu li a span.openbg{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform:rotate(90deg);
}

.product-menu li a span.date{
	color:#999;
}
.product-menu li ul li a{
	color:#777;
}
.product-menu li ul li a:hover{
	color:#777;
	background-color:rgba(0,0,0,0.1);
}
.product-menu li ul li a.mark{
	background-color:rgba(0,0,0,0.2);
}

.vote-topic{
	color:#555;
}
.menu-vote > li{
	border-bottom:1px rgba(0,0,0,0.2) solid;
}
#href-slide{
	background:rgba(0,0,0,0.05);
}


.f-section{
	color:#555;
}

#f-links{
	color:#555;
}	
#f-links ul li a{
	color:#555;
}
#f-links ul li a:hover{
	color:#7D9F4A;
}
#f-counter{
	color: #555;
}
#f-power{
	border-top:1px rgba(0,0,0,0.1) solid;
	background:rgba(0,0,0,0.05);
}

.icon-cart{ 
  background-image: url(../svg/cart2.svg);
}
.icon-zoom{
	background-image: url(../svg/zoom.svg);
}