.header--center {
	text-align: center;
}
header {
	display: block;
}
.brands {
	margin-bottom: 30px;
}
.brands .header {
	margin-bottom: 30px;
	padding-top: 30px;
	overflow: hidden;
}
.brands .header h1, .brands .header h2, .brands .header h3, .brands .header h4, .brands .header h5, .brands .header h6 {
	margin: 0;
}
.brands .header h2 {
	font-size: 28px;
	line-height: 38px;
}
.brands .header:after {
	content: '';
	margin-top: 15px;
	height: 5px;
	width: 100%;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	display: block;
	background: #ededed;
}
.brands .header>h1, .brands .header>h2, .brands .header>h3, .brands .header>h4, .brands .header>h5, .brands .header>h6, .brands .header__text {
	position: relative;
	display: inline-block;
	z-index: 1;
	color: #535353;
}
.second {
	position: relative;
	width: 300px;
	height: 188px;
}
#videoPic {
	position: absolute;
	width: 300px;
	height: 188px;
	z-index: 100;
	cursor: pointer;
	padding: 0px !important;
	top:0px;
	left:0px;
}
#videoBox {
	position: absolute;
	width: 300px;
	height: 188px;
	z-index: 10;
	top:0px;
	left:0px;
	padding: 0px !important;
	background:#000000;
}
.bannerContentBox {
	position: absolute;
	top: 42px;
	left: 70px;
}
.bannerTit {
	position: relative;
	text-transform: uppercase;
	line-height: 48px;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	padding-top: 54px;
	font-size: 44px;
}
.bannerSubTit {
	position: relative;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.bannerTxt {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.txtFocus {
	font-weight: bold;
	color: #0599d9;
	font-size: 18px;
}
.bannerContact {
	position: absolute;
	top: 50px;
	right: 70px;
	line-height: 0px;
}
.filter-bar {
	position: relative;
	margin: 10px auto;
}
.filter-select {
	width: 30%;
}
.pageActions a, .formActions a {
	float: none;
	margin-right: 20px;
}
.pageActions, .formActions {
	text-align: center;
}
#footerContent h3 {
	font-size: 14px;
}
#footerContent a {
	font-size: 13px;
}

.refineSearchContainer{ border: none !important; }
.refineSearchContainerInput{ border:1px solid #FF7E00; }

.list-paddingleft-2{ list-style-type: disc; padding-left: 1rem; }


@media (min-width: 592px) {
.brands .header>h1, .brands .header>h2, .brands .header>h3, .brands .header>h4, .brands .header>h5, .brands .header>h6, .brands .header__text {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0px
}
}
.brands .header>h1:after, .brands .header>h2:after, .brands .header>h3:after, .brands .header>h4:after, .brands .header>h5:after, .brands .header>h6:after, .brands .header__text:after {
	content: '';
	position: absolute;
	left: -30px;
	right: -30px;
	bottom: -20px;
	height: 5px;
	border: 0 solid #fff;
	border-width: 0 2px;
	background: #0172a2
}
.brands__matrix {
	margin: 0 auto;
}
.row {
	display: block;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.brands__brand {
	background-color: #ededed;
	border-right: 6px solid #fff;
	padding: 0
}
/*
.brands__brand:first-child {
	border-left: 6px solid #fff;
}*/

.brands__brand-first{
	border-left: 6px solid #fff;
}

.brands_col {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	height: 90px;
	margin-bottom: 50px;
}
.brands_col p {
	width: 100%;
	height: 90px;
	line-height: 90px; /* 行高等于高度 */
	margin: 0px;
	padding: 0px;
}
/* 兼容标准浏览器 */
.brands_col p:before {
	content: "."; /* 具体的值与垂直居中无关，尽可能的节省字符 */
	margin-left: -5px;
	font-size: 10px; /* 修复居中的小BUG */
	visibility: hidden; /*设置成隐藏元素*/
}
.brands_col p img {
 *margin-top:expression((90 - this.height )/2); /* CSS表达式用来兼容IE6/IE7 */
	vertical-align: middle;
	max-height: 90px;
}
.brands__brand-info {
	display: none;
	background-color: #007aaf;
	background-color: rgba(0,114,162,0.85);
	color: #fff;
	padding: 10px;
	width: 200%;
	height: 100%;
	font-size: 14px;
	font-weight: 300;
	pointer-events: none;
}
.brands__link-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	cursor: pointer
}
.brands__link-overlay .svg-external-link {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #007aaf;
	padding: 6px;
	width: 30px;
	height: 30px
}
.brands__brand:hover>.brands__link-overlay {
	display: block;
}
.brands__brand:hover .brands__brand-info {
	display: block;
	z-index: 100;
	position: absolute;
}
.brands__brand:hover .brands__link-overlay {
	display: block;
}
.brands__link:hover {
	color: #fff
}
.brands__brand-info.overlay-md--stretch-right {
	left: 100%;
	margin-left: 1px;
	right: auto;
	top: 0
}
.brands__brand-info.overlay-md--stretch-right:before {
	content: '';
	right: 100%;
	left: auto;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #007aaf;
	border-right-color: rgba(0,114,162,0.85);
	border-left: 0;
	position: absolute;
	top: 25%;
	margin-top: -5px
}
.brands__brand-info.overlay-md--stretch-left {
	right: 100%;
	margin-right: 1px;
	left: auto;
	top: 0
}
.brands__brand-info.overlay-md--stretch-left:before {
	content: '';
	right: auto;
	left: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #007aaf;
	border-left-color: rgba(0,114,162,0.85);
	border-right: 0;
	position: absolute;
	top: 25%;
	margin-top: -5px
}
.brands__title {
	text-transform: uppercase;
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 0px !important;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	margin-bottom: 0px !important;
}
.brands__link {
	color: #fff;
	text-decoration: none;
	font-size: 12px !important;
	line-height: 24px !important;
	padding: 0px !important;
	margin: 0px !important;
	height: 45px;
}
.brands__link-wrapper {
	padding: 0px !important;
	margin: 0px !important;
}

.brands_brand_link{ position: relative; width: 100%; text-align: center; padding-top: 14px !important; font-weight:bold; }
.brands_brand_link a{ color:#F0AB00 !important; }

.shopping-cart {
	width: 16px;
	height: 10px;
	display: inline-block;
	background: url(../images/themes/ui-icons_ffffff_256x240.png) no-repeat;
	background-position: -50px -116px;
}
.shopping-cart-blue {
	width: 16px;
	height: 14px;
	display: inline-block;
	background: url(../images/themes/ui-icons_0098db_256x240.png) no-repeat;
	background-position: -50px -112px;
}
.shopping-cart-no {
	width: 15px;
	height: 15px;
	display: inline-block;
	background: #FFFFFF;
	color: #4e4e4e;
	text-align: center;
	margin-left: 4px;
}
.fixedBar {
	position: fixed;
	z-index: 500;
	text-align: right;
	right: 0px;
	width: 50px;
	display: none;
}
.fixedBar a {
	height: 50px;
	width: 100%;
	float: right;
	line-height: 50px;
	display: block;
	text-align: right;
}
/*.fixedBar a span.fa{ height:50px; width:50px; line-height:50px; color:#FFF; display:inline-block; background:#0172a2; }*/
.fixedBar a span.nav {
	height: 50px;
	width: 50px;
	line-height: 50px;
	color: #FFF;
	display: block;
	background: #0172a2;
	text-align: right;
	float: right;
	opacity: 0.8;
}
.fixedBar a span.nav span.navTxt {
	display: none;
	line-height: 50px;
	height: 50px;
	padding-right: 10px;
	font-weight: bold;
	position: relative;
	float: left;
}
.fixedBar a span.nav .fa {
	color: #FFF;
	font-size: 22px;
	width: 24px;
	margin-left: 10px;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	margin-top: 13px;
	position: relative;
	display: block;
	float: left;
}
#explore .first {
	padding: 10px;
	position: relative;
	height: 168px;
	width: 309px;
	margin-right: 10px;
}
.calendarHead {
	position: relative;
	width: 100%;
	height: 32px;
}
.month {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	padding-left:10px;
	color: #FFFFFF;
	line-height: 24px;
	float:left;
}
.years {
	position: relative;
	font-size: 12px;
	float:left;
	color: #FFFFFF;
	line-height: 12px;
	height:12px;
	margin-left:4px;
	margin-top:11px;
}
table.day {
	position: relative;
	color: #000000;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	width: 287px;
	/*height: 136px;*/
}

table.day-s {
	width: 250px;
}
table.day td {
	position: relative;
	border-bottom: none;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 11px;
	height:18px;
}
table.day .headTd td {
	color: #FFFFFF;
	font-size: 12px;
	width: 14.2%;
	background: #0172a2;
	border: #0172a2;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
/*
table.day td .event {
	position: absolute;
	background: #9fb200;
	border-radius: 8px;
	width: 8px;
	height: 8px;
	top: 4px;
	right: 4px;
	padding: 0px !important;
	margin: 0px;
}*/
table.day td .eday{
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	height:18px;
	z-index:20;
	cursor:pointer;
}


table.day td .event {
	position: absolute;
	/*background: #4CCED1;*/
	border-radius: 2px;
	width: 16px;
	height: 18px;
	line-height: 18px;
	left: -moz-calc(50% - 8px);
	left: -webkit-calc(50% - 8px);
	left: calc(50% - 8px);
	/*top: -moz-calc(50% - 8px);
	top: -webkit-calc(50% - 8px);
	top: calc(50% - 8px);*/
	top: 0px;
	padding: 0px !important;
	margin: 0px !important;
	z-index:10;
}


table.day td .eventL{
	width: -moz-calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px);
	border-radius: 2px 0px 0px 2px;
	left: 8px;
}

table.day td .eventF{
	width:100%;
	border-radius:  0px ;
	left:0px;
}

table.day td .eventR{
	width: -moz-calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px);
	border-radius: 0px 2px 2px 0px;
	left:0px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

    table.day td .eventL{
		border-radius:  0px ;
	}

	table.day td .eventF{
		border-radius:  0px ;
	}

	table.day td .eventR{
		border-radius:  0px ;
	}
}

table.day td .event-info {
	position: absolute;
	background: #ffffff;
	border: 1px solid #666666;
	width: auto;
	right: 10px;
	top: 18px;
	z-index: 30;
	padding: 10px;
	display: none;
}
table.day td .event-info .e-data {
	position: relative;
	font-size: 11px;
	line-height: 11px;
	color: #999999;
	height: 11px;
	white-space: nowrap;
	text-align: left;
}
table.day td .event-info .e-tit {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-align: left;
	min-width: 120px;
	padding-top: 6px;
}
table.day .fTd td {
	padding-top: 4px;
}

table.day .fTd .event {
	top: -moz-calc(50% - 6px);
	top: -webkit-calc(50% - 6px);
	top: calc(50% - 6px);
}

table.day td .eventBg01 { background:#66c1e9; }
table.day td .eventBg02 { background:#c7ce66; }
table.day td .eventBg03 { background:#f6cd66; }
table.day td .eventBg04 { /*background:#ed2939;*/ background:#d88c02; }

table.day td .eventBgAll { 
	background: linear-gradient(top, #66c1e9 0%, #c7ce66 40%, #f6cd66 60%, #d88c02 100%);
	background: -o-linear-gradient(top, #66c1e9 0%, #c7ce66 40%, #f6cd66 60%, #d88c02 100%);
	background: -moz-linear-gradient(top, #66c1e9 0%, #c7ce66 40%, #f6cd66 60%, #d88c02 100%);
	background: -webkit-linear-gradient(top, #66c1e9 0%, #c7ce66 40%, #f6cd66 60%, #d88c02 100%);
	background: -ms-linear-gradient(top, #66c1e9 0%, #c7ce66 40%, #f6cd66 60%, #d88c02 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #66c1e9), color-stop(0.4, #c7ce66), color-stop(0.6, #f6cd66), color-stop(1, #d88c02));
}

table.day td .eventBg12 { 
	background: linear-gradient(left, #66c1e9 0%, #c7ce66 100%);
	background: -o-linear-gradient(left, #66c1e9 0%, #c7ce66 100%);
	background: -moz-linear-gradient(left, #66c1e9 0%, #c7ce66 100%);
	background: -webkit-linear-gradient(left, #66c1e9 0%, #c7ce66 100%);
	background: -ms-linear-gradient(left, #66c1e9 0%, #c7ce66 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #66c1e9), color-stop(1, #c7ce66));
}
table.day td .eventBg13 { 
	background: linear-gradient(left, #66c1e9 0%, #f6cd66 100%);
	background: -o-linear-gradient(left, #66c1e9 0%, #f6cd66 100%);
	background: -moz-linear-gradient(left, #66c1e9 0%, #f6cd66 100%);
	background: -webkit-linear-gradient(left, #66c1e9 0%, #f6cd66 100%);
	background: -ms-linear-gradient(left, #66c1e9 0%, #f6cd66 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #66c1e9), color-stop(1, #f6cd66));
}
table.day td .eventBg14 {	
    background: linear-gradient(left, #66c1e9 0%, #ed2939 100%);
	background: -o-linear-gradient(left, #66c1e9 0%, #ed2939 100%);
	background: -moz-linear-gradient(left, #66c1e9 0%, #ed2939 100%);
	background: -webkit-linear-gradient(left, #66c1e9 0%, #ed2939 100%);
	background: -ms-linear-gradient(left, #66c1e9 0%, #ed2939 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #66c1e9), color-stop(1, #ed2939));
}

table.day td .eventBg23 { 
	background: linear-gradient(left, #c7ce66 0%, #f6cd66 100%);
	background: -o-linear-gradient(left, #c7ce66 0%, #f6cd66 100%);
	background: -moz-linear-gradient(left, #c7ce66 0%, #f6cd66 100%);
	background: -webkit-linear-gradient(left, #c7ce66 0%, #f6cd66 100%);
	background: -ms-linear-gradient(left, #c7ce66 0%, #f6cd66 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #c7ce66), color-stop(1, #f6cd66));
}
table.day td .eventBg24 {	
    background: linear-gradient(left, #c7ce66 0%, #ed2939 100%);
	background: -o-linear-gradient(left, #c7ce66 0%, #ed2939 100%);
	background: -moz-linear-gradient(left, #c7ce66 0%, #ed2939 100%);
	background: -webkit-linear-gradient(left, #c7ce66 0%, #ed2939 100%);
	background: -ms-linear-gradient(left, #c7ce66 0%, #ed2939 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #c7ce66), color-stop(1, #ed2939));
}
table.day td .eventBg34 {	
    background: linear-gradient(left, #f6cd66 0%, #ed2939 100%);
	background: -o-linear-gradient(left, #f6cd66 0%, #ed2939 100%);
	background: -moz-linear-gradient(left, #f6cd66 0%, #ed2939 100%);
	background: -webkit-linear-gradient(left, #f6cd66 0%, #ed2939 100%);
	background: -ms-linear-gradient(left, #f6cd66 0%, #ed2939 100%);
	background: -webkit-gradient( linear, top left, top right, color-stop(0, #f6cd66), color-stop(1, #ed2939));
}

table.day td:hover .event-info {
	display: block;
}
.tag {
	font-size: 12px;
	position: relative;
	display: block;
}
.returnl {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 18px;
	right: 40px;
	border-radius: 4px;
	z-index: 99;
	line-height: 18px;
	color: #1691d4;
	font-size: 12px;
	text-align: center;
}
.returnr {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 18px;
	right: 12px;
	border-radius: 4px;
	z-index: 99;
	line-height: 18px;
	color: #1691d4;
	font-size: 12px;
	text-align: center;
}
.return_color1 {
	background: #c3c3c3;
}
.return_color2 {
	background: #ffffff;
}
.fs14 {
	font-size: 14px !important;
}
.mg-b20 {
	margin-bottom: 20px !important;
}
.mg-b10 {
	margin-bottom: 10px !important;
}
.pd-b20 {
	padding-bottom: 20px !important;
}
.briefDescription a {
	color: #666;
}
.briefDescription a:hover {
	color: #0599D9;
}
.topFamilyPage .productFamilies .porductList .familyImage >a {
	height: 50px;
	width: 120px;
}
.topFamilyPage .productFamilies .porductList .familyImage img {
	max-width: 142px;
	max-height: 100px;
}
.topFamilyPage .productFamilies .porductList .familyDescription {
	padding-left: 6px;
}
.contact-hash {
	position: relative;
	color: #0599D9;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	display: none;
}
.contact-hash span {
	position: relative;
	display: inline-block;
	width: 10px;
	text-align: center;
}
.contact-from {
	position: relative;
	margin-top: 20px;
}
#familyLogos {
	display: none;
}
#nb_nodeboard {
	/*display: none !important;*/
}


.btn-play {
	position: absolute;
	background: url(../images/play.png) center no-repeat;
	width: 100%;
	height: 100%;
}
.calendar-box {
	position: relative;
	background: #0599D9;
	padding: 10px;
	margin-top: 10px;
}
#calendar-tit {
	position: relative;
	margin-top: 10px;
}
#user-tit {
	position: relative;
	margin-top: 10px;
}
#user-box {
	position: relative;
	background: #0599D9;
	padding: 10px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 10px;
}


#user-pic{ position:relative; float:left; width:96px; height:96px; margin-right:10px; }
user-info-box{ position:relative; float:left;	width: -moz-calc(100% - 106px) !important;
	width: -webkit-calc(100% - 106px) !important;
	width: calc(100% - 106px) !important;
 }

#user-name { position: relative; font-size: 16px; margin-bottom: 10px; }


#user-info {position: relative; margin-bottom: 10px; }

.opendrops{ position:relative; width:100%; margin:10px auto; }
.opendrops li{ position:relative;  float:left; background:#74CDD5; text-align:center; width:50px; height:50px; border-radius:50px; border: 2px solid #fff; font-size:12px; line-height:15px; padding:8px 0px; margin-right:(50% - 75px); margin-right: -webkit-calc(50% - 75px);margin-right:calc(50% - 75px); z-index:2; } 
.opendrops li:last-child{ margin-right:0px; } 

.opendrops-bg{ position:absolute;  border:10px solid #FFFFFF; width:(100% - 20px); width: -webkit-calc(100% - 20px); width:calc(100% - 20px);; z-index:1; top:10px; left:10px;
background:#FFFFFF -webkit-linear-gradient(to right, rgba(227,138,3,0.3), rgba(227,138,3,1.00)); background:#FFFFFF linear-gradient(to right,rgba(227,138,3,0.30),rgba(227,138,3,1.00)); height:30px; }

.timeline-userEventList li {
	border-bottom: 1px solid #C4DBE6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.timeline-userEventList li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.userEvent-tit {
	float: left;
}
.userEvent-date {
	float: right;
}
.timeline-userEventList li p:before {
	content: '';
	clear: both;
	display: block;
	position: relative;
	height: 0px;
}
.pagerNav .breadcrumbs {
	margin: 0 0 20px;
}
#timeline .date {
	background-color: #4d4d4d;
	color: #FFF;
}
#timeline td {
	background-color: #daebf3;
	padding: 7px;
}
#timeline .fact {
	color: #123456;
	background-color: #FFF;
	width: 150px;
}
*, :before, :after {
	box-sizing: border-box;
}
Pseudo ::after element *, :before, :after {
 box-sizing: border-box;
}
.timeTable td {
	min-width: 120px;
	vertical-align: top;
}
.timeTable td.date {
	vertical-align: middle;
	text-align: center;
	width: 60px;
}
.mandatory {
	display: inline-block;
	min-width: 8px;
}
#explore .third {
	padding-top: 14px;
}
#explore .third h2 {
	margin-bottom: 10px;
}

#explore .third p {
	margin-bottom:0 !important;
}

#explore .third p.txt {
	margin-bottom:36px !important;
}

#contactBar {
	position: relative;
	width: 50%;
	padding: 0px !important;
	float:left;
}
#qrCode {
	position: relative;
	float: left;
	width: 110px;
	margin-right: 10px;
	padding: 0px !important;
	margin-top:4px;
}
#qrCode img {
	width: 100%;
}
#hotLine {
	position: relative;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
	width: 200px;
	height: 42px;
	margin-top: 10px;
}
#userBar {
	position: relative;
	width: 50%;
	padding: 0px !important;
	float:left;
}
.productFamilyDesc {
	text-align: justify;
	text-justify: inter-ideograph;
	min-height: 260px;
}
.productFamilyDesc ul {
	margin-left: 20px;
	margin-top: 10px;
}
.productFamilyDesc ul li {
	list-style: disc;
	margin-bottom: 6px;
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}
.porductBox {
	position: relative;
	width: 100%;
}
.porductBox .porductItem {
	position: relative;
	float:left;
	vertical-align: top;
	margin-bottom: 10px;
	width:20%;
	

}
.porductBox .porductItem a {
	position: relative;
	display: block;
	color: #666666;
	margin-bottom: 6px;
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
}
.porductBox .porductItem .title{ position: relative; display: block; margin-bottom: 10px; }

.porductBox .porductItem .porductImage{
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	border-bottom:1px solid #bebebe;
	line-height:0px;
	margin-bottom:10px;
}
.porductBox .porductItem .porductImage a {
	margin-bottom: 0px;
}

.porductBox .porductItem a:hover {
	color: #0599D9;
}
.porductBox .porductItem a.title {
	color: #0599D9;
}
.porductBox .porductItem a.title:hover {
	color: #F0AB00;
}
/*
.porductBox .porductItem{ position:relative; display:inline-table; vertical-align:top;  margin-bottom:10px; }
.porductBox .porductItem a { position:relative; display:block; color: #666666; margin-bottom:6px; }
.porductBox .porductItem a:hover { color: #0599D9; }
.porductBox .porductItem a.title { color: #0599D9; }

.porductBox {
  display: grid;
  grid-gap: 0px;
  grid-auto-rows: minmax(0px, auto);
}

.porductBox > div {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align:top;
}

.porductBox > div:nth-child(1) {
  grid-row: 1 / 4;
  grid-column: 1;
}

.porductBox > div:nth-child(2) {
  grid-row: 1 / 4;
  grid-column: 2;
}

.porductBox > div:nth-child(3) {
  grid-row: 1 / 4;
  grid-column: 3;
}



.porductBox > div:nth-child(4) {
  grid-row: 3 / 4;
  grid-column: 3;
}

.porductBox > div:nth-child(5) {
  grid-row: 1 / 4;
  grid-column: 4;
}

.porductBox > div:nth-child(6) {
  grid-row: 3 / 4;
  grid-column: 4;
}
*/

#content .porductBox {
	padding: 4rem 1rem 0 3rem ;
	width: calc(100% - 4rem);

}
#content .porductBox .porductItem {
	position: relative;
	float:left;
	vertical-align: top;
	margin-bottom: 10px;
	width:33.33%;
	

}

.rightSection select {
	width: 248px;
}
.inputStyle {
	width: 248px;
}
.resultsPage .refineSearchContainer {
	margin-top: 0px;
}
.resultsPage a.refineSearchButton {
	padding: 0px 15px;
	border: solid #FF7E00 1px; 
	height:28px;
	line-height:26px;
}
.btnbox {
	margin-bottom: 10px;
}
.leftSectionS {
	float: left;
	width: 700px;
	margin-right: 10px;
}
.rightSectionS {
	float: left;
	width: 270px;
}
.l-menu li {
	list-style: none;
}
.l-menu li a:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0fe";
	margin-right: 4px;
}
.l-menu li a.active {
	color: #F0AB00;
}
.l-menu li.active a.active:before {
	content: "\f146";
}
.l-menu li a.select:before {
	content: "\f146";
}
.l-menu li ul {
	margin-top: 4px !important;
	margin-bottom: 6px !important;
	padding: 0 0 0px 23px;
	display: none;
}
.l-menu li ul li {
	list-style: disc;
}
.l-menu li ul li a {
	color: #0599D9;
}
.l-menu li ul li a:before {
	content: "" !important;
	margin-right: 0px;
}
.l-menu li ul li a.active {
	color: #F0AB00 !important;
}

.l-menu li.active ul {
	display: block;
}


.l-nav li {
	list-style: none;
}

.l-nav li a:before {
	position:relative;
	float:left;
	width:4px;
	height:4px;
	border-radius:4px;
	background:#0599D9;
	overflow:hidden;
	content: " ";
	margin-right: 4px;
	top:6px;
}

.l-nav li a.active {
	color: #F0AB00 !important;
}

.l-nav li a.active:before{
	background:#F0AB00;
}

.productResult {
	position: relative;
}
.productContent{ 
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	}

.dataTime {
	position: absolute;
	right: 0px;
	top: 0px;
	width:70px;
	text-align:right;
}

.re-num {
	position: absolute;
	right: 0px;
	top: 20px;
	text-align:right;
}
.pageActionsBar {
	display: none;
}
.cart-basket {
	position: relative;
}
.cart-basket:after {
	position: absolute;
	content: "";
	background: url(../images/cart-basket.png) center no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 14px;
	right: -24px;
}
.borBot {
	border-bottom: 1px solid #C4DBE6;
}
.borBot:last-child {
	border-bottom: none;
}
.btn-2 {
	background: #3498db;
	font-family: Arial;
	color: #ffffff !important;
	font-size: 12px;
	padding: 10px 20px;
	text-decoration: none;
}
.btn-cancel {
	background: #3498db;
	font-family: Arial;
	color: #ffffff !important;
	font-size: 12px;
	padding: 4px 10px;
	text-decoration: none;
	margin-left:10px;
}
.question-summary {
	position: relative;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #b1b1b1;
	text-decoration: none;
	margin-top: 10px;
}
.best .header {
	background-color: #FF7E00;
	border-bottom: 1px solid #FF7E00;
}
.best {
	border: 1px solid #FF7E00;
}
.contentTextareaBox .user-name {
	position: relative;
	font-size: 14px;
	margin-bottom: 10px;
}
.contentTextareaBox textarea {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #a9a9a9;
	width: 100%;
	resize: none;
	min-height: 120px;
}

.a-upload {
	position:relative;
    padding: 0px 10px;
    height: 28px;
    line-height: 28px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
	display: inline-block;
	width:auto;
	cursor: pointer;
	float:left;
	margin-right:10px;
}

.a-upload  input{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	width:100%;
	height:100%;
	line-height:18px;
	font-size:12px;
	cursor: pointer !important;
}

.a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none;
	cursor: pointer;
}


.productFamilyDesc{ width:620px !important; }
.service-box{ position:relative; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); border:1px solid #0098db; border-radius:10px; margin:0 auto; padding:10px; }
.box-left{ position:relative; float:left; width:20%; }
.box-right{ position:relative; float:left; width:80%; }
.box-link{ position:relative; display:block;  width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); margin-bottom:6px; margin-right:10px; border:1px solid #0098db; border-radius:4px; text-align:center; font-size:12px !important; line-height:24px; padding:0px !important; background:rgba(0,152,219,0.8); color:#FFFFFF; }

.box-link:hover{ color:#FFFFFF; }

.box-tit{ position:relative; display:block; width:100%; font-weight:bold; text-align:left; margin-bottom:10px; color:#0098db;text-decoration:underline; }
.box-tit-h1{ font-size:24px; line-height:34px; }
.box-tit-h2{ font-size:22px; line-height:32px; margin-bottom:24px; }
.box-tit-h3{ font-size:20px; line-height:30px; margin-bottom:24px; }
.box-tit-h4{ font-size:18px; line-height:28px; margin-bottom:24px; }

.box-link1{  line-height:60px !important; height:60px !important; }

.box-left1{ position:relative; float:left; width:25%; }
.box-right1{ position:relative; float:left; width:75%; }

.box-link-left{ position:relative; display:block; width:33%; border:1px solid #0098db; border-radius:4px; text-align:center; float:left; padding:10px 0px; background:rgba(0,152,219,0.8); color:#FFFFFF; }

.box-link-left1{ margin-right:0.5%; }

.link-click{ /*color:#e38a03;*/ text-decoration:underline; }
.link-click:hover{ color: #F0AB00; }

#talkBtn{ position:absolute; right:0px; /*top:110px;*/ top: 54px; margin:0px !important; }

#talkBtn .btn{ float: left; margin-left: 10px; }
.formRowCheckbox{ padding-left:185px; }

#read{ display:none; }
#read + label{ position:relative; padding-left:16px; }
#read + label:before { position: absolute; width:14px; content: "\f096"; left:0px;display: inline-block; margin-right:4px; height:17px; line-height:17px; top:1px; left:0px;
	font-family:FontAwesome;
	font-size: 14px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  }
#read:checked + label:before { content: "\f046"; }

.formActions{ text-align: center; width:580px; }

#ac{ float:left !important; height:22px !important; }
#auth{ float:left !important; }

.mktoAsterix {
	float:none !important;
	display: inline-block !important;
}

.productFamilyDesc table{ border-top:1px solid #999999; border-left:1px solid #999999; }
.productFamilyDesc table td{ border-bottom:1px solid #999999; padding:4px; border-right:1px solid #999999 !important; }
.productFamilyDesc table th{ border-bottom:1px solid #999999 !important; border-right:1px solid #999999 !important; }

.productDetailsSection .standardTable tr:first-child td:first-child{ width:3%; white-space:nowrap; }

.productFamilyName{ width:100% !important; }
.newsDetails{ margin-right:20px; }
.newsDetails img{ position:relative; width:80%;   }

.contentBox .hasSecondLevel .active{ color: #F0AB00; }


.newsTable .newsContent{ width:580px; }

.standardTable {
    clear: left;
    margin: 0px 0;
    width: 100%;
}

.accordion-content{ margin-bottom:10px; }

.currentOS_iOS select.responsiveTabs, .currentOS_iOS .ui-widget select.responsiveTabs {
	background: url(/web/images/responsive-list-arrow-down.png) no-repeat 95% 14px;
}


#productFamilyImageThumbs{ width:62px; }

.new{ color:#F0AB00; font-style:italic; font-weight:900; }
.offline{ color:#eeeeee; font-style:italic; font-weight:900; }

.c-left{ position:relative; float:left; }
.c-right{ position:relative; float:right; }

ul.ul-d li{ list-style:disc; margin-left:20px;  }

.newsTableTitle{ margin-bottom:10px; }

.bottom{ margin-top:10px; }

.mbr{ display: none; }

.wapclear{ display:none; }

#news_list1{ margin-top:10px; }

#showPicBox{ position: relative; width:980px; height:90px; }
#showPicBox .showPic { position:absolute; width:100%; height:auto; display:none; top:-56px; z-index:21; line-height: 0px !important; }
#showPicBox .showPic img{ position: relative;width:100%; }
#showPicBox .showPic a{ position: absolute; width: 100%; height: 62%; z-index: 22; display: block; bottom: 0px; left: 0; right: 0; margin: auto;}

#showPicBox #showbanBar{ position:absolute; width:100%; z-index:22; text-align:center; bottom:-24px; height:12px; line-height:12px; }
#showPicBox #showbanBar li{ display:inline-block; width:12px; height:12px; background:#FFFFFF; border:1px solid #0098DB; border-radius:12px; cursor:pointer; }
#showPicBox #showbanBar li.active{ background:#0098DB; }


#productTabs{ margin-top:0px !important;  }

#productTabs .prod a:first-child, #productTabs .product a:first-child{ height:110px; line-height:110px; }
#productTabs .prod, #productTabs .product{ padding-top:0px; }

select.responsiveTabs, .ui-widget select.responsiveTabs {
    padding: 5px 10px;
}


#productFamilyHeader .tabs li {
    font-size: 14px !important;
    margin: 0 1px 0 0;
    position: relative;
    top: 1px;
	 padding: 0px 0px !important;
}
#main .tabs li > a {
    padding: 10px 20px !important;
}

#productFamilyHeader .tabs li.selected{ padding: 10px 20px !important; }

#tipsBar{ display:none; }


a.bbg { min-width: 86px !important; text-align: center !important; }

a.bbg.obbg {
	background-color: #e38a03;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #00365b;
}



.rHbtn{ width: 212px !important; }

.rNbtn{ width: 212px !important; }

#sendButton{ width: 78px !important; height: 24px; line-height: 20px; text-align: center; padding: 0px 0px; }
#sendButton2{ width: 78px !important; height: 24px; line-height: 20px; text-align: center; padding: 0px 0px; }

@media only screen and (max-width: 1024px){
	#explore .centeredPageContent .first{ width: 309px; padding-top:10px; }
	table.day td .event-info { display: none !important;  }
	#explore .centeredPageContent .third{ padding-top:10px; }
	#contactBar{ float:left !important; }
	
	#userBar{ text-align:left !important; }
	#explore .third p.txt{ margin-bottom: 12px !important; }
	#hachSupport, #homePageWidget{ float: left; width: 685px; }
	#homePageWidget { width: 255px; float:left; }
	#homePageWidget ul li{ margin: 0 0 15px; padding: 0 0 0 20px; width:100%; }
	.returnl { right: 28px; }
	.returnr { right: 0px; }
	.calendarHead{ text-align:left; }
	.month{ float:left; padding:0px; padding-left: 10px; }
	.years{ float:left; }
	#explore .centeredPageContent .second{ margin-left:20px; }
	#explore{ padding:0px }
	.bbg{ left:auto !important; right:20px; }
	
	.suppBox a.bbgTop { top: 35%; }
	.suppBox a.bbgBom { top: 65%; }
	
    .suppBox a.bbgTop1 { top: 55%; }
	.suppBox a.bbgBom1 { top: 55%; }
	
	#showPicBox{ width:100%; }
	.suppBox{ height:155px;  }
	#pageBody > #main{ padding-top:0px; }
	#talkBtn { position: absolute;right: 12px; top: 104px; margin: 0px !important; }
	.resultsPage a.refineSearchButton { height:34px !important; line-height:32px !important; }
	
	.rightSection .calendar-box{ position:relative; width:100%; }
	.rightSection .calendar-box .returnl { right: 38px; }
	.rightSection .calendar-box .returnr { right: 10px;	}

	
	#hachSupport, #homePageWidget {
		display: block;
		float: none;
		margin: 0 auto;
		width: 650px;
	}
	#homePageWidget {
    display: block;
    float: none;
    margin: 0 auto;
    width: 650px;
}
	#homePageWidget .contentBox > .content {
    padding: 0 10px;
}
.suppBox>a.bbg, .suppBox .cats {
    display: block;
    float: none;
    margin: 0 !important;
    
	width: 90px;
    min-height: 32px;
        padding: 6px 10px 4px;
    position: absolute;
    left: 440px;
}
.suppBox a.bbgTop1 {
    top: 25%;
}
	.suppBox a.bbgBom1 {
    top: 75%;
}
	#signup {
    box-shadow: none;
    padding: 0px 20px !important;
    margin: 10px 15px 0px;
    width: 90px;
		font-size: 12px !important;
}
	#explore .third p {
    margin-bottom: 0 !important;
		padding-bottom: 20px;
}

	

	
	#topFamilyCmsContent .content > div {
    display: block;
    float: none !important;
		margin: 0 auto !important;
}
	
	#main .tabs {
    float: left;
    height: auto;
}
	#main .tabs li a, #main .tabs li.selected {
    height: auto;
}
	
#productFamilyHeader .productFamilyDesc, #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
	float: left;
    line-height: 1.4em;
       padding: 0 30px 0 0;
    width: 60% !important;
}
	#productFamilyForm {
    float: right;
		 width: 30% !important;
}
		#productFamilyHeader .productFamilyDesc{
		
			padding: 0;
		 width: 100% !important;		
	}
}


@media only screen and (max-width: 768px){
	#explore .centeredPageContent .third{ padding-top:20px; }
	#explore .centeredPageContent .second{ margin-left:30px; }
	#explore{ padding:20px }
	#hachSupport, #homePageWidget{ width: 100%; }
	#homePageWidget { width: 100%; }
	.suppBox{ max-width: none; }
	#pageBody > #main{ padding-top:13px; }
	#showPicBox #showbanBar{ bottom:0px; }
	#talkBtn { position: absolute; right: auto; left:684px; top: 114px; margin: 0px !important; }
	#talkBtn .btn{ padding:5px !important; }
	#explore .third p.txt{ margin-bottom: 0px !important; }
	#explore .third p{ margin-top: 0px !important; }
	
	.suppBox>a.bbg, .suppBox .cats{ position: relative; display: inline-block; }
	#productFamilyForm { float: none !important; width: 100% !important; }
	#productFamilyHeader .productFamilyDesc, #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc { width: 100% !important; }
}

@media only screen and (max-width: 525px) {
	/*.porductBox .porductItem{ width:50%; display: inline-block; float: left; }*/

	#pageBody > #main{ padding-top:20px; }
	#hachSupport, #homePageWidget{ width: 100%; }
	#homePageWidget { width: 100%; }
	#explore .centeredPageContent .second{ margin-left:0px; }
	.suppBox{ height:auto;  }
	
	a.bbg{ padding: 6px 10px 4px !important;  }
	
	
	#userBar{ text-align:center !important; }
	
	#explore .centeredPageContent .first{ padding:15px 0px !important;}
	
	.newsTableTitle {
		display: block;
	}
	
	.productDetailsSection .standardTable tr:first-child td:first-child{ width:100%; white-space:nowrap; }

	
	.newsDetails img{ width:100%;  }
	
	
	.c-left{ float: none; }
	.c-right{ float:none; width:100%; text-align:center; }
	
	.newsTable .newsContent{ width:240px; }
		
	table.day td .event-info {
		display: none !important;
	}
		
	.newsDetails{ margin-right:0px; }
		
	.porductBox .porductItem {
		width: 148px;
		display: inline-block;
		float: left;
	}
	.second {
		margin-top: 20px;
	}
	#videoPic {
		position:relative;
		margin:0 auto;
	}
	#videoBox {
		width: 100%;
	}
	#videoPic div {
		padding: 0px !important;
	}
	#pageBanner {
		height: auto !important;
		min-height: 0px;
		background: url(../images/banner/banner-41.jpg) center no-repeat !important;
		background-size: auto 100% !important;
		height: auto;
		min-height: 200px;
	}
	#bannerContent {
		position: relative;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		padding: 0px !important;
	}
	.bannerContentBox {
		position: relative;
		top: 0px;
		left: 0px;
		padding-top: 20px;
		padding-left: 10px;
	}
	.bannerTit {
		/*line-height: 36px;
		font-size: 36px;*/
		
		line-height: 20px;
		font-size: 18px;
		padding-top: 24px;
		padding-left: 4px;
	}
	.bannerSubTit {
		font-size: 16px;
		line-height: 16px;
		color: #FFFFFF;
	}
	.bannerTxt {
		font-size: 12px;
		line-height: 18px;
		color: #FFFFFF;
		width: 210px;
		padding-bottom: 20px;
	}
	
	.bannerTxt br{ display:none; }
	.txtFocus {
		position: relative;
		font-size: 14px;
	}
	.bannerContact {
		right: 10px;
		top: auto;
		bottom: 0px;
		width: 100px;
	}
	.txtFocus {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.filter-select {
		width: 100%;
		margin-bottom: 10px;
	}
	.calendarHead {
		padding: 0px !important;
	}
	.month {
		padding: 0px !important;
	}
	.years {
		padding: 0px !important;
	}
	.returnl {
		top: 18px;
		right: 28px;
	}
	.returnr {
		top: 18px;
		right: 0px;
	}
	#contactBar {
		position: relative;
		width: 80%;
		margin-top: 10px;
		margin-bottom:20px;
		float:none !important;
	}
	#qrCode {
		float: none;
		width: 120px;
		margin-right: 0px;
		padding: 0px !important;
	}
	
	#explore .third p.txt {
		margin-bottom:10px !important;
	}
	

	#hotLine {
		float: none;
		text-align: center;
	}
	.porductBox {
		display: grid;
		grid-gap: 0px;
		grid-auto-rows: minmax(0px, auto);
	}
	.porductBox .porductItem {
		position: relative;
		display: block;
		width: 168px;
	}
	.porductBox > div:nth-child(1) {
		grid-row: 1 / 1;
		grid-column: 1;
	}
	.porductBox > div:nth-child(2) {
		grid-row: 1 / 1;
		grid-column: 2;
	}
	.porductBox > div:nth-child(3) {
		grid-row: 2 / 2;
		grid-column: 1;
	}
	.porductBox > div:nth-child(4) {
		grid-row: 3 / 3;
		grid-column: 1;
	}
	.porductBox > div:nth-child(5) {
		grid-row: 2 / 2;
		grid-column: 2;
	}
	.porductBox > div:nth-child(6) {
		grid-row: 3 / 3;
		grid-column: 2;
	}
	.leftSection, .rightSection {
		width: 100% !important;
	}
	.rightSection select {
		width: 100%;
	}
	
	.productContent{ width:100%; }
	.dataTime {
		position: relative;
		right: auto;
		left: auto;
		width: 50%;
		float:right;
	}
	
	.re-num {
		position: relative;
		right: auto;
		left: auto;
		width: 50%;
		float:left;
		top: 0px;
		text-align:left;
	}
	.imgHide{ display:none !important; }
	
	.brands_col {
		height: 72px;
	}
	.brands_col p {
		height: 72px;
		line-height: 72px; /* 行高等于高度 */
	}
	
	.brands__brand{ width: 50%; height: 110px; margin-bottom: 10px; }
	.brands_brand_link{ font-size: 10px; }

	
	.productFamilyDesc{ width:100% !important; }
	
	.pageWithLeftSide{ 
		width: -moz-calc(100% - 20px) !important;
		width: -webkit-calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
		margin:0 auto !important;
	 }
	
	/*#talkBtn{ position:relative; right: auto; top: auto; margin:0px 0px 20px 10px !important; display:none !important; }*/
	
	#talkBtn{ position: absolute; right: 0px; left:auto; width:0px !important; text-align: right; padding-right: 15px;top: 128px; }
	
	#talkBtn a{ padding:5px !important; float: right !important; margin-bottom: 0px !important; }
	#talkBtn a:last-child{ display: none; }
	
	.formRowCheckbox{ padding-left:0px; }
	
	#read + label:before {  top:3px;  }
	
	#ac{ height:32px !important; }
	
	
	.formActions{ width: 100%; text-align: center; }
	.formActions a{ margin-left:0px !important; }	
	
	
	/*.responsiveLbl{ display:none !important; }*/
	
	table.responsiveTable tr td {
    padding: 10px !important;
	}
	
	.bbg{ padding-left:25px !important; text-align:center; }
	
	#userBar {
	position: relative;
	width: 80%;
	margin:0 auto;
	}
	
	.productDetailsSection .standardTable .odd td:first-child{ width:100%; }
	
	#productFamilyHeader #currentProductFamilyImageContainer .tableContainer {
		/*max-width: 274px !important;
		width:274px !important;*/
		width: -moz-calc(100% - 72px); width: -webkit-calc(100% - 72px); width: calc(100% - 72px);
		max-width: -moz-calc(100% - 72px); max-width: -webkit-calc(100% - 72px); max-width: calc(100% - 72px);
		
	}
	
	#productFamilyHeader #currentProductFamilyImageContainer .tableContainer  table{
		width: 100% !important;
	}
	#productFamilyHeader #currentProductFamilyImage {
    	width: 100% !important;
    	height: auto !important;
	}
	
	.resultsPage a.refineSearchButton { height:34px !important; line-height:32px !important; }
	
	.service-box{ padding:6px !important; }
	.box-link-left{ position:relative; display:block; width:100%; margin-bottom:10px; }
	
	.box-link{ width: -moz-calc(100% - 4px); width: -webkit-calc(100% - 4px); width: calc(100% - 4px); margin-bottom:6px; margin-right:6px;  }
	.box-left { width:30% !important; }
	
	.box-left .box-link{ height: 38px !important; line-height:38px !important;  }
	.box-right{ width:70% !important; }
	
	.box-tit{ text-align:center !important; }
	
	.mbr{ display:block; }
	
	.wapclear{ position:relative; clear:both; }
	
	.box-tit-h2{ margin-bottom:10px; }
	.box-tit-h3{ margin-bottom:10px; }
	.box-tit-h4{ margin-bottom:10px; }
	
	#showPicBox{  width:100% !important; height:0px !important; z-index:20; }
	#showPicBox .showPic{ top:-42px !important; }
	
	#showPicBox #showbanBar{ display:none; }
	
	
	/*
	.brands__link-wrapper { display:none !important; }
	
	.brands__brand:hover .brands__brand-info { display:none !important; }*/
	
	.brands__title {
		font-size:14px !important;
	}
	
	.brands__link-overlay{ display:none !important; }
	
	.brands__brand-info {
		height:auto !important;
		z-index:999 !important;
		bottom:100% !important;
		width:200px !important;
		top:auto !important;
	}

	.brands__brand-info.overlay-md--stretch-right{
		left:0px !important;
	}
	
	.brands__brand-info.overlay-md--stretch-left{
		right:0px !important;
	}
	
	.brands__brand-info.overlay-md--stretch-left:before {
		bottom: 0px !important;
		margin-bottom: -10px !important;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #007aaf;
		border-top-color: rgba(0,114,162,0.85);
		border-bottom: 0;
		margin-left: 0px;
		right: 20px !important;
    	left: auto;
		top:auto !important;
	}
	
	.brands__brand-info.overlay-md--stretch-right:before {
		bottom: 0px !important;
		margin-bottom: -10px !important;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #007aaf;
		border-top-color: rgba(0,114,162,0.85);
		border-bottom: 0;
		margin-left: 10px;
		left: 0px;
		top:auto !important;
	}

	.brands__brand:first-child {
	border-left: 0px solid #fff;
	}
	
	.brands_sm_brand-first{ border-left: 6px solid #fff  !important; }
	
	#footer{ padding-bottom:50px; }
	#tipsBar{ position:fixed; bottom:0px; display:block; background:#000E14; height:40px; z-index:999; width:100%; border-top:1px solid #cccccc; }
	#tipsBar a{ position:relative;width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width: calc(50% - 1px); height:40px; line-height:40px; text-align:center; display:block; float:left; color:#FFFFFF; border-right:1px solid #cccccc; }
	#tipsBar a:last-child{ border-right:none; width:50% !important; }
	#tipsBar a span{ margin-right:10px !important; }
	
	.formRow input[type="text"].rHbtn,.formRow input[type="password"].rHbtn{ width: -moz-calc(100% - 88px) !important; width: -webkit-calc(100% - 88px) !important; width: calc(100% - 88px) !important; display: inline-block;  }
	
	.formRow input[type="text"].rNbtn{ width: 100%; display: block;  }
	
	#sendButton {
    width: 78px !important;
    height:32px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px;
	  margin-bottom: 0px;
	}
	
	#sendButton2 {
    width: 78px !important;
    height:32px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px;
	  margin-bottom: 0px;
	}
}


.right { float: right; }

#ieTips{ display:none; }


.specProduct {
	float: left; 
	margin-bottom: 20px; 
	clear: left; 
	font: 700 25px/1.4em 微软雅黑; 
	padding-top: 7px;
}
br.mob{ display: none; }
br.pc{ display: block; }

#productFamilyDownload{ display: none; }
@media only screen and (max-width:767px) {
.specProduct {
	font-size: 20px;
	word-break: break-word;
}
	
	br.mob{ display: block; }
	br.pc{ display: none; }
	
	#productFamilyDownload{ display: block; margin-top: 16px; }
	
}



#productTabs .prod img, #productTabs .product img {
    max-height: 110px;
}

#newBridge #nb_toolbar_wrap{ background: #000000 !important; height: 60px !important;  }

.video-play{ position: relative; display: block; line-height: 0;  }

.video-play:before{ position: absolute;  top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/icon/play.png) center no-repeat; content: ""; }
.video-play:hover:before{ background: url(../images/icon/play_a.png) center no-repeat; }


.category-area{ position: relative; width: 100%; margin-bottom: 1rem; }
.category-area .category-list{ position: relative; margin-bottom: 0.5rem; height: 26px; line-height: 26px; overflow: hidden; width: 100%; padding-right: 1rem;
-webkit-transition: max-height 0.5s;
	-o-transition: max-height 0.5s;
	transition: max-height 0.5s;
}


.category-area .category-list .more{ position: absolute; width: 15px; height: 15px; top: 4px; right: 0; z-index: 10; border: 1px solid #0098db; }

.category-area .category-list .more:before, .category-area .category-list .more:after{ 
	position: absolute;
    top: 6px;
    left: 3px;
    width: 7px;
    height: 1px;
    content: '';
    background-color: #0098db; 
}

.category-area .category-list .more:after {
    transition: all cubic-bezier(.38,.04,.35,.96) 600ms;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.category-area .category-list-exp{ 
	height: auto;
	overflow: auto;
-webkit-transition: max-height 0.5s;
	-o-transition: max-height 0.5s;
	transition: max-height 0.5s;
}

.category-area .category-list-exp .more{}
.category-area .category-list-exp .more:after {
    transition: all cubic-bezier(.38,.04,.35,.96) 600ms;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}




.category-area .category-list .category-item{ position: relative;  display: inline-block; font-size: 14px; height: 26px; line-height: 26px;
    overflow: hidden;
	margin-right: 10px;
   /* text-align: center;*/
	text-align: left;
    border-radius: 8px; margin-bottom: 0.5rem;
	cursor:pointer;
	width: 62px;
	/*padding: 0 4px;*/
}


.category-area .category-list .category-item-s{ width: 42px; }
.category-area .category-list .category-item-m{ width: 84px; }
.category-area .category-list .category-item-l{ width: 126px; }

.category-area .category-list .category-item:last-child{ margin-right: 0; }


.category-area .category-list .category-item.selected{ color: #0599D9; /* background: #f4f4f4; padding: 0 4px;*/ margin-left: 0; }   
.category-area .category-list .category-item-all{ /*padding:0 10px;*/ margin-right: 10; margin-left: 0; }



@media (max-width: 592px) {
	.video-play{ margin-bottom: 1rem; }
}

.recomIcon{ position: relative; color: #f0ab00; }
.recomIcon:after { position: absolute; background: url("../images/up.svg") center no-repeat; top: -2px;  right: -24px; width: 18px; height: 18px; background-size: 100% 100%; content: ""; }



.moreInfo{ margin-bottom: 2em; }

.moreInfo .content-row{ position: relative; padding: 2em 0 0em;  border-top: 2px dashed #b7cce7; margin-top: 2em;
  float: left;
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}
.moreInfo .content-row h3, .productFamilyDesc .rn_OkcsRelatedAnswers h3{
	font-size: 1.5em;
	margin-bottom: 1em;
}

.moreInfo .content-row .content-column {
  position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.moreInfo .rowL{ 
	width:620px;
}

.moreInfo .rowR{ 
  width: -moz-calc(100% - 630px);
  width: -webkit-calc(100% - 630px);
  width: calc(100% - 630px);
  margin-right: 0px;
}
/*
.moreInfo .rowL .content-column {
   position: relative;
  float: left;
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}*/
.moreInfo .content-row .content-column a{ margin-left: 6px; }

.productFamilyDesc .rn_OkcsRelatedAnswers h3{
	font-size: 1.5em;
	margin-bottom: 1em;
}

.productFamilyDesc .rn_OkcsRelatedAnswers {
	border-top: 2px dashed #b7cce7;
	width: 100%;
	padding: 2em 0 0;
	margin-top: 2em;
}
	
.productFamilyDesc .rn_OkcsRelatedAnswers ul{
	margin-left: 0px;
}
	
.productFamilyDesc .rn_OkcsRelatedAnswers ul li{
	list-style-type: none !important;
}
	

.productFamilyDesc .rn_OkcsRelatedAnswers .content-column {
  position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.productFamilyDesc .rn_OkcsRelatedAnswers .content-column a{ margin-left: 6px; }
				  
.rn_OkcsRelatedAnswers li:before {
	font-family: 'FontAwesome';
	margin-right: 6px;
	content: "\f0eb";
	margin-left: 1px;
	margin-right: 5px;
	font-size: 1.4em;
}

.moreInfo3{
	position: relative;
	margin-bottom: 20px;
	
}


.moreInfo3 .content-row .content-column {
  position: relative;
	width: 100%;
	border-bottom: solid 1px #d1d1d1;
	padding:6px 8px;
	
}


.moreInfo3 .content-row{ 
  position: relative; 
  float: left;
  width: -moz-calc(33.33% - 10px);
  width: -webkit-calc(33.33% - 10px);
  width: calc(33.33%- 10px);
}

.moreInfo3 .content-row h3 {
    border: 1px solid #0098db;
    background-color: #0098db;
    color: #FFF;
    padding-left: 8px;
    margin-bottom: 6px;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
}

.moreInfo3 .row01{ 
	margin-right: 10px;
}
.moreInfo3 .row02{ 
	margin-right: 5px;
	margin-left: 5px;
}
.moreInfo3 .row03{ 
	margin-left: 10px;
}

.viewableItemsBox .item {
    max-width: 16.6666666667%; 
}


#productFamilyForm {
    float: right;
}


@media (max-width: 592px) {
  .moreInfo .content-row {
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0px;
  }
	
 .moreInfo3 .content-row{ 
  position: relative;
    float: none;
    width: 100%;
    margin-right: 0px;
	 margin-left: 0px;
}
	
	#pproductFamilyForm {
    clear: none;
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: top;
    width: 100%;
}
	
}


.resultsPage .productResult .productImage { width: 100px; height: 100px; }

.resultsPage .productResult .productImage img{ max-width: 100%; max-height: 100%; width: auto; height: auto; }


.parameterList {
  width: 240px;
  float: left;
}
.parameterList h2 {
  font-size: 14px;
  font-weight: 700;
}
.parameterList a {
  display: flex;
  margin: 0 10px 10px 0;
}
.parameterList .fa {
  padding: 1.5px 0 0;
}
.parameterList .label {
  padding: 0 0 0 5px;
}

.col-link-box{ width: 75%; display: flex; flex-flow: row nowrap; }

#footerContent .centeredPageContent .col-link-box .col {
    min-width:100px  !important;
    width: 25%;
}

@media only screen and (max-width: 768px){
	.col-link-box{ width: 100; display: flex; flex-flow: row wrap; }

}


.shopping-cart-icon{
	position: relative;
	display: inline-block;
	margin-left: -8px;
}
.shopping-cart-icon:before {
	content: "";
	width: 16px;
	height: 10px;
	display: inline-block;
	background: url(../images/themes/ui-icons_ffffff_256x240.png) no-repeat;
	background-position: -50px -116px;
	transform:scale(1.5); 
}


#header .twoLevel .secondLevelContent .sLink{
    width: 100%;
	margin-bottom: 1rem;
}

@media only screen and (max-width: 768px){
	td.downloads{ width: 100% !important; }
	td.downloads a{ display: block; width: 100%; word-break: break-all; white-space: wrap; }
	
	/*#content .porductBox{ display: none; }*/
	
	#content .porductBox{ padding-left: 0; width: 100%;  }
	#content .porductBox .porductItem {
        position: relative;
        display: block;
        width: 168px;
    }
	
}


.resultsPage h1.resultsHeading{ position: relative; width: 100%; }



#homePageWidget ul li{ position: relative; background: none; }
#homePageWidget ul li:before{ position: absolute;
width: 0;
height: 0;
border-style: solid;
	top: 4px; left: 0px;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #0599D9;
	content: "";
}

#homePageWidget ul li.hot:before{ position: absolute;
width: 0;
height: 0;
border-style: solid;
	top: 4px; left: 0px;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #e38a03;
	content: "";
}
#homePageWidget ul li.hot a{ color: #e38a03}
