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

/* content-wrapper */
.content-wrapper { overflow: hidden; position: relative; }
.content-wrapper .workframe { z-index: 10; }
#content { overflow: hidden;; position: relative; margin: 10px 0; }

/* sideNav Cate */
#sideNav { float: right; padding-bottom: 40px; width: 280px; height: 100%; top: 0; left: 0; }
#sideNav .mobnav{background: #2f2f2f;}
#sideNav h2.sideTitle,#category-nav > h3{ position: relative; padding: 10px 20px; background: #000; font-size: 18px; color: #fff; }
#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 #contact-extra ul.Cate li a { padding: 0; display: inline-block; }
#sideNav ul.Cate >li.action >h3 a { background: #ef1234; }
#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: #ffa436; display: none; transition: none; }
#sideNav ul.Cate >li.action ul.subUL { display: block; }
#sideNav ul.Cate >li.action ul.subUL li.action { background: #f3b161; }
#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: #ff003b;}


/* 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%; }


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

/* sidewrap */
#sidewrap {background: #fff;}
#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) {
}
@media screen and (max-width: 480px) {
	#articleBox ul.articleList li { width: calc(100% - 40px); }
}
@media screen and (max-width: 450px) {
}