@charset "utf-8";
/* CSS Document */
/* @import url(https://fonts.googleapis.com/css?family=Droid+Serif:700);*/
body{
	background-color:#f5f5f5;
	color:#295056;
}
a{color:#295056;}
a:hover{color:#965830;}
.btn-color{
  color: #fff;
  background-color: #82A29D;
}
.btn-color:hover{
  color: #fff;
  background-color: #1366A4;
}

#gotop {
	background-image: url(../svg/gotop.svg);
	background-color:rgba(0,0,0,0.5);
}
#gotop:hover{
	background-color:rgba(0,0,0,0.8);
}

#container{
	background:#fff;
}
.wrap{
}
#header{
	background:#5DB3C6;
	background:rgba(93,179,198,0.84);
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}
#top-link{
	border-bottom:1px rgba(255,255,255,0.2) solid;
}
#ticker marquee{
	color:#FFFFFE;
}
#ticker a{
	color:#FFFFFE;
}
#ticker a:hover{
	color:#1366A4;
}
#navbar ul li a{
	color:#FFFFFE;/*navbar color*/
}
#navbar ul li a:hover{ color:#1366A4;}
.nav-circle:hover{background-color:rgba(0,0,0,0.5);}

#search-wrap{	background:#111111;}
#btn-open-search{
	background:#83C6D3;
	border-left:1px solid rgba(255,255,255,0.3);
	border-right:1px solid rgba(255,255,255,0.3);
}
#btn-open-search span{
	color:#fff;
}
#btn-open-search:hover span{
	color:#1366A4;
}
#btn-close-search{
	background-image: url(../svg/close.svg);
}
#search-box > form:before{
	content:'SEARCH：';
	color:#FFFFFE;
}
#search-box input[type="text"]{
	color: #fff;
}
#search-box placeholder{
	line-height:40px;
	vertical-align:middle;
}
#search-box .btn-search {
	background-image: url(../svg/zoom.svg);
}

#webtitle{
	color:#fff;
}

.menu-link span {
	background-image: url(../svg/menu-link.svg);
}
.menu-link.top span{
	background-image: url(../svg/close.svg);
}
.menu{	background:rgba(30,30,30,0.8);}/*<1100 original bg*/
.menu > ul > li {	border-top: 1px solid rgba(255,255,255,0.1);}
.menu > ul > li:hover,.menu > ul > li:active{ background-color:#2E7281;}/*<1100 hover bg*/
.menu > ul > li:hover a, .menu ul li > a { 	color:#fff;	}
.menu ul li > a:hover {	color:#FC0; }/*link a hover*/
.menu li.has-nextmenu > .plus{	color:#fff;}
.menu li.has-nextmenu > .plus:hover{background-color:rgba(0,0,0,0.3);}
.menu li.has-nextmenu > .plus:after {background-image: url(../svg/arrow.svg);}
.menu ul ul li > a:hover{ background:#2E7281;}/*<1100 2class hover bg*/
#carousel {
	background: #F8F9FA;
}

.slider-arrow-right {
	background-image: url(../svg/arrow.svg);
}
.slider-arrow-right:hover{
	background-color:rgba(0,0,0,0.5);
}
.slider-arrow-left {
	background-image: url(../svg/arrow.svg);
}
.slider-arrow-left:hover {
	background-color:rgba(0,0,0,0.5);
}
.slider-nav-item {	background: #E2E2E2;}
.slider-nav-item:hover {background: #888;}
.slider-nav-item-current {	background: #1366A4;}
#footer{
	background:#2C4347;
}
#page-title,.title{
	border-bottom:1px #ccc solid;
}
.page-content{	color:#555;}
.page-content a{}
.page-content a:hover{color:#295056;}
.section-bot-title{
	color:#FFF;
	background:#233034;
	border:1px solid rgba(255,255,255,0.1);
}
#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(255,255,255,0.1) solid;
}
.product-menu li a{
	color:#f5f5f5;
	}
.product-menu li a:hover{
	color:#FFDD2A;
}
.product-menu li a.open{
	color:#fff;
}
.product-menu li a span.btn-open{
	background-image: url(../svg/arrow.svg);
}
.product-menu li a span.date{
	color:#aaa;
}
.product-menu li ul li a{
	color:#eee;
}
.product-menu li ul li a:hover{
	color:#eee;
	background-color:rgba(255,255,255,0.1);
}
.product-menu li ul li a.mark{
	background-color:rgba(255,255,255,0.2);
}

.vote-topic{
	color:#008C68;
}
.menu-vote > li{
	border-bottom:1px #DEDEDE solid;
}
#href-slide{
	background:rgba(0,0,0,0.3);
}
.f-section{
	color:#f5f5f5;
}
#f-links{
	color:#f5f5f5;
}	
#f-links ul li a{
	color:#f5f5f5;
}
#f-links ul li a:hover{
	color:#1366A4;
}
#f-counter{
	color: #CCC;
}
#f-power{
	border-top:1px rgba(255,255,255,0.1) solid;
	background:#222;
}

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