@import url('/css/pagenav.css');
@import url('/css/community.css');
/* waylink */
.waylink {padding-bottom: 10px;padding-top: 10px;background-color: #2f2f2f;margin-bottom: 30px;}
.waylink h2.pagetitle {margin: 5px 0 5px;font-size: 40px;color: #e0e0e0;}
.waylink ol { overflow:hidden; font-size:12px; }
.waylink ol li {position:relative;margin-left:5px;padding-left:10px;float:left;list-style: none;color: #ffffff;}
.waylink ol li:first-child { margin-left:0; padding-left:0; }
.waylink ol li a {color: #e8e8e8;}
.waylink ol li .h3 { font-weight:normal; font-size:12px; color: #6f6f6f; }
.waylink ol li:after {position:absolute;font-size:12px;color: #dbdbdb;left:0;top:0;content: ">";}
.waylink ol li:first-child:after { content: ""; }

/* content-wrapper */
.content-wrapper {overflow: hidden;position: relative;background-image: url(/images/25/GG-bg.png);}
.content-wrapper .workframe { z-index: 10; }
#content { overflow: hidden;; position: relative; margin: 10px 0; }

/* sideNav Cate */
#sideNav {float: right;padding-bottom: 40px;width: 245px;height: 100%;top: 0;left: 0;-webkit-border-radius: 10px;}
#sideNav .mobnav{background: #2f2f2f;}
#sideNav h2.sideTitle,#category-nav > h3{position: relative;padding: 10px 20px;/* background: #2f2f2f; */font-size: 18px;color: #000;}
#sideNav h2.sideTitle i { position: absolute; display: none; top: calc(50% - 9px); right: 20px; }
#sideNav ul.Cate >li { border-bottom: 1px #484848 solid; }
#sideNav ul.Cate >li a i{margin-right: 8px;width: 10px;text-align: center;}
#sideNav #contact-extra ul.Cate >li { padding: 10px 20px; color: #fff; }
#sideNav ul.Cate li h3 { position:  relative; }
#sideNav ul.Cate li.action h3:before { position: absolute; border-style: solid; border-width: 22px 0 22px 10px; border-color: transparent transparent transparent #e7a71c; right: -10px; top: 0; content: ""; }
#sideNav ul.Cate li a {padding: 10px 0 10px 20px;display: block;color: #fff;}

#sideNav ul.Cate .subUL li a{color:black;padding: 6px;/* text-align: center; */overflow: hidden;/* height: 5px; */}
#sideNav #contact-extra ul.Cate li a { padding: 0; display: inline-block; }
#sideNav ul.Cate >li.action >h3 a {background: #1c80d0;}
#sideNav ul.Cate li b[data-action="sideOpen"] { position: absolute; padding: 10px; top: 0; right: 0; color: #fff; }
#sideNav ul.Cate li ul.subUL {background: #ffffff;display: none;transition: none;}
#sideNav ul.Cate li ul.subUL li{border-width:1px;border-bottom-style: solid;border-color: #2f2f2f;padding:5px;}
#sideNav ul.Cate >li.action ul.subUL { display: block; }
#sideNav ul.Cate >li.action ul.subUL li.action {background: #1d314f;}
#sideNav ul.Cate >li.action ul.subUL li.action p a{
    color: #cccccc;
}
#sideNav ul.Cate >li ul.subUL li .subULHead { position: relative; }
#sideNav ul.Cate >li ul.subUL li ul.sub2UL { background: #d6913d; display: none;  transition: none; }
#sideNav ul.Cate >li ul.subUL li.action ul.sub2UL { display: block; }
#sideNav ul.Cate >li ul.subUL li.action ul.sub2UL li.action { background: #9a6525; }

#sideNav #SeoStarRating{padding: 10px 0 10px 20px;}
#sideNav #SeoStarRating font:last-child{color: #ffffff;}


/* sideNav contact-nav */
#sideNav #contact-nav {  }
.contact-form
#sideNav #fb-wrap , #sideNav #youtube  { margin: 10px auto; width: calc(100% - 40px); }
#sideNav #youtube iframe { width: 100%; }

#sub-banner{margin-top: 90px;}
#articleBox {
    padding: 0px 20px 40px 0px;
    float: left;
    width: calc(100% - 320px);
    /* background: #ffffff3d; */
}
#articleBox .pagetitle{
	/* background: url(/images/25/innernewsblank.png); */
	font-weight: bold;
	padding-left: 10px;
	font-size: 28px;
	margin-bottom: 20px;
}

/* sidewrap */
#sidewrap {background: #fff;-webkit-border-radius: 40px;}
#sidewrap .workframe{width: 100%;}
/* sidewrap sidead-list */
#sidewrap #sidead-list { position: relative; }
#sidewrap #sidead-list h3 { padding: 25px 0 0px; text-align: center; font-size: 28px; color: #ffa436; }
#sidewrap #sidead-list .workframe { z-index: 2; }
#sidewrap #sidead-list ul { overflow: hidden; }
#sidewrap #sidead-list ul li {  float: left; width: 100%;margin: 10px 0px; }
#sidewrap #sidead-list ul li a.photo{background-size: cover;}
#sidewrap #sidead-list ul li a.photo img ,
#best-product .item .productsList ul li a.photo img ,
#best-product #g-map iframe { width: 100%; }
#sidewrap #sidead-list:after { height: 150px; background: #fff; bottom: 0; }


/* serchBox */
#serchBox { padding-bottom: 20px; }

/* form */
.wrap input[type="number"] , .wrap input[type="text"] , .wrap textarea { padding: 10px 20px;border-bottom: 1px solid #e4e4e4 }

/* transform */
@keyframes bgWhirligig-2 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }

@media screen and (max-width: 1024px) {
	.content-wrapper:before { display: none; }
	#best-product .item > div { width: 100%; }
	#sideNav { float: none; padding-bottom: 0; width: 100%; height: auto;margin-top: 60px; }
	#sideNav:before { display: none; }
	#sideNav h2.sideTitle i { display: block; transition: all linear 0.3s; }
	#sideNav h2.current i {	-moz-transform: rotate(3.14159rad); -webkit-transform: rotate(3.14159rad); -o-transform: rotate(3.14159rad); -ms-transform: rotate(3.14159rad); transform: rotate(3.14159rad); }
	#sideNav .mobnav { overflow: hidden;  transition: none; }
	#articleBox{ margin-left: 0; padding: 0px; float: none; width: 100%; }
	#best-product .item .productsList ul,#sidewrap #sidead-list ul{display: flex;flex-wrap: wrap;}
	#sidewrap #sidead-list ul li,#best-product .item .productsList ul li{width:calc((100% / 2) - 20px);margin: 10px;float: none;}

}
@media screen and (max-width: 960px) {
	.waylink h2.pagetitle{
        font-size: 23px;
        color: #d5d5d5;
    }
}
@media screen and (max-width: 480px) {
	#articleBox ul.articleList li { width: calc(100% - 40px); }
}
@media screen and (max-width: 450px) {
}