/*@import "flexslider.css";*/

@import "flexslider.css";
@import "jquery.bxslider.css";

/* screen and (min-width: 961px) and (max-width: 1279px) */

body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*2016-12-14 Eric Edit font-family for RU*/
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color: white;
    font-weight: 400;
    /*word-break: break-all;*/
}


html.popupOn {
    height: 100%;
    overflow: hidden;
}

body.popupOn {
    /*height: 100%;*/
    overflow-y: scroll;
}

.anchor {
    position: absolute;
    width: 0;
    height: 85px;
    top: -85px;
}

.anchorLanding {
    position: absolute;
    width: 0;
    height: 190px;
    top: -190px;
}

.mobile-show {
    display: none!important;
}

.small-show {
    display: none;
}

.heightAuto {
    height: auto!important;
}

.mainContainer {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0;
}

.mainContainer.scroll {
    padding-top: 65px;
}

.mainContainer.scroll.seriesFixed {
    padding-top: 112px;
}

.mainContainer.scroll.seriesFixed.subMenuFixed {
    padding-top: 165px;
}

.homepageMainBg {
    background-color: #f5f5f5;
}

.wideRowInfo {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, .95);
}

.wideRowInfoNobg {
    float: left;
    width: 100%;
}

.wideRowInfoBlack {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.wideRowInfoNoOp {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 1);
}

.wideRowInfoNoOp.typeB {
    padding-top: 30px;
}

.tTransformReset {
    text-transform: none!important;
}

.container {
    position: relative;
    float: left;
    margin: 0 auto;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    padding: 10px 0;
}

.btn100B {
    padding: 18px 30px;
}

.relative {
    position: relative;
}

h2 {
    font-size: 28px;
    text-align: center;
    width: 100%;
    font-weight: 300;
    margin: 10px 0 10px 0;
}

h3 {
    font-size: 24px;
    text-align: center;
    line-height: 26px;
    font-weight: 300;
    margin: 10px 0 10px 0;
}

h6.disclaimer {
    margin: 15px 0 5px;
    color: #75787b;
    font-size: 1em;
}

h6.disclaimer + p {
    margin: 0;
    color: #75787b;
    font-size: 0.8em;
    line-height: 1.3;
}

.inforTxtH4 {
    font-size: 1.15em;
    text-align: left;
    /*line-height: 16px;*/
    margin: 40px 0 0 0;
    font-weight: bold;
    text-transform: Uppercase;
}

.inforTxtH5 {
    font-size: 15px;
    text-align: left;
    line-height: 16px;
    margin: 20px 0 -10px 0;
    font-weight: bold;
    text-transform: Uppercase;
}

.inforTxtH4.first {
    margin: 20px 0 0 0;
}

.Uppercase {
    text-transform: Uppercase;
}

ul {
    list-style: none;
}

p {
    color: #75787b;
    line-height: 1.65;
}

p.top {
    margin-top: 0;
}

p.top.centerWhite {
    color: white;
    margin-top: 0;
    text-align: center;
}

p.top.center {
    margin-top: 0;
    text-align: center;
    margin-bottom: 30px;
}

.circleImgDiv {
    width: 80%;
    position: relative;
    margin: 0 10%;
}

.circleImgDivS {
    width: 60%;
    position: relative;
    margin: 0 20%;
}

.circleImg {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
    border: none;
}

.circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 50%;
    background: rgba(124, 121, 117, .6);
}

.circleIcon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 50%;
    background: rgba(231, 46, 53, 1);
    display: none;
}

.circle:hover {
    background: rgba(231, 46, 53, .6);
}

.circle p {
    display: block;
    width: 100%;
    font-size: 22px;
    height: 22px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
}

a {
    text-decoration: none;
}

.img img {
    width: 100%;
    height: auto;
}

.hover:hover {
    cursor: pointer;
}

.row {
    float: left;
    width: 100%;
    position: relative;
    /*margin-bottom: 30px;*/
}

/*#skuContainer .row {
    margin-bottom: 30px;
}*/

.rowSectionPart {
    margin-bottom: 30px;
}

.subSection {
    width: 100%;
    margin-bottom: 30px;
    float: left;
    position: relative;
}

.subSection.marginBo0 {
    margin-bottom: 0;
}

.subSection.marginBo80 {
    margin-bottom: 80px;
}

.row.end {
    margin-bottom: 30px;
}

.row .row1 {
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row2 {
    float: left;
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row2.grayBg {
    float: left;
    width: 50%;
    padding: 24px 46px;
    margin-top: 30px;
    box-sizing: border-box;
    background: rgba(102, 102, 102, .3);
}

.row .row2.grayBg .row1 {
    padding: 34px;
}

.row .row2.grayBg .info {
    float: left;
    width: 100%;
    background-color: white;
    margin-bottom: 45px;
}

.row .row2.grayBg .info .img {
    width: 80%;
    margin-left: 10%;
}

.row .row2.grayBg .info .img img {
    height: auto;
}

.row .row2.grayBg .info:last-child {
    margin-bottom: 0;
}

.row .row3 {
    float: left;
    width: 33.3333%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row4 {
    float: left;
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
}


/* 20160105 */

.row .row2_3 {
    float: left;
    width: 30%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row2_7 {
    float: left;
    width: 70%;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 135px;
}

.row2_7 .skuBanner {
    position: absolute;
    top: 0;
}

.row2_7 .skuBanner.similar,
.row2_7 .skuBanner.recent {
    top: 200px;
}

.row2_7 .skuBanner #slider-next {
    right: 0;
}

.row .row2_7 .row3 {
    width: 33.33333%;
    padding: 0 15px!important;
    padding: 0 25px!important;
}


/* 20160105 end */

.row .row4_1 {
    float: left;
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row4_1:first-child {
    margin-left: 0;
}

.row .row5 {
    float: left;
    width: 20%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row5 .iconTitle,
.row .row4_1 .iconTitle {
    font-size: 18px;
    color: white;
    padding: 0!important;
    line-height: normal!important;
    margin: 0!important;
    font-weight: 300;
}

.row .row5_2_txt {
    float: left;
    width: 40%;
    padding: 15px;
    box-sizing: border-box;
}

.row .row5_2 {
    float: left;
    width: 40%;
    padding: 15px;
    box-sizing: border-box;
}

.row h2 {
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.paddingNone {
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.paddingNone h2 {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.paddingNone div {}

.paddingNone .row5,
.paddingNone .row5_2 {
    padding: 0;
}

.align_L {
    text-align: left!important;
}

.align_C {
    text-align: center!important;
}

#small_Nav {
    display: none;
}

.sMenu {
    display: none;
}

table.WarrantyTable {
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
}

table.WarrantyTable th,
table.WarrantyTable td {
    padding: 2px 10px;
    border: #63666a solid 1px;
    text-align: left;
    width: 50%;
    color: #75787b;
}

table.WarrantyTable th {
    background: #d9d9d6;
    color: #000;
}

table.WarrantyTable th.WarrantyTableTit {
    text-align: center;
}

span.WarrantyTablePs {
    display: block;
    margin-top: 5px;
    padding: 0 10px;
}

b.WarrantySubTit {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 15px;
}

#WarrantyTerms ol {
    color: #75787b;
}

.service_case {
    background: #ebebeb;
    border: #bbbcbc solid 1px;
    box-sizing: border-box;
    padding: 15px;
}

.service_case ul,
.warrantyTerms ul {
    margin: 10px 0 0 1.5em;
    padding: 0;
    list-style: square;
    list-style-position: inside;
    text-indent: -1.5em;
    color: #75787b;
}

/* index */
.mainBanner {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.mainBanner img {
    position: relative;
    width: 100%;
}

.mainBanner ul li {
    display: block;
    width: 100%;
    overflow: hidden;
}

.banner-content {
    position: absolute;
    top: 5%;
    left: 50%;
    left: 10% \9;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 80%;
    max-width: 1000px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.banner-content.black {
    color: #000;
}

.banner-content.white {
    color: #fff;
}

.banner-content h1 {
    font-size: 36px;
    line-height: 34px;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.banner-content.black h1 {
    text-shadow: rgba(255, 255, 255, 0.7) 1px 1px, rgba(255, 255, 255, 0.5) 0px 0px 10px;
}

.banner-content.white h1 {
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px, rgba(0, 0, 0, 0.3) 0px 0px 10px;
}

.banner-content span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.banner-content.black span {
    text-shadow: rgba(255, 255, 255, 0.7) 1px 1px, rgba(255, 255, 255, 0.5) 0px 0px 10px;
}

.banner-content.white span {
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px, rgba(0, 0, 0, 0.3) 0px 0px 10px;
}

.banner-content .btnMore {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 30px;
    color: #fff;
    border-radius: 20px;
    background-color: #d50032;
    background-color: rgba(213, 0, 50, 0.8);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.banner-content:hover .btnMore {
    background-color: #d50032;
    background-color: rgba(213, 0, 50, 1);
}

#indexContainer h1{float: left; font-size: 38px; width: 100%; text-align: center;
    /*2016-12-14 Eric Edit font-family for RU*/
	/*font-family: 'Lato', sans-serif;*/
/*	font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
	font-weight: 300; padding: 0; margin: 0 0 20px 0;
	line-height: 36px;
}

#indexContainer p {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    word-wrap:break-word;
}

.spiritIcon {
    width: 100%;
    height: 82px;
    background-position: center center;
    background-repeat: no-repeat;
}

.latest-one h3 {
    text-align: left;
}

.latest-one .date {
    font-size: 20px;
    font-weight: 300;
}

.news-list ul {
    float: left;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.news-list ul li {
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 14px 5px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: -5px!important;
}

.news-list ul li:hover {
    background-color: #cccccc;
}

.news-list ul li p {
    padding-right: 20%;
    float: left;
    margin: 0!important;
}

.news-list ul li .date {
    position: absolute;
    right: 5px;
    top: 14;
}

.eventListImg {
    float: left;
    width: 165px;
    width: 40%;
}

.eventContent {
    float: right;
    width: 55%;
}

.eventContent h4 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px 0;
    color: #333333!important;
}

.newsRow a {
    color: #333333;
}

.newsRow .row3 h3 {
    margin-bottom: 15px;
}

.newsRow .row3 h3 span {
    transition: .8s;
    -webkit-transition: .8s;
    border-bottom: 2px white solid;
    padding-bottom: 3px;
    line-height: 1.5;
}

.newsRow .row3:hover h3 span {
    border-bottom: 2px rgb(231, 46, 53) solid;
    color: rgb(231, 46, 53);
}

.newsListInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px!important;
    color: white!important;
}

#indexContainer .row5_2 .newsListInfo .align_L {
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
}

.rowLink {
    position: absolute;
    top: 22px;
    right: 18px;
    font-size: 16px;
    color: black;
}

.rowLinkSmall {
    position: absolute;
    top: 0;
    right: 18px;
    font-size: 16px;
    color: black;
    color: #222222;
}

.quickTask {
    width: 100%;
    margin-bottom: 40px;
    background-color: #272727;
    overflow: hidden;
}

.quickTask > .container {
    padding: 30px 0;
    overflow: hidden;
}

.quickTask ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.quickTask ul li {
    display: inline-block;
    box-sizing: border-box;
    width: 16.67%;
    margin: 0 -2px;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
}

.quickTask ul li div {
    width: 45px;
    /*height: 0;
    padding-top: 30%;*/
    margin: 0 auto;
    /*border: #bebebe solid 1px;*/
    border-radius: 50%;
    background-position: center;
    background-size: auto 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

/*.quickTask ul li a:hover div {
    background-color: #d9d9d6;
    border: #d9d9d6 solid 1px;
}*/

.quickTask ul li div img {
    width: 100%;
    height: auto;
}

/*.quickTask ul li div.taskSelector {
    background-image: url(../images/home_product_selector.png);
}

.quickTask ul li div.taskComparison {
    background-image: url(../images/home_product_comparison.png);
}

.quickTask ul li div.taskCompatibility {
    background-image: url(../images/home_product_compatibility.png);
}

.quickTask ul li div.taskWarranty {
    background-image: url(../images/home_warranty.png);
}

.quickTask ul li div.taskDownload {
    background-image: url(../images/home_download-center.png);
}

.quickTask ul li div.taskWheretoBuy {
    background-image: url(../images/home_wheretobuy.png);
}

.quickTask ul li div.taskChannel {
    background-image: url(../images/home_cyberpower-channel.png);
}

.quickTask ul li div.taskContact {
    background-image: url(../images/home_contact.png);
}*/

.quickTask ul li p {
    position: relative;
    display: inline-block;
    margin: 5px 0 0;
    padding: 0 0 3px;
    color: #bbbcbc;
    line-height: 1.5;
}

.quickTask ul li a:hover p {
    color: #fff;
}

.quickTask ul li p:after {
    content:'';
    position: absolute;
    display: none;
    width: 100%;
    height: 2px;
    background-color: #d50032;
    left: 0;
    bottom: 0;
}

.quickTask ul li a:hover p:after {
    display: block;
}

.latestNews .titleWrapper,
.solutionIntro .titleWrapper {
	text-align: left;
	margin-bottom: 5px;
}

.latestNews .titleWrapper h2,
.solutionIntro .titleWrapper h2 {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0 15px;
	color: #000000;
}

.solutionIntro .titleWrapper h2 {
    padding: 0 5px;
}

.latestNews {
    overflow: hidden;
    margin-bottom: 40px;
}

.latestNews .container {
    padding: 0;
    overflow: hidden;
}

.latestNews ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.latestNews ul li {
    display: block;
    box-sizing: border-box;
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.latestNews ul li .picWrapper {
    position: relative;
}

.latestNews ul li .picWrapper:before {
    content: '';
    display: block;
    width: 95%;
    height: 0;
    padding-top: 60%;
    position: absolute;
    left: 2%;
    top: 2%;
    border: #fff solid 2px;
    opacity: 0;
    transition: all 0.1s, transform 0.5s;
    -webkit-transition: all 0.1s, transform 0.5s;
    -ms-transition: all 0.1s, transform 0.5s;
    -moz-transition: all 0.1s, transform 0.5s;
    transform-origin: center;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
}

.latestNews ul li a:hover .picWrapper:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

.latestNews ul li .picWrapper img {
    width: 100%;
    height: auto;
}

.latestNews ul li .txtWrapper {
    background-color: #fff;
    padding: 20px;
    color: #000000;
}

.latestNews ul li .txtWrapper h5 {
    margin: 0;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
}

.latestNews ul li .txtWrapper p {
    margin: 10px 0 0; color: #000;
}

.solutionIntro {
	overflow: hidden;
	margin-bottom: 40px;
}

.solutionIntro > .container {
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
}
.solutionIntro .solutionWrapper {
	float: left;
	position: relative;
	width: 49.2%;
	/*height: 0;
	padding-top: 24%;*/
	margin: 0 0.4% 5px;
	background-color: #000;
	overflow: hidden;
}
/*.solutionIntro .solutionWrapper a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
    overflow: hidden;
}
.solutionIntro .solutionWrapper:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.5;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.solutionIntro .solutionWrapper:hover:before {
	transform-origin: center;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	-moz-transform-origin: center;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.solutionWrapper.solutionHome:before {
	background-image: url(../images/solution01.jpg);
}
.solutionWrapper.solutionOffice:before {
	background-image: url(../images/solution02.jpg);
}
.solutionWrapper.solutionData:before {
	background-image: url(../images/solution03.jpg);
}
.solutionWrapper.solutionSolar:before {
	background-image: url(../images/solution04.jpg);
}*/
.solutionIntro .solutionWrapper .picWrapper img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.solutionIntro .solutionWrapper:hover .picWrapper img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.solutionIntro .solutionWrapper .txtWrapper {
	position: absolute;
	width: 80%;
	top:30%;
	left: 10%;
	text-align: center;
}
.solutionIntro .solutionWrapper .txtWrapper h5 {
	margin: 0;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
}
.solutionIntro .solutionWrapper .txtWrapper p {
	margin: 10px 0 0;
	color: #fff;
}
.solutionIntro .solutionWrapper span {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 25px;
	/*bottom: 10%;
	left: 50%;*/
	text-align: center;
	color: #fff;
	border: #fff solid 2px;
	/*transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);*/
}
.solutionIntro .solutionWrapper a:hover span {
	background-color: #fff;
	color: #000;
}
.flexslider .slides img.PCshow {
    display: block;
}
.flexslider .slides img.MOBILEshow {
    display: none;
}
@media screen and (max-width: 767px) {
    .latestNews ul li .picWrapper:before {
        content: '';
        display: none;
    }
    .solutionIntro .solutionWrapper:hover .picWrapper img {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
    }
}
/* index end */


/* subtemp */
.seoTitle {
    padding: 15px;
    box-sizing: border-box;
}

.seoTitle h1 {
    font-size: 2em;
    line-height: 38px;
    font-weight: 300;
    margin: 0 0 10px;
}

.seoTitle.centerSeoTitle h1 {
    text-align: center;
}

.seoTitle h1 a {
    color: #000;
}

.seoTitle h1 span:before {
    content: '|';
    margin: 0 10px;
    color: #d9d9d6;
}

.seoTitle h3 {
    text-align: left;
    margin: 0 0 10px;
}

.seoTitle p {
    margin: 0;
}

@media screen and (max-width: 640px) {
    .seoTitle h1 span {
        display: block; font-size: 0.7em;
    }

    .seoTitle h1 span:before {
        display: none;
    }
}

.subBanner {
    position: relative;
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

.subBanner-content {
    position: absolute;
    top: 130px;
    left: 0;
    color: white;
    width: 80%;
    padding: 20px 30px 20px 10px;
}

.subBanner-content h1 {
    font-size: 36px;
    line-height: 38px;
    font-weight: 300;
    margin: 0 0 10px 0;
}

.subBanner-content h1.singleLine {
    font-size: 40px;
    line-height: 38px;
    font-weight: 300;
    margin: 20px 0 10px 0;
    color: #e72e34;
    text-transform: Uppercase;
}

.subBanner-content.white h1.singleLine {
    color: white;
}

.subBanner-content.white p {
    color: white;
}

.subBanner-content-promain {
    position: absolute;
    top: 50px;
    left: 0;
    color: white;
    width: 76%;
    padding: 20px 30px 20px 130px;
}

.subBanner-content-promain h1 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 300;
    color: #e72e34;
    text-transform: Uppercase;
}

.subBanner-content span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.sitemap {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #272727;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
}

.sitemap.typeB {
    float: left;
    width: 100%;
    font-size: 14px;
    color: white;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
}

.sitemap a {
    color: #e72e34;
}

.subArticleTitle {
    font-size: 18px;
    width: 80%!important;
}

.subArticle {
    width: 80%;
    float: left;
    margin: 0 0 30px 0;
    margin: 0;
    /*background-color: yellow;*/
}

.subArticle_R {
    width: 80%;
    float: right;
    margin: 0 0 30px 0;
    margin: 0;
    /*background-color: yellow;*/
}

.subArticle.wide {
    width: 100%;
}

.subArticle .row1 {
    padding: 0 15px;
    position: relative;
}

.subArticle .row1 .anchorPoint {
    position: absolute;
    top: -150px;
}

.subArticle .row1.pListImg {
    padding: 15px;
}

.subArticle.rightNo .row1 {
    padding: 0 0 0 15px;
}

.subArticle .img {
    position: relative;
}

.subArticle .vType .img {
    position: relative;
    width: 40%;
    float: left;
}

.subArticle .img .hoverBg {
    opacity: 0;
}

.subArticle .img .hoverBgB {
    opacity: 0;
}

.subArticle .img .pImg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    text-align: center;
}

.subArticle .img .pImg .verticalArea {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

.subArticle .img .pImg .verticalArea img {
    /*height: 100%; width: auto;*/
    /*opacity: 0;*/
    /* 20160418 */
}

.subArticle h2 {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #d9d9d6;
    font-weight: 400;
    text-transform: uppercase;
}

.subArticle h2 i {
    margin-right: 10px;
    color: #bbbcbc;
}

.subArticle h3.titleLine {
    /*width: 100%;*/
    /*display: inline-block;*/
    text-align: left;
    font-size: 1.3em;
    line-height: 16px;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
}

.subArticle h3.titleLine.typeB {
    /*width: 100%;*/
    /*display: inline-block;*/
    text-align: center;
    font-size: 32px;
    line-height: 16px;
    padding: 0 0 0 0;
    border-bottom: none;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    line-height: normal;
}

.subArticle h3.titleLine .movePoint {
    position: absolute;
    top: -80px;
}

.subArticle h3.titleLine:first-child {
    margin-top: 0
}

.subArticle h2:first-child {
    margin-top: 0;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.subArticle h2.noUnderLine {
    width: 100%;
    border-bottom: none;
}

.noUnderLine {
    border-bottom: none!important;
}

.loadHide {
    opacity: 0;
}

.subArticle h2.minHeight {
    min-height: 32px;
    text-transform: none!important;
    line-height: 22px;
}

.subArticle h3.marginBottomnon {
    margin-bottom: 0;
}

.subArticle h3.redLineTitle,
.subArticle.wide h3.redLineTitle,
.subArticle h3.redLineTitle2,
.subArticle.wide h3.redLineTitle2 {
    position: relative;
    padding-left: 10px;
}

h3.redLineTitle.top {
    position: relative;
    padding-left: 10px;
    margin-top: 5px!important;
}

.subArticle h4.redLineTitle,
.subArticle.wide h4.redLineTitle,
.videoList .videoListTit h4 {
    position: relative;
    padding: 0 0 15px 10px;
    border-bottom: 1px dotted #d9d9d6;
    margin: 0;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.9;
    color: #000;
}

.subArticle h2.iconTitle {
    position: relative;
    padding-left: 36px;
    border-bottom: 1px solid #afafaf;
}

.subArticle h4.redLineTitle span,
.subArticle.wide h4.redLineTitle span,
.videoList .videoListTit h4.redLineTitle span {
    top: -5px;
    left: 0;
    background-color: #d50032;
    width: 4px;
    position: absolute;
    height: 100%;
    display: block;
    height: 26px;
    margin-bottom: 5px;
}

.subArticle h3.redLineTitle span,
.subArticle.wide h3.redLineTitle span {
    top: -5px;
    left: 0;
    background-color: #e72e35;
    width: 4px;
    position: absolute;
    height: 100%;
    display: block;
    height: 26px;
    margin-bottom: 5px;
}

.subArticle h3.redLineTitle2 span.redline,
.subArticle.wide h3.redLineTitle2 span.redline {
    top: -3px;
    left: 0;
    background-color: #e72e35;
    width: 4px;
    position: absolute;
    height: 100%;
    display: block;
    height: 26px;
    margin-bottom: 5px;
}

.subArticle h2.iconTitle img {
    top: 0;
    left: 0;
    background-color: #e72e35;
    position: absolute;
    display: block;
}

.relatedPro .pListImg h3 {
    font-size: 16px!important;
}

.subArticle h3,
.subArticle h3 a {
    font-size: 22px;
    color: #000;
    line-height: 30px
}

.subArticle .vType h3,
.subArticle .vType h3 a {
    font-size: 22px;
    color: #000;
    width: 55%;
    float: right;
    text-align: left;
    /*margin: 30px 0 10px 0;*/
}

.subArticle .vType p {
    color: #000;
    width: 55%!important;
    float: right!important;
    text-align: left;
}

.sideFunNav {
    width: 16%;
    float: right;
    box-sizing: border-box;
}

.productSkuNew .sideFunNav {
    float: none;
    position: absolute;
    top: 80px;
    right: 0;
}

.sideFunNav select {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.sideFunNav .row1 {
    padding: 0;
    margin: 0 0 20px 0;
}

.sideFunNav h3 {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
}

.sideFunNav h3:first-child,
.downloadSideNav h3:first-child {
    margin-top: 0;
    line-height: 16px;
}

.sideFunNav .row1 p {
    font-size: 13px;
    color: #6c6c6c;
    margin: 0 0 10px 0!important;
}

.sideFunNav .row1 a {
    background-color: #e72e34;
    width: 100%;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin: 0 0 10px 0;
    line-height: normal;
}

.sideFunNav .row1 a.search {
    background: url('../images/nav/sideFunNav_icon_search.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.compatibility {
    background: url('../images/nav/sideFunNav_icon_compatibility.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.RMAFORM {
    background: url('../images/nav/sideFunNav_icon_RMA_Form.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.contact {
    background: url('../images/nav/sideFunNav_icon_contact.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.download {
    background: url('../images/nav/sideFunNav_icon_download.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.channel {
    background: url('../images/nav/sideFunNav_icon_channel.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.about {
    background: url('../images/nav/sideFunNav_icon_about.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
    padding: 19px 5px 18px 64px;
}

.sideFunNav .row1 a.world {
    background: url('../images/nav/sideFunNav_icon_world.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
}

.sideFunNav .row1 a.clickDownload {
    background: url('../images/nav/sideFunNav_icon_clickdownload.png') no-repeat 0 center;
    padding: 10px 5px 10px 64px;
    text-align: left;
    background-color: white;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    color: #e72e34;
}

.sideFunNav .row1 a.clickDownload:hover {
    background: url('../images/nav/sideFunNav_icon_clickdownload_over.png') no-repeat 0 center;
}

.displayNav {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #eaeaea;
    line-height: 40px;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 400;
    display: none;
    font-size: 16px;
    padding: 0 5px 0 5px;
}

.displayNav a {
    float: right;
    margin: 7px 0 0 5px;
}


/* product sku */

.proSkuBanner {
    position: relative;
    float: left;
    width: 100%;
    height: 593px;
    padding-bottom: 30px;
    overflow: hidden;
    background-color: #d5d5d5;
    background: url('../images/nav/proSkuBannerBg.jpg') no-repeat center top;
    background-size: cover;
}

.softwareSku .proSkuBanner {
    height: 545px;
    padding-bottom: 0;
    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f5f5 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

.proSkuBanner > .container {
    padding: 10px 0 5px;
    height: 100%;
    box-sizing: border-box;
}

.skuImgArrowR {
    position: absolute;
    right: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    opacity: 0.5;
    display: none;
}

.skuImgArrowL {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    opacity: 0.5;
    display: none;
}

.proSkuTopImg {
    float: none;
    width: 482px;
    height: auto;
    width: 50%;
    position: relative;
    margin: 0 0 0 10px;
    opacity: 0;
    /*background-color: yellow;*/
    overflow: hidden;
}

.softwareSku .proSkuTopImg {
    float: left;
}

.skuBanner {
    position: relative;
    /*float: left;*/
    width: 100%;
    /*overflow: hidden;*/
    margin: 0 0 30px 0;
    height: 548px;
}

.softwareSku .skuBanner {
    height: 480px;
}

.skuBanner #slider-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    top: 50%;
    display: none;
}

.skuBanner #slider-prev {
    position: absolute;
    top: 0;
    left: 2px;
    width: 32px;
    height: 32px;
    top: 50%;
    display: none;
}

.skuBanner img {
    position: relative;
    width: 100%;
}

/*.banner-content{
    position: absolute; bottom: 50px; left: 5%;
    color: white; width: 50%;
    background: rgba(0, 0, 0, .5);
    padding: 20px 30px 20px 20px;
}*/

/*.proSkuTopImg .pImg{
	position: absolute; margin-left: -231px;
	width: 462px; height: 462px; float: left; left: 50%;
}
.proSkuTopImg .pImg .verticalArea{
	height: 462px; width: 462px;
	display: table-cell; text-align: center; vertical-align: middle;
}*/

.proSkuTopImg .pResize {
    margin-left: 5%;
    position: relative;
    width: 90%;
    height: auto;
    float: left;
    left: 0;
    width: 100%;
    margin: 0;
    width: 450px;
    height: 450px;
    margin-left: 20px;
}

.softwareSku .proSkuTopImg .pResize {
    margin-top: 30px;
}

.proSkuTopImg .pImg {
    /*position: absolute; */
    /*margin-left: 5%; position: relative;
	width: 90%; height: auto; float: left; left: 0;*/
    width: 100%;
    height: 480px;
    height: 450px;
}

.softwareSku .proSkuTopImg .pImg {
    height: auto;
}

.bx-wrapper img {
    display: inline;
}

.proSkuTopImg img {
    /*	width: 50%; margin: 0 0 0 10%;*/
}

.proSkuTopImg .pImg .verticalArea {
    height: auto;
    width: 100%;
    /*height: 450px;*/
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.proSkuTopImg > .skuBanner ul.bxslider > li .pImg > .verticalArea:after {
    font-family: FontAwesome;
    content: '\f00e';
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    font-size: 4em;
    opacity: 0;
    cursor: pointer;
}

.proSkuTopImg > .skuBanner ul.bxslider > li .pImg > .verticalArea.active:after {
    opacity: 1;
}

.proSkuTopImg .pImg .verticalArea img {
    opacity: 1;
    cursor: pointer;
}

.proSkuTopImg .sImgList {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 94px;
    display: table;
    text-align: center;
}

.proSkuTopImg .sImgList a {
    display: inline-block;
    padding: 0 0 4px 0;
    margin: 0 8px 0 0;
}

.softwareSku .proSkuTopImg .sImgList a {
    padding: 0 0 5px;
}

.proSkuTopImg .sImgList a:last-child {
    margin: 0;
}

.proSkuTopImg .sImgList a.active,
.proSkuTopImg .sImgList a:hover {
    border-bottom: 3px solid #d50032;
}

.proSkuTopImg .sImgList .pImg {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-color: white;
}

.softwareSku .proSkuTopImg .sImgList .pImg {
    height: auto;
}

.proSkuTopImg .sImgList .pImg .verticalArea {
    width: 84px;
    height: 84px;
}

.proSkuTopImg .sImgList .img {
    width: 84px;
    height: 84px;
    display: inline-block;
    background-color: white;
}

.proSkuTopInfo {
    /*float: right;*/
    width: 482px;
    height: auto;
    width: 40%;
    background-color: white;
    padding: 20px;
    margin: 15px 0 0 5px;
    width: 440px;
    box-sizing: border-box;
    padding: 15px 20px 15px 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.softwareSku .proSkuTopInfo {
    background: none;
    margin: 30px 0 15px;
    padding: 0;
    top: auto;
    right: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    position: relative;
    float: right;
}

.proSkuTopInfo .iconDiv {
    float: left;
    width: 100%;
    height: 50px;
    display: table;
    text-align: left;
    margin: 15px 0 15px 0;
}

.proSkuTopInfo .iconDiv img {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
}

.proSkuTopInfo h1 {
    font-size: 24px;
    color: black;
    text-align: left;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.proSkuTopInfo .starPoint {
    float: left;
    padding: 3px 0 0 10px;
}

.proSkuTopInfo h2 {
    font-size: 14px;
    color: #bbbcbc;
    font-weight: 300;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    text-align: left;
}


/* 20160106 */

.proSkuTopInfo .features {
    width: 100%;
    /*padding: 0 0 10px 0;*/
    border-top: #d9d9d6 dotted 1px;
    margin: 22px 0 5px 0;
    margin: 15px 0 0 0;
}

.proSkuTopInfo .features h6 {
    /*float: left;*/
    color: black;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
}

.proSkuTopInfo .features ul {
    float: left;
    width: 95%;
    list-style-type: square;
    padding: 0 0 0 20px;
    margin: 10px 0;
    color: #75787b;
    font-size: 14px;
    line-height: 1.3;
}

.proSkuTopInfo .features ul li {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.proSkuTopInfo .features ul li + li {
    margin-top: 10px;
}

.proSkuTopInfo .features p {
    color: #75787b;
    font-size: 14px;
    line-height: 1.6;
}

.proSkuTopInfo .features p span + span:before {
    content: '|';
    color: #d9d9d6;
    margin: 0 7px 0 5px;
}

.proSkuTopInfo .features p span b {
    color: #000;
}

.proSkuTopInfo .features p span b:after {
    content: ':';
    margin: 0 3px;
}

.softwareSku .proSkuTopInfo .features p span {
    display: block;
    line-height: 1.3;
}

.softwareSku .proSkuTopInfo .features p span + span {
    margin-top: 10px;
}

.softwareSku .proSkuTopInfo .features p span + span:before {
    display: none;
}

.softwareSku .proSkuTopInfo .features p span b {
    display: inline-block;
    min-width: 32%;
    vertical-align: top;
}

.softwareSku .proSkuTopInfo .features p span b:before {
    content: '\25AA';
    margin-right: 5px;
}

.softwareSku .proSkuTopInfo .features p span u {
    display: inline-block;
    text-decoration: none;
    max-width: 65%;
    vertical-align: top;
}

.proSkuTopInfo .proSkuInfoBtm {
    /*position: absolute;*/
    overflow: hidden;
    width: 100%;
    /*bottom: 15px;*/
}

.proSkuTopInfo .qrCode {
    clear: both;
}

.proSkuTopInfo .qrCode .row2 {
    display: inline-block;
    margin: 0 5px;
}

/*.proSkuTopInfo .qrCode .row2 + .row2 {
    margin-left: 20px;
}*/

.proSkuTopInfo .qrCode .row2 > a {
    margin: 0;
    display: block;
    float: none;
}

.proSkuTopInfo .qrCode .row2 p {
    vertical-align: top;
    color: #000;
    margin: 0;
    text-align: center;
}

.proSkuTopInfo .qrCode .row2 p a {
    margin-left: 5px;
    display: none;
    color: #d50032;
    border: #d50032 solid 2px;
    padding: 5px 10px;
}

.proSkuTopInfo .qrCode .row2 p a:hover {
    background: #d50032;
    color: #fff;
}

.proSkuTopInfo .qrCode .row2 img {
    width: 80px;
    height: auto;
    margin: 0;
}

.softwareDlTab,
.videoTab {
    margin-bottom: 15px;
}

.softwareDlTab ul,
.videoTab ul {
    margin: 0;
    padding: 0;
}

.softwareDlTab ul li,
.videoTab ul li {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    position: relative;
}

.softwareDlTab ul li + li,
.videoTab ul li + li {
    margin-left: 15px;
}
.softwareDlTab ul li a,
.videoTab ul li a {
    color: #000;
}

/*.softwareDlTab ul li:hover:after,*/
.softwareDlTab ul li.active:after,
/*.videoTab ul li:hover:after,*/
.videoTab ul li.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #d50032;
    left: 0;
    bottom: 0;
}

.softwareDlTab ul li:hover a,
.softwareDlTab ul li.active a,
.videoTab ul li:hover a,
.videoTab ul li.active a {
    color: #d50032;
}

.pslSoftwareDlTab .pslSoftwareDlTabML,
.pslSoftwareDlTab .pslSoftwareDlTabMR,
.videoDlTab .videoTabML,
.videoDlTab .videoTabMR {
    display: none;
}

.softwareDlForm {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 30px;
    position: relative;
}

.softwareDlForm .softwareDlTh {
    display: table-row;
    background: #63666a;
    color: #fff;
}

.softwareDlForm .softwareDlTr {
    display: table-row;
    border-bottom: #d9d9d6 solid 1px;
    color: #63666a;
}

.softwareDlForm .softwareDlTd {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    line-height: 1.5;
    word-wrap: break-word;
    word-break: break-word;
}

a.borderBtn {
    display: inline-block;
    color: #d50032;
    border: #d50032 solid 1px;
    padding: 5px 15px;
}

a.borderBtn:hover {
    color: #fff;
    background: #d50032;
}

a.colorBtn {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}

a.redBtn {
    background: #d50032;
}

a.blackBtn {
    background: #2b2b2b;
}

a.redBtn:hover {
    background: #a6192e;
}

a.blackBtn:hover {
    background: #000;
}

.softwareDlForm .softwareDlTd a.softwareDlLink {
    display: inline-block;
    color: #000;
    /*text-decoration: underline;*/
    vertical-align: middle;
}

.softwareDlForm .softwareDlTd a.softwareDlLink i {
    margin-right: 5px;
    vertical-align: middle;
}

.softwareDlForm .softwareDlTd a.softwareDlLink + a.softwareDlLink {
    margin-top: 5px;
}

.softwareDlForm .softwareDlTd a.softwareDlLink:hover {
    color: #d50032;
}

.softwareDlForm1 .softwareDlTd {
    width: 30%;
}

.softwareDlForm1 .softwareDlTd:first-child {
    width: 50%;
}

.softwareDlForm1 .softwareDlTd:last-child {
    width: 20%;
    text-align: center;
}

.softwareDlForm1.version .softwareDlTd:nth-child(2) {
    text-align: center;
}

.softwareDlForm2 .softwareDlTd:first-child {
    width: 20%;
}

.softwareDlForm2 .softwareDlTd:nth-child(2) {
    width: 3%;
    text-align: center;
}

.softwareDlForm2 .softwareDlTd:nth-child(3) {
    width: 19%;
}

.softwareDlForm2 .softwareDlTd:nth-child(4) {
    width: 7%;
    text-align: center;
}

.softwareDlForm2 .softwareDlTd:nth-child(5) {
    width: 7%;
}

.softwareDlForm2 .softwareDlTd:nth-child(6) {
    width: 21%;
}

.softwareDlForm2 .softwareDlTd:nth-child(7) {
    width: 12%;
    text-align: center;
}

.softwareDlForm2 .softwareDlTd:last-child {
    width: 11%;
}

.softwareDlForm2 .softwareDlTd:nth-child(2) i {
    cursor: pointer;
}

.softwareDlForm2 .softwareDlTd:nth-child(2) i:hover ~ p {
    display: block;
}

.softwareDlForm2 .softwareDlTd:nth-child(2) p {
    display: none;
    position: absolute;
    max-width: 25%;
    width: auto;
    background: #fff;
    border: #d9d9d6 solid 1px;
    margin: 5px 0 0;
    padding: 15px;
    color: #75787b;
    font-size: 0.9em;
    line-height: 1.3;
    text-align: left;
    left: 21.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 20;
}

.softwareDlForm2 .softwareDlTd:nth-child(2) p:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent #d9d9d6 transparent;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
}

.softwareDlForm2 .softwareDlTd:nth-child(2) p:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #fff transparent;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
}

.softwareDlForm2 .softwareDlTd .copyBox {
    display: none;
    position: absolute;
    background: #fff;
    border: #d9d9d6 solid 1px;
    margin-top: 2px;
    padding: 7px 10px;
    box-sizing: border-box;
    width: 17%;
    right: 0;
    z-index: 20;
}

.softwareDlForm2 .softwareDlTd .copyBox input {
    width: 100%;
    border: #d9d9d6 solid 1px;
    padding: 2px 5px;
}

.softwareDlForm2 .softwareDlTd .copyBox button {
    background: #fff;
    border: #d9d9d6 solid 1px;
    margin-top: 5px;
    padding: 3px 10px;
    border-radius: 3px;
    float: right;
    text-shadow: #fff 1px 1px 0px;
}

.softwareDlForm2 .softwareDlTd .copyBox button:hover,
.softwareDlForm2 .softwareDlTd .copyBox button:focus {
    background: #d9d9d6;
}

.softwareDlForm4 p span {
    display: inline-block;
    margin: 10px 10px 10px 0;
}

.softwareDlForm3 a.borderBtn {
    min-width: 150px;
    max-width: 50%;
    vertical-align: middle;
    box-sizing: border-box;
}

.softwareDlForm3 a.borderBtn + a.borderBtn {
    margin-left: 10px;
}

.softwareDlForm3 .softwareDlTd:first-child {
    width: 45%;
}

.softwareDlForm3 .softwareDlTd:last-child {
    width: 30%;
    text-align: center;
}

.softwareSku .container .row .subArticle + .subArticle {
    min-height: 300px;
}

@media screen and (max-width: 1024px) {
    .proSkuTopImg .sImgList .pImg {
        width: 85px;
        height: 85px;
    }

    .proSkuTopInfo .qrCode .row2 img {
        width: 70px;
    }

    .softwareSku .proSkuTopInfo .features p span b {
        min-width: 34%;
    }

    .softwareSku .proSkuTopInfo .features p span u {
        max-width: 63%;
    }

    .softwareDlForm2 .softwareDlTd {
        vertical-align: top;
    }

    .softwareDlForm2 .softwareDlTd:first-child {
        width: 15%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(2) {
        width: 4%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(3) {
        width: 15%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(4) {
        width: 9%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(5) {
        width: 9.5%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(6) {
        width: 18%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(7) {
        width: 14.5%;
    }

    .softwareDlForm2 .softwareDlTd:last-child {
        width: 15%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(2) p {
        left: 17%;
    }

    .softwareDlForm2 .softwareDlTd .copyBox {
        width: 22.5%;
    }

    .softwareDlForm3 .softwareDlTd:first-child {
        width: 30%;
    }

    .softwareDlForm3 .softwareDlTd:last-child {
        width: 40%;
    }
}

@media screen and (max-width: 960px) {
    .proSkuTopInfo .qrCode .row2 + .row2 {
        margin-left: 15px;
        padding-left: 15px;
        border-left: #d9d9d6 solid 1px;
    }

    .proSkuTopInfo .qrCode .row2 p a {
        display: inline-block;
    }

    .proSkuTopInfo .qrCode .row2 img {
        display: none;
    }
    
    .softwareSku .proSkuTopInfo .features p span b {
        min-width: 19%;
    }

    .softwareSku .proSkuTopInfo .features p span u {
        max-width: 79%;
    }

    .softwareSku .proSkuTopImg .pResize {
        margin-top: 30px;
    }
    
    .softwareSku .proSkuBanner {
        height: auto;
    }

    .softwareSku .proSkuBanner {
        height: auto;
    }

    .pslSoftwareDlTab,
    .videoDlTab {
        position: relative;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    .pslSoftwareDlTab .softwareDlTab,
    .videoDlTab .videoTab {
        margin: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .pslSoftwareDlTab .softwareDlTab ul,
    .videoDlTab .videoTab ul {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
    }

    .pslSoftwareDlTab .softwareDlTab ul li,
    .videoDlTab .videoTab ul li {
        display: inline-block;
        width: auto;
        margin: 0 -2px;
        padding: 10px 15px;
    }

    .pslSoftwareDlTab .softwareDlTab::-webkit-scrollbar,
    .videoDlTab .videoTab::-webkit-scrollbar {
        display: none;
    }
    
    .pslSoftwareDlTab .pslSoftwareDlTabML,
    .pslSoftwareDlTab .pslSoftwareDlTabMR,
    .videoDlTab .videoTabML,
    .videoDlTab .videoTabMR {
        position: absolute;
        width: 15px;
        height: 100%;
        top: 0;
        color: #d9d9d6;
        text-align: center;
        font-size: 1.2em;
        line-height: 40px;
    }

    .downloadContent.active .pslSoftwareDlTab .pslSoftwareDlTabML,
    .downloadContent.active .pslSoftwareDlTab .pslSoftwareDlTabMR,
    .downloadContent.active .videoDlTab .videoTabML,
    .downloadContent.active .videoDlTab .videoTabMR {
        display: block;
    }

    .pslSoftwareDlTab .pslSoftwareDlTabML,
    .videoDlTab .videoTabML {
        left: 0;
    }

    .pslSoftwareDlTab .pslSoftwareDlTabMR,
    .videoDlTab .videoTabMR {
        right: 0;
    }

    .softwareDlForm .softwareDlTd a.softwareDlLink i {
        display: inline-block;
    }

    .softwareDlForm .softwareDlTd a.softwareDlLink span {
        display: inline-block;
        max-width: 75%;
        text-decoration: underline;
        vertical-align: top;
    }

    .softwareDlForm2 .softwareDlTd {
        padding: 5px;
    }

    .softwareDlForm2 .softwareDlTd a.borderBtn {
        padding: 5px;
    }

    .softwareDlForm2 .softwareDlTd:first-child {
        width: 16%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(2) {
        width: 5%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(3) {
        width: 13%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(4) {
        width: 11%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(5) {
        width: 8%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(6) {
        width: 17%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(7) {
        width: 16%;
    }

    .softwareDlForm2 .softwareDlTd:last-child {
        width: 14%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(2) p {
        left: 18.5%;
    }

    .softwareDlForm2 .softwareDlTd .copyBox {
        width: 22%;
    }

    .softwareDlForm3 a.borderBtn {
        min-width: auto;
    }

    .softwareDlForm3 .softwareDlTd:first-child {
        width: 35%;
    }
}

@media screen and (max-width: 767px) {
    .softwareDlForm .softwareDlTd a.softwareDlLink span {
        max-width: 70%;
    }

    .softwareDlForm2 .softwareDlTd a.borderBtn {
        padding: 5px;
    }

    .softwareDlForm3 .softwareDlTd:last-child {
        width: 45%;
    }
}

@media screen and (max-width: 640px) {
    .softwareSku .proSkuTopInfo .features p span b {
        width: 100%;
    }

    .softwareSku .proSkuTopInfo .features p span u {
        max-width: 100%;
        padding-left: 10px;
    }

    .proSkuTopInfo .qrCode .row2 {
        margin: 0;
    }

    .softwareDlTab ul {
        display: table;
    }

    .softwareDlTab ul li {
        display: table-cell;
        margin: 0;
        padding: 10px 5px;
        width: 33.33%;
        text-align: center;
        vertical-align: middle;
    }

    .softwareDlForm {
        display: block;
    }

    .softwareDlForm .softwareDlTh {
        display: none;
    }

    .softwareDlForm .softwareDlTr {
        display: block;
    }

    .softwareDlForm .softwareDlTd {
        display:block;
        padding: 10px;
        vertical-align: top;
        box-sizing: border-box;
    }

    .softwareDlForm.softwareDlForm1 .softwareDlTd,
    .softwareDlForm.softwareDlForm1.version .softwareDlTd,
    .softwareDlForm.softwareDlForm2 .softwareDlTd,
    .softwareDlForm.softwareDlForm3 .softwareDlTd {
        width: 100%;
        text-align: left;
    }

    .softwareDlForm.softwareDlForm .softwareDlTd:nth-child(odd) {
        background: #f5f5f5;
    }

    .softwareDlForm.softwareDlForm .softwareDlTd:before {
        display: inline-block;
        content: attr(data-title)':';
        color: #000;
        font-weight: bold;
        width: 25%;
        margin-right: 5px;
    }

    .softwareDlForm.softwareDlForm .softwareDlTd span {
        display: inline-block;
        max-width: 73%;
        vertical-align: top;
    }

    .softwareDlForm.softwareDlForm .softwareDlTd:first-child {
        background: #63666a;
        color: #fff;
    }

    .softwareDlForm .softwareDlTd:first-child:before {
        display: none;
    }

    .softwareDlForm .softwareDlTd:first-child span {
        max-width: 100%;
    }

    .softwareDlForm2 .softwareDlTd:nth-child(2),
    .softwareDlForm3 .softwareDlTd:last-child:before {
        display: none;
    }

    .softwareDlForm .softwareDlTd a.borderBtn {
        padding: 5px 15px;
        vertical-align: top;
    }

    .softwareDlForm .softwareDlTd a.softwareDlLink + a.softwareDlLink {
        margin-top: 0;
        margin-left: 10px;
    }

    .softwareDlForm .softwareDlTd a.softwareDlLink span {
        display: inline;
    }
}

/* 20160106 */

.proSkuInfoLine {
    float: left;
    width: 100%;
    border-bottom: #d9d9d6 dotted 1px;
    margin: 0 0 5px;
}


/* 20160106 */

.keyIconAreaLine {}

.keyIconArea {
    /*width: 50%;*/
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    text-transform: uppercase;
    height: 40px;
    font-weight: 400;
    min-height: 42px;
    margin: 2px 0;
}

.keyIconArea .keyIcon {
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100%;
    min-height: 40px;
}

.keyIconArea .keyIcon span {
    width: 70%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
}

.keyIconArea .keyIcon .iconSpace {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
}

.keyIconArea .keyIcon .icon {
    display: inline-box;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

.keyIconArea .keyIcon .icon img {
    width: 100%;
}


/* 20160106 */

.keyIconArea .keyIcon span {
    width: 100%;
    display: inline-block;
    padding: 0 0 0 40px;
    line-height: 16px;
    box-sizing: border-box;
    padding: 0 0 0 45px;
}

.proSkuTopInfo .funBtn55 {
    float: left;
    width: 55%;
    margin: 5px 0 0 0;
    text-align: center;
}

.proSkuTopInfo button {
    width: 94%;
    line-height: 23px;
    padding: 10px 0;
}

.proSkuTopInfo .funBtn55 a.blueBgBtn {
    padding: 15px 0;
}

.proSkuTopInfo .funBtn55 a {
    color: white;
    width: 100%;
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 0;
    line-height: normal;
    text-align: center;
}

.proSkuTopInfo .funBtn55 a.blueBorderActive {
    padding: 13px 0!important;
}

.proSkuTopInfo .funBtn55 a.blueBorderActive:hover {}

.proSkuTopInfo .funBtn55 a.addCompareBtn:hover {
    -webkit-transition-property: none!important;
    -moz-transition-property: none!important;
    -o-transition-property: none!important;
    transition-property: none!important;
}

.proSkuTopInfo .funBtn45 {
    float: left;
    width: 45%;
    margin: 5px 0 0 0;
    box-sizing: border-box;
    padding: 5px 0 0 10px;
}

.proSkuTopInfo .funBtn45 a {
    width: 100%;
    color: #d50032;
    font-size: 12px;
    float: left;
    line-height: 24px;
    margin: 0 0 5px 0;
    padding: 0;
    text-decoration: underline;
}

.proSkuTopInfo .qrCode .row2 p a {
    width: auto;
    font-size: 14px;
    float: none;
    line-height: normal;
    margin: 0 0 0 5px;
    padding: 5px 10px;
    text-decoration: none;
}

.proSkuTopInfo .funBtn45 a img {
    margin: 0 8px 0 0;
}

.proSkuTopIcon {
    float: left;
    width: 60px;
    /*height: 548px;*/
    padding: 0 0 0 0;
    margin: 15px 0 0 20px;
    box-sizing: border-box;
    display: table;
    vertical-align: middle;
    opacity: 0;
}

.proSkuTopIcon .icon {
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}

.addCompareDiv {
    padding-bottom: 5px;
    font-size: 14px;
}


/* sku spec */

.proSkuSpec {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.proSkuSpec h2 {
    /*border-bottom: none;*/
}

.proSkuSpec .specLine {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #d9d9d6;
    float: left;
    display: table;
}

.proSkuSpec .specLine.noUnderLine {
    border-bottom: none;
}

.proSkuSpec .specLine .specTitle {
    width: 35%;
    display: inline-block;
    float: left;
}

.proSkuSpec .specLine .specTitle.middle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.proSkuSpec .specLine .specInfo {
    width: 65%;
    display: inline-block;
    float: left;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    color: #75787b;
}

.proSkuSpec .specLine .specInfo .icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}


/* sku award */

.skuAward h5 {
    font-size: 1.2em;
    margin: 15px 0;
    text-align: center;
    font-weight: 300;
}

.skuAward p {
    /*font-size: 13px;
    color: #6c6c6c;*/
}


/* sku resource */

.proSkuResource {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.proSkuResource h2 {
    border-bottom: none;
    text-transform: uppercase;
}

.proSkuResource .specLine {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #cbcbcb;
    float: left;
}

.proSkuResource .specLine:hover {
    color: rgba(231, 46, 52, 1);
}

.proSkuResource .proSkuResDownload {
    width: 100%;
    float: left;
    padding: 0 0 0 32px;
    box-sizing: border-box;
}

.proSkuResource .specLine.noUnderLine {
    border-bottom: none;
}

.proSkuResource .specLine .specTitle {
    width: 72%;
    display: inline-block;
    float: left;
}

.proSkuResource .specLine .specInfo {
    width: 25%;
    display: inline-block;
    float: right;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    line-height: 30px;
    text-align: right;
    width: auto;
}

.proSkuResource .specLine a {
    float: right;
    padding: 0 8px;
    line-height: 22px;
    box-sizing: border-box;
    margin: 2px 0 0 5px;
    display: inline-block;
}

.proSkuResource .proSkuResDownload .row3 {
    width: 33%;
    float: left;
    padding: 0 18px 0 0;
    box-sizing: border-box;
}

.proSkuResource .proSkuResDownload .row3 .imgdownloadInfo {
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
    position: relative;
}

.proSkuResource .proSkuResDownload .row3 .imgdownloadInfo a {
    padding: 0 8px;
    line-height: 22px;
    position: absolute;
    right: 0;
    box-sizing: border-box;
    margin: 2px 0 0 5px;
}

.proSkuResource .proSkuResDownload .row3 .imgdownloadInfo h6 {
    padding: 0;
    margin: -2px 0 0 0;
    float: left;
    font-size: 14px;
    font-weight: 400;
}

.proSkuResource .proSkuResDownload .row3 .imgdownloadInfo span {
    float: left;
    clear: both;
    padding: 0;
    margin: -2px 0 0 0;
    line-height: 14px;
}


/* sku support */

.proSkuSupport {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.proSkuSupport h2 {
    border-bottom: none;
    text-transform: uppercase;
}

.proSkuSupport .proSkuResTxt {
    width: 100%;
    float: left;
    margin: -20px 0 0 0;
    padding: 0 0 0 32px;
    box-sizing: border-box;
}

.proSkuSupport .proSkuResTxt p {
    color: #6c6c6c;
}

.proSkuSupport .proSkuResTxt a {
    color: #e72e35;
    text-decoration: underline;
}


/* sku review */

.proSkuReviewTop {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    float: left;
    border: 3px solid #d3d3d3;
    margin: 0 0 30px 0;
}

.proSkuReviewTopInside {
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.proSkuReviewTop .proSkuPointInfo {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    border-right: 3px solid #d3d3d3;
    height: 150px;
    position: relative;
}

.proSkuReviewTop .proSkuPointInfo .point {
    float: left;
    font-size: 36px;
}

.proSkuReviewTop .proSkuPointInfo .starPoint {
    float: left;
    margin: 16px 0 0 10px;
}

.proSkuReviewTop .proSkuPointInfo .notice {
    float: left;
    margin: 16px 0 0 10px;
    font-size: 14px;
    color: #6c6c6c;
}

.proSkuReviewTop .proSkuPointInfo p {
    width: 100%;
    float: left;
}

.proSkuReviewTop .proSkuPointInfo a {
    color: #e72e35;
    text-decoration: underline;
}

.proSkuReviewTop .proSkuPointInfo a.writeBtn {
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
}

.proSkuReviewTop .proSkuChart {
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
}

.proSkuReviewTop .proSkuChart .chartDiv {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
}

.proSkuReviewTop .proSkuChart .chartDiv span {
    float: left;
    color: #505050;
    font-size: 14px;
}

.proSkuReviewTop .proSkuChart .chartDiv span.percent {
    color: #e72e35;
    font-weight: 400;
}

.proSkuReviewTop .proSkuChart .chartDiv .bar {
    width: 65%;
    background-color: #d4d4d4;
    float: left;
    height: 20px;
    margin: 0 5px;
    position: relative;
}

.proSkuReviewTop .proSkuChart .chartDiv .bar .barNum {
    width: auto;
    height: 20px;
    float: left;
    background-color: #58b2d4;
}

.proSkuReviewInfo {
    width: 100%;
    padding: 0 0 20px 0;
    box-sizing: border-box;
    float: left;
    border-bottom: 3px solid #d3d3d3;
    margin: 0 0 20px 0;
}

.proSkuReviewInfo:last-child {
    margin: 0 0 50px 0;
}

.proSkuReviewInfo .point {
    float: left;
    font-size: 36px;
}

.proSkuReviewInfo .starPoint {
    float: left;
    margin: 16px 0 0 10px;
}

.proSkuReviewInfo .notice {
    float: left;
    margin: 13px 0 0 10px;
    font-size: 18px;
    color: black;
}

.proSkuReviewInfo .date {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #6872a7;
    clear: both;
}

.proSkuReviewInfo p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #6c6c6c;
    clear: both;
}

.skuReviewBottom {
    width: 100%;
    float: left;
    text-align: center;
}

.skuReviewBottom a {
    padding: 10px 0;
    color: white;
    text-decoration: none;
    /* float: left; */
    margin: 0 5px 20px 5px;
    width: 134px;
    display: inline-block;
}

.newsList .skuReviewBottom {
    margin-top: 30px;
}


/* porSkuTag */

.proSkuTag {
    float: left;
    width: 100%;
    height: 50px;
    display: table;
    margin: 0 0 30px 0;
}

.proSkuTag a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    width: 12.5%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #d9d9d6;
    color: #000!important;
}

.proSkuTag a:last-child {
    border-right: none;
}

.proSkuTag a:hover,
.proSkuTag a.active {
    background-color: #d50032;
    color: white!important;
}

#skuContainer,
#accountContainer {
    padding-top: 0;
    padding-bottom: 0;
}

/* Product Sku Image Enlarge start */
.enlargeWrapper {
    max-width: 1200px;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    margin: auto;
    position: relative;
    position: absolute \9;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: none \9;
    top:0 \9;
    bottom: 0 \9;
    left: 0 \9;
    right: 0 \9;
}
.popUpBg a.closePopupNewBtn {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    font-size: 36px;
    text-align: center;
    color: #63666a;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
/*.popUpBg a.closePopupNewBtn:hover {
    opacity: 1;
}*/
.popUpBg a.closePopupNewBtn > i.fa {
    display: block;
}
.popUpBg a.enlargeControl {
    display: block;
    width: 5%;
    height: 5%;
    font-size: 4em;
    font-size: 5vh;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
    color: #63666a;
    z-index: 10;
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
/*.popUpBg a.enlargeControl:hover {
   opacity: 1;
}*/
.popUpBg a.enlargeControl.next {
    right: 0;
}
.popUpBg a.enlargeControl > i.fa {
    display: block;
}
.popUpBg#enlargePopup > .enlargeWrapper > .row ul.bigSlider {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.popUpBg#enlargePopup > .enlargeWrapper > .row ul.bigSlider li {
    display: block;
    float: left;
}
.popUpBg#enlargePopup > .enlargeWrapper > .row img {
    max-width: 100%;
    height: auto;
}
/* Product Sku Image Enlarge end */

/* Product Sku Accessories */
.subArticle h4.redLineTitle.accessoryTitle {
    border-bottom: none;
}
.productSkuNew .subArticle .accessoryWrapper .row5 {
    text-align: center;
    margin-bottom: 10px;
}
.productSkuNew .subArticle .accessoryWrapper .row5:nth-child(5n+1) {
    clear: left;
}
.productSkuNew .subArticle .accessoryWrapper .row5 .accessoryImg {
    border: #d9d9d6 solid 1px;
    margin-bottom: 10px;
}
.productSkuNew .subArticle .accessoryWrapper .row5 img {
    max-width: 150px;
    width: 100%;
}
.productSkuNew .subArticle .accessoryWrapper .row5 a {
    /*display: block;
    margin-top: 5px;*/
    color: #000;
    /*text-align: left;*/
    cursor: pointer;
}
.productSkuNew .subArticle .accessoryWrapper .row5 a:hover {
    color: #d50032;
}
.productSkuNew .subArticle .accessoryWrapper .row5 a.seriesLink {
    font-weight: 300;
}
.productSkuNew .subArticle .accessoryWrapper .row5 span.modelLink {
    font-weight: bold;
}
/* Product Sku Accessories end */

/* Product Sku Efficiency start */
.efficiency-wrapper .efficiencyTable {
    margin: 30px auto 10px;
}

.efficiency-wrapper .efficiencyTable.table3 {
    width: 100%;
}

.efficiency-wrapper .efficiencyTable.table2 {
    width: 70.5%;
}

.efficiency-wrapper .efficiencyTable.table1 {
    width: 41%;
}

.efficiency-wrapper .efficiencyTable th,
.efficiency-wrapper .efficiencyTable td {
    padding: 10px;
    color: #75787b;
    border: #d9d9d6 solid 1px;
    text-align: center;
}

.efficiency-wrapper .efficiencyTable th {
    background-color: #f5f5f5;
    font-weight: 400;
    color: #000;
}

.efficiency-wrapper .efficiencyTable.table3 th:nth-child(even) {
    width: 18%;
}

.efficiency-wrapper .efficiencyTable.table2 th:nth-child(even) {
    width: 25.5%;
}

.efficiency-wrapper .efficiencyTable.table1 th:nth-child(even) {
    width: 44%;
}

.efficiency-wrapper .efficiencyTable.table3 th:nth-child(odd),
.efficiency-wrapper .efficiencyTable.table3 th:first-child {
    width: 11.5%;
}

.efficiency-wrapper .efficiencyTable.table2 th:nth-child(odd),
.efficiency-wrapper .efficiencyTable.table2 th:first-child {
    width: 16.3%;
}

.efficiency-wrapper .efficiencyTable.table1 th:nth-child(odd),
.efficiency-wrapper .efficiencyTable.table1 th:first-child {
    width: 28%;
}

.efficiency-wrapper .efficiencyTable th h4 {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    color: #000;
}

.efficiency-wrapper .content {
    display: none;
    margin: 30px 0;
}

.efficiency-wrapper .content h4 {
    margin: 0 auto 5px;
    font-size: 1.3em;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.efficiency-wrapper .content .table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    color: #75787b;
}

.efficiency-wrapper .content .tr {
    display: table-row;
}

.efficiency-wrapper .content .th,
.efficiency-wrapper .content .td {
    display: table-cell;
    padding: 10px;
    border: #d9d9d6 solid 1px;
    width: 33.33%;
    vertical-align: middle;
}

.efficiency-wrapper .content .th {
    background-color: #f5f5f5;
    color: #000;
}

.efficiency-wrapper p.efficiencyNote {
    margin: 0 auto 30px;
    text-align: center;
    font-size: 0.8em;
}

@media screen and (max-width: 1024px) {
    .efficiency-wrapper .efficiencyTable.table3 th:nth-child(even) {
        width: 16%;
    }

    .efficiency-wrapper .efficiencyTable.table2 th:nth-child(even) {
        width: 22.55%;
    }

    .efficiency-wrapper .efficiencyTable.table1 th:nth-child(even) {
        width: 36.6%;
    }

    .efficiency-wrapper .efficiencyTable.table3 th:nth-child(odd),
    .efficiency-wrapper .efficiencyTable.table3 th:first-child {
        width: 13%;
    }

    .efficiency-wrapper .efficiencyTable.table2 th:nth-child(odd),
    .efficiency-wrapper .efficiencyTable.table2 th:first-child {
        width: 18.3%;
    }

    .efficiency-wrapper .efficiencyTable.table1 th:nth-child(odd),
    .efficiency-wrapper .efficiencyTable.table1 th:first-child {
        width: 31.7%;
    }
}

@media screen and (max-width: 767px) {
    .efficiency-wrapper .efficiencyTable {
        display: none;
    }

    .efficiency-wrapper .content {
        display: block;
    }
}
/* Product Sku Efficiency end */
/* support */

.contactUsTxt {
    margin-top: 20px!important;
}

.row h2.subTitle {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
    text-transform: uppercase;
}

.row2-6-5 {
    width: 65%;
    float: left;
}

.row2-3 {
    width: 30%;
    float: right;
}

.skuOverview h4 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: black;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 400;
}

.skuOverview p {
    font-size: 16px;
    color: #75787b;
    margin: 0 0 20px 0;
}

.skuOverview ul {
    float: left;
    width: 95%;
    list-style-type: square;
    padding: 0 0 0 20px;
    margin: 0 0 30px 0;
    color: #75787b;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.skuOverview ul li {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.skuTypicalApp {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #ebebeb;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}

.skuTypicalApp h4 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    width: 100%;
    float: left;
    font-weight: 400;
}

.skuTypicalApp ul {
    float: left;
    width: 95%;
    list-style-type: square;
    padding: 0 0 0 20px;
    margin: 0 0 30px 0;
    color: #75787b;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.skuTypicalApp ul li {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.skuWrapper {
    margin-bottom: 30px;
    padding: 15px 30px;
    overflow: hidden;
    color: #75787b;
    box-sizing: border-box;
    border: #d9d9d6 solid 1px;
}

h4.skuSubtitle {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

h4.skuSubtitle i {
    margin-right: 10px;
    color: #bbbcbc;
}

.skuInBox ul {
    margin: 0;
    padding: 0;
    list-style: decimal inside;
    overflow: hidden;
}

.skuInBox ul li {
    float: left;
    margin-right: 10px;
}

.skuInBox p.InBoxNote {
    margin: 10px 0 0;
    color: #bbbcbc;
}

/*.skuRow {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.skuRow .skuFeature,
.skuRow .skuTypical {
    display: table-cell;
    width: 50%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.skuRow .skuFeature:after,
.skuRow .skuTypical:after {
    content: '';
    display: block;
    position: absolute;
    border: #d9d9d6 solid 1px;
    box-sizing: border-box;
    width: calc(100% - 15px);
    height: 100%;
    top: 0;
    z-index: 1;
}

.skuRow .skuFeature:after {
    left: 0;
}

.skuRow .skuTypical:after {
    right: 0;
}

.skuRow h4,
.skuRow ul {
    position: relative;
    z-index: 5;
}

.skuRow h4 {
    background: #d9d9d6;
    margin: 0;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    width: calc(100% - 15px);
}

.skuRow .skuFeature h4 {
    text-transform: uppercase;
}

.skuRow .skuTypical h4 {
    margin-left: 15px;
}

.skuRow ul {
    margin: 0;
    padding: 10px 20px 20px;
    list-style: square inside;
    color: #75787b;
}

.skuRow .skuFeature ul {
    padding-right: 35px;
}

.skuRow .skuTypical ul {
    padding-left: 35px;
}

.skuRow ul li {
    text-indent: -1.5em;
    margin-left: 1.5em;
}*/

.skuFeature ul {
    display: inline-block;
    width: 49%;
    margin: 0 -2px 0 0;
    padding: 0;
    list-style: square inside;
    overflow: hidden;
    vertical-align: top;
}

.skuFeature ul + ul {
    margin-left: 2%;
}

.skuFeature ul li {
    text-indent: -1.4em;
    margin-left: 1.4em;
}

.skuFeature ul li + li {
    margin-top: 3px;
}

.skuPackage {
    margin-bottom: 30px;
    width: 100%;
}

.skuPackage h4 {
    margin: 0 0 10px;
    color: #000;
    font-size: 1.3em;
    font-weight: 400;
}

.skuPackage .skuPackageTable {
    display: table;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    table-layout: fixed;
}

.skuPackage .skuPackageTit {
    background: #75787b;
    color: #fff;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
}

.skuPackage .skuPackageTh {
    display: table-row;
    background: #75787b;
    color: #fff;
}

.skuPackage .skuPackageTr {
    display: table-row;
    color: #75787b;
}

.skuPackage .skuPackageTd {
    display: table-cell;
    padding: 5px 10px;
}

.skuPackage .skuPackageTr .skuPackageTd {
    border-bottom: #bbbcbc solid 1px;
}

.skuPackage .skuPackageTd:first-child {
    text-align: left;
    width: 21%;
}

.skuPackage .skuPackageNote {
    width: 100%;
    background: #ebebeb;
    box-sizing: border-box;
    padding: 15px;
}

.skuPackage .skuPackageNote p {
    margin: 0;
}

.skuPackage .skuPackageNote p + p {
    margin-top: 5px;
}

.skuPackage .skuPackageNote p.ol {
    text-indent: -1em;
    margin-left: 1em;
}

.skuPackage .skuPackageRrcode {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
}

.skuPackage .skuPackageRrcode p {
    margin: 15px 0 0;
    text-align: left;
}

.skuPackage .skuPackageRrcode p + p {
    margin:  5px 0 15px;
}

.skuPackage .skuPackageRrcode .content {
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}

.skuPackage .skuPackageRrcode .content + .content {
    margin-left: 15px;
}

.skuPackage .skuPackageRrcode .qrcode a {
    display: inline-block;
    margin: 0 15px;
    color: #000;
    text-decoration: none;
}

.skuPackage .skuPackageRrcode .qrcode img {
    max-width: 80px;
    height: auto;
}

.skuPackage .skuPackageRrcode .qrcode span {
    display: block;
    margin-top: 5px;
    color: #75787b;
}

.skuPackage .skuPackageRrcode .qrcode span b {
    display: none;
}
.skuPackage .skuPackageRrcode .middle {
    padding: 0 30px;
}

.skuPackage .skuPackageRrcode .middle p {
    color: #75787b;
    text-transform: uppercase;
}

.skuPackage .skuPackageRrcode .link a.borderBtn {
    box-sizing: border-box;
    min-width: 150px;
    border: #000 solid 2px;
    color: #000;
}

.skuPackage .skuPackageRrcode .link a.borderBtn:hover {
    background-color: #000;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .skuPackage .skuPackageRrcode .content + .content {
        margin-left: 0;
    }

    .skuPackage {
        /*width: 100%;*/
    }
}
@media screen and (max-width: 960px) {
    .skuInBox, .skuFeature {
        padding: 15px;
    }

    /*.skuRow .skuFeature:after,
    .skuRow .skuTypical:after {
        width: calc(100% - 10px);
    }

    .skuRow h4 {
        width: calc(100% - 10px);
        padding: 10px 15px;
    }

    .skuRow .skuTypical h4 {
        margin-left: 10px;
    }

    .skuRow ul {
        padding: 10px 15px 15px;
    }

    .skuRow .skuFeature ul {
        padding-right: 30px;
    }

    .skuRow .skuTypical ul {
        padding-left: 30px;
    }*/

    .skuPackage .skuPackageTable {
        /*width: 100%;*/
        padding-right: 0;
    }

    .skuPackage .skuPackageTit {
        width: 100%;
    }

    .skuPackage .skuPackageTd:first-child {
        width: 16%;
    }

    .skuPackage .skuPackageNote {
        width: 100%;
    }

    .skuPackage .skuPackageRrcode {
        width: 100%;
    }

    .skuPackage .skuPackageRrcode .qrcode a + a {
        margin-left: 0;
        padding-left: 15px;
        border-left: #d9d9d6 solid 1px;
    }

    .skuPackage .skuPackageRrcode .qrcode img {
        display: none;
    }

    .skuPackage .skuPackageRrcode .qrcode span b {
        display: inline-block;
        font-weight: normal;
        color:#d50032;
        margin-left: 5px;
        padding: 5px 10px;
        border: #d50032 solid 1px;
    }
}

@media screen and (max-width: 640px) {
    /*.skuInBox {
        margin-bottom: 20px;
    }*/

    .skuInBox ul li {
        float: none;
        margin-right: 0;
    }

    .skuInBox ul li + li {
        margin-top: 3px;
    }

    .skuFeature ul {
        display: block;
        width: 100%;
        margin: 0;
    }

    .skuFeature ul + ul {
        margin: 3px 0 0 0;
    }

    .skuRow {
        display: block;
    }

    .skuRow .skuFeature,
    .skuRow .skuTypical {
        display: block;
        width: 100%;
        border: #d9d9d6 solid 1px;
    }

    .skuRow .skuFeature {
        margin-bottom: 20px;
    }

    .skuRow .skuFeature:after,
    .skuRow .skuTypical:after {
        content: '';
        display: none;
    }

    .skuRow h4 {
        width: 100%;
        padding: 10px 15px;
    }

    .skuRow .skuTypical h4 {
        margin-left: 0;
    }

    .skuRow .skuFeature ul,
    .skuRow .skuTypical ul {
        padding: 10px 15px 15px;
    }

    .skuPackage .skuPackageTableSlide {
        overflow-x: auto;
    }

    .skuPackage .skuPackageTable {
        display: block;
    }

    .skuPackage .skuPackageTh,
    .skuPackage .skuPackageTr {
        display: block;
        white-space: nowrap;
        width: 250%;
        text-align: left;
    }

    .skuPackage .skuPackageTr {
        border-bottom: #bbbcbc solid 1px;
    }

    .skuPackage .skuPackageTd {
        word-break: break-word;
        word-wrap: break-word;
        display: inline-block;
        margin: 0 -3px 0 0;
        white-space: normal;
        width: 11%;
        vertical-align: middle;
        text-align: center;
    }

    .skuPackage .skuPackageTd:first-child {
        width: 17.5%;
    }

    .skuPackage .skuPackageTr .skuPackageTd {
        border: none;
    }

    .skuPackage .skuPackageTit {
        width: 250%;
    }

    .skuPackage .skuPackageRrcode .content {
        display: block;
        margin-top: 30px;
    }

    .skuPackage .skuPackageRrcode .middle p {
        text-align: center;
    }
}

.whereBuyWrapper {
    padding: 20px;
}

.whereBuyWrapper p.whereBuyAddress {
    color: #75787b;
    margin: 10px 0;
}

.whereBuyWrapper p.whereBuyInfo {
    margin: 5px 0 0;
}

.whereBuyWrapper p.whereBuyInfo i {
    width: 14px;
    margin-right: 2px;
    text-align: center;
}

.skuOverviewFeatureFocus {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 0 10px 0;
}

.skuOverviewFeatureFocus:last-child {
    /*margin-bottom: 30px;*/
}

.skuOverviewFeatureFocus img {
    width: 31.7%;
    float: left;
}

.skuOverviewFeatureFocus h4 {
    float: right;
    width: 65%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
}

.skuOverviewFeatureFocus p {
    float: right;
    width: 65%;
    margin: 0;
    padding: 0;
}

.skuOverviewFeatureFocus p + p {
    margin-top: 5px;
}
.skuOverviewFeatureFocus p a {
    color: #d50032;
}

.skuOverviewFeatureFocus p a i {
    margin-right: 5px;
}


/* product energy */

.proListEnergy .img {
    float: left;
    width: 30%;
    margin: 20px 0;
}

.proListEnergy .infoTxt {
    float: right;
    width: 68%;
    margin: 20px 0;
}

.proListEnergy .infoTxt .related {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.proListEnergy .infoTxt .related h6 {
    font-size: 16px;
    color: black;
    padding: 0;
    float: left;
    margin: 0 0 5px 0;
    width: 100%;
}

.proListEnergy .infoTxt .related select {
    float: left;
    width: 55%;
    margin: 0 0 5px 0;
    color: #585858;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

.proListEnergy .infoTxt .related a {
    background-color: #e72e34;
    width: 200px;
    display: inline-block;
    /*width: 40%;*/
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    /*width: 55%;*/
    margin: 5px 0 0 0;
}

.proListEnergy .infoTxt .related .block {
    color: #cccccc!important;
    border-color: #cccccc!important;
}

.proListEnergy .infoTxt .related a.block:hover {
    cursor: auto;
}


/* product listing */

.proFilterLine {
    border-bottom: 1px solid #c2c2c2;
    margin: -6px 0 10px 0;
}

.proListTab {
    width: 49.5%;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 36px;
    width: 158px;
    background-color: #b3b3b3;
    text-align: center;
    color: black;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    /*margin: 0 0 0 25px;*/
    text-transform: uppercase;
    /*margin: 0 1%;*/
}

.proListTab.last {
    margin: 0 0 0 1%;
}

.proListTab.active {
    background-color: #df383d;
    color: white;
}

.proListTab:hover {
    color: white;
    background-color: #df383d;
}

.proFilterTool {
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    display: table;
    margin: 0 0 20px 0;
    display: none;
}

.proFilterTool .openIcon {
    float: none!important;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../images/nav/mobileOpenIcon.png') no-repeat left 0;
    background-color: none;
}

.proFilterTool .openIcon.active {
    background-position: 0 -18px;
}

.proFilterTool span {
    margin: 0;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    padding: 0;
}

.proFilterTool button {
    border: none;
    width: 90%;
    color: white;
    margin: 0 5%;
    border: 2px solid rgba(88, 170, 219, 1);
}

.proToolTitle {
    float: left;
    width: 100%;
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    text-transform: uppercase;
    font-weight: 400;
}

.proToolTitle .active {
    color: #e72f35;
}

.proToolTitle .tr12 {
    position: relative;
    height: 100%;
}

.proToolTitle .tr12 .arrowSpace {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
}

.proToolTitle .tr12 .arrow {
    display: inline-box;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    /*top: 18px;*/
}

.proToolTitle .tr12 span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
}

.tr20 {
    width: 20%;
    width: 15%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.tr20 h6 {
    padding: 5px 0;
    margin: 2px 0 0 0;
    color: #3c3c3c;
    font-size: 13px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.tr20 select,
.tr12 select {
    width: 100%;
}

.tr12 {
    width: 12%;
    width: 13%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.proListing {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    display: table;
    font-size: 13px;
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 400;
}

.proListing a {
    width: 90%;
    margin: 0 5% 0 5%;
    display: inline-block;
    margin: 2px 5% 2px 5%;
}

.proListing a.redMore {
    padding: 10px 0 10px 0;
    font-size: 14px;
    color: white;
}

.proListing .tr20.product span {
    padding: 5px 0;
    margin: 2px 0 0 0;
    font-size: 13px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    word-break: break-all;
}

.proListing .tr20.product a {
    color: #3c3c3c;
}

.proListing .tr20.product .img {
    width: 100%;
    /*width: 95px;*/
    height: auto;
}

.proListing .tr20.product a:hover {
    color: #e72f35;
}

.underLine {
    width: 84%;
    margin: 0 0 5px 0;
    border-top: 1px solid #d0d0d0;
    padding: 0 0 0 0!important;
    float: right;
}

.proListing .tr12 {
    padding: 0 0 10px 0!important;
    height: 100%;
    display: table-cell;
    border-right: 1px solid #d0d0d0;
    box-sizing: initial;
}

.proListing .tr12ProNum {
    padding: 0 0 10px 0!important;
    height: 100%;
    display: table-cell;
    border-right: 1px solid #d0d0d0;
    box-sizing: initial;
    display: none;
}

.proListing button {
    width: 90%;
    margin: 0 5% 0 5%;
}

.page {
    width: 100%;
    float: right;
    font-size: 14px;
    margin: 20px 0 30px 0;
    text-align: center;
    color: #7c7c7c;
    font-weight: 300;
}

.page a {
    color: #7c7c7c;
    margin: 0 10px;
}

.page a:hover,
.page a.active {
    color: #e72e34;
    cursor: pointer;
}


/* Control Nav */


/* support */

.row.itme3-2 .row3:first-child {
    margin: 0 0 0 15%;
}

.row.itme3-2 .row3:last-child {
    margin: 0 15% 0 0;
    float: right;
}

.supportKnowledge .row2 {
    margin-bottom: 30px;
}

.supportKnowledge .row2 p {
    min-height: 100px;
    display: inline-block;
}

.supportKnowledge .row2 a {
    width: 50%;
    margin: 0 25%;
}

.channelTop {
    width: 100%;
    float: left;
    height: auto;
    margin: 0 0 30px 0;
}

.channelTop.first {
    padding: 20px;
    box-sizing: border-box;
    background-color: #fafafa;
    margin: 0;
}

.channelTop .youtubeVideo {
    width: 55%;
    float: left;
    height: auto;
    position: relative;
}

.channelTop .youtubeVideo.small {
    width: 45%;
}

.channelTop .youtubeVideo .iframe {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    /*width: 600px; height: 340px; */
}

.channelTop .youtubeVideo .iframeClick {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
}

.channelTop .youtubeVideo .iframe iframe {
    width: 100%;
    height: 100%;
}

.channelTop .youtubeInfo {
    width: 45%;
    float: left;
    padding: 5px 0 0 25px;
    display: block;
    box-sizing: border-box;
    color: #6c6c6c;
}

.channelTop .youtubeInfo.wide {
    width: 55%;
}

.channelTop .youtubeInfo h2 {
    border-bottom: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.channelTop .youtubeInfo p {
    color: #6c6c6c;
}

.channelTop .youtubeInfo .starPoint {
    margin: 0 0 10px 0;
}

.channelTop .youtubeInfo .videoDetail {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 0 0 10px 0;
}

.channelTop .youtubeInfo .videoDetail div {
    float: left;
    width: auto;
}

.channelTop .youtubeInfo .videoDetail div.red {
    color: #e72e35;
}

.channelTop.first .youtubeInfo .videoDetail div {
    color: black!important;
}

.channelTop .youtubeInfo .videoDetail div {
    color: #58aadb!important;
}

.channelTop .youtubeInfo .videoDetail div.black {
    width: 130px!important;
}

.videoFilterTool {
    width: 100%;
    height: auto;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    display: table;
    margin: 0 0 20px 0;
    padding: 15px;
    box-sizing: border-box;
}

.videoFilterTool div {
    float: left;
}

.videoFilterTool a {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.videoFilterTool a.popular {
    background: url('../images/nav/videoPopularBtn_icon.png') no-repeat 5px 0;
}

.videoFilterTool a.viewed {
    background: url('../images/nav/videoViewedBtn_icon.png') no-repeat 5px 0;
}

.videoFilterTool a.recent {
    background: url('../images/nav/videoRecentBtn_icon.png') no-repeat 5px 0;
}


/*2016-7-11 Eric Add New Category Images*/

.videoFilterTool a.ProductIntroduction {
    background: url('../images/nav/videoProductIntroductionBtn_icon.png') no-repeat 5px 0;
}

.videoFilterTool a.BatteryReplacement {
    background: url('../images/nav/videoBatteryReplacementBtn_icon.png') no-repeat 5px 0;
}

.videoFilterTool a.popular:hover,
.videoFilterTool a.viewed:hover,
.videoFilterTool a.recent:hover,
.videoFilterTool a.ProductIntroduction:hover,
.videoFilterTool a.BatteryReplacement:hover,
.videoFilterTool a.active {
    background-position: 5px -32px;
}

.videoFilterTool .tr10 {
    width: auto;
    font-size: 16px;
    color: #4f4f4f;
    padding: 0 20px;
    margin-right: 10px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
}

.videoFilterTool .tr6 {
    width: 6%;
    padding: 0 5px;
    box-sizing: border-box;
}

.videoFilterTool .tr20 {
    width: 20%;
    padding: 0 5px;
    box-sizing: border-box;
}

.videoFilterTool .tr20 span {
    font-size: 12px;
    color: #9c9b9b;
    width: 100%;
    display: inline-block;
    margin: 5px 0 0 0;
}

.videoFilterTool .tr24 {
    width: 24%;
    padding: 0 5px;
    box-sizing: border-box;
}

.videoFilterTool input {
    padding: 0 5px;
    margin: 0 0 0 0;
    box-sizing: border-box;
    height: 36px;
    border: 1px solid #b2b2b2;
    width: 68%;
    display: inline-block;
    float: left;
}

.videoFilterTool .videoSearchBtn {
    width: 55px;
    height: 36px;
    display: inline-block;
    background: #b2b2b2 url('../images/nav/videoSearchBtn.png') no-repeat center top;
    width: 32%;
    margin: 0 0 0 0;
    float: right;
}

.videoFilterTool .videoSearchBtn:hover {
    background-color: #454545;
}

a.loadmore {
    width: 230px;
    margin: 30px 0 0 0;
}

.writeReviewPopup {
    position: absolute;
    margin: auto;
    float: left;
    left: 50%;
    margin-left: -45%;
    float: left;
    width: 90%;
    width: 900px;
    margin-left: -450px;
}

.downloadCenterTool {
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border: 3px solid #e6e6e6;
    margin: 0 0 10px 0;
}

.downloadCenterTool.typeB {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    border: none;
    margin: 0 0 10px 0;
}

.downloadCenterTab {
    width: auto;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 36px;
    min-width: 152px;
    background-color: #b3b3b3;
    text-align: center;
    color: black;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    margin: 0 0 0 15px;
    /*margin: 0 1%;*/
    padding: 0 20px;
}

.downloadCenterTab.last {
    margin: 0 0 0 1%;
}

.downloadCenterTab.active {
    background-color: #df383d;
    color: white;
}

.downloadCenterTab:hover {
    color: white;
    background-color: #df383d;
}

.faqTab {
    width: auto;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 36px;
    background-color: #b3b3b3;
    text-align: center;
    color: black;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    margin: 0 0 0 15px;
    /*margin: 0 1%;*/
    padding: 0 20px;
}

.faqTab.last {
    margin: 0 0 0 1%;
}

.faqTab.active {
    background-color: #df383d;
    color: white;
}

.faqTab:hover {
    color: white;
    background-color: #df383d;
}

.keywordSearch {
    display: block;
    width: 100%;
}

.keywordSearch table {
    float: left;
    width: 100%;
}

.keywordSearch table td.inputWide {
    width: 80%;
}

.keywordSearch table input {
    width: 98%;
    height: 36px;
    padding: 0 5px;
    box-sizing: border-box;
}

.keywordSearch > input {
    width: calc(100% - 145px);
    height: 36px;
    padding: 0 5px;
    margin-right: 10px;
    box-sizing: border-box;
}

.keywordSearch table tr a, .keywordSearch > a {
    background-color: #e72e34;
    width: 130px;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin: 0 0 0 0;
}

.downloadTap {
    border-bottom: 1px solid #c2c2c2;
}

.adSearch {
    display: none;
    width: 100%
}

.adSearch table {
    width: 100%
}

.adSearch table tr td {
    width: 240px;
}

.adSearch table tr td .title {
    font-size: 11px;
    color: black;
    width: 100%;
    display: inline-block;
}

.adSearch table tr select {
    width: 90%;
    margin: 0 0 10px 0;
}

.adSearch table tr a {
    background-color: #e72e34;
    width: 90%;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin: 0 0 10px 0;
}

.topsearchWords {
    float: left;
    margin: 5px 0 30px 0;
    color: black;
    font-size: 14px;
}

.topsearchWords a {
    color: black;
    text-decoration: underline;
}

.topDownload {
    width: 100%;
    float: left;
}

.topDownload ul {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.topDownload ul li {
    width: 100%;
    float: left;
}

.topDownload ul li .topDownInfoDiv {
    width: 100%;
    padding: 0;
    margin: 0;
    /*float: left;*/
    margin: 0;
    padding: 15px 25px;
    box-sizing: border-box;
    min-height: 120px;
    display: inline-flex;
    border-bottom: #d9d9d6 solid 1px;
}

.topDownload ul li:last-child .topDownInfoDiv:last-child {
    border: none;
}

.topDownload ul li .topDownInfoDivLine {
    width: 435px;
    border-bottom: 1px solid #c8c8c8;
    box-sizing: border-box;
    height: 1px;
    float: left;
    margin: 0 15px;
}

.topDownload ul li .topDownInfoDiv .icon {
    width: 80px;
    float: left;
    height: 100%;
    /*width: 80px;*/
    margin: 0 10px 0 0;
}

.topDownload ul li .topDownInfoDiv .icon .img {
    display: inline-block;
}

.topDownload ul li .topDownInfoDiv .info {
    width: calc(100% - 90px);
    float: left;
    position: relative;
    /*width: calc(100% - 90px);*/
}

.topDownload ul li .topDownInfoDiv .info .text {
    width: calc(100% - 150px);
    padding: 0!important;
}

.topDownload ul li .topDownInfoDiv .info h6 {
    font-size: 13px;
    color: #4178be;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    box-sizing: border-box;
}

.topDownload ul li .topDownInfoDiv .info div {
    font-size: 13px;
    color: #4178be;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    color: #0a0a0a;
    box-sizing: border-box;
}

.topDownload ul li .topDownInfoDiv .info div span {
    width: 70px;
    margin: 0 10px 0 0;
    color: #5e5e5e;
    display: inline-block;
}

.topDownload ul li .topDownInfoDiv .info div span.mobileTitle {
    width: 70px;
    margin: 0 10px 0 0;
    color: #5e5e5e;
    display: inline-block;
    float: left;
}

.topDownload ul li .topDownInfoDiv .info div span.infoTxt {
    width: calc(100% - 70px);
    ;
    margin: 0 0 0 0;
    color: #0a0a0a;
    display: inline-block;
    /*float: right;*/
}

.topDownload ul li .topDownInfoDiv .link {
    width: 150px!important;
    float: left;
    padding: 0!important;
    /*position: absolute; bottom: 0; right: 0;*/
    /*width: 100%!important;*/
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.topDownload ul li .topDownInfoDiv .link a {
    width: auto;
    display: inline-block;
    /*float: left;*/
    width: 150px;
    text-align: center;
    margin: 0;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 14px;
}

.faqInfo {
    width: 100%;
    float: left;
    padding: 20px 0;
    font-size: 14px;
    display: none;
}

.faqInfo ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.faqInfo ul li {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
}

.faqInfo ul li .num {
    float: left;
    width: 20px;
}

.faqInfo ul li .info {
    float: left;
    width: calc(100% - 20px);
}

.faqInfo ul li .info .question {
    display: inline-block;
}

.faqInfo ul li .info .question .line {
    text-decoration: underline;
    float: left;
    font-size: 16px;
}

.faqInfo ul li .info .question .icon {
    width: 18px;
    height: 14px;
    display: inline-block;
    margin: 3px 0 0 5px;
    background: url('../images/nav/faq_Question_icon.png') no-repeat top left;
}

.faqInfo ul li .info .question .icon.active {
    background-position: 0 -14px;
}

.faqInfo ul li .info .answer {
    width: 100%;
    float: left;
    background-color: #e9e9e9;
    margin: 5px 0 20px 0;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    /*display: none;*/
}

.faqInfo ul li .info .answer .txtInfo {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #9a9a9a;
    float: left;
}

.faqInfo ul li .info .answer .downloadInfo {
    width: 100%;
    padding: 16px 0 0 0;
    float: left;
}

.faqInfo ul li .info .answer .closeBtn {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/nav/closeFaqBtn.png');
    right: 20px;
    top: 20px;
}

.faqInfo ul li .info .answer h6 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.faqInfo ul li .info .answer .txtInfo p {
    text-align: left;
    font-size: 14px;
    margin: 0 0 0 0;
}

.faqInfo ul li .downloadlist {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.faqInfo ul li .info .answer .downloadInfo a {
    display: inline-block;
    width: 25%;
    color: black;
    padding: 0 5px 0 18px;
    box-sizing: border-box;
    float: left;
    position: relative;
    padding: 0 5px 0 38px;
    /*background: url('../images/nav/quick_guide_icon.png') no-repeat center left;*/
}

.faqInfo ul li .info .answer .downloadInfo a .icon {
    width: 19px;
    height: 19px;
    float: left;
    position: absolute;
    left: 18px;
    background: url('../images/nav/quick_guide_icon.png') no-repeat top left;
}

.faqInfo ul li .info .answer .downloadInfo a .icon.active {
    background-position: 0 -19px;
}

.faqInfo ul li .info .answer .downloadInfo a:hover {
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    color: rgba(231, 46, 52, 1);
    cursor: pointer;
    /*background: url('../images/nav/quick_guide_icon_over.png') no-repeat center left;*/
}

.wheretobuyFilter {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}

.wheretobuyFilter tr {
    padding: 10px 0;
    width: 100%;
}

.wheretobuyFilter td.title {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

.wheretobuyFilter td {
    width: 33.33333%;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 30px;
}

.wheretobuyFilter td select {
    width: 100%;
}

.wheretobuyFilter td input {
    width: 100%;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
}

.wheretobuyFilter td a {
    width: 100%;
    box-sizing: border-box;
}

.downPage {
    width: 100%;
    float: left;
    margin: -21px 0 10px 0;
    text-align: center;
    font-size: 14px;
    color: #7c7c7c;
    font-weight: 300;
    margin: 20px 0 10px 0;
}

.topLine {
    width: 100%;
    border-top: 1px solid #c8c8c8;
    height: 1px;
    float: left;
    margin-top: -1px;
}

.downPage a {
    color: #7c7c7c;
    margin: 0 10px;
}

.downPage a:hover,
.downPage a.active {
    color: #e72e34;
    margin: 0 10px;
    cursor: pointer;
}

.lastestUpdateBtn {
    opacity: 0;
}

.downloadSideNav {
    width: 16%;
    float: left;
    box-sizing: border-box;
}

.downloadSideNav h3 {
    position: relative;
}

.downloadSideNav .clearBtn {
    position: absolute;
    right: 0;
    top: -4px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: normal;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

.downloadSideNav .filter h6 {
    padding: 0 0 0 4px;
    margin: 0;
    font-size: 14px;
}

.downloadSideNav .filter h6.redLineTitle {
    padding: 0 0 0 4px;
    margin: 0;
    font-size: 14px;
    position: relative;
    padding-left: 10px;
    /*word-break: break-all;*/
}

.downloadSideNav .filter h6.redLineTitle .searchResult_arrow {
    top: 0;
    right: 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/nav/searchResult_arrow.png') top left no-repeat;
}

.downloadSideNav .filter h6.redLineTitle .searchResult_arrow.active {
    background-position: 0 -20px;
}

.downloadSideNav .filter h6.redLineTitle span {
    top: -5px;
    left: 0;
    background-color: #e72e35;
    width: 4px;
    position: absolute;
    height: 100%;
    display: block;
    height: 26px;
    margin-bottom: 5px;
}

.downloadSideNav .filter.searchLine {
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.downloadSideNav .filter ul {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #ececec;
    margin: 5px 0 0 0;
}

.downloadSideNav .filter ul li {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #5e5e5e;
    margin: 5px 0;
    position: relative;
}

.downloadSideNav .filter ul.searchUl {
    float: left;
    width: 100%;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
    background-color: white;
    margin: 0 0 0 0;
    display: none;
}

.downloadSideNav .filter ul.searchUl li {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #5e5e5e;
    margin: 5px 0;
}

.downloadSideNav .filter ul.searchUl li a {
    color: #5e5e5e;
}

.downloadSideNav .filter ul.searchUl li a:hover,
.downloadSideNav .filter ul.searchUl li a.active {
    color: #e72e35;
}

.downloadSideNav .filter ul.searchUl li span {
    float: right;
}

.downloadSideNav .filter ul.searchUl li span.pName {
    float: left;
    width: 80%;
    /*word-break: break-all;*/
}

.downloadSideNav .filter ul li .cusCheckBox {
    display: block;
    width: 12px;
    height: 12px;
    float: left;
    margin: 3px 0 0 0;
    background: url('../images/nav/cusCheckBox.png') no-repeat top left;
}

.downloadSideNav .filter ul li .cusCheckBox.active {
    background-position: 0 -12px;
    cursor: pointer;
}

.downloadSideNav .filter ul li div {
    float: left;
    padding: 0 0 0 4px;
    width: 88%;
    box-sizing: border-box;
}

.downloadSideNav .filter ul li input[type="radio"],
.downloadSideNav .filter ul li input[type="checkbox"] {
    visibility: hidden;
    vertical-align: middle;
    width: 12px;
    height:12px
    margin: 0;
}

.downloadSideNav .filter ul li label.filterTrick {
    position: absolute;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: #bbbcbc solid 1px;
    top: 3px;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.downloadSideNav .filter ul li label.filterTrick:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    display: block;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-clip: content-box;
    top: 0;
    left: 0; 
}

.downloadSideNav .filter ul li label.filterTrick + label {
    margin-left: 2px;
}

.downloadSideNav .filter ul li input[type="radio"]:checked + label.filterTrick:before,
.downloadSideNav .filter ul li input[type="checkbox"]:checked + label.filterTrick:before {
    background-color: #d50032;
}

.downloadSideNav .row1 {
    padding: 0;
    margin: 0 0 20px 0;
}

.downloadSideNav h3 {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
}

h3.supportDownload {
    height: 31px;
    position: relative;
    padding: 0!important;
}

h3.supportDownload .title {
    float: left;
}

h3.supportDownload .resultItem {
    font-size: 16px;
    text-transform: none;
    color: #757575;
    position: relative;
}

h3.supportDownload .resultItem span {
    font-size: 18px;
    color: #e72e35;
    margin: 0 2px 0 4px;
}

h3.supportDownload .sortDiv {
    position: relative;
    right: 2px;
    top: -10px;
    float: right;
    font-size: 16px;
    text-transform: none;
}

h3.supportDownload .sortDiv span {
    position: relative;
    top: 3px;
    left: 0;
}

h3.supportDownload .sortDiv select {
    margin: 0 0 0 5px;
}

h3.supportDownload .sortDiv .showAll {
    float: right;
    margin: 5px 0 0 5px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: normal;
    border-radius: 15px;
    -moz-border-radius: 15px;
    width: 70px;
}

.downloadResultList {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 400;
    border-bottom: 1px solid #c2c2c2;
    display: inline-block;
    line-height: 16px;
}

.downloadResultList .resultItem {
    font-size: 18px;
    color: #e72e35;
    margin: 0 2px 0 4px;
}

.downloadResultList.active {
    border-bottom: none;
}

.downloadResultListIcon {
    float: none!important;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 0 0 5px;
    background: url('../images/nav/downloadResultListIcon.png') no-repeat left 0;
    background-color: none;
}

.downloadResultListIcon.active {
    background-position: 0 -18px;
}

.downloadResultInfo {
    width: 100%;
    float: left;
    display: block;
}

.downloadResultInfo ul {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.downloadResultInfo ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.downloadResultInfo ul li .topDownInfoDiv {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    margin: 0 0;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
    min-height: 120px;
    border-bottom: 1px solid #c8c8c8;
}

.downloadResultInfo ul li .topDownInfoDiv .icon {
    width: 15%;
    float: left;
    height: 100%;
    width: 80px;
    margin: 0 10px 0 0;
}

.downloadResultInfo ul li .topDownInfoDiv .info {
    width: 85%;
    float: left;
    position: relative;
    margin-top: 10px;
    width: calc(100% - 90px);
}

.downloadResultInfo ul li .topDownInfoDiv .info .text {
    width: auto;
    padding: 0!important;
    width: calc(100% - 170px);
    float: left;
}

.downloadResultInfo ul li .topDownInfoDiv .info h6 {
    font-size: 13px;
    color: #4178be;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    box-sizing: border-box;
}

.downloadResultInfo ul li .topDownInfoDiv .info div {
    font-size: 13px;
    color: #4178be;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    color: #0a0a0a;
    box-sizing: border-box;
}

.downloadResultInfo ul li .topDownInfoDiv .info div span {
    width: 70px;
    margin: 0 0 0 0;
    color: #5e5e5e;
    display: inline-block;
}

.downloadResultInfo ul li .topDownInfoDiv .info div span.mobileTitle {
    width: 70px;
    margin: 0 0 0 0;
    color: #5e5e5e;
    display: inline-block;
    float: left;
}

.downloadResultInfo ul li .topDownInfoDiv .info div span.infoTxt {
    width: calc(100% - 70px);
    ;
    margin: 0 0 0 0;
    color: #0a0a0a;
    display: inline-block;
    float: right;
}

.downloadResultInfo ul li .topDownInfoDiv .link {
    width: 150px!important;
    float: left;
    padding: 0!important;
    position: absolute;
    bottom: 0;
    right: 10px;
}

.downloadResultInfo ul li .topDownInfoDiv .link a {
    width: auto;
    display: inline-block;
    float: left;
    width: 150px;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 6px 0;
    box-sizing: border-box;
}

.supportSub {
    margin: 5px 0 0 0;
    text-align: left;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.supportTranningSub {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-top: 15px;
    margin: 0 0 50px 0;
    position: relative;
}

.supportTranningSub:last-child {
    /*margin-bottom: 30px;*/
}

.supportTranningSub img {
    width: 35%;
    float: left;
}

.supportTranningSub h4 {
    float: right;
    width: 60%;
    color: #000;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
}

.supportTranningSub p {
    float: right;
    width: 60%;
    margin: 0;
    padding: 0;
}

.supportTranningSubBtn {
    position: absolute;
    bottom: 0;
    left: 40%;
}

.emailUsForm p {
    float: left;
    font-size: 16px;
    color: #222222;
    text-align: left;
}

.emailUsForm table {
/*    float: left;*/
    width: 100%;
    margin: 0 0 50px 0;
}

.emailUsForm.productSelectorInput table {
    font-size: 14px;
}

.emailUsForm table tr {
/*    float: left;*/
    padding: 5px 0;
}

.emailUsForm table td input {
    line-height: 30px;
    padding: 0 5px;
    width: 30%;
    border: 1px solid #cccccc;
}

.emailUsForm table td input.check {
    border: #d50032 solid 1px;
}
.emailUsForm table td select {
    width: 30%;
}

.emailUsForm table td select.check {
    border: #d50032 solid 1px !important;
}
.productSelectorInput table td input,
.productSelectorInput table td select {
    margin-right: 5px;
}

.emailUsForm table td input.wide {
    width: 60%;
}

.emailUsForm table td input.Captcha {
     width: 90px;
    background-color: #ebebeb;
}

.emailUsForm table td textarea {
    line-height: 1.5;
    padding: 2px 5px;
    width: 60%;
    height: 250px;
    border: 1px solid #cccccc;
    resize: none;
}

.emailUsForm table td textarea.check {
    border: #d50032 solid 1px;
}
.emailUsForm table td textarea.textAutoHeight {
    height: auto;
}
.emailUsForm table td input[type="radio"], .emailUsForm table td input[type="checkbox"] {
    margin: 0 5px 0 5px;
    width: auto;
}

.emailUsForm table td.input {
    width: 80%;
    text-align: left;
/*    float: left;*/
    padding: 5px 0 5px 5px;
    line-height: 30px;
    vertical-align: top;
}

.emailUsForm table td.input span {
    margin: 0 30px 0 0
}

.emailUsForm table td.input span.redTxt {
    margin: 0;
}

.emailUsForm table td.input .checkBorder {
    display: inline-block;
}

.emailUsForm table td.input .checkBorder.check {
    border: #d50032 solid 1px;
    padding: 0 5px;
}												
.emailUsForm table td.title {
/*    float: left;*/
    width: 20%;
    padding: 5px 5px 5px 0;
    font-size: 15px;
    color: #010101;
    text-align: right;
    line-height: 1.3;
    vertical-align: middle;
}

.emailUsForm table td.title.textarea {
    vertical-align: top;
    padding: 11px 5px 5px 0;
}
.emailUsForm .CaptchaImg {
    margin: -3px 0 0 5px;
}

.emailUsForm table td a {
    width: 160px;
    margin: 0 20px 50px 0;
}

.emailUsForm table td a.redUnderline {
    margin: 0;
}

.redTxt {
    color: #e72e35;
}

#WarrantyPeriod {
    float: left;
    width: 700px;
    position: relative;
    left: 50%;
    margin-left: -350px;
    margin-top: 30px;
    display: none;
    margin-bottom: 30px;
}

.warrantyYearDiv {
    float: left;
    width: 100%;
    height: 20px;
}

.warrantyYear {
    font-size: 12px;
    float: right;
    display: inline-block;
    margin: 0 82px 0 0;
}

.periodTitle {
    width: 100%;
    float: left;
    padding: 5px 0;
    font-size: 14px;
    color: black;
    border-bottom: 2px solid #888888;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}

.periodInfo {
    width: 530px;
    float: right;
    padding: 0 0;
    font-size: 16px;
    color: #6c6c6c;
}

.periodTitle .periodInfo {
    padding: 5px 0;
    font-size: 14px;
    color: black;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}

#WarrantyPeriod .infoPart {
    float: left;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #c7c7c7;
}

.periodInfo ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.periodInfo ul li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #c7c7c7;
}

.periodInfo ul li:last-child {
    border-bottom: none;
}

.periodInfo ul li div {
    border-right: 1px solid #c7c7c7;
    font-weight: 300;
}

.periodInfo ul li div:last-child {
    border-right: none;
}

#WarrantyPeriod div {
    box-sizing: border-box;
}

#WarrantyPeriod .pLine.title {
    font-size: 14px;
    font-weight: bold;
    color: black;
    padding: 10px 0 10px 5px;
}

#WarrantyPeriod .pLine {
    float: left;
    width: 170px;
    padding: 10px 0 10px 5px;
}

#WarrantyPeriod .sName {
    float: left;
    width: 280px;
    padding: 0 0 0 20px;
}

#WarrantyPeriod .mainDevice {
    float: left;
    width: 120px;
    text-align: center;
}

#WarrantyPeriod .battery {
    float: left;
    width: 120px;
    text-align: center;
}

.callusTop .title {
    font-size: 18px;
    margin: 30px 0 0 0;
    float: left;
}

.callusTop .infoArea {
    float: left;
    width: 700px;
    clear: both;
}

.callusTop .infoArea ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 30px 0 50px 0;
    color: #555555;
}

.callusTop .infoArea ul li {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 0 0 20px 0;
}

.callusTop .infoArea ul li .type {
    float: left;
    width: 140px;
    padding: 5px 0;
}

.callusTop .infoArea ul li .underline {
    border-bottom: 1px solid #bdbdbd;
}

.callusTop .infoArea ul li .contact {
    float: left;
    width: 420px;
    margin: 0 0 0 50px;
    padding: 5px 0;
}

.callusTop .infoArea ul li a {
    color: #e72e35;
    text-decoration: underline;
}

.worldwideMap {
    margin-bottom: 80px;
}

.worldwideMap.marginBo {
    margin-bottom: 30px;
}

.worldwideList {
    float: left;
    width: 100%;
}

.worldwideList .info {
    width: 33.33%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}

.worldwideList .info h3 span {
    font-size: 18px;
    color: #58aadb;
    margin: 0;
    font-weight: normal;
    display: block;
}

.worldwideList.worldwideList .info h3 {
    font-size: 1.125em;
    /*width: calc(100% - 70px);*/
    /*float: left;*/
    text-align: left;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;
    line-height: 1.3;
    color: #000;
}

.worldwideList .info .flag {
    float: left;
    margin: 3px 15px 0 0;
    width: 55px;
    height: 37px;
}

.worldwideList .info .infoTxt {
    float: left;
    width: 100%;
}

.worldwideList .info .infoTxt span {
    float: left;
}

.worldwideList .info .infoTxt span.title {
    float: left;
}

.worldwideList .info p {
    color: #555555;
    float: left;
    margin: 0;
}

.worldwideList .info a {
    color: #000;
    text-decoration: none;
}

.worldwideList span.title {
    display: inline-block;
    min-width: 32%;
   /*font-size: 14px;*/
    color: #75787b;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    margin: 0;
    vertical-align: top;
}

.worldwideList span.content {
    display: inline-block;
    max-width: 67%;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
}

.wheretobuyList {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 0 0 0;
}

.wheretobuyList.worldwideList {
    border-bottom: none;
}

.wheretobuyList td .img {
    margin: 20px 0;
    width: auto;
    display: inline-block;
}

.wheretobuyList table {
    width: 94%;
    margin: 0 0 0 3%;
    float: left;
}

.wheretobuyList td {
    width: 70%;
    font-size: 14px;
    color: #010101;
    float: left;
    margin: 0;
}

.wheretobuyList td.wbimg {
    float: right;
}

.wheretobuyList td.top {
    width: 100%;
    color: #777777;
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 0 0;
    font-size: 14px;
}

.wheretobuyList td.title {
    width: 29%;
    font-size: 14px;
    color: #777777;
    text-align: right;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    float: left;
    margin: 0;
}

.wheretobuyList.worldwideList td {
    width: auto;
    word-break: break-all;
}

.wheretobuyList.worldwideList td.top {
    width: 100%;
}

.wheretobuyList.worldwideList td.title {
    min-width: 45%;
    width: auto;
    font-size: 14px;
    color: #777777;
    text-align: left;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    float: left;
    margin: 0;
    text-indent: 70px;
}

.wheretobuyList .info {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}

.wheretobuyList .info h3 {
    font-size: 18px;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: 400;
    padding: 0;
    margin: 0 0 10px 0;
}

.wheretobuyList .info p {
    color: #555555;
    float: left;
    margin: 0;
}

.wheretobuyList .info a {
    color: #e72e35;
    text-decoration: underline;
    word-break: break-all;
}

.energywiseTop {
    width: calc(100% - 180px)
}

.energywiseImg {
    width: 100%;
    margin: 40px auto;
    clear: both;
    float: left;
    text-align: center;
}

.energywiseImg img {
    width: 100%;
    height: auto;
}

.recommendBtn {
    background: url('../images/nav/recommendBtn_icon.png') no-repeat 24px 10px;
    padding-left: 72px!important;
    margin-top: 30px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.ciscoBtn {
    background: url('../images/nav/ciscoBtn_icon.png') no-repeat 6px 10px;
    padding-left: 88px!important;
    margin-top: 30px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.pListImg ul {
    float: left;
    width: 100%;
    list-style-type: square;
    padding: 0 0 0 20px;
    margin: 0 0 30px 0;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    box-sizing: border-box;
}

.pListImg ul li {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}


/*.pListImg:hover h3 span{
	border-bottom:2px solid #e72e35;
              color:#e72e35;
              padding:0 0 3px 0;
}*/

.glossaryTopBar {
    background-color: #e6e6e6;
    width: 100%;
}

.glossaryTopBar .container {
    margin-top: 0;
    padding: 0;
}

.glossaryTopBar .container div {
    display: inline-block;
    width: calc(100% / 26);
    text-transform: uppercase;
    text-align: center;
    /*line-height: 58px;*/
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #9d9c9c;
    font-weight: 400;
    float: left;
    height: 58px;
}

.glossaryTopBar .container a {
    margin-top: 13px;
    line-height: 30px;
    background-color: none;
    padding: 0 0;
    color: #e72e35;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.glossaryTopBar .container span {
    margin-top: 13px;
    line-height: 30px;
    background-color: none;
    padding: 0 0;
    color: #9d9c9c;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.glossaryTopBar .container a:hover,
.glossaryTopBar .container a.active {
    background-color: #e72e35;
    color: white;
    cursor: pointer;
}

.glossaryTopSearch {
    position: relative;
    float: left;
    width: 480px;
    left: 50%;
    margin: 30px 0 50px -240px;
    overflow: hidden;
}

.glossaryTopSearch a {
    color: #616161;
    font-size: 14px;
    margin: 2px 2px;
    padding: 5px;
    border: 2px solid white;
    display: inline-block;
}

.glossaryTopSearch a:hover {
    cursor: pointer;
    border: 2px solid #616161;
}

.glossaryTopSearch a.dark {
    color: #5b5b5b;
    font-size: 18px;
}

.glossaryTopSearch a.dark:hover {
    border: 2px solid #5b5b5b;
}

.glossaryTopSearch a.red {
    color: #f04d53;
    font-size: 22px;
}

.glossaryTopSearch a.red:hover {
    border: 2px solid #f04d53;
}

.glossaryTopSearch a.bold {
    color: #e72e35;
    font-size: 32px;
    font-weight: bold;
}

.glossaryTopSearch a.bold:hover {
    border: 2px solid #e72e35;
}

.glossaryTopSearch a.black {
    color: black;
    font-size: 22px;
    font-weight: bold;
}

.glossaryTopSearch a.black:hover {
    border: 2px solid black;
}

.comparisonTool {
    float: left;
    width: 100%;
}

.comparisonTool a {
    float: left;
    display: block;
    width: 220px;
    height: 70px;
    background: #a9a9a9 url('../images/nav/comparisonTool_tabBg.png') no-repeat right top;
    color: white;
    margin: 0 15px 0 0;
}

.comparisonTool a.active {
    cursor: pointer;
    background: #e72e35 url('../images/nav/comparisonTool_tabBg.png') no-repeat right -70px;
}

.comparisonTool a span {
    font-size: 13px;
    float: left;
    margin: 10px 0 0 10px;
    font-weight: 300;
}

.comparisonTool a p {
    font-size: 17px;
    float: left;
    color: white;
    margin: 10px 0 0 10px;
    padding: 0;
    clear: both;
}

.comparisonList {
    margin: 10px 0;
}

.comparisonList h3 {
    font-size: 18px!important;
}

.comparisonList .box {
    height: 60px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 20px;
    text-align: center;
}

.comparisonList .box:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.comparisonList .text {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    text-align: center;
}

.comparisonList .proSelectCompare {
    width: 76%;
    text-align: center;
    padding-bottom: 8px;
    margin: 0 auto 12px;
    border-bottom: #d9d9d6 dotted 1px;
}

.comparisListTop {
    margin-top: 20px!important;
}

.comparisonList a {
    width: 76%;
    float: left;
    text-align: center;
    margin: 0 0 10px 12%;
}

.comparisonList a.disable {
    color: #959595!important;
    border-color: #959595!important;
}

.comparisonList a.disable:hover {
    color: #959595!important;
    border-color: #959595!important;
    background-color: white!important;
    cursor: default;
}

.comparisonList a.active {
    /*background-color: rgba(88, 170, 219, 1)!important;
	height: auto; 
	border: 2px solid rgba(88, 170, 219, 1);
	color: white; cursor: default;*/
}

.comparisonList .starDiv {
    position: relative;
    left: 50%;
    float: left;
    width: 140px;
    text-align: center;
    margin: -10px 0 10px -70px;
}

.comparisonList .starDiv .num {
    margin: 0 0 0 0;
    display: block;
    float: right;
    color: #e72e35;
    font-size: 13px;
}

.comparisonList .specInfo {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 2px;
}

.comparisonList .lastCal {
    margin-bottom: 10px;
}

.comparisonList .specInfo .specName {
    width: 80%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    color: #5e5e5e;
    float: left;
}

.comparisonList .specInfo .specNum {
    width: 20%;
    padding: 0 0 0 0;
    box-sizing: border-box;
    color: black;
    float: left;
}

.comparisonToolSelect {
    width: 100%;
    float: left;
    background-color: #e4e4e4;
    margin: 30px 0 50px 0;
    padding: 15px;
    box-sizing: border-box;
}

.comparisonToolSelectDiv {
    float: left;
    margin: 0 0 5px 0;
    width: 100%;
}

.comparisonToolSelect .comparisonToolSelectDiv:last-child {
    margin-bottom: -10px;
}

.comparisonToolSelect .title {
    font-size: 16px;
    float: left;
    width: 150px;
    line-height: 24px;
}

.comparisonToolSelect .selectInfo {
    float: left;
    width: calc(100% - 150px);
}

.comparisonToolSelect .selectInfo a {
    float: left;
    font-size: 14px;
    padding: 2px 15px;
    background-color: #929292;
    color: white;
    border-radius: 12px;
    font-weight: 300;
    margin: 0 10px 10px 10px;
}

.comparisonToolSelect .selectInfo a.select {
    background: none;
    color: #e72e35;
    font-weight: 400;
    font-size: 16px;
}

.goNextPage {
    text-align: center;
    margin-top: 30px;
}

.goNextPage a {
    display: inline-block;
    padding: 10px 0 10px 0;
    width: 220px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin: 0 10px 10px 10px;
}

.comparisonResultFilter {
    width: 100%;
    height: auto;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    display: table;
    margin: 0 0 20px 0;
    padding: 15px;
    box-sizing: border-box;
}

.comparisonResultFilter div {
    float: left;
}

.comparisonResultFilter a {
    width: 100%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
}

.comparisonResultFilter a.only {
    background: url('../images/nav/onlyMySection_icon.png') no-repeat 5px 0;
    padding-left: 24px!important;
}

.comparisonResultFilter a.different {
    background: url('../images/nav/onlyDifferent_icon.png') no-repeat 5px 0;
    padding-left: 24px!important;
}

.comparisonResultFilter a.recent {
    background: url('../images/nav/videoRecentBtn_icon.png') no-repeat 5px 0;
}

.comparisonResultFilter a.only:hover,
.comparisonResultFilter a.different:hover,
.comparisonResultFilter a.recent:hover {
    background-position: 5px -32px;
}

.comparisonResultFilter a.only.active,
.comparisonResultFilter a.different.active,
.comparisonResultFilter a.recent.active {
    background-position: 5px -32px;
}

.comparisonResultFilter .tr10 {
    width: 10%;
    font-size: 16px;
    color: #4f4f4f;
    padding: 0 2px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
}

.comparisonResultFilter .tr12 {
    width: 12%;
    padding: 0 5px;
    box-sizing: border-box;
}

.comparisonResultFilter .tr22 {
    width: 22%;
    padding: 0 5px;
    box-sizing: border-box;
}

.comparisonResultFilter .tr34 {
    width: 34%;
    padding: 0 5px;
    box-sizing: border-box;
}

.comparisonResultFilter .tr34 a {
    padding: 10px 10px!important;
    background: url('../images/nav/addOtherBtn.png') no-repeat 5px top;
}

.comparisonResultFilter .videoSearchBtn {
    width: 55px;
    height: 30px;
    display: inline-block;
    margin: 3px 0 0 -1px;
    background: url('../images/nav/videoSearchBtn.gif') no-repeat left top;
    width: 32%;
    margin: 3px 0 0 0;
    float: right;
}

.comparisonResultFilter .videoSearchBtn:hover {
    background-position: 0 -31px;
}

.compatibilityTop {
    width: 100%;
    float: left;
}

.compatibilityTop a {
    display: inline-block;
    width: 47%;
    min-height: 198px;
    border: 3px solid #e72e35;
    box-sizing: border-box;
    float: left;
    padding: 24px;
    color: #e72e35!important;
}

.compatibilityTop a:first-child {
    margin-right: 6%;
}

.compatibilityTop a:hover,
.compatibilityTop a.active {
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    color: white!important;
    cursor: pointer;
    background-color: #e72e35
}

.compatibilityTop a h4 {
    float: left;
    font-size: 24px;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 400;
}

.compatibilityTop a span {
    float: left;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

.toolsCiscoBtn {
    width: 164px;
    padding: 10px 0!important;
    margin: 20px 5px 0 5px;
}

.toolsNASfilter {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

.toolsNASfilter table tr td {
    width: 200px;
    line-height: 36px;
}

.toolsNASfilter table tr td.title {
    font-size: 14px;
    color: #6c6c6c;
    width: 180px;
    display: inline-block;
    padding: 0 10px 0 0;
    text-align: right;
}

.toolsNASfilter table tr select {
    width: 98%;
    margin: 0 0 10px 0;
}

.toolsNASfilter table input {
    width: 98%;
    height: 36px;
    padding: 0 5px;
    box-sizing: border-box;
}

.toolsNASfilter table tr a {
    background-color: #d50032;
    width: 90%;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin: 0 0 10px 10px;
    line-height: normal;
    cursor: pointer;
}

.toolsNASfilter table tr a:hover {
    background-color: #a6192e;
}

.toolsNASlist {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.nasToolsSuggest {
    float: left;
    width: 100%;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    background-color: #ededed;
    margin: 30px 0;
}

.nasToolsSuggest h6 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #000;
    text-align: center;
    padding: 0;
    margin: 20px 0 30px 0;
}

.NasFilterTool {
    float: left;
    width: 100%;
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #6b6b6b;
    padding: 0 0 10px 0;
}

.NasFilterTool .active {
    color: #d50032;
}

.NasFilterTool .tr12 {
    position: relative;
    height: 100%;
    width: 12%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
}

.NasFilterTool .tr22 {
    position: relative;
    height: 100%;
    width: 22%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.NasFilterTool .tr25 {
    position: relative;
    height: 100%;
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.NasFilterTool .arrowSpace,
.NasFilterTool .arrowSpace {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
}

.NasFilterTool .arrow,
.NasFilterTool .arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    /*top: 18px;*/
}

.NasFilterTool .tr12 span,
.NasFilterTool .tr22 span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
}

.NasListing {
    float: left;
    width: 100%;
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #b9b9b9;
    padding: 15px 0 15px 0;
    font-size: 15px;
    color: #828282!important;
    font-weight: 400;
}

.NasListing:hover {
    background-color: rgb(235, 235, 235);
    cursor: pointer;
}

.NasListing .tr12 {
    position: relative;
    height: 100%;
    width: 12%;
}

.NasListing .tr22 {
    position: relative;
    height: 100%;
    width: 22%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.NasListing .tr25 {
    position: relative;
    height: 100%;
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.NasListing .tr12 span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
}

.NasListing a {
    color: #828282!important;
}

.NasListing .tr22.last {
    text-align: right;
}

.NasListing .tr25.last {
    text-align: right;
    color: black;
    font-size: 14px;
}

.NasListing .tr25.last:hover {
    color: #d50032;
}

.NASsearchResult {
    float: left;
    opacity: 0;
    height: 0;
    width: 100%;
}

.nasCompatible {
    opacity: 0;
    height: 0;
    float: left;
    width: 100%;
}

.nasCompatibleDiv {
    float: left;
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    background-color: #ededed;
    margin: 0 0 30px 0;
}

.compatibleTable {
    float: left;
    width: 90%;
    font-size: 15px;
    color: #828282;
}

.compatibleTable tr {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.compatibleTable td.title {
    font-size: 13px;
    color: black;
    text-transform: uppercase;
    margin: 0 0 -20px 0;
}

.compatibleTable td {
    float: left;
    width: 24%;
    line-height: 36px;
}

.compatibleTable td a {
    color: white;
    padding: 8px 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    float: right;
    line-height: normal;
}

.NasCompatibleTool {
    float: left;
    width: 100%;
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #6b6b6b;
    padding: 0 0 10px 0;
    box-sizing: border-box;
}

.NasCompatibleTool .active {
    color: #d50032;
}

.NasCompatibleTool .tr12 {
    position: relative;
    height: 100%;
    width: 12%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
}

.NasCompatibleTool .tr16 {
    position: relative;
    height: 100%;
    width: 16%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.NasCompatibleTool .tr12 .arrowSpace,
.NasCompatibleTool .tr16 .arrowSpace {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
}

.NasCompatibleTool .tr12 .arrow,
.NasCompatibleTool .tr16 .arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    /*top: 18px;*/
}

.NasCompatibleTool .tr12 span,
.NasCompatibleTool .tr16 span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
}

.NasCompatibleList {
    float: left;
    width: 100%;
    height: auto;
    display: table;
    font-size: 12px;
    /* margin: 6px 0 0 0;*/
    font-weight: 400;
    border-bottom: 1px solid #b9b9b9;
    padding: 15px 0 15px 0;
    font-size: 15px;
    color: #828282;
    font-weight: 400;
    box-sizing: border-box;
}

.NasCompatibleList:hover {
    background-color: rgb(235, 235, 235);
}

@media screen and (max-width: 768px) {
    .NasCompatibleList:hover {
        background-color: transparent;
    }
}

.NasCompatibleList .active {
    color: #e72f35;
}

.NasCompatibleList .tr12 {
    position: relative;
    height: 100%;
    width: 12%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    word-break: break-all;
}

.NasCompatibleList .tr12.nasCompare {
    padding: 0 5px;
}

.NasCompatibleList .tr16 {
    position: relative;
    height: 100%;
    width: 16%;
    padding: 0 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 4px 0;
    word-break: break-all;
}

.NasCompatibleList .tr12 .arrowSpace,
.NasCompatibleList .tr16 .arrowSpace {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
}

.NasCompatibleList .tr12 .arrow,
.NasCompatibleList .tr16 .arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    /*top: 18px;*/
}

.NasCompatibleList .tr12 span,
.NasCompatibleList .tr16 span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 16px;
    box-sizing: border-box;
    position: relative;
}

.NasCompatibleList .tr16 span i {
    position: absolute;
    left: -17px;
    cursor: pointer;
}

.NasCompatibleList .tr16 span b {
    position: absolute;
    display: none;
    background-color: #fff;
    border: #ebebeb solid 1px;
    margin: 5px -15px 0;
    padding: 5px;
    font-weight: normal;
    top: 20px;
    left: -17px;
    z-index: 5;
    word-wrap: break-word;
    word-break: keep-all;
}

.NasCompatibleList .tr16 span b:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-bottom: #ebebeb solid 9px;
    border-left: transparent solid 6px;
    border-right: transparent solid 6px;
    top: -9px;
    left: 15px;
    z-index: 6;
}

.NasCompatibleList .tr16 span b:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-bottom: #fff solid 7px;
    border-left: transparent solid 5px;
    border-right: transparent solid 5px;
    top: -7px;
    left: 16px;
    z-index: 7;
}

.NasCompatibleList .tr16 span i:hover + b {
    display: inline-block;
}
.NasCompatibleList a {
    width: 100%;
    display: inline-block;
    text-align: center;
    float: right;
}

.NasCompatibleList form {
    font-size: 14px; color: #000;
}

.NasCompatibleList .trLink {
    color: #828282;
}

.NasCompatibleList .trLink:hover {
    color: #e72f35;
}

@media screen and (max-width: 767px) {
    .NasCompatibleList .tr16 span i {
        position: relative;
        left: auto;
        margin-right: 4px;
    }

    .NasCompatibleList .tr16 span b {
        left: 0;
    }
}
.comparResultList {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.comparResultList .select {
    width: 12%;
    float: left;
    position: relative;
    height: 100%;
    display: table-cell;
    background-color: purple;
    padding: 15px;
    box-sizing: border-box;
}

.comparResultList .info {
    width: 22%;
    float: left;
    position: relative;
    background-color: yellow;
    padding: 15px;
    box-sizing: border-box;
}

.comparResultList .info h6 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
    font-size: 14px;
    color: #000;
}

.comparResultList table {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 30px 0;
}

.comparResultList table tr {
    width: 100%;
    border: none!important;
}

.comparResultList table tr.selectTr {
    display: none;
}

.comparResultList table tr.selectTr:last-child.active {
    background-color: white!important;
}

.comparListTitle:hover {
    /*cursor: pointer;*/
}

.comparResultList table tr td {}

.comparResultList table tr td.selectTD {
    width: 12%;
    position: relative;
    height: 100%;
    display: table-cell;
    padding: 15px;
    box-sizing: border-box;
    border-right: 1px solid #b3b3b3;
    margin: 0;
}

.comparResultList table tr td.selectTD:hover {
    cursor: pointer;
}

.comparResultList table tr td.selectTD.first {
    border-right: none!important;
}

.comparResultList table tr td.selectTD .selectTitle {
    position: absolute;
    bottom: 20px;
    left: 0;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #58aadb;
    text-align: center;
}

.comparResultList table .titleLine.comparListTitle {
    padding-left: 30px;
}

.comparResultList table .titleLine .touchDiv {
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    top: 0;
    right: 0;
}

.comparResultList table .titleLine .cusCheckBox {
    position: absolute;
    margin: auto;
    top: 5px;
    left: 12px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/nav/cusCheckBox.png') no-repeat top left;
}

.comparResultList table .titleLine .cusCheckBox.active {
    background-position: 0 -12px;
    cursor: pointer;
}

.comparResultList table tr td.selectTD .cusCheckBox {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/nav/cusCheckBox.png') no-repeat top left;
}

.comparResultList table tr td.selectTD .cusCheckBox.active {
    background-position: 0 -12px;
    cursor: pointer;
}

.comparResultList table tr td.infoTD {
    width: 22%;
    position: relative;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    margin: 0;
    border: none!important;
    width: 174px!important;
}

.comparResultList table tr td.infoTD .img {
    width: 100%;
}

.comparResultList table tr td.infoTD .cusCheckBox {
    padding: 0;
    margin: 3px 10px 0 10px;
    display: none;
    width: 12px;
    height: 12px!important;
    float: left;
    background: url('../images/nav/cusCheckBox.png') no-repeat top left;
}

.comparResultList table tr td.infoTD .cusCheckBox.active {
    background-position: 0 -12px;
    cursor: pointer;
}

.comparResultList table tr td.infoTD.active {
    background-color: #ebebeb;
}

.comparResultList table tr.selectTr.last td.infoTD.active {
    background-color: white!important;
}

.comparResultList table tr.selectTr.last td.infoTD.hover {
    background-color: white!important;
    cursor: auto;
}

.comparResultList table tr td.infoTD.top.active {
    background-color: white!important;
}

.comparResultList table tr td.infoTD.hover {
    background-color: #deeff8;
    cursor: pointer;
}

.comparResultList table tr td.infoTD a:hover h5 {
    color: #e72e35;
}

.comparResultList table tr td.infoTD h5 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    display: block;
    font-size: 16px;
    color: #000;
    font-size: 13px;
    margin: 5px 0 20px 0;
    text-align: center;
    word-break: break-all;
    transition: .5s;
    -webkit-transition: .5s;
}

.comparResultList table tr td.infoTD h6 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    display: block;
    font-size: 14px;
    color: #000;
    margin: 0 0 5px 0;
    position: relative;
    left: -10px;
    position: relative;
    width: 250%;
    z-index: 10;
}

.comparResultList table tr td.infoTD span {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    color: #5e5e5e;
}

.comparResultList table tr td.infoTD span.btLine {
    float: left;
    width: calc(100% - 30px);
    padding: 0 0 0 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #b3b3b3;
    position: absolute;
    bottom: 0
}

.comparResultList table tr td.infoTD .removeIcon {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 20px;
    top: 10px;
    background: url('../images/nav/removeIcon.png') no-repeat left top;
}


/* account */

.accountTag {
    /*float: left;
    width: 100%;
    height: 50px;
    display: table;*/
    margin: 15px 0 30px;
}

.accountTag a {
    color: #75787b;
    font-size: 14px;
    font-weight: 400;
    /*width: 16.66666%;*/
    padding: 15px 20px;
    box-sizing: border-box;
    text-align: center;
    /*height: 50px;*/
    display: table-cell;
    vertical-align: middle;
    /*border-right: 1px solid #d0d0d0;
    color: #3c3c3c!important;*/
    position: relative;
}

.accountTag a:last-child {
    border-right: none;
}

.accountTag a:hover,
.accountTag a.active {
    /*background-color: #d50032;*/
    color: #d50032;
}

.accountTag a:hover:after,
.accountTag a.active:after {
    content: '';
    display: block;
    position: absolute;
    background: #d50032;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
}

/*.accountTag a.changePass {
    color: #d50032!important;
    font-weight: bold;
}

.accountTag a.changePass:hover {
    background-color: white!important;
    color: #d50032!important;
    text-decoration: underline;
}*/

.reviewedList {
    float: left;
    width: 100%;
}

.reviewedList ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.reviewedList ul li {
    float: left;
    width: 100%;
    padding: 15px 10px;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.reviewedList ul li .img {
    float: left;
    width: 256px;
}

.reviewedList ul li .info {
    float: right;
    width: calc(100% - 266px);
    box-sizing: border-box;
    color: #6c6c6c;
    font-size: 14px;
    margin: 30px 0 0 0;
}

.reviewedList ul li .info div {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
}

.reviewedList ul li .info div .mobileTitle {
    float: left;
    width: 90px;
    text-align: right;
    margin: 0 10px 0 0;
    display: inline-block;
}

.reviewedList ul li .info div .pName {
    color: black;
}

.reviewedList ul li .info div .infoTxt {
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
    text-align: left;
    margin: 0 0 0 0;
}

.forgetPassword {
    float: left;
    width: 100%;
}

.forgetPassword table {
    float: left;
    width: 100%;
}

.forgetPassword tr {
    padding: 10px 0;
    width: 100%;
}

.forgetPassword td {
    padding: 5px 0;
}

.forgetPassword td input {
    float: left;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
}

.forgetPassword td input.email {
    width: 300px;
}

.forgetPassword td input.Captcha {
    width: 146px;
    margin: 0 16px 0 0;
}

.forgetPassword td input.check {
    border: #d50032 solid 1px;
}								
.forgetPassword td .CaptchaImg {
    float: left;
    margin: 0 0 0 0;
}

.forgetPassword td a {
    width: 300px;
    text-transform: uppercase;
}

.resetPassword {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.resetPassword td.title {
    width: 160px;
    line-height: 30px;
    text-align: right;
}

.resetPassword table {
    float: left;
    width: 100%;
}

.resetPassword tr {
    padding: 5px 0;
    width: 100%;
    float: left;
}

.resetPassword td {
    padding: 0 0 0 10px;
}

.resetPassword td input {
    float: left;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
}

.resetPassword td input.wrong {
    border: 1px solid #e72e35;
}

.resetPassword td input.password {
    width: 224px;
}

.resetPassword td.notice span {
    width: 100%;
    float: left;
    color: #666666;
    font-size: 12px;
}

.resetPassword td.notice span.red {
    color: #e72e35;
}

.resetPassword td a {
    width: 224px;
}

.registeredList {
    float: left;
    width: 100%;
}

.registeredList ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.registeredList ul li {
    float: left;
    width: 100%;
    padding: 15px 10px;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.registeredList ul li .img {
    float: left;
    width: 256px;
    height: 146px;
    height: auto;
}


/*.registeredList.searchList ul li .img{
	float: left; width: 256px; height: 146px; 
}
.registeredList.searchList ul li .img .pImg{
	width: 146px; height: 146px; margin-left: 55px;
}*/

.registeredList ul li .info {
    float: right;
    width: calc(100% - 266px);
    box-sizing: border-box;
    color: #6c6c6c;
    font-size: 14px;
    margin: 30px 0 0 0;
    margin: 0;
    /*word-break: break-all;*/
}

.registeredList ul li .info.typeB {
    float: left;
    width: 100%;
    box-sizing: border-box;
    color: #6c6c6c;
    font-size: 14px;
    margin: 0;
    padding: 0 10px;
}

.registeredList ul li .info.typeB .urlLink {
    width: 100%;
    float: left;
    color: #e72e35;
    word-break: break-all;
}

.registeredList ul li .info div {
    width: 100%;
    float: left;
    margin: 0 0 5px 0;
}

.registeredList ul li .info div .mobileTitle {
    float: left;
    display: block;
    /*width: 100px;*/
    text-align: left;
    margin: 0 5px 0 0;
}

.registeredList.searchList ul li .info div.proTitle {
    float: left;
    display: block;
    color: black;
    font-size: 18px;
    width: 100px;
    text-align: left;
    margin: 0 0 10px 0;
    /*word-break: break-all;*/
    width: 100%;
}

.registeredList.searchList ul li {
    float: left;
    width: 100%;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.registeredList.searchList .hoverShow {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
    background-color: white;
}

.registeredList.searchList ul li .info p {
    text-align: left!important;
}

.registeredList.searchList ul li .info.typeB p {
    margin: 5px 0 0 0!important;
    text-align: left!important;
}

.registeredList ul li .info div .mobileTitle .icon {
    /*float: right;*/
}

.registeredList ul li .info div .infoTxt {
    display: inline-block;
    float: left;
    color: black;
    /*width: calc(100% - 110px);*/
    text-align: left;
    margin: 0 0 0 0;
    /*word-break: break-all;*/
}

.registeredList ul li .info div a {
    float: left;
    width: 154px;
    padding: 8px 0;
    text-align: center;
    margin: 10px 0 0 0;
}

.registerNewBtn {
    position: absolute;
    right: 15px;
    /*text-transform: uppercase;*/
    width: 252px;
    text-align: center;
    top: -12px;
}

/* ========== new search results start ==========*/
.registeredList ul li .newSearchImg {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}

.registeredList ul li .newSearchImg img {
    width: 100%;
    height: auto;
}

.registeredList ul li .newSearchInfo {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 270px);
    box-sizing: border-box;
    margin: 0 -6px;
    padding: 0 15px;
}

.registeredList ul li .newSearchInfo h5 {
    margin: 0 0 5px;
    font-size: 1.1em;
    font-weight: normal;
    word-break: break-all;
}

.registeredList ul li .newSearchInfo h5 a {
    color: #000;
}

.registeredList ul li .newSearchInfo h5 a:hover {
    color: #d50032;
}

#indexContainer .registeredList ul li .newSearchInfo p {
    float: none;
    text-align: left;
    margin: 0;
}

#indexContainer .registeredList ul li .newSearchInfo p + p {
    margin-top: 5px;
}

.registeredList ul li .newSearchInfo p span.searchResultTitle {
    display: inline-block;
    color: #75787b;
    margin-right: 5px;
}

.registeredList ul li .newSearchInfo p span.searchResultTitle:after {
    content: ':';
}

.registeredList ul li .newSearchInfo p span.searchResultInfo {
    display: inline-block;
}

.registeredList ul li .newSearchLink {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    padding: 0 10px;
}

.registeredList ul li .newSearchLink a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 6px;
    text-align: center;
    font-size: 0.9em;
    color: #d50032;
}
/* ========== new search results end ==========*/

.signinForm {
    width: 100%;
    float: left;
}

.signinForm p.regisLoginNote {
    background: #fdf2f5;
    margin: 0 0 20px;
    color: #d50032;
    padding: 10px;
    border: #d50032 solid 1px;
    border-radius: 2px;
}

.signinForm p.regisLoginNote i {
    margin-right: 10px;
}

.signinForm input {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
}

.signinForm input[type='checkbox'] {
    width: auto;
    height: auto;
    margin: 5px 10px 0 0;
}

.signinForm div {
    float: left;
    width: 100%;
    line-height: 20px;
    padding: 2px 0;
}

.signinForm div a.text {
    color: #e72e35;
    text-decoration: underline;
}

.signinForm div a.login {
    width: 165px;
    text-align: center;
    display: inline-block;
    color: white;
    margin: 8px 0 0 0;
}

.registerNote {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #ededed;
    margin: 15px 0;
}

.registerNote h6 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #757575;
    text-align: left;
    line-height: 24px;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 400;
    text-transform: uppercase;
}

.registerNote a.registerBtn {
    width: 165px;
    text-align: center;
    display: inline-block;
    color: white;
    margin: 10px 0 0 0;
}

.proRegistration {
    float: left;
    width: 100%;
}

.addProduct {
    float: left;
    width: 20%;
    padding: 10px;
    box-sizing: border-box;
}

.addProduct .add {
    width: 100%;
    padding: 0 0 60px 0;
    border: 4px solid #bbbbbb;
    position: relative;
}

.addProduct .img {
    width: 100%;
    height: 124px;
    height: auto;
}

.addProduct .add:hover {
    cursor: pointer;
    border-color: #e72e35;
}

.addProduct .add .icon {
    position: absolute;
    width: 56px;
    height: 56px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: -40px;
    background: url('../images/nav/add_icon.png') no-repeat top left;
}

.addProduct .add .icon.active {
    background-position: 0 -56px;
}

.addProduct .add p {
    float: left;
    font-size: 14px;
    color: #bbbbbb;
    width: 100%;
    text-align: center;
    margin-top: -10px;
    position: relative;
    text-transform: uppercase;
}

.addProduct .add p.active {
    color: #e72e35;
}

.addProduct span {
    float: left;
    width: 100%;
    color: #7c7c7c;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.addProduct .tool {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #bbbbbb;
}

.addProduct .tool a {
    color: #e72e35;
    margin: 0 5px;
}

.addProForm {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fafafa;
    /*margin-top: 30px;*/
}

.addProForm table {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    table-layout: fixed;
}

.addProForm table tr {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.addProForm table td input {
    line-height: 30px;
    padding: 0 5px;
    width: 280px;
    border: 1px solid #cccccc;
    outline: 0;
}

.addProForm table td select {
    width: 280px;
    font-size: 1em;
    outline: 0;
}

.addProForm table td textarea {
    line-height: 30px;
    padding: 2px 5px;
    width: 520px;
    height: 250px;
    border: 1px solid #cccccc;
    resize: none;
    margin: 0 0 5px 0;
    outline: 0;
}

.addProForm table td input[type="radio"] {
    margin: 0 5px 0 5px;
    width: auto;
}

.addProForm table td.input {
    width: 500px;
    text-align: left;
    float: left;
    padding: 0 0 0 5px;
    line-height: 30px;
    width: calc(100% - 160px);
}

.addProForm table td.input .starPoint span {
    margin: 6px 0 0 0;
}

.addProForm table td .noteImg {
    margin: 0 0 0 10px;
}

.addProForm table td .noteInfo {
    position: absolute;
    margin: 0 0 0 10px;
    padding-left: 35px;
    line-height: 32px;
    width: auto;
    height: 32px;
    display: inline-block;
    background: url('../images/nav/add_info_icon.png') no-repeat top left;
}

.addProForm table td .noteInfo span {
    display: none;
    color: #d50032;
    font-size: 0.8em;
}

.addProForm table td .noteInfo:hover span {
    display: block;
}

.addProForm table form.searchForm {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.addProForm table form.searchForm input {
    padding-right: 28px;
}

.addProForm table form.searchForm label.closeTxt {
    display: none;
    position: absolute;
    width: auto;
    height: 100%;
    padding: 0 7px;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 32px;
    color: #d9d9d6;
}

.addProForm table form.searchForm label.closeTxt.active {
    display: block;
}

.addProForm table tr.pdImgCheck {
    display: none;
}

.addProForm table tr.pdImgCheck img {
    border: #cccccc solid 1px;
    box-sizing: border-box;
    max-width: 280px;
    width: 100%;
    height: auto;
    margin-left: 155px;
}

.noteCal {
    position: absolute;
    margin: 0 0 0 10px!important;
    width: 32px!important;
    height: 32px;
    display: inline-block;
    background: url('../images/nav/add_cal_icon.png') no-repeat top left;
}

.noteCal:hover,
.addProForm table td .noteInfo:hover {
    cursor: pointer;
    background-position: 0 -32px;
}

.addProForm table td.input span {
    margin: 0 0 0 0
}

.addProForm table td.title {
    float: left;
    width: 150px;
    font-size: 15px;
    color: #010101;
    text-align: right;
    line-height: 30px;
}

.addProForm table td.titleW {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #010101;
    text-align: left;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}

.addProForm table td.titleW a {
    width: 160px;
    float: left;
    margin: 0
}

.addProForm .CaptchaImg {
    margin: -3px 0 0 5px;
}

.addProForm table td a {
    width: 160px;
    margin: 0 20px 50px 0;
}

.addproSubmit {
    width: 406px!important;
    margin: 30px 0 0 0!important;
    color: white;
}

.addproSubmit:hover {
    color: white;
}

.accountRegisterForm {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fafafa;
    margin: 10px 0 0 0;
    background-color: #fafafa;
}

.accountRegisterForm table {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.accountRegisterForm table tr {
    float: left;
    padding: 5px 0;
}

.accountRegisterForm table td input {
    line-height: 30px;
    padding: 0 5px;
    width: 280px;
    border: 1px solid #cccccc;
    outline: 0;
}

.accountRegisterForm table td select {
    width: 280px;
}

.accountRegisterForm table td input.wide {
    width: 560px;
}

.accountRegisterForm table td input.Captcha {
    width: 80px;
    margin: 0;
}

.accountRegisterForm table td textarea {
    line-height: 30px;
    padding: 2px 5px;
    width: 560px;
    height: 250px;
    border: 1px solid #cccccc;
    resize: none;
}

.accountRegisterForm table td input.check,
.accountRegisterForm table td select.check,
.accountRegisterForm table td textarea.check {
    border: #d50032 solid 1px !important;
}
.accountRegisterForm table td input[type="radio"] {
    margin: 0 5px 0 5px;
    width: auto;
}

.accountRegisterForm table td.input {
    width: 600px;
    text-align: left;
    float: left;
    padding: 0 0 0 5px;
    line-height: 30px;
}

.accountRegisterForm table td.input span {
    margin: 0 30px 0 0
}

.accountRegisterForm table td.title {
    float: left;
    width: 204px;
    font-size: 15px;
    color: #010101;
    text-align: right;
    line-height: 30px;
}

.accountRegisterForm table tr {
    float: left;
    width: 100%;
}

.accountRegisterForm .CaptchaImg {
    margin: -3px 0 0 5px;
}

.accountRegisterForm table td.long {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #010101;
    text-align: left;
    line-height: 30px;
}

.accountRegisterForm table td.longSelect {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #010101;
    text-align: left;
    line-height: 30px;
}

.accountRegisterForm table td.longSelect select {
    position: relative;
    top: 0;
    left: 0;
}

.accountRegisterForm table td.longSelect input[type="radio"] {
    margin: 0 5px 0 10px;
    width: auto;
}

.accountRegisterForm table td.longSelect input[type="checkbox"] {
    margin: 10px 10px 0 0;
    width: auto;
    float: left;
}

.accountRegisterForm table td.longSelect div {
    float: left;
    width: calc(100% - 28px);
}

.accountRegisterForm .checkBorder {
    display: inline-block;
    width: auto !important;
    float: none !important;
}

.accountRegisterForm .checkBorder.check {
    border: #d50032 solid 1px;
    padding: 0 5px;
}

.accountRegisterForm .checkBorder div {
    width: auto !important;
}
.accountRegisterForm tr td .noteTxt {
    color: #7b7b7b;
}

a.registerBtn {
    width: 160px;
    margin: 20px 20px 0 0;
}

select[multiple] {
    height: auto;
    height: 50px;
}

select[multiple] option {
    height: auto;
    padding: 5px 0 1px 0;
}

.accountProfileInfo {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fafafa;
    margin: 10px 0 0 0;
}

.accountProfileInfo table {
    float: left;
    width: 50%;
    margin: 0 0 0 0;
}

.accountProfileInfo table tr {
    float: left;
    padding: 5px 0;
}

.accountProfileInfo table td.input {
    text-align: left;
    float: left;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    line-height: 30px;
    width: calc(100% - 152px);
}

.accountProfileInfo table td.input span {
    margin: 0 30px 0 0
}

.accountProfileInfo table td.title {
    float: left;
    width: 150px;
    font-size: 15px;
    color: #010101;
    text-align: right;
    line-height: 30px;
}

.accountProfileInfo table tr {
    float: left;
    width: 100%;
}

.newsFilterTool {
    width: 100%;
    height: auto;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
    display: table;
    margin: 0 0 20px 0;
    padding: 15px;
    box-sizing: border-box;
}

.newsFilterTool.middle {
    margin-bottom: 50px;
}

.newsFilterTool div {
    float: left;
}

.newsFilterTool a {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.newsFilterTool a.newsBtn {
    background: url('../images/nav/newsFilter_news_icon.png') no-repeat 5px 0;
}

.newsFilterTool a.eventBtn {
    background: url('../images/nav/newsFilter_event_icon.png') no-repeat 5px 0;
}

.newsFilterTool a.newsBtn:hover,
.newsFilterTool a.newsBtn.active,
.newsFilterTool a.eventBtn:hover,
.newsFilterTool a.eventBtn.active {
    background-position: 5px -32px;
}

.newsFilterTool .tr10 {
    width: 10%;
    font-size: 16px;
    color: #4f4f4f;
    padding: 0 2px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
}

.newsFilterTool .tr6 {
    width: 6%;
    padding: 0 5px;
    box-sizing: border-box;
}

.newsFilterTool .tr15 {
    width: 15%;
    padding: 0 5px;
    box-sizing: border-box;
}

.newsFilterTool .tr20 {
    width: 20%;
    padding: 0 5px;
    box-sizing: border-box;
}

.newsFilterTool .tr34 {
    width: 34%;
    padding: 0 5px;
    box-sizing: border-box;
}

.newsFilterTool .tr20 span {
    font-size: 12px;
    color: #9c9b9b;
    width: 100%;
    display: inline-block;
    margin: 5px 0 0 0;
}

.newsFilterTool input {
    padding: 0 5px;
    margin: 0 0 0 0;
    box-sizing: border-box;
    height: 36px;
    border: 1px solid #b2b2b2;
    width: 68%;
    display: inline-block;
    float: left;
    width: calc(100% - 40px);
}

.newsFilterTool .videoSearchBtn {
    width: 55px;
    height: 36px;
    display: inline-block;
    background: #b2b2b2 url('../images/nav/videoSearchBtn.png') no-repeat center top;
    width: 40px;
    margin: 0 0 0 0;
    float: right;
}

.newsFilterTool .videoSearchBtn:hover {
    background-color: #454545;
}

.newsList ul {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}

.newsList ul li {
    float: left;
    width: 100%;
    padding: 0 0 46px 0;
    border-bottom: 1px solid #c8c8c8;
    position: relative;
    margin-bottom: 46px;
}

.newsList ul li:last-child {
    margin-bottom: 0;
}

.newsList ul li .img {
    float: left;
    width: 40%;
}

.newsList ul li .listInfo {
    float: right;
    width: calc(60% - 30px);
    /*margin-bottom: 10px;*/
}

.newsList ul li .listInfo .type {
    float: left;
    width: auto;
    margin-right: 10px;
    display: inline-block;
    font-size: 15px;
    color: #e72e35;
}

.newsList ul li .listInfo.event .type {
    color: #58aada;
}

.newsList ul li .listInfo .date {
    float: left;
    width: 200px;
    display: inline-block;
    font-size: 13px;
    color: #606060;
    line-height: 21px;
}

.newsList ul li .listInfo p {
    margin-bottom: 0;
}

.newsList ul li .listInfo .eventInfo {
    width: 100%;
    float: left;
    font-size: 14px;
    color: black;
    line-height: 18px;
}

.newsList ul li .listInfo .eventInfo .title {
    float: left;
    min-width: 100px;
    width: auto;
    margin-right: 2%;
    display: inline-block;
    color: #6c6c6c;
}

.newsList ul li .listInfo .eventInfo .infoTxt {
    float: left;
    /*width: calc(100% - 100px);*/
    max-width: 80%;
    display: inline-block;
}

@media screen and (max-width: 1279px) {
    .newsList ul li .listInfo .eventInfo .infoTxt {
        max-width: 70%;
    }
}

@media screen and (max-width: 767px) {
    .newsList ul li .listInfo .eventInfo .infoTxt {
        max-width: calc(98% - 100px);
    }
}

.newsList ul li .listInfo .eventInfo .infoTxt .link {
    color: #606060;
    float: none;
    margin: 0;
    position: relative;
    bottom: auto;
    left: auto;
}

.newsList ul li .listInfo .eventInfo .infoTxt .link:hover {
    color: #e72e35;
}

.newsList ul li .listInfo h5 {
    float: left;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: black;
    padding: 0;
    margin: 0;
    font-weight: bold;
    margin: 2px 0;
}

.newsList ul li a {
    position: relative;
    float: right;
    margin-top: 10px;
}

.newsDetail .newsTop {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.newsDetail .newsTop .img {
    float: right;
    width: 40%;
    margin-right: 30px;
}

.newsDetail .newsTop .newsTopInfo {
    float: right;
    width: calc(60% - 30px);
}

.newsDetail .newsTop .newsTopInfo .type {
    float: left;
    width: 60px;
    display: inline-block;
    font-size: 15px;
    color: #e72e35;
}

.newsDetail .newsTop .newsTopInfo .eventInfo {
    width: 100%;
    float: left;
    font-size: 16px;
    color: black;
}

.newsDetail .newsTop .newsTopInfo .eventInfo .title {
    float: left;
    min-width: 100px;
    width: auto;
    margin-right: 2%;
    display: inline-block;
    color: #6c6c6c;
}

.newsDetail .newsTop .newsTopInfo.event .type {
    color: #58aada;
}

.newsDetail .newsTop .newsTopInfo h5 {
    float: left;
    width: 100%;
    color: black;
    font-size: 26px;
    margin: 10px 0;
    padding: 0;
    font-weight: 400;
}

.newsDetail .newsTop .newsTopInfo .date {
    float: none;
    width: 200px;
    display: inline-block;
    font-size: 13px;
    color: #606060;
    line-height: 21px;
}

.newsDetail .newsTop .newsTopInfo .update {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    color: #606060;
}

.newsDetail .newsTop .social {
    height: 32px;
    position: absolute;
    bottom: 0;
    left: calc(40% + 30px);
}

.newsDetail .newsInfoDetail {
    width: 100%;
    float: left;
}

.newsBottomNav h6 {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
}

.newsBottomNav h5 {
    float: left;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    font-size: 14px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    font-weight: 400;
}

.newsBottomNav .btnCenter a {
    margin: 30px 0 0 0;
    width: 190px;
}

.newsBottomNav .type {
    float: left;
    min-width: 60px;
    width: auto;
    margin-right: 2%;
    display: inline-block;
    font-size: 15px;
    color: #e72e35;
}

.newsBottomNav .type.event {
    float: left;
    min-width: 60px;
    width: auto;
    margin-right: 2%;
    display: inline-block;
    font-size: 15px;
    color: #58aada;
}

.newsBottomNav .date {
    color: #606060;
}

.newsBottomNav .next a,
.newsBottomNav .pre a {
    float: left;
    color: #333333!important;
}

.newsBottomNav .next a:hover,
.newsBottomNav .pre a:hover {
    color: #333333;
}

.newsBottomNav .pre h6 {
    padding: 0 0 0 44px;
    float: left;
}

.newsBottomNav .next:hover {
    cursor: pointer;
}

.newsBottomNav .next h6 {
    padding: 0 44px 0 0;
    float: left;
    text-align: right;
}

.newsBottomNav .pre h5 {}

.newsBottomNav .pre .img {
    width: 220px;
    float: left;
}

.newsBottomNav .pre .arrow {
    float: left;
    margin: 30px 20px 0 0;
    width: 24px;
    height: 100%;
    width: 24px;
    height: 70px;
    display: block;
    background: url('../images/nav/news_pre.png') no-repeat top left;
}

.newsBottomNav .pre .info {
    float: right;
    width: calc(100% - 284px);
}

.newsBottomNav .next .img {
    width: 220px;
    float: right;
}

.newsBottomNav .next .arrow {
    float: right;
    margin: 30px 0 0 20px;
    width: 24px;
    height: 70px;
    display: block;
    background: url('../images/nav/news_next.png') no-repeat top left;
}

.newsBottomNav .next .info {
    float: right;
    width: calc(100% - 284px);
}

.newsBottomNav .arrow.active {
    cursor: pointer;
    background-position: 0 -70px;
}

.mainGreenPower {
    float: left;
    width: 100%;
    background: url('../images/mainGreenPower.jpg') no-repeat top center fixed;
    background-size: 100% auto;
    -moz-background-size: cover;
    background-size: cover;
}

.mainEnergyStar {
    float: left;
    width: 100%;
    /*background: url('../images/mainEnergyStar.jpg') center center fixed no-repeat;*/
    background: url('../images/mainEnergyStar.jpg') no-repeat top center fixed;
    background-size: 100% auto;
    -moz-background-size: cover;
    background-size: cover;
}

.mainSupport {
    float: left;
    width: 100%;
    /*background: url('../images/support_main_bg.jpg') center center fixed no-repeat;*/
    background: url('../images/support_main_bg.jpg') top center no-repeat fixed;
    /*background: url('../images/mainGreenPower.jpg') no-repeat top center fixed;*/
    /*-moz-background-size: cover;
	background-size: cover;*/
    background-size: 100% auto;
    background-color: black;
}

.mainContactus {
    float: left;
    width: 100%;
    background: url('../images/support_contactus_bg.jpg') top center no-repeat fixed;
    background-size: 100% auto;
    background-color: black;
}

.mainKnowledge {
    float: left;
    width: 100%;
    background: url('../images/support_knowledge_bg.jpg') top center no-repeat fixed;
    background-size: 100% auto;
    background-color: black;
}

.mainWarrantyService {
    float: left;
    width: 100%;
    background: url('../images/support_warranty_bg.jpg') top center no-repeat fixed;
    background-size: 100% auto;
    background-color: black;
}

.greenPowerBoInfo .img {
    float: left;
    width: 180px;
    margin: 20px 0;
}

.energyStarTopInfo .img {
    float: right;
    width: 180px;
}

.energyStarTopInfo p {
    float: left;
    width: calc(100% - 190px);
}

.greenPowerBoInfo .infoTxt {
    float: right;
    width: calc(100% - 190px);
    margin: 10px 0;
}


/*special product*/

.subBanner-content.black {
    top: 60px;
}

.subBanner-content.black h1 {
    color: #e72e35;
}

.subBanner-content.black p {
    width: 450px;
    color: black;
    letter-spacing: 1px;
}

.registeredList ul li .img.sp2 {
    border-right: 1px solid #c7c7c7;
}

.registeredList ul li .img.sp2 .pImg {
    width: 220px;
    /*height:125px;*/
    width: calc(100% - 15px);
}

.registeredList ul li .info .spTitle {
    font-size: 18px;
    color: black;
    float: left;
    margin: 0 0 10px 20px;
}

.registeredList ul li .info.sp a {
    float: left;
    margin: 5px 0 0 20px;
}

.registeredList ul li .info p {
    color: #6c6c6c;
    margin: 0 0 0 20px;
    float: left;
    letter-spacing: .5px;
}

.registeredList ul li .info p a {
    color: #e72e35;
}

.registeredList ul li .info p a:hover {
    text-decoration: underline;
}

.registeredList.specialProduct ul li:hover {
    background-color: #ebebeb;
}

.registeredList.specialProduct ul li:hover .info .spTitle {
    color: #e72e35;
}


/*About Us*/

.subBanner.About p {
    /*2016-12-14 Eric Edit font-family for RU*/
    /*font-family: Arial;*/
/*    font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
    letter-spacing: 1px;
}

.about_sec1 {
    background: url('../images/subBanner_about_sec_1.jpg') no-repeat left top;
    width: 100%;
    background-size: cover;
    display: table;
}

.about_sec1 .row {
    width: auto;
    margin: 10px 80px;
}

.about_sec1 h3 {
    text-align: center;
    font-size: 36px;
    color: white;
    letter-spacing: 1px;
    border-bottom: 0;
    font-weight: 400;
}

.about_sec1 p {
    color: white;
    letter-spacing: 1px;
    /*2016-12-14 Eric Edit font-family for RU*/
    /*font-family: Arial;*/
/*    font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
    line-height: 22px;
    margin-top: 20px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.about_sec2 {
    background: url('../images/subBanner_about_sec_2.jpg') no-repeat left top;
    width: 100%;
    background-size: cover;
    display: table;
    padding: 10px 0;
}

.about_sec2 .row {
    width: auto;
    margin: 0 80px;
}

.about_sec2 .row1 {
    margin-bottom: 20px;
}

.about_sec2 h3.first {
    text-align: center;
    font-size: 36px;
    color: white;
    letter-spacing: 1px;
    border-bottom: 0;
}

.about_sec2 p {
    color: white;
    letter-spacing: 1px;
    /*2016-12-14 Eric Edit font-family for RU*/
    /*font-family: Arial;*/
/*    font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
    line-height: 22px;
    margin-top: 10px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.about_sec2 h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: white;
    letter-spacing: 1px;
    border-bottom: 0;
    text-transform: uppercase;
}

.about_sec3 {
    display: table;
    width: 100%;
}

.about_sec3 .row1 h3 {
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
    border-bottom: 0;
    font-weight: 300;
    text-transform: uppercase;
}

.about_sec3 .row1 p {
    letter-spacing: 1px;
    /*2016-12-14 Eric Edit font-family for RU*/
    /*font-family: Arial;*/
/*    font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
    line-height: 22px;
    margin-top: 20px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.about_sec3 .newsRow {
    margin-top: 30px;
}

.about_sec3 h3 {
    margin: 10px 0;
}

.about_sec4 {
    display: table;
    background: url('../images/subBanner_about_sec_4.jpg') no-repeat left top;
    width: 100%;
    background-size: cover;
    padding: 40px 0 0;
    margin-bottom: 80px;
    position: relative;
}

.about_sec4 .milestion {
    position: relative;
}

.about_sec4 h3 {
    margin: 40px 0 30px;
    font-size: 36px;
    font-weight: 400;
    color: white;
    border-bottom: 0;
    letter-spacing: 1px;
}

.about_sec4 .mStoneEvent {
    width: 560px;
    background-color: white;
    /*float:right;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 50px;
    top: 150px;
}

.about_sec4 .mStoneEvent .prevBtn {
    width: 55px;
    height: 278px;
    margin: 55px 0 0;
    background: url('../images/mStone_prevBtn.png') no-repeat 15px 110px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.about_sec4 .mStoneEvent .nextBtn {
    width: 55px;
    height: 278px;
    margin: 55px 0 0;
    background: url('../images/mStone_nextBtn.png') no-repeat 23px 110px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.about_sec4 .eventContent {
    /*margin: 55px 50px;*/
    margin: 0;
    width: initial;
    padding: 0 0 20px 0;
    float: none;
}

.about_sec4 .mStoneEvent .unslider {
    margin: 35px 25px 10px;
    padding-bottom: 30px;
    /*border-bottom:1px solid #c6c6c6;*/
}

.about_sec4 .mStoneEvent .unslider li {
    list-style: inherit;
}

.about_sec4 .mStoneEvent .unslider-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.about_sec4 .mStoneEvent .unslider-nav ol {
    margin: 0 auto;
    display: table;
    padding: 0;
}

.about_sec4 .mStoneEvent .unslider-nav li {
    width: 14px;
    height: 14px;
    background-color: #c2c2c2;
    float: left;
    margin: 0 5px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.about_sec4 .mStoneEvent .unslider-nav li.unslider-active {
    background-color: #e72e35;
}

.about_sec4 .stoneImg img {
    width: 100%;
}

.about_sec4 .yearCircle {
    width: 100px;
    height: 85px;
    background-color: #e72e35;
    color: white;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-top: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    z-index: 10;
}

.about_sec4 .yearCircle .middleY {
    float: left;
    margin-top: 25px;
    width: 100%;
    text-align: center;
}

.about_sec4 .mStoneEvent h2 {
    font-size: 24px;
    color: #e84f55;
    text-transform: none;
    margin: 30px 0 0;
    line-height: 24px;
}

.about_sec4 .mStoneEvent p {
    color: #6c6c6c;
}

.about_sec4 .eventContent ul {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    color: #6c6c6c;
}

.about_sec4 .eventContent ul li {
    margin-left: 20px;
}

.about_sec4 .yearList {
    float: left;
    width: 500px;
    height: 900px;
    margin: 0;
    position: relative;
}

.about_sec4 .yearList .nextYear {
    position: absolute;
    top: 90px;
    left: 49px;
    width: 25px;
    height: 30px;
    background: url('../images/mStone_gotoBtn_2.png') no-repeat 0 0;
    z-index: 10;
    cursor: pointer;
}

.about_sec4 .yearList .prevYear {
    position: absolute;
    bottom: 147px;
    left: 49px;
    width: 25px;
    height: 30px;
    background: url('../images/mStone_gotoBtn_2.png') no-repeat 0 -70px;
    z-index: 10;
    cursor: pointer;
}

.about_sec4 .yearList .lastestYear {
    position: absolute;
    top: 60px;
    left: 49px;
    width: 25px;
    height: 25px;
    background: url('../images/mStone_gotoBtn.png') no-repeat 0 0;
    z-index: 10;
    cursor: pointer;
}

.about_sec4 .yearList .firstYear {
    position: absolute;
    bottom: 117px;
    left: 49px;
    width: 25px;
    height: 25px;
    background: url('../images/mStone_gotoBtn.png') no-repeat 0 -25px;
    z-index: 10;
    cursor: pointer;
}

.about_sec4 .history {
    position: relative;
    overflow: hidden;
    padding-left: 50px;
    height: 600px;
    margin-top: 120px;
    background: url('../images/mStone_mainLine.png') repeat-y 61px 0;
}

.about_sec4 .yearList ul.mainLine {
    width: 100%;
    padding: 0 0 50px 40px;
    margin: 0;
    position: absolute;
    left: 10px;
    top: 240px;
}

.about_sec4 .yearList ul.mainLine li {
    margin-left: -61px;
    padding-left: 165px;
    font-size: 18px;
    letter-spacing: 1px;
    color: white;
    line-height: 120px;
    position: relative;
    cursor: pointer;
    transition: .5s;
}

.about_sec4 .yearList ul.mainLine li.active {
    font-size: 24px;
    color: #e72e35;
}

.about_sec4 .yearList ul.mainLine li.startPoint {
    position: absolute;
}

.about_sec4 .yearList ul.mainLine li.active {
    /*background: url('../images/mStone_historyBg.png') no-repeat 0 0;*/
}

.about_sec4 .yearList ul.mainLine li .dot {
    width: 12px;
    height: 12px;
    background-color: #787878;
    /*background: url('../images/mStone_yearPoint.png') no-repeat 0 0;*/
    position: absolute;
    left: 65px;
    top: 54px;
    border: 2px solid white;
    transition: .5s;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.about_sec4 .yearList ul.mainLine li .startdot {
    width: 29px;
    height: 50px;
    background: url('../images/mStone_startPoint.png') no-repeat 0 0;
    position: absolute;
    left: 59px;
    top: 37px;
}

.about_sec4 .yearList ul.mainLine li.active .dot {
    width: 21px;
    height: 21px;
    border: 0;
    background-color: #e72e35;
    /*background: url('../images/mStone_yearPoint_active.png') no-repeat 0 0;*/
    position: absolute;
    left: 63px;
    top: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.about_sec4 .yearList ul.mainLine li.active .startdot {
    background: url('../images/mStone_startPoint_active.png') no-repeat 0 0;
    top: 35px;
}

.about_sec5 {
    display: table;
    width: 100%;
    margin-bottom: 80px;
}


/*.about_sec5 h2{
	margin:40px 0 30px;
	font-size: 36px;
	font-weight: 400;
}
.about_sec5 h3{
	margin:30px 0 20px;
	font-weight: 400;
}*/

.masktop {
    width: 20px;
    height: 63px;
    background: url('../images/mStone_lineMaskUp.png') no-repeat 0 0;
    position: absolute;
    top: 100px;
    left: 51px;
    z-index: 1;
}

.maskdown {
    width: 25px;
    height: 47px;
    background: url('../images/mStone_lineMaskDown.png') no-repeat 0 0;
    position: absolute;
    bottom: 100px;
    left: 51px;
    z-index: 1;
}

.yearBg {
    width: 500px;
    height: 120px;
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -60px;
}

.yearBg .circle {
    width: 50px;
    height: 50px;
    background: url('../images/mStone_mainLine.png') repeat-y 24px 0;
    background-color: #7a7a7a;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    top: 35px;
    left: 33px;
}


/*About US END*/


/*Partners*/

.mainPartners .subBanner {
    height: 400px;
    background: url(../images/subBanner_partners.jpg) no-repeat center;
    background-size: cover;
}

.mainPartners .sitemap {
    padding: 0;
}

.mainPartners .becomePartners {
    min-height: 596px;
    background: url(../images/partners_banner2.jpg) no-repeat center;
    background-size: cover;
}


/*.mainPartners .partnerDashboard{
	min-height: 453px;
	background: url(../images/partners_banner2.jpg) no-repeat center;
	background-size: cover;
}*/

.mainPartners .training {
    min-height: 499px;
    background: url(../images/partners_banner3.jpg) no-repeat center;
    background-size: cover;
}

.mainPartners .becomePartners .row2 {
    float: right;
    color: white;
    padding-top: 80px;
}

.mainPartners .partnerDashboard .row3,
.mainPartners .training .row2 {
    color: white;
    padding-top: 80px;
}

.mainPartners .row2 h2,
.mainPartners .row3 h2 {
    font-size: 36px;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.mainPartners .row2 h3 {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.mainPartners .row2 p,
.mainPartners .row3 p {
    color: white;
}

.mainPartners .row2 ul {
    list-style: disc;
}

.mainPartners .row2 a,
.mainPartners .row3 a {
    font-size: 18px;
    padding: 20px 30px;
    letter-spacing: 1px;
    margin-top: 40px;
}


/*Partners END*/


/*Training*/

.mainTraining .subBanner {
    height: 350px;
    background: url(../images/subBanner_training.jpg) no-repeat center;
    background-size: cover;
}

.mainTraining .sitemap {
    padding: 0;
}

.mainTraining .subBanner-content {
    top: 85px;
}

.mainTraining .differentiate {
    min-height: 524px;
    background: url(../images/training_banner.jpg) no-repeat center;
    background-size: cover;
}

.mainTraining .becomeExpert {
    min-height: 550px;
    background: url(../images/training_banner2.jpg) no-repeat center;
    background-size: cover;
}

.mainTraining .differentiate .row2 {
    float: right;
    color: white;
    padding-top: 80px;
}

.mainTraining .becomeExpert .row3 {
    color: white;
    padding-top: 80px;
}

.mainTraining .row2 h2,
.mainTraining .row3 h2 {
    font-size: 36px;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.mainTraining .row2 h3 {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.mainTraining .row2 p,
.mainTraining .row3 p {
    color: white;
}

.mainTraining .row2 ul {
    list-style: disc;
}

.mainTraining .row2 a,
.mainTraining .row3 a {
    font-size: 18px;
    padding: 20px 30px;
    letter-spacing: 1px;
    margin-top: 40px;
}


/*Training END*/


/*Software Listing Start*/

.software_listing_sec1 {
    display: table;
    width: 100%;
    background-color: #f5f5f5;
}

.software_listing_sec1 .type,
.software_listing_sec2 .type {
    width: 240px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    background-color: #e72e35;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: 30px;
}

.software_listing_sec1 .row1 h2 {
    text-align: left;
    padding: 0;
    margin-top: 40px;
    font-weight: 500;
}

.software_listing_sec1 .row1 h2 span {
    margin: 0 10px;
}

.software_listing_sec1 .row1 h2 span.small {
    font-size: 20px;
}

.software_listing_sec1 .row1 p {
    color: #818181;
    margin: 10px 0;
}

.software_listing_sec1 .row4 h3 {
    font-size: 20px;
    /*text-transform: uppercase;*/
}

.software_listing_sec1 .row4 .img {
    background-color: #000;
    position: relative;
}

.software_listing_sec1 .row4 img {
    opacity: 1;
    width: 100%;
    /*transition: .5s;*/
}

.software_listing_sec1 .row4 .cover {
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .25;
}

.software_listing_sec1 .row4:hover .cover {
    opacity: 0;
}

.software_listing_sec2 .type {
    width: 240px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    background-color: #e72e35;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 30px 0 30px;
}

.software_listing_sec2 .row2 {
    width: 100%;
}

.software_listing_sec2 .row2 .img {
    width: 30%;
    margin-right: 30px;
    display: inline-table;
    vertical-align: top;
}

.software_listing_sec2 .row2 .info {
    width: 65%;
    display: inline-table;
    margin-top: 10px;
}

.software_listing_sec2 .row2 h3 {
    width: 100%;
    font-size: 20px;
    text-align: left;
    display: table;
    /*text-transform: uppercase;*/
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.2;
    border-bottom: 1px solid #c8c8c8;
}

.software_listing_sec2 .row2 p {
    display: table;
    color: #6c6c6c;
}


/*Software Listing End*/


/*Software Sku*/
.mainSoftwareSku .proSkuBanner > .container {
    padding: 10px 0 20px;
}

.mainSoftwareSku .proSkuBanner {
    background: none;
    height: auto;
}

.mainSoftwareSku .skuBanner {
    margin-top: 0;
    height: 470px;
}

.mainSoftwareSku .proSkuTopImg {
    height: 480px;
    float: left;
}

.mainSoftwareSku .proSkuTopImg .pImg .verticalArea {
    vertical-align: top;
}

.mainSoftwareSku .proSkuTopInfo {
    width: 450px;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
    top: auto;
    right: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
}

.mainSoftwareSku .proSkuTopInfo h3 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
    line-height: 1.6;
    float: none;
}

.mainSoftwareSku .proSkuTopInfo .features {
    border-top: none;
}


/*.mainSoftwareSku .proSkuTopInfo h6{
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}*/

.mainSoftwareSku .proSkuTopInfo ul {
    list-style-type: square;
    padding: 0 0 0 20px;
    margin: 0;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 22px;
}


/*.mainSoftwareSku .container .row1 h2{
	width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
    text-transform: uppercase;
}*/

.mainSoftwareSku .skuAward h3,
.mainSoftwareSku .pListImg h3 {
    color: #000;
}

.mainSoftwareSku .pListImg .img {
    position: relative;
}

.mainSoftwareSku .topDownload ul li .topDownInfoDiv .info div span {
    min-width: 7%;
    max-width: 15%;
    width: auto;
    vertical-align: top;
    float: left;
}

.mainSoftwareSku .topDownload ul li .topDownInfoDiv .info div span.infoTxt {
    max-width: calc(85% - 10px);
    width: auto;
    float: left;
}

@media screen and (max-width: 1024px){
    .mainSoftwareSku .topDownload ul li .topDownInfoDiv .info div span {
        min-width: 10%;
        max-width: 16%;
    }

    .mainSoftwareSku .topDownload ul li .topDownInfoDiv .info div span.infoTxt {
        max-width: calc(84% - 10px);
    }
}
/*Software Sku END*/


/*20160113 support knowledge energy (CISCO)*/

.mainEnergy {
    float: left;
    width: 100%;
    background: url('../images/mainEnergy.jpg') no-repeat top center fixed;
    background-size: 100% auto;
    -moz-background-size: cover;
    background-size: cover;
}

.energyTopInfo .img {
    float: right;
    width: 180px;
}

.energyTopInfo .img img {
    height: auto;
}

.energyTopInfo p {
    float: left;
    width: calc(100% - 200px);
}

.row .row2.grayBg.cisco {
    width: 80%;
}

.row .row2.grayBg.cisco h3 {
    margin: 10px 0 30px 0;
    text-transform: uppercase;
    font-weight: 400;
}

.row .row2.grayBg.cisco p {
    margin: 30px 0 0 0;
    border-top: 1px solid #d2d2d2;
    padding-top: 20px;
}

.row .row2.grayBg.cisco .info .img {
    width: 100%;
    margin: 0;
}


/*20160113 support knowledge energy (CISCO)*/


/*20160113 product support runtime*/

.subArticle .row1 .runtime_model a {
    background-color: #e72e34;
    width: 170px;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    height: 36px;
    vertical-align: middle;
}

.subArticle .row1 .runtime_model select {
    margin: 30px 10px 0 0;
    padding: 0 30px 0 10px;
}

.row1 .runtime_chart .img {
    width: 100%;
    border: 1px solid #ababab;
}

.row1 .runtime_chart .model_list {
    background-color: #ededed;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 0;
    margin-top: 30px;
    float: left;
    text-align: center;
}

.row1 .runtime_chart .model_list span.headerTitle {
    width: 35%;
    display: inline-block;
    float: left;
    text-align: center;
}

.row1 .runtime_chart .model_list span.headerInfo {
    width: 65%;
    display: inline-block;
    float: left;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    color: #6c6c6c;
}

.row1 .runtime_chart .specLine:hover {
    background-color: #fafafa;
}

.row1 .runtime_chart .specLine span.specTitle {
    text-align: center;
}

.row1 .runtime_chart .specLine span.specInfo a {
    color: #6c6c6c;
}

.row1 .runtime_chart .specLine span.specInfo a:hover {
    color: #e72e35;
}

.row1.disclaimer p {
    margin: 0;
}

.proSkuSpec.runtime_model {
    margin-bottom: 13px;
}

.chartjs-render-monitor {
    height: calc(100vh - 300px) !important;
}

#DivRuntime > .row {
    float: none;
    overflow: hidden;
}

#runtimechart .highcharts-title tspan,
#runtimeChart text.highcharts-title {
    color: #000;
    fill: #000;
    font-size: 0.89em;
    font-weight: 700;
}

p.runtimeDisclaimer {
    margin: 0;
    font-size: 0.8em;
}

p.EBMnote {
    clear: both;
    margin: -30px 0 30px;
    padding: 0 15px;
    font-size: 0.8em;
}

.runtime_table_wrapper {
    clear: both;
    margin: 0 0 30px;
    padding: 30px 15px 0;
}

p.runtimeDisclaimer + .runtime_table_wrapper {
    margin-top: 0;
					
}

.runtime_table_wrapper h4 {
    margin: 0;
    text-align: center;
}

.runtime_table_wrapper .runtime_table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    margin: 15px 0 10px;
    color: #75787b;
    text-align: center;
}

.runtime_table_wrapper .runtime_table .tr {
    display: table-row;
}

.runtime_table_wrapper .runtime_table .th,
.runtime_table_wrapper .runtime_table .td {
    display: table-cell;
    width: 25%;
    border: #d9d9d6 solid 1px;
    padding: 10px;
    vertical-align: middle;
}

.runtime_table_wrapper .runtime_table .th {
    background-color: #f5f5f5;
    color: #000;
}

.runtime_table_wrapper .runtime_table .th u {
    display: block;
    text-decoration: none;
}

.runtime_table_wrapper .note {
    margin: 0;
    font-size: 0.8em;
}

/*20160113 product support runtime*/


/*Product Sku Special*/

.mainProductSpecial .proSkuTopImg {
    height: 480px;
}

.mainProductSpecial .proSkuTopInfo {
    width: 463px;
    height: 350px;
}

.mainProductSpecial .proSkuTopInfo .features {
    margin-top: 10px;
}

.mainProductSpecial .proSkuTopInfo .features p {
    color: #7d7d7d;
}

.mainProductSpecial .skuBanner {
    height: 450px;
}

.mainProductSpecial .sImgList {
    left: 479px;
}

.mainProductSpecial .proSkuTag a {
    display: block;
    line-height: 50px;
    width: 160px;
}

#productEditor h5 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
}

#productEditor h6 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #afafaf;
    line-height: 46px;
    margin: 0;
}

#productEditor h6:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #e72e35;
    width: 4px;
    height: 26px;
    margin-right: 6px;
}

#productEditor .proSkuSpec {
    margin-bottom: 15px;
}


/*Product Sku Special END*/

@media all and (orientation:landscape) {
    /* Styles for Landscape screen */
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .comparResultList table tr td.infoTD .removeIcon {
        width: 18px;
        height: 18px;
        background: url('../images/nav/removeIcon@2x.png') no-repeat left top;
        background-size: 18px 18px;
    }
    .comparisonResultFilter .tr34 a {
        background: url('../images/nav/addOtherBtn@2x.png') no-repeat 5px top;
        background-size: 32px 36px;
    }
    .comparisonResultFilter a.only {
        background: url('../images/nav/onlyMySection_icon@2x.png') no-repeat 5px 0;
        background-size: 32px 64px;
    }
    .comparisonResultFilter a.different {
        background: url('../images/nav/onlyDifferent_icon@2x.png') no-repeat 5px 0;
        background-size: 32px 64px;
    }
    .faqInfo ul li .info .answer .downloadInfo a .icon {
        background: url('../images/nav/quick_guide_icon@2x.png') no-repeat top left;
        background-size: 19px 38px;
    }
    .sideFunNav .row1 a.RMAFORM {
        background: url('../images/nav/sideFunNav_icon_RMA_Form@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .sideFunNav .row1 a.clickDownload {
        background: url('../images/nav/sideFunNav_icon_clickdownload@2x.png') no-repeat 0 center;
        background-size: 132px 34px;
    }
    .sideFunNav .row1 a.channel {
        background: url('../images/nav/sideFunNav_icon_channel@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .sideFunNav .row1 a.about {
        background: url('../images/nav/sideFunNav_icon_about@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .sideFunNav .row1 a.world {
        background: url('../images/nav/sideFunNav_icon_world@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .ciscoBtn {
        background: url('../images/nav/ciscoBtn_icon@2x.png') no-repeat 6px 10px;
        background-size: 68px 40px;
    }
    .recommendBtn {
        background: url('../images/nav/recommendBtn_icon@2x.png') no-repeat 24px 10px;
        background-size: 40px 40px;
    }
    .faqInfo ul li .info .question .icon {
        background: url('../images/nav/faq_Question_icon@2x.png') no-repeat top left;
        background-size: 18px 28px;
    }
    .faqInfo ul li .info .answer .closeBtn {
        background: url('../images/nav/closeFaqBtn@2x.png');
        right: 20px;
        top: 20px;
        background-size: 20px 20px;
    }
    .addProduct .add .icon {
        background: url('../images/nav/add_icon@2x.png') no-repeat top left;
        background-size: 56px 112px;
    }
    .noteCal {
        background: url('../images/nav/add_cal_icon@2x.png') no-repeat top left;
        background-size: 32px 64px;
    }
    .addProForm table td .noteInfo {
        background: url('../images/nav/add_info_icon@2x.png') no-repeat top left;
        background-size: 32px 64px;
    }
    .downloadResultListIcon {
        background: url('../images/nav/downloadResultListIcon@2x.png') no-repeat left 0;
        background-size: 18px 36px;
    }
    .sideFunNav .row1 a.search {
        background: url('../images/nav/sideFunNav_icon_search@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .sideFunNav .row1 a.download {
        background: url('../images/nav/sideFunNav_icon_download@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .sideFunNav .row1 a.compatibility {
        background: url('../images/nav/sideFunNav_icon_compatibility@2x.png') no-repeat 0 center;
        background-size: 66px 34px;
    }
    .downloadSideNav .filter h6.redLineTitle .searchResult_arrow {
        background: url('../images/nav/searchResult_arrow@2x.png') top left no-repeat;
        background-size: 20px 40px;
    }
    .about_sec4 .yearList ul.mainLine li .startdot {
        background: url('../images/mStone_startPoint@2x.png') no-repeat 0 0;
        background-size: 29px 50px;
    }
    .about_sec4 .yearList ul.mainLine li.active .startdot {
        background: url('../images/mStone_startPoint_active@2x.png') no-repeat 0 0;
        background-size: 29px 50px;
    }
    .about_sec4 .yearList .nextYear {
        background: url('../images/mStone_gotoBtn_2@2x.png') no-repeat 0 0;
        background-size: 25px 100px;
    }
    .about_sec4 .yearList .prevYear {
        background: url('../images/mStone_gotoBtn_2@2x.png') no-repeat 0 -70px;
        background-size: 25px 100px;
    }
    .about_sec4 .yearList .lastestYear {
        background: url('../images/mStone_gotoBtn@2x.png') no-repeat 0 0;
        background-size: 25px 50px;
    }
    .about_sec4 .yearList .firstYear {
        background: url('../images/mStone_gotoBtn@2x.png') no-repeat 0 -25px;
        background-size: 25px 50px;
    }
    .about_sec4 .mStoneEvent .prevBtn {
        background: url('../images/mStone_prevBtn@2x.png') no-repeat 15px 110px;
        background-size: 17px 35px;
    }
    .about_sec4 .mStoneEvent .nextBtn {
        background: url('../images/mStone_nextBtn@2x.png') no-repeat 23px 110px;
        background-size: 17px 35px;
    }
}


/* 20160105  product sku */

.proskuNewNav .redLineTitle {
    border-bottom: none!important;
    color: #959595;
}

.proskuNewNav .redLineTitle span {
    background-color: #959595!important;
}

.proskuNewNav .redLineTitle:hover {
    color: #e72e35!important;
}

.proskuNewNav .redLineTitle.orig-active {
    color: #e72e35!important;
}

.proskuNewNav .redLineTitle span.active {
    background-color: #e72e35!important;
}

.proskuNewNav .redLineTitle.orig-active span {
    background-color: #e72e35!important;
}

.skuBanner .bxslider {
    margin: 0;
    padding: 0;
}

.skuBanner .bxslider .row3.pListImg {
    margin-top: 10px;
}

.skuBanner #slider-next.proskuNewNav {
    display: inline-block;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.skuBanner #slider-prev.proskuNewNav {
    display: inline-block;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.skuBanner .flexslider .flex-direction-nav a.flex-next:before,
.skuBanner .flexslider .flex-direction-nav a.flex-prev:before {
    background: none;
}

.skuBanner .flexslider .verticalArea img {
    margin: 0 auto;
}

.relatedPro .row2_7 {
    padding: 0 !important;
}

.row2_7 {
    padding: 0 15px!important;
}

.relatedPro .skuBanner {
    margin: 0;
    height: auto;
}

.row2_7 .skuBanner {
    margin: 0;
    height: auto;
}

.row2_7 .skuBanner #slider-prev,
.row2_7 .skuBanner #slider-next {
    top: 12%;
}

.mainBanner .flex-direction-nav .flex-next,
.mainBanner .flex-direction-nav .flex-prev {
    top: 50%;
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
    top: 31%;
}

.row2_7 .skuBanner #slider-prev {
    left: -2px;
}

.row2_7 .skuBanner .bx-wrapper .bx-controls-direction a {
    top: 38%;
}

.row2_7 .skuBanner .bx-wrapper .bx-controls-direction .bx-prev {
    left: -5px;
}

.skuBanner .viewAllImages {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #d50032;
    display: none;
}

.softwareSku .skuBanner .viewAllImages {
    margin-top: 10px;
}

.mainProductSpecial .skuBanner .viewAllImages {
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -62px;
}


/* 20160105  product sku */


/* 20160112  product sku */

#skuContainer .row4.sup_animate .img {
    width: 100%;
    height: 120px;
}

#skuContainer .row4.sup_animate .hoverBg {
    width: 120px;
    height: 120px;
    background-color: #ececec;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    opacity: 1 !important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    transition: .3s;
    -webkit-transition: .3s;
}

#skuContainer .row4.sup_animate:hover .hoverBg {
    background-color: #e72e35;
}

#skuContainer .row4.sup_animate .img img {
    position: absolute;
    width: 120px;
    height: 120px;
    left: 50%;
    margin-left: -60px;
}


/* 20160112  product sku */


/*Z*/

.row .row5_2.newsBg,
.row .row5.newsBg {
    background-position: center center;
    background-size: cover;
}

.filter-wrapper {
    float: left;
    width: 100%;
}

.filter-wrapper .title {
    float: left;
    width: 100%;
    font-size: 11px;
    color: black;
    display: inline-block;
}

.filter-wrapper .filter-group {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
}

.filter-wrapper .filter-group select {
    width: 250px;
    margin: 0 0 10px 0;
}

.filter-wrapper .filter-group .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 250px!important;
}

.filter-wrapper .filter-group .btn-search {
    width: 90%;
    background-color: rgba(88, 170, 219, 1)!important;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    margin-top: 8px;
    border: none;
}

.filter-wrapper .filter-group .btn-search:hover {
    background-color: rgba(71, 135, 173, 1)!important;
}

.filter-wrapper .filter-group button {
    width: 90%!important;
    margin-bottom: 10px;
}

.proListing .tr20 .img {
    height: 80px;
}

.proLineTab a {
    background: #f9f9f9;
    cursor: pointer;
    line-height: 1.2;
}

.proLineTab a:hover {
    background: #f1f1f1;
    color: #3c3c3c !important;
}

.proLineTab a.active:hover {
    background: #e72e35;
    color: white !important;
    cursor: default;
}

.mainProductLine #solution,
.mainProductLine #series {
    display: none;
}

.bx-wrapper .bx-controls-direction a {
    background: none;
    display: none;
}

.subArticle.skuSupport h2 {
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 15px;
}

.subArticle.skuSupport h3 {
    font-size: 18px;
    line-height: 26px;
}

.subArticle.skuSupport .hoverBg {
    width: 100px;
    height: 100px;
    background: #ececec;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 1 !important;
    transition: .3s;
    -webkit-transition: .3s;
}

.subArticle.skuSupport .row5:hover .hoverBg {
    background-color: #d50032;
}

.subArticle.skuSupport .img {
    width: 100px;
    margin: 0 auto;
}

.subArticle.skuSupport .img img {
    position: relative;
    z-index: 2;
}

.productSkuNew .proskuNewNav {
    margin-top: 35px;
    opacity: 0;
    overflow: hidden;
}

.productSkuNew .proskuNewNav h2 {
    width: auto;
    margin-right: 35px;
    float: left;
    font-size: 15px;
}

.productSkuNew .proskuNewNav .redLineTitle:first-child {
    margin-top: 10px;
}

.productSkuNew .newSkuBanner {
    height: 300px;
    margin-top: 15px;
    overflow: hidden;
    background: #ececec;
    margin-left: 15px;
    padding: 0;
}

.productSkuNew .newSkuBanner .skuBanner {
    position: absolute;
}

.productSkuNew .newSkuBanner .skuBanner .sliderWrap {
    width: 90%;
    margin: 0 auto;
}

.productSkuNew .newSkuBanner .skuBanner .bx-next,
.productSkuNew .newSkuBanner .skuBanner .bx-prev {
    height: 100%;
    top: 20px;
}

.productSkuNew .newSkuBanner .skuBanner .bx-next {
    right: -47px;
}

.productSkuNew .newSkuBanner .skuBanner .bx-prev {
    left: -47px;
}

.productSkuNew .newSkuBanner .skuBanner .bxslider a,
.productSkuNew .newSkuBanner .skuBanner .bxslider a:hover h4,
.productSkuNew .newSkuBanner .skuBanner .bxslider a:hover h5,
.newSkuBannerMobile .bxslider a,
.newSkuBannerMobile .bxslider a:hover h4,
.newSkuBannerMobile .bxslider a:hover h5 {
    color: #000;
}

.newSkuBannerMobile .bxslider .img {
    margin-top: 25px;
}

.productSkuNew .newSkuBanner .skuBanner .bxslider h4,
.newSkuBannerMobile .bxslider h4 {
    margin-bottom: 5px;
    word-break: keep-all;
    font-size: 13px;
}

.productSkuNew .newSkuBanner .skuBanner .bxslider h5,
.newSkuBannerMobile .bxslider h5 {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    word-break: keep-all;
    font-size: 13px;
    font-weight: 300;
}

.productSkuNew .newSkuBanner .skuBanner .bxslider .viewMore,
.newSkuBannerMobile .bxslider .viewMore {
    color: #d50032;
    font-size: 13px;
    font-weight: 300;
}

.productSkuNew .proskuNewNav .redLineTitle.orig-active,
.productSkuNew .proskuNewNav .redLineTitle.orig-active:hover {
    color: #000!important;
}

.productSkuNew .proskuNewNav .redLineTitle.orig-active span,
.productSkuNew .proskuNewNav .redLineTitle.orig-active:hover span {
    background: #d50032!important;
}

.productSkuNew .proskuNewNav h2.redLineTitle span {
    background: #fff !important;
}

.productSkuNew .proskuNewNav h2.redLineTitle:hover span {
    background: #bbbcbc!important;
}

.productSkuNew .proskuNewNav h2.redLineTitle,
.productSkuNew .proskuNewNav h2.redLineTitle:hover {
    color: #bbbcbc!important;
}

.productSkuNew .newSkuBanner .skuBanner.recent,
.productSkuNew .newSkuBanner .skuBanner.similar {
    top: 300px;
}

.productSkuNew .newSkuBanner .skuBanner #slider-next,
.productSkuNew .newSkuBanner .skuBanner #slider-prev {
    /*top: 23px;*/
}

.productSkuNew .subArticle.skuSupport .row5 a,
.softwareSku .subArticle.skuSupport .row5 a {
    color: #000;
}

.productSkuNew .subArticle.skuSupport .row5 a span,
.softwareSku .subArticle.skuSupport .row5 a span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
}

.productMainSection .row3 .pImg {
    width: 80%;
    height: auto;
    left: 10%;
    top: 10%;
    margin-left: 10%;
}

.newSkuBannerMobile .bxslider li {
    background: #ececec;
}

.newSkuBannerMobile .bxslider .infoWrap {
    margin: 25px 15%;
}

.newSkuBannerMobile .proskuNewNav h2 {
    margin-right: 0;
    word-break: keep-all;
    font-size: 16px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.newSkuBannerMobile .proskuNewNav h2 span {
    height: 100%;
}

.newSkuBannerMobile .redLineTitle:nth-child(2) span,
.newSkuBannerMobile .redLineTitle:nth-child(3) span {
    margin-left: 20px;
}

.newSkuBannerMobile h2.redLineTitle:nth-child(2),
.newSkuBannerMobile h2.redLineTitle:nth-child(3) {
    padding-left: 30px;
}

.newSkuBannerMobile .bx-wrapper .bx-controls-direction a.bx-prev,
.newSkuBannerMobile .bx-wrapper .bx-controls-direction a.bx-next {
    display: block;
    height: 100%;
    top: 16px;
}

.newSkuBannerMobile .row {
    position: absolute;
    top: 65px;
    left: 5px;
}

.newSkuBannerMobile {
    position: relative;
    overflow: hidden;
}

.productSkuNew .subArticle .bxslider .img {
    background: white;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.09);
}

.newSkuBanner .bxslider .img {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
    margin: 0 auto;
}

.subArticle.productListing {
    width: 100%;
}

.subArticle.productListing .heightAuto {
    margin-top: 20px;
}

.subArticle.productListing .titleLine {
    margin: 0 15px; border: none;
    width: calc(100% - 30px);
}

.productSkuNew .row.awardsCert .row3 a {
    color: #333333;
}

.productSkuNew .row.awardsCert .row3 img {
    width: 100%;
    height: auto;
}

.productSkuNew .row.awardsCert .row3 h4 {
    font-size: 16px;
    margin: 10px 0 0;
}

.productSkuNew .row.awardsCert .row3 p {
    margin: 10px 0;
    text-align: center;
}

/* ---------- Product Selector Landing Page Start ---------- */
.productSelectorInput table {
    float: none;
}
.productSelectorNote {
    border-top: #d9d9d6 solid 1px;
    font-size: 14px;
}
.productSelectorNote p span {
    font-weight: bold;
    display: block;
}
.row > .hideSpec {
    padding: 0 15px;
    text-align: right;
}
.row > .hideSpec > a {
    color: #000;
    cursor: pointer;
}
.row > .hideSpec > a:hover {
    color: #d50032;
}
.row > .hideSpec > a > span {
    margin-right: 5px;
}
.row > .hideSpec > a > i {
    transition: all 0.3s;
}
.productSelectorResult {
    font-size: 14px;
}
.productSelectorResult > .productSelectorWrapper {
    border: #d9d9d6 solid 1px;
    border-radius: 3px;
    padding: 10px;  
}
.productSelectorResult > .productSelectorWrapper.checked {
    border: #d50032 solid 1px;
}
.productSelectorResult > .productSelectorWrapper > .showSP {
    text-align: center;
    margin: -10px -10px 10px;
    padding: 10px;
    color: #fff;
    vertical-align: middle;
}
.productSelectorResult > .productSelectorWrapper > .bestPrice {
    background-color: #fb8c30;
}
.productSelectorResult > .productSelectorWrapper > .bestPerformance {
    background-color: #09bed9;
}
.productSelectorResult > .productSelectorWrapper > .bestValue {
    background-color: #95c300;
}
.productSelectorResult > .productSelectorWrapper > .showSP > span {
    margin: 0 5px;
    font-size: 1.2em;
    font-weight: 700;
}
.productSelectorResult > .productSelectorWrapper > .showSP > i {
    opacity: 0.5;
}
.productSelectorResult > .productSelectorWrapper > .pTitle {
    text-align: center;
}
.productSelectorResult > .productSelectorWrapper > .pTitle > p,
#indexContainer .productSelectorResult > .productSelectorWrapper > .pTitle > p {
    margin: 0;
}
.productSelectorResult > .productSelectorWrapper > .pTitle > h4 {
    margin: 0;
    font-size: 1.5em;
}
.productSelectorResult > .productSelectorWrapper > .pImg {
    width: 80%; 
    margin: 10px auto; 
    position: relative;
}
.productSelectorResult > .productSelectorWrapper > .pImg img {
    width: 100%;
    height: auto;
}
.productSelectorResult > .productSelectorWrapper > .pImg i.pImgGo {
    display: none;
    position: absolute;
    font-size: 3em;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.productSelectorResult > .productSelectorWrapper > .pImg > a:hover img {
    opacity: 0.5;
}
.productSelectorResult > .productSelectorWrapper > .pImg > a:hover i.pImgGo {
    display: inline-block;
}
.productSelectorResult > .productSelectorWrapper > .pTable > table {
    width: 100%;
    margin: 0;
    padding: 0;
}
.productSelectorResult > .productSelectorWrapper > .pTable > table tr:nth-child(even) {
    background-color: #f5f5f5;
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table th {
    text-align: right;
    padding: 5px;
    width: 40%; 
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table th:after {
    content: ':';
    margin-left: 5px;   
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td {
    text-align: left;
    padding: 5px;
    vertical-align: middle;
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td.capacity {
    height: 30px;
    padding: 10px 0;
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td.capacity > div {
    border: #75787b solid 1px;
    border-radius: 2px;
    background-color: #fff;
    box-sizing: border-box;
    width: 80%;
    height: 30px;
    float: left;
    position: relative;
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td.capacity > div:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 95;
    top: 0;
    box-shadow: inset 2px 2px 7px rgba(0,0,0,0.3);
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td.capacity span.capacityUsed {
    display: block;
    background-color: #75787b;
    background: -moz-linear-gradient(top, #75787b 0%, #bbbcbc 50%, #75787b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #75787b 0%,#bbbcbc 50%,#75787b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #75787b 0%,#bbbcbc 50%,#75787b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75787b', endColorstr='#75787b',GradientType=0 ); /* IE6-9 */
    width: 0;
    height: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.productSelectorResult > .productSelectorWrapper  > .pTable > table td.capacity span.capacityPercent {
    float: left;
    line-height: 30px;
    margin-left: 5px;
}
.productSelectorResult > .productSelectorWrapper > .pCompare {
    overflow: hidden;
    margin: 15px 0 5px;
    text-align: center;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > span.showPrice {
    display: inline-block;
    font-size: 1.2em;
    color: #d50032;
    margin-top: 7px;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    float: right;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #58aadb 0%, #4787ad 100%);
    background: linear-gradient(to bottom, #58aadb 0%, #4787ad 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(71, 135, 173, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
/*.productSelectorResult > .productSelectorWrapper  > .pTable > .pCompare > .pCompareBox label:hover,*/
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox input[type=checkbox]:checked + label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #d50032 0%, #a6192e 100%);
    background: -webkit-linear-gradient(top, #d50032 0%, #a6192e 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(166, 25, 46, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #ffffff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox label:hover::after {
    opacity: 0.3;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox input[type=checkbox] {
    visibility: hidden;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > .pCompareBox input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > a.pCompareBtn {
    color:#58aadb;
    float: right;
    border: #58aadb solid 2px;
    padding: 8px 15px; 
}
.productSelectorResult > .productSelectorWrapper > .pCompare > a.pCompareBtn:hover,
.productSelectorResult > .productSelectorWrapper > .pCompare > a.pCompareBtn.active {
    color:#fff;
    background: #58aadb;
}
.productSelectorResult > .productSelectorWrapper > .pCompare > a.pCompareBtn.active:hover {
    border: #4787ad solid 2px;
    background: #4787ad;
}
.productSelectorClear2,
.productSelectorClear3 {
    width: 100%;
    clear: both;
    float: none;
}
.productSelectorClear2 {
    display: none;
}
#indexContainer .productSelectorLanding p {
    float: none;
    text-align: left;
    margin-top: 10px;
}
.productSelectorLanding .row .row3 {
    padding: 15px 30px;
}
/* ---------- Product Selector Landing Page End ---------- */

/* liveChat start */
.liveChat {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 1%;
    z-index: 999;
    width: 175px;
}

.chatTit {
    width: 100%;
    height: 50px;
    position: relative;
    background-color: rgba(178, 178, 178, 0.9);
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.chatTit h3 {
    float: left;
    margin: 0 10px;
    margin-top: 7px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
}

.chatTit h3.chatTitH3 {
    margin-top: 3px;
}

.chatTit h3 small {
    display: block;
    color: #128300;
    font-size: 14px;
}

.chatTit h3 small:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #128300;
    border-radius: 50%;
    margin-right: 5px;
}

.chatTit img {
    position: absolute;
    bottom: 0;
    left: 57%;
}

.chatTit a {
    float: right;
    display: block;
    margin: 5px;
    color: #808080;
    font-size: 24px;
    line-height: 16px;
    font-weight: 900;
    text-decoration: none;
}

.chatTit a:hover,
.chatTit a:active {
    color: #595959;
}

.liveChatM {
    display: none;
}

@media screen and (max-width: 767px) {
    .liveChat {
        display: none;
    }
    .liveChatM {
        display: block;
        position: fixed;
        bottom: 1%;
        right: 1%;
        z-index: 999;
        height: 30px;
        background-color: rgba(178, 178, 178, 0.9);
        border-radius: 5px;
        cursor: pointer;
    }
    .liveChatM h3 {
        display: block;
        float: left;
        padding: 0 7px;
        margin: 0;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        border-right: #b3b3b3 solid 1px;
    }
    .liveChatM h3:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #128300;
        border-radius: 50%;
        margin-right: 5px;
        margin-bottom: 2px;
    }
    .liveChatM a {
        display: block;
        float: left;
        padding: 0 7px;
        color: #808080;
        font-size: 24px;
        line-height: 30px;
        font-weight: 900;
        border-left: #8b8b8b solid 1px;
    }
    .liveChatM a:hover,
    .liveChatM a:active {
        color: #595959;
    }
}
.newLiveChat {
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: #fff solid 2px;
    background-color: rgba(0,0,0,0.3);
    z-index: 98;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.newLiveChat.scroll {
    bottom: calc(60px + 2%);
}
.newLiveChat a.RWDtit,
.newLiveChat a.RWDclose {
    display: none;
}
.newLiveChat span.note {
    display: none;
    position: absolute;
    top: 50%;
    right: 100%;
    margin-right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    padding: 5px 10px;
    background: #fff;
    border: #ebebeb solid 1px;
    border-radius: 2px;
    font-size: 12px;
    white-space: nowrap;
}
.newLiveChat span.note:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ebebeb;
    position: absolute;
    top: 50%;
    right: -7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.newLiveChat span.note:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
    position: absolute;
    top: 50%;
    right: -7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.newLiveChat:hover span.note {
    display: block;
}
.newLiveChat a.PCicon {
    color: #fff;
    font-size: 2.1em;
    display: block;
    text-align: center;
    position: relative;
    top:45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.newLiveChat:hover {
    background-color: rgba(0,0,0,0.5);
}
@media screen and (max-width: 767px){
    .newLiveChat:hover span.note,
    .newLiveChat a.PCicon {
        display: none;
    }
    .newLiveChat {
        bottom: 1%;
        width: auto;
        height: auto;
        border-radius: 2px;
        border: none;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .newLiveChat a.RWDtit,
    .newLiveChat a.RWDclose {
        display: block;
        float: left;
        color: #fff;
    }
    .newLiveChat a.RWDtit {
        border-right: #63666a solid 1px;
        padding: 5px 10px;
    }
    .newLiveChat a.RWDclose {
        padding: 5px 7px;
    }
}
/* liveChat end */

/* Service Center RU start */

.serviceCenterRU > .container,
.serviceCenterRU .thead.fixed .theadWrapper {
    box-sizing: border-box;
    padding: 0 15px;
}

.serviceCenterRU .thead {
    border-bottom: #d0d0d0 solid 1px;
    overflow: hidden;
}

.serviceCenterRU .thead.fixed {
    position: fixed;
    z-index: 999;
    top: 62px;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.serviceCenterRU .thead.fixed .theadWrapper {
    width: 960px;
    margin: 0 auto;
}

.serviceCenterRU .thead span {
    display: block;
    float: left;
    box-sizing: border-box;
    font-weight: bold;
}

.serviceCenterRU table {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 60px;
}

.serviceCenterRU table tr {
    border-bottom: #d0d0d0 solid 1px;
}

.serviceCenterRU .thead span,
.serviceCenterRU table td {
    padding: 10px;
}

.serviceCenterRU table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.serviceCenterRU table tbody tr:hover {
    background-color: #ebebeb;
}

.serviceCenterRU .thead span:first-child,
.serviceCenterRU table tbody td:first-child {
    padding-left: 20px;
    width: 20%;
}

.serviceCenterRU .thead span:nth-child(2),
.serviceCenterRU table tbody td:nth-child(2) {
    width: 60%;
}

.serviceCenterRU .thead span:last-child,
.serviceCenterRU table tbody td:last-child {
    padding-right: 20px;
    width: 20%;
}

/*.backTop {
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.backTop a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: #fff solid 2px;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(../images/up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.backTop a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}*/

@media screen and (min-width: 1280px) {
    .serviceCenterRU .thead.fixed .theadWrapper {
        width: 1260px;
    }
}

@media screen and (max-width: 960px) {
    .mainContainer,
    .mainContainer.scroll {
        padding-top: 40px;
    }
    
    .mainContainer.seriesFixed,
    .mainContainer.scroll.seriesFixed {
        padding-top: 87px;
    }
}

@media screen and (max-width: 768px) {
    /*.mainContainer {
        padding-top: 40px;
    }*/
    .serviceCenterRU .thead.fixed {
        top: 40px;
    }
    .serviceCenterRU .thead.fixed .theadWrapper {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .serviceCenterRU > .container {
        padding: 0;
    }
    .serviceCenterRU .thead.fixed .theadWrapper {
        padding: 0
    }
    .serviceCenterRU .thead span:first-child,
    .serviceCenterRU table tbody td:first-child {
        width: 22%;
        word-wrap: break-word;
        word-break: break-all;
    }
    .serviceCenterRU .thead span:nth-child(2),
    .serviceCenterRU table tbody td:nth-child(2) {
        width: 51%;
    }
    .serviceCenterRU .thead span:last-child,
    .serviceCenterRU table tbody td:last-child {
        width: 27%;
    }
}
/* Service Center RU start */

/* ========== Product Landing Page start ========== */
#landingdiv > .row1 > h2 {
    text-align: left;
}
#landingdiv > .row1 > table > tbody > tr > td:first-child {
    padding-left: 15px;
}
#landingdiv > .row1 > table > tbody > tr > td > .normal.blueBtnDark {
    margin-left: 5px;
}

/* listing */
.pdListingFix {
    background: #fff;
    border-bottom: #d9d9d6 solid 1px;
    box-sizing: border-box;
}

.pdListingFix.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 97;
    border-bottom: none;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}

.pdListingFix1.fixed {
    top: 65px;
}

.pdListingFix2.fixed {
    top: 112px;
}

.pdListingFix3.fixed {
    top: 165px;
}

.pdListingNoFix.fixed {
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
}

.pdListingFix .pdListingTit {
    display: table;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.pdListingFix.fixed .pdListingTit {
    max-width: 1230px;
}

.pdListingFix .pdListingTit .pdListingTd {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 14.16%;
    padding: 10px;
    font-weight: bold;
}

.pdListingFix .pdListingTit .pdListingTd:first-child {
    width: 15%;
}

.pdListing {
    display: table;
    width: 100%;
    border-bottom: #d9d9d6 solid 1px;
    overflow: hidden;
    box-sizing: border-box;
}

.pdListing .pdListingPic {
    display: table-cell;
    width: 15%;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
}

.pdListing .pdListingPic.new {
    position: relative;
    overflow: hidden;
}

.pdListing .pdListingPic.new:before {
    content: '';
    display: block;
    width: 55px;
    height: 17px;
    background-color: #d50032;
    background-image: url('../images/nav/new_product_icon.svg');
    background-size: 23px auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 4px;
    right: -15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.pdListing .pdListingPic img {
    display: block;
    max-width: 80%;
    height: auto;
    margin: 0 auto;
}

.pdListing .pdListingPic span {
    display: block;
    margin: 5px auto;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.pdListing .pdListingPic span:hover {
    color: #d50032;
}

.pdListing .pdListingTxt {
    display: table-cell;
    width: 85%;
    vertical-align: middle;
}

.pdListing .pdListingTxt .pdListingTable {
    display: table;
    width: 100%;
    text-align: center;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd {
    display: table-cell;
    width: 16.66%;
    padding: 10px;
    vertical-align: top;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd:last-child {
    padding-right: 15px;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd > span {
    display: none;
    font-weight: bold;
    color: #000;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd p {
    margin: 0;
    color: #75787b;
}

/*.pdListing .pdListingTxt .pdListingTable .pdListingTd p > span {
    display: block;
}*/

.pdListing .pdListingTxt .pdListingTable .pdListingTd p > span + span {
    /*margin-left: 5px;*/
}

.comparisonList .proSelectCompare form,
.productSelectorResult > .productSelectorWrapper > .pCompare form,
.NasCompatibleList form,
.proSkuInfoBtm .addCompareDiv form,
.pdListing .pdListingTxt .pdListingTable .pdListingTd form,
.upsSelectorResult .resultWrapper .resultTd.resultBtn form,
.upsSelectorResult .resultWrapper .resultTd.resultImg form {
    position: relative;
    display: inline;
    color: #000;
    line-height: 1.33;
}

.comparisonList .proSelectCompare input[type="checkbox"],
.productSelectorResult > .productSelectorWrapper > .pCompare input[type="checkbox"],
.NasCompatibleList input[type="checkbox"],
.proSkuInfoBtm .addCompareDiv input[type="checkbox"],
.pdListing .pdListingTxt .pdListingTable .pdListingTd input[type="checkbox"],
.upsSelectorResult .resultWrapper .resultTd.resultBtn input[type="checkbox"],
.upsSelectorResult .resultWrapper .resultTd.resultImg input[type="checkbox"] {
    visibility: hidden;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.comparisonList .proSelectCompare label.pdListingCheck,
.productSelectorResult > .productSelectorWrapper > .pCompare label.pdListingCheck,
.NasCompatibleList label.pdListingCheck,
.proSkuInfoBtm .addCompareDiv label.pdListingCheck,
.pdListing .pdListingTxt .pdListingTable .pdListingTd label.pdListingCheck,
.upsSelectorResult .resultWrapper .resultTd.resultBtn label.pdListingCheck,
.upsSelectorResult .resultWrapper .resultTd.resultImg label.pdListingCheck {
    box-sizing: border-box;
    border: #bbbcbc solid 1px;
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.comparisonList .proSelectCompare label.pdListingCheck:before,
.productSelectorResult > .productSelectorWrapper > .pCompare label.pdListingCheck:before,
.NasCompatibleList label.pdListingCheck:before,
.proSkuInfoBtm .addCompareDiv label.pdListingCheck:before,
.pdListing .pdListingTxt .pdListingTable .pdListingTd label.pdListingCheck:before,
.upsSelectorResult .resultWrapper .resultTd.resultBtn label.pdListingCheck:before,
.upsSelectorResult .resultWrapper .resultTd.resultImg label.pdListingCheck:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1px;
    background-clip: content-box;
    position: absolute;
    top: 0;
    left: 0;
}

.proSkuInfoBtm .addCompareDiv label.pdListingCheck:before {
    top: 1px;
}

.comparisonList .proSelectCompare input[type="checkbox"]:checked + label.pdListingCheck:before,
.productSelectorResult > .productSelectorWrapper > .pCompare input[type="checkbox"]:checked + label.pdListingCheck:before,
.NasCompatibleList input[type="checkbox"]:checked + label.pdListingCheck:before,
.proSkuInfoBtm .addCompareDiv input[type="checkbox"]:checked + label.pdListingCheck:before,
.pdListing .pdListingTxt .pdListingTable .pdListingTd input[type="checkbox"]:checked + label.pdListingCheck:before,
.upsSelectorResult .resultWrapper .resultTd.resultBtn input[type="checkbox"]:checked + label.pdListingCheck:before,
.upsSelectorResult .resultWrapper .resultTd.resultImg input[type="checkbox"]:checked + label.pdListingCheck:before {
    background-color: #d50032;
}

.comparisonList .proSelectCompare label.pdListingLabel,
.productSelectorResult > .productSelectorWrapper > .pCompare label.pdListingLabel,
.NasCompatibleList label.pdListingLabel,
.proSkuInfoBtm .addCompareDiv label.pdListingLabel,
.pdListing .pdListingTxt .pdListingTable .pdListingTd label.pdListingLabel,
.upsSelectorResult .resultWrapper .resultTd.resultBtn label.pdListingLabel,
.upsSelectorResult .resultWrapper .resultTd.resultImg label.pdListingLabel {
    margin-left: 5px;
}

.comparisonList .proSelectCompare input[type="checkbox"]:checked ~ label.pdListingLabel,
.productSelectorResult > .productSelectorWrapper > .pCompare input[type="checkbox"]:checked ~ label.pdListingLabel,
.NasCompatibleList input[type="checkbox"]:checked ~ label.pdListingLabel,
.proSkuInfoBtm .addCompareDiv input[type="checkbox"]:checked ~ label.pdListingLabel,
.pdListing .pdListingTxt .pdListingTable .pdListingTd input[type="checkbox"]:checked ~ label.pdListingLabel,
.upsSelectorResult .resultWrapper .resultTd.resultBtn input[type="checkbox"]:checked ~ label.pdListingLabel,
.upsSelectorResult .resultWrapper .resultTd.resultImg input[type="checkbox"]:checked ~ label.pdListingLabel {
    color: #d50032;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd a.moreBtn {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding: 7px 0;
    background: #d50032;
    color: #fff;
    position: relative;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd a.moreBtn:hover {
    background: #a6192e;
}

.pdListing .pdListingTxt .pdListingTable .pdListingTd a.moreBtn:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-top: #d9d9d6 dotted 1px;
    position: absolute;
    top: -12px;
}

@media screen and (max-width: 1279px) {
    .pdListingFix.fixed .pdListingTit {
        max-width: 930px;
    }
}

@media screen and (max-width: 960px) {
    .pdListingFix.fixed {
        padding: 0 15px;
    }

    .pdListingFix1.fixed {
        top: 40px;
    }

    .pdListingFix2.fixed {
        top: 87px;
    }

    .pdListingFix3.fixed {
        top: 140px;
    }
    
    .pdListingNoFix.fixed {
        padding: 0;
    }

    .pdListingFix .pdListingTit .pdListingTd {
        width: 13.12%;
    }

    .pdListingFix .pdListingTit .pdListingTd:first-child {
        width: 18%;
    }

    .pdListingFix .pdListingTit .pdListingTd:last-child {
        width: 16.4%;
    }

    .pdListingFix.fixed .pdListingTit {
        max-width: 100%;
    }

    .pdListing .pdListingPic {
        width: 18%;
    }

    .pdListing .pdListingTxt {
        width: 82%;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd {
        width: 16%;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd:last-child {
        width: 20%;
    }
}

@media screen and (max-width: 640px) {
    .pdListingFix {
        display: none;
    }

    .pdListing .pdListingPic {
        display: block;
        width: 100%;
    }

    .pdListing .pdListingPic.new:before {
        width: 30%;
        height: 11%;
        background-size: 35% auto;
        top: 6.6%;
        right: -7%;
    }

    .pdListing .pdListingPic img {
        width: 50%;
    }

    .pdListing .pdListingPic span {
        font-size: 1.3em;
        margin-bottom: 15px;
    }

    .pdListing .pdListingPic form {
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .pdListing .pdListingTxt {
        display: block;
        width: 100%;
    }

    .pdListing .pdListingTxt .pdListingTable {
        display: block;
        text-align: left;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd {
        display: block;
        width: 100%;
        padding: 5px 15px;
        box-sizing: border-box;
        border-bottom: #f5f5f5 solid 1px;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd:last-child {
        border-bottom: none;
        width: 100%;
        padding: 10px 0 15px;
        text-align: center;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd > span {
        line-height: 1.3;
        display: inline-block;
        width: 37%;
        vertical-align: top;
    }
    
    .pdListing .pdListingTxt .pdListingTable .pdListingTd .pdListingTdData {
        display: inline-block;
        width: 60%;
        margin-left: 2%;
        vertical-align: top;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd p {
        line-height: 1.3;
        display: inline;
        /*width: 60%;
        margin-left: 2%;
        vertical-align: top;*/
    }
    
    .pdListing .pdListingTxt .pdListingTable .pdListingTd p + p:before {
        content: '/';
        margin: 0 5px;
        color: #d9d9d6;
    }

    /*.pdListing .pdListingTxt .pdListingTable .pdListingTd p > span {
        display: inline;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd p > span + span:before {
        content: '/';
        margin: 0 5px;
    }*/

    .pdListing .pdListingTxt .pdListingTable .pdListingTd a.moreBtn {
        text-align: center;
    }

    .pdListing .pdListingTxt .pdListingTable .pdListingTd a.moreBtn:before {
        border-top: #f5f5f5 solid 1px;
    }
}
/* ========== Product Landing Page end ========== */

/* ========== back to top start ========== */
.backTop {
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: #fff solid 2px;
    background-color: rgba(0,0,0,0.3);
    z-index: 98;
}

.backTop a {
    color: #fff;
    font-size: 2.5em;
    display: block;
    text-align: center;
    position: relative;
    top:40%;
    transform: translateY(-50%);
}

.backTop:hover {
    background-color: rgba(0,0,0,0.5);
}
/* ========== back to top end ========== */

/* ========== cookies popup start ========== */
.cookiesPopup {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1500;
    padding: 5px 0;
}
.cookiesPopup p {
    display: inline-block;
    color: #bbbcbc;
    margin: 0;
    max-width: 90%;
}
.cookiesPopup p a {
    color: #fff;
    text-decoration: underline;
}
.cookiesPopup a.closeCookies {
    display: inline-block;
    color: #bbbcbc;
    border: #bbbcbc solid 1px;
    padding: 5px 15px;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.cookiesPopup a.closeCookies:hover {
    background: #fff;
    border: #fff solid 1px;
    color: #000;
}
@media screen and (max-width: 1000px) {
    .cookiesPopup > .container {
        box-sizing: border-box;
        padding: 10px;
    }
    .cookiesPopup a.closeCookies {
        right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .cookiesPopup p {
        max-width: 100%;
    }
    .cookiesPopup a.closeCookies {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        float: right;
    }
}
/* ========== cookies popup end ========== */

/* ========== country selector start ========== */
.countrySelectorWrapper {
    max-width: 1260px;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    box-sizing: border-box;
}
.countrySelectorWrapper .csTitle {
    background: #ebebeb;
    padding: 15px;
    position: relative;
}
.countrySelectorWrapper .csTitle p {
    margin: 0;
    font-size: 1.2em;
    font-weight: 300;
}
.countrySelectorWrapper .csTitle p a {
    color: #000;
    position: relative;
    font-weight: 700;
}
.countrySelectorWrapper .csTitle p a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
    background: #d50032;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
}
.countrySelectorWrapper .csTitle p a:hover {
    color: #d50032;
}
.countrySelectorWrapper .csTitle i.closeBtn {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 36px;
    top: 5px;
    right: 0;
    text-align: center;
    color: #63666a;
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.countrySelectorWrapper .csTitle i.closeBtn:hover {
    /* opacity: 1; */
}
.countrySelectorWrapper .csContent {
    overflow: hidden;
}
.countrySelectorWrapper .csContent .csLeftMenu {
    float: left;
    width: 20%;
    box-sizing: border-box;
}
.countrySelectorWrapper .csContent .csLeftMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.countrySelectorWrapper .csContent .csLeftMenu ul li,
.countrySelectorWrapper .csContent .csLeftMenu a {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    font-size: 1.4em;
    font-weight: 300;
    color: #000;
}
.countrySelectorWrapper .csContent .csLeftMenu ul li:hover,
.countrySelectorWrapper .csContent .csLeftMenu a:hover {
    color: #d50032;
}
.countrySelectorWrapper .csContent .csLeftMenu ul li.active,
.countrySelectorWrapper .csContent .csLeftMenu a.active {
    background: #d50032;
    color: #fff;
}
.countrySelectorWrapper .csContent .csRightInfo {
    display: none;
    float: left;
    width: 80%;
    border-left: #ebebeb solid 1px;
    box-sizing: border-box;
    overflow: hidden;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 5px 15px 10px;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul li {
    padding: 10px 0;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul li a {
    color: #000;
    display: inline-block;
    position: relative;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul li a:hover:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #d50032;
    position: absolute;
    bottom: -4px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul li a span {
    color: #75787b;
}
.countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper ul li a span:before {
    content: '/';
    margin: 0 5px;
    color: #000;
}

@media screen and (max-width: 1024px) {
    .countrySelectorWrapper {
        width: 95%;
    }
    .countrySelectorWrapper .csTitle p {
        width: 95%;
    }
    .countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper {
        width: 33.33%;
    }
    .countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper:last-child {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .countrySelectorWrapper {
        width: 100%;
        height: 100%;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
    }
    .countrySelectorWrapper .csTitle p a {
        color: #d50032;
    }
    .countrySelectorWrapper .csTitle p a:after {
        display: none;
    }
    .countrySelectorWrapper .csContent .csLeftMenu {
        width: 35%;
    }
    .countrySelectorWrapper .csContent .csRightInfo {
        width: 65%;
        height: 100%;
        overflow: auto;
    }
    .countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper {
        float: none;
        width: 100%;
        padding: 0px 15px;
    }
    .countrySelectorWrapper .csContent .csRightInfo .csInfoWrapper:last-child {
        display: block;
    }
}
/* ========== country selector end ========== */

/* ========== cross reference start ========== */
.cross_reference {
    padding-bottom: 15px;
}

.cross_reference ul.cross_reference_tab {
    margin: 0;
    padding: 0 15px;
    list-style: none;
}

.cross_reference ul.cross_reference_tab li {
    display: inline-block;
    margin: 0 -2px 0 0;
    padding: 0 5px;
}

.cross_reference ul.cross_reference_tab li + li {
    border-left: #d9d9d6 solid 1px;
}

.cross_reference ul.cross_reference_tab li a {
    display: block;
    color: #d50032;
    padding: 10px 15px;
    border-bottom: #fff solid 2px;
}

.cross_reference ul.cross_reference_tab li a:hover,
.cross_reference ul.cross_reference_tab li a.active {
    border-bottom: #d50032 solid 2px;
}

.cross_reference table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    table-layout: fixed;
    color: #75787b;
}

.cross_reference table thead tr {
    border-bottom: #d9d9d6 solid 1px;
}

.cross_reference table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.cross_reference table tbody tr:hover {
    background-color: #d9d9d6;
}

.cross_reference table th,
.cross_reference table td {
    padding: 10px 20px;
    vertical-align: middle;
}

.cross_reference table th {
    width: 12%;
    color: #000;
}

.cross_reference table th:nth-child(2),
.cross_reference table th:nth-child(5) {
    width: 25%;
}

.cross_reference table th:nth-child(4),
.cross_reference table th:last-child {
    width: 13%;
}

.cross_reference table td a {
    color: #d50032;
}

.cross_reference table td a:hover {
    color: #a6192e;
    text-decoration: underline;
}

.cross_reference span.notice {
    display: inline-block;
    color: #bbbcbc;
    margin: 15px 0;
    padding: 0 15px;
    clear: both;
}

@media screen and (max-width: 1024px) {
    .cross_reference table th,
    .cross_reference table th:nth-child(4),
    .cross_reference table th:last-child {
        width: 15%;
    }

    .cross_reference table th:nth-child(2),
    .cross_reference table th:nth-child(5) {
        width: 20%;
    }
}

@media screen and (max-width: 768px) {
    .cross_reference table th,
    .cross_reference table td {
        padding: 10px;
        word-break: break-word;
    }

    /*.cross_reference table th {
        width: 20%;
    }

    .cross_reference table th:first-child {
        width: 29%;
    }

    .cross_reference table th:nth-child(3) {
        width: 18%;
    }

    .cross_reference table th:last-child {
        width: 33%;
    }*/
}

@media screen and (max-width: 640px) {
    .cross_reference ul.cross_reference_tab li {
        width: 33%;
        box-sizing: border-box;
        word-break: break-all;
        vertical-align: middle;
    }

    .cross_reference table thead {
        display: none;
    }

    .cross_reference table tbody tr {
        display: block;
        padding: 10px 0;
        border-bottom: #d9d9d6 solid 1px;
    }

    .cross_reference table tbody tr:nth-child(even) {
        background: none;
    }

    .cross_reference table tbody tr:hover {
        background-color: transparent;
    }

    .cross_reference table td {
        display: block;
        padding: 5px 0 5px 46%;
        position: relative;
        box-sizing: border-box;
        min-height: 30px;
    }

    .cross_reference table td:before {
        content: attr(data-title)':';
        position: absolute;
        width: 46%;
        left: 0;
        color: #000;
    }
}
/* ========== cross reference end ========== */

/* ========== runtime calculator start ========== */
.calculator_L {
    float: left;
    box-sizing: border-box;
    width: 30%;
    padding-right: 30px;
}

.calculator_L h5 {
    font-size: 18px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}

.calculator_L input[type="text"] {
    margin: 0 0 20px;
    width: 100%;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
}

.calculator_L .calculatorEBM {
    margin-bottom: 5px;
}

.calculator_L .calculatorEBM label {
    padding-bottom: 1px;
}

.calculator_L input[type="radio"] {
    visibility: hidden;
    width: 0;
}

.calculator_L input[type="radio"]:checked + label {
    border-bottom: #d50032 solid 2px;
}

.calculator_R {
    float: left;
    box-sizing: border-box;
    width: 70%;
    overflow: hidden;
}

.calculator_R .runtimeDisclaimer h6,
#DivRuntime h6 {
    font-size: 14px;
    margin: 20px 0 5px;
}

.calculator_R .runtimeDisclaimer p,
#DivRuntime p {
    /*font-size: 12px;
    margin: 0;
    line-height: 1.3;*/
}

@media screen and (max-width: 768px) {
    .calculator_L {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .calculator_R {
        float: none;
        width: 100%;
    }
}
/* ========== runtime calculator end ========== */

/* ========== new Product Comparison start ========== */
.comparisonTitle {
    border-bottom: #d9d9d6 solid 1px;
}

.comparisonHighlight {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 14px;
}

.comparisonHighlight span {
    vertical-align: middle;
}

.comparisonHighlight .compareShow {
    display: inline-block;
    position: relative;
    background: #bbbcbc;
    width: 45px;
    height: 20px;
    border-radius: 10px;
    margin-left: 2px;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
    vertical-align: middle;
}

.comparisonHighlight .compareShow.checked {
    background: #d50032;
}

.comparisonHighlight .compareShow input[type="checkbox"] {
    visibility: hidden;
}

.comparisonHighlight .compareShow label.rangeHighlight {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.comparisonHighlight .compareShow label.controlHighlight {
    display: block;
    position: absolute;
    background: #fff; /* FF3.6-15 */
    background: -webkit-linear-gradient(#ffffff 0%, #d9d9d6 100%);
    background: -o-linear-gradient(#ffffff 0%, #d9d9d6 100%);
    background: linear-gradient(#ffffff 0%, #d9d9d6 100%); /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d6',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px 1px 1px #fff, 0px 0px 5px rgba(0,0,0,0.5);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.comparisonHighlight .compareShow input[type="checkbox"]:checked ~ label.controlHighlight {
    left: 28px;
}

table.comparisonTable {
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    color: #63666a;
    font-size: 14px;
}

table.comparisonTable td {
    padding: 10px;
}

table.comparisonTable .comparisonTDtitle {
    width: 22%;
    color: #000;
}

table.comparisonTable .comparisonTDcontent {
    width: 19.5%;
    /*word-wrap: break-word;
    word-break: break-all;*/
}

.comparisonPic {
    text-align: center;
    background: #fff;
}

.comparisonPic.fixed {
    position: fixed;
    width: 930px;
    top: 65px;
    border-bottom: #d9d9d6 solid 1px;
}

.comparisonPic td {
    position: relative;
}

.comparisonPic a {
    color: #000;
}

.comparisonPic a:hover {
    color: #d50032;
}

.comparisonPic i {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 1.2em;
    cursor: pointer;
    color: #bbbcbc;
}

.comparisonPic i:hover {
    color: #75787b;
}

.comparisonPic td img {
    display: block;
    margin: 0 auto;
    width: 150px;
}

.comparisonSpec thead tr {
    background: #63666a;
    color: #fff;
    font-weight: bold;
}

.comparisonSpec tbody tr:nth-child(even) {
    background: #f2f2f2;
}

.comparisonSpec tbody td.comparisonTDtitle {
    font-weight: bold;
}

tr.tdHighlight td.comparisonTDcontent {
    color: #d50032;
}

.rowspanHover {
    background: rgba(217,217,214,0.2);
}

@media screen and (min-width: 1280px) {
    .comparisonPic.fixed {
        width: 1230px;
    }
}

@media screen and (max-width: 960px) {
    .comparisonPic.fixed {
        width: calc(100% - 30px);
        top: 40px;
    }

    .comparisonPic td img {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .comparisonHighlight {
        margin-top: 10px;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
    }

    .comparisonPic.fixed {
        text-align: left;
    }
    
    .comparisonPic.fixed td img {
        display: none;
    }

    .comparisonPic.fixed i {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

    .comparisonTable tbody td:nth-child(n+4) {
        display: none;
    }

    table.comparisonTable tr,
    table.comparisonTable .comparisonTDtitle {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 0;
    }

    table.comparisonPic .comparisonTDtitle {
        display: none;
    }

    table.comparisonTable .comparisonTDcontent {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        margin: 0 -1px;
        padding-top: 5px;
    }
}
/* ========== new Product Comparison end ========== */

/* ========== new Video Tutorials start ========== */
.videoTutorials_L {
    float: left;
    box-sizing: border-box;
    width: 20%;
    overflow: hidden;
}

.videoTutorials_L .videoSearch form {
    display: inline-block;
    width: 89%;
    margin-right: 1%;
    position: relative;
    vertical-align: middle;
}

.videoTutorials_L .videoSearch input.searchTxt {
    width: 100%;
    border: #d9d9d6 solid 1px;
    padding: 5px 28px 5px 5px;
    font-family: 'Roboto', sans-serif;
    color: #63666a;
}

.videoTutorials_L .videoSearch label.closeTxt {
    position: absolute;
    display: none;
    width: 24px;
    padding: 0 2px;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 28px;
    color: #d9d9d6;
}

.videoTutorials_L .videoSearch label.closeTxt.active {
    display: block;
}

.videoTutorials_L .videoSearch a.videoSearchBtn {
    display: inline-block;
    width: 10%;
    margin: 0 -2px;
    padding: 3px 0;
    text-align: center;
    font-size: 1.4em;
    color: #000;
    cursor: pointer;
    vertical-align: middle;
}

.videoTutorials_L .videoSearch a.videoSearchBtn i {
    display: block;
}

.videoTutorials_L h4 {
    display: inline-block;
    width: 89%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 1.2em;
    font-weight: 400;
    border-bottom: #d9d9d6 solid 1px;
}

.videoTutorials_L ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.videoTutorials_L ul li {
    margin: 10px 0;
}

.videoTutorials_L ul li a {
    padding-bottom: 5px;
    position: relative;
    color: #63666a;
}

.videoTutorials_L ul li a:hover:after,
.videoTutorials_L ul li a.active:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #d50032;
    position: absolute;
    bottom: 1px;
}

.videoTutorials_R {
    float: left;
    box-sizing: border-box;
    width: 80%;
    overflow: hidden;
    padding-left: 15px;
}

.videoTutorials_R .mainVideo {
    overflow: hidden;
    margin-bottom: 30px;
    background: #d50032;
    position: relative;
}

.videoTutorials_R .mainVideo:after {
    content: '\f03d';
    font-family: fontAwesome;
    color: #a6192e;
    opacity: 0.5;
    position: absolute;
    font-size: 10em;
    line-height: 1;
    right: 2%;
    bottom: 0;
    z-index: 1;
}

.videoTutorials_R .mainVideo .img {
    width: 65%;
    float: left;
}

.videoTutorials_R .mainVideo .mainVideoTxt {
    width: 35%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}

.videoTutorials_R .mainVideo .mainVideoTxt h5 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 2.4em;
    font-weight: 300;
}

.videoTutorials_R .mainVideo .mainVideoTxt h6 {
    margin: 0 0 5px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    border-bottom: #a6192e solid 1px;
}

.videoTutorials_R .mainVideo .mainVideoTxt p {
    margin: 0;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 300;
    position: relative;
    z-index: 5;
}

.videoTutorials_R .videoSearchTit {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: #ebebeb solid 1px;
}

.videoTutorials_R .videoSearchTit p {
    margin: 0;
    font-size: 1.3em;
}

.videoTutorials_R .videoSearchTit p span {
    font-size: 0.8em;
    color: #bbbcbc;
    vertical-align: middle;
}

.videoTutorials_R .videoSearchTit p span u {
    color: #d50032;
    text-decoration: none;
    margin: 0 5px;
    font-size: 1.25em;
}

.videoList {
    overflow: hidden;
    margin-bottom: 30px;
}

.videoList .videoListTit {
    margin: 0 0 15px;
    padding-top: 5px;
    /*border-bottom: #d9d9d6 solid 1px;*/
}

.videoTutorials_R .videoList .videoListTit {
    border-bottom: #d9d9d6 solid 1px;
    padding: 0 0 5px;
}

.videoList .videoListTit h4 {
    /*display: inline-block;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0;*/
}

.videoList .videoListTit a {
    display: inline-block;
    float: right;
    margin-top: 2px;
    color: #d50032;
}

.videoList .videoListTit a i {
    margin-left: 3px;
}

.videoList .img {
    position: relative;
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.videoTutorials_R .videoList .img {
    width: 100%;
}
.videoList h5 {
    margin: 0 0 0 15px;
    padding: 0;
    color: #63666a;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: 400;
    max-width: calc(100% - 170px);
}
.videoTutorials_R .videoList p {
    margin: 5px 0 0;
    padding: 0 10px 0 0;
    color: #63666a;
}

.videoTutorials_R .videoList .videoListTit h5 {
    margin: 0;
    color: #000;
    max-width: 100%;
}

.videoList h5 a {
    color: #63666a;
    text-decoration: none;
    cursor: pointer;
}

.videoList h5 a:hover {
    color: #d50032;
}
.videoList .videoListContent {
    overflow: hidden;
}

.videoList .videoListContent + .videoListContent {
    margin-top: 15px;
}

.videoList .row4 {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
}

.videoTutorials_R .videoList .row4 {
    width: 33.08%;
    margin: 5px 0;
    margin-right: 0.38%;
    float: left;
}

.videoList .row4 + .row4 {
    margin-top: 15px;
}

.videoTutorials_R .videoList .row4 + .row4 {
    margin-top: 5px;
}
.videoList .row4:nth-child(3n) {
    margin-right: 0;
}

.videoList .row4:nth-child(3n+1) {
    clear: both;
}

.videoTutorials_R .iframe,
.videoTutorials_R .iframeClick,
.videoList .iframe,
.videoList .iframeClick {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	overflow: hidden;
}

.videoTutorials_R .iframe iframe,
.videoList .iframe iframe {
    width: 100%;
    height: 100%;
}

.videoList .iframe img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
    .videoTutorials_L .videoSearch form {
        width: 86%;
    }

    .videoTutorials_L .videoSearch a.videoSearchBtn {
        width: 13%;
    }

    .videoTutorials_L h4 {
        width: 86%;
    }

    .videoTutorials_R .mainVideo:after {
        font-size: 7em;
        bottom: 2%;
    }

    .videoTutorials_R .mainVideo .mainVideoTxt h5 {
        font-size: 2em;
    }

    .videoTutorials_R .mainVideo .mainVideoTxt p {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 960px) {
    .video-wrapper > .container,
    .content-wrapper.video-wrapper > .container {
        padding: 10px 15px;
        box-sizing: border-box;
    }
    
    .videoTutorials_L,
    .videoTutorials_R {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .videoTutorials_L .videoSearch {
        border: #ebebeb solid 3px;
        padding: 15px;
    }

    .videoTutorials_L .videoSearch form {
        width: 96%;
    }

    .videoTutorials_L .videoSearch a.videoSearchBtn {
        width: 3%;
    }

    .videoTutorials_L h4 {
        display: block;
        width: auto;
        border-bottom: none;
        padding-bottom: 0;
    }

    .videoTutorials_L ul {
        background: #ebebeb;
        margin-bottom: 30px;
        padding: 5px 5px 10px;
        overflow: hidden;
    }

    .videoTutorials_L ul li {
        display: block;
        float: left;
        width: 33.33%;
        margin: 5px 0;
        text-align: center;
    }

    .videoTutorials_L ul li a:hover:after,
    .videoTutorials_L ul li a.active:after {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
}

@media screen and (max-width: 767px) {
    .videoTutorials_R .mainVideo:after {
        font-size: 5em;
    }

    .row .videoList .row4 {
        float: none;
        padding: 0;
    }
	.videoTutorials_R .videoList .row4 {
        float: left;
        width: 33.08%;
    }
}

@media screen and (max-width: 640px) {
    .videoTutorials_L .videoSearch form {
        width: 91%;
    }

    .videoTutorials_L .videoSearch a.videoSearchBtn {
        width: 8%;
    }

    .videoTutorials_L ul li {
        width: 50%;
    }

    .videoTutorials_R .mainVideo:after {
        display: none;
    }

    .videoTutorials_R .mainVideo .img {
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        float: none;
    }

    .videoTutorials_R .mainVideo .img img {
        display: none;
    }

    .videoTutorials_R .mainVideo .mainVideoTxt {
        width: 100%;
        float: none;
    }

    .videoTutorials_R .mainVideo .mainVideoTxt h5 {
        line-height: 1;
    }

    .videoTutorials_R .mainVideo .mainVideoTxt h6 {
        padding-bottom: 2px;
    }

    .videoList .videoListContent + .videoListContent {
        margin-top: 10px;
    }

	.videoList .img {
        width: 100px;
    }

    .videoList h5 {
        font-size: 1em;
    }
   .row .videoList .row4 {
        width: 100%;
        margin-right: 0;
    }

    .videoTutorials_R .videoList .row4 + .row4 {
        margin-top: 10px;
    }
}
/* ========== new Video Tutorials end ========== */

/* ========== Product Line Landing Page start ========== */
.line-banner {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.line-banner .line-banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.line-banner .line-banner-bg img {
    height: 100%;
    width: auto;
    position: absolute;
    right: -10%;
}
.line-banner .txt-wrapper {    
    text-align: center;
    overflow: hidden;
    padding: 60px 0;
}
.line-banner .txt-wrapper > .container {
    box-sizing: border-box;
    padding: 0 15px; 
}
.line-banner .txt-wrapper h3 {
    font-size: 3em;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    margin-top: 0;  
}
.line-banner .txt-wrapper p {
    color: #bbbcbc;
    margin-top: 20px;
    font-size: 1.5em;
    line-height: 1.6;
}
.line-banner .txt-wrapper a.catalogDL {
    display: inline-block;
    border: #fff solid 2px;
    color: #fff;
    margin-top: 10px;
    padding: 10px 15px;
    position: relative;
    border-radius: 2px;
}
.line-banner .txt-wrapper a.catalogDL i {
    margin-left: 10px;
    color: #bbbcbc;
}
.line-banner .txt-wrapper a.catalogDL:hover {
    background: #fff;
    color: #000;
}
.line-banner .txt-wrapper a.catalogDL:hover i {
    color: #bbbcbc;
}
.line-content .series-content {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
}
.line-content .series-content:nth-child(3n+1) {
    clear: left;
}
.line-content .series-content .series-frame {
    box-sizing: border-box;
    border: #d9d9d6 solid 1px;
    text-align: center;
    color: #000;
}
.line-content .series-content .series-frame:hover {
    border: #d50032 solid 1px;
}
.line-content .series-content .series-frame a {
    color: #000;
}
.line-content .series-content .series-frame img {
    width: 100%;
    height: auto;
}
.line-content .series-content .series-frame h4 {
    font-size: 2em;
    line-height: 1;
    font-weight: 300;
    margin: 5px 0;
    padding: 0 15px;
    word-wrap: break-word;
}
.line-content .series-content .series-frame p {
    margin: 0;
    color: #63666a;
    padding: 0 15px;
    word-wrap: break-word;
}
.line-content .series-content .series-frame span.moreBtn {
    display: inline-block;
    background: #000;
    color: #fff;
    margin: 10px 0 25px;
    padding: 6px 15px;
    border-radius: 2px;
}
.line-content .series-content .series-frame:hover span.moreBtn {
    background: #d50032;
}
@media screen and (min-width: 1920px) {
    .line-banner .line-banner-bg img {
        width: 100%;
        height: auto;
        position: relative;
        right: auto;
    }
}
@media screen and (max-width: 1024px) {
    .line-banner .line-banner-bg img {
        width: 140%;
        height: auto;
    }

    .line-banner .txt-wrapper {    
        padding: 30px 0;
    }
    .line-banner .txt-wrapper h3 {
        font-size: 2em;
    }
    .line-banner .txt-wrapper p {
        font-size: 1em;
        line-height: 1.3;
    }
}
@media screen and (max-width: 960px) {
    .line-banner .line-banner-bg img {
        height: 100%;
        width: auto;
        position: absolute;
        right: -10%;
    }
    .line-content .series-content {
        width: 50%;
    }
    .line-content .series-content:nth-child(3n+1) {
        clear: none;
    }
    .line-content .series-content:nth-child(2n+1) {
        clear: left;
    }
    .line-content .series-content .series-frame h4 {
        font-size: 1.8em;
    }
}
@media screen and (max-width: 640px) {
    .line-banner .line-banner-bg img {
        right: -25%;
    }
    .line-banner .txt-wrapper h3 {
        font-size: 2.4em;
    }
    .line-banner .txt-wrapper p {
        margin: 10px 0 0;
        font-size: 1em;
        line-height: 1.3;
    }
    .line-banner .pic-wrapper {
        display: block;
        width: 100%;
        margin: 0;
    }
    .line-content .series-content {
        width: 100%;
        float: none;
    }
    .line-content .series-content:nth-child(2n+1) {
        clear: none;
    }
}
/* ========== Product Line Landing Page end ========== */

/* ========== new login start ========== */
#accountContainer .seoTitle {
    display: none;
}

.loginMiddle {
    text-align: center;
}

.loginWrapper {
    display: inline-block;
    min-width: 35%;
    padding: 30px 60px 0;
    border: #d9d9d6 solid 1px;
}

.loginWrapper.nitramLogin {
    width: 37.4%;
}

.loginWrapper .loginMenu {
    display: block;
}

.loginWrapper .loginMenu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align: center;
}

.loginWrapper.nitramLogin ul {
    display: block;
    /*border-bottom: #d9d9d6 solid 1px;*/
}

.loginWrapper .loginMenu ul li {
    display: inline-block;
    border-bottom: #fff solid 2px;
    margin: 0 -2px;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    /*color: #75787b;*/
    box-sizing: border-box;
}

.loginWrapper .loginMenu ul li a {
    color: #75787b;
}

.loginWrapper.nitramLogin ul li {
    /*border-bottom: none;*/
    box-sizing: border-box;
    width: 50%;
}

.loginWrapper .loginMenu ul li i {
    margin-right: 5px;
}

.loginWrapper .loginMenu ul li:hover a,
.loginWrapper .loginMenu ul li.active a {
    color: #d50032;
}

.loginWrapper .loginMenu ul li:hover:after,
.loginWrapper .loginMenu ul li.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #d50032;
}

.loginWrapper .loginContent {
    display: none;
    padding: 30px 0;
}

.loginWrapper .loginContent .loginMenuM {
    display: none;
}

.loginWrapper .loginContent .loginForm p.regisLoginNote {
    display: block;
    background: #ebebeb;
    margin: 0 0 10px;
    color: #000;
    padding: 10px;
    border-radius: 2px;
    text-align: left;
    max-width: 100%;
}

.loginWrapper .loginContent .loginForm p.regisLoginNote i {
    margin-right: 10px;
}

.loginWrapper .loginContent .loginForm .signinLine {
    box-sizing: border-box;
    padding: 10px;
}

.loginWrapper .loginContent .loginForm .signinLine.signinLineBtn {
    text-align: right;
    padding: 0 10px;
}

.loginWrapper .loginContent .loginForm .signinLine.signinLineDes {
    text-align: center;
}

.loginWrapper .loginContent .loginForm .signinLine i {
    width: 30px;
    width: 4% \9;
    margin-right: 5px;
    margin-right: 1% \9;
    color: #d9d9d6;
    font-size: 2em;
    vertical-align: middle;
    text-align: center;
}

.loginWrapper .loginContent .loginForm .signinLine input {
    box-sizing: border-box;
    width: calc(100% - 35px);
    width: 95% \9;
    margin: 0 -2px;
    padding: 5px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    border: #d9d9d6 solid 1px;
}

.loginWrapper .loginContent .loginForm .signinLine input::placeholder {
    color: #d9d9d6;
}

.loginWrapper .loginContent .loginForm .signinLine input:-ms-input-placeholder {
    color: #d9d9d6;
}

.loginWrapper .loginContent .loginForm .signinLine input::-ms-input-placeholder {
    color: #d9d9d6;
}

.loginWrapper .loginContent .loginForm .signinLine.signinLineDes i {
    font-size: 3.5em;
    width: auto;
    margin-right: 15px;
    color: #ebebeb;
}

.loginWrapper .loginContent .loginForm p {
    display: inline-block;
    text-align: left;
    max-width: calc(100% - 85px);
    vertical-align: middle;
}

.loginWrapper .loginContent .loginForm a {
    color: #d50032;
    text-decoration: underline;
}

.loginWrapper .loginContent .loginForm a:hover {
    color: #a6192e;
}

.loginWrapper .loginContent .loginForm a.signBtn {
    display: inline-block;
    box-sizing: border-box;
    float: none;
    min-width: 35%;
    margin: 10px 0 5px;
    padding: 10px 30px;
    background: #d50032;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.loginWrapper .loginContent .loginForm a.signBtn:hover {
    background: #a6192e;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .loginWrapper.nitramLogin {
        width: 49.5%;
    }
}

@media screen and (max-width: 960px) {
    #accountContainer .seoTitle {
        display: block;
    }
    
    .loginWrapper.nitramLogin {
        width: 62.3%;
    }
    
    .loginWrapper .loginContent .loginForm a.signBtn {
        width: 45%;
    }
    
    .accountTag {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .loginWrapper {
        width: 100%;
        padding: 0;
        border: none;
    }
    
    .loginWrapper.nitramLogin {
        width: 100%;
    }

    .loginWrapper .loginMenu {
        display: none;
    }

    .loginWrapper .loginContent {
        display: block;
        padding: 0;
    }

    .loginWrapper .loginContent .loginMenuM {
        display: block;
        margin: 0 -15px;
        padding: 10px 15px;
        background: #75787b;
        border-bottom: #d9d9d6 solid 1px;
        color: #fff;
        text-align: left;
        cursor: pointer;
    }

    .loginWrapper .loginContent .loginMenuM:after {
        content: '\f055';
        font-family: fontAwesome;
        font-size: 1.2em;
        float: right;
        color: #d9d9d6;
    }

    .loginWrapper .loginContent .loginMenuM.active:after {
        content: '\f056';
    }

    .loginWrapper .loginContent .loginForm {
        display: none;
        width: 100%;
        padding: 15px 0 30px;
    }

    .loginWrapper .loginContent .loginForm .signinLine {
        width: 100%;
        margin: 0;
    }
}
/* ========== new login end ========== */


/* ========== Series Comparison start ========== */
.seCompareTab .row1 {
    padding: 0 15px 15px;
}

.seCompareTab ul {
    margin: 0;
    padding: 0;
}

.seCompareTab ul li {
    position: relative;
    display: inline-block;
    margin: 0 -2px;
    padding: 10px 15px;
}

.seCompareTab ul li a {
    color: #000;
}

.seCompareTab ul li:hover a,
.seCompareTab ul li.active a {
    color: #d50032;
}

.seCompareTab ul li:hover a:after,
.seCompareTab ul li.active a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background: #d50032;
    bottom: 0;
    left: 0;
}

.seCompareTab a.mobileBtn,
.seCompareTab .seCompareTabRwd {
    display: none;
}

.seCompareSld,
.seCompareTable {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.seCompareTh {
    background: #63666a;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 14px;
}

.seCompareTr {
    border-bottom: #ebebeb solid 1px;
}

.seCompareTd {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 -1px;
    padding: 10px;
    vertical-align: top;
}

.seCompareTd.seCompareTit {
    width: 21%;
    font-weight: bold;
    white-space: normal;
}

.seCompareFeature .seCompareTd.seCompareTit {
    vertical-align: middle;
}

.seCompareTd.seCompareCnt {
    width: 79%;
    padding: 0;
}

.seCompareFeature .seCompareTd.seCompareCnt {
    vertical-align: middle;
}

.seCompareSld .seCompareTd {
    width: 16.66%;
    text-align: center;
    color: #63666a;
    white-space: normal;
}

.seCompareTable .seCompareSld .seCompareTd {
    padding: 10px 5px;
}

.seCompareTd span {
    display: block;
}

.seCompareFix {
    background: #f2f2f2;
}

.seCompareFix .seCompareTr {
    border-bottom: none;
}

.seCompareFix.fixed {
    position: fixed;
    width: 100%;
    top: 65px;
    left: 0;
    z-index: 50;
}

.seCompareFix.fixed .seCompareTr {
    max-width: 1230px;
    margin: 0 auto;
}

.seCompareFix .seCompareTit {
    text-align: center;
    vertical-align: middle;
}

.seCompareFix .seCompareCnt {
    vertical-align: middle;
}

.seCompareFix .seCompareTit a.seControl {
    display: inline-block;
    margin: 2px 0;
    padding: 0 13px;
    border: #fff solid 1px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    font-size: 2em;
    color: #fff;
    z-index: 50;
}

.seCompareFix .seCompareTit a.seControl.work {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.seCompareFix .seCompareTit a.seControl.anime {
    animation: seCompareControl 0.75s infinite alternate ease-in-out;
    -webkit-animation: seCompareControl 0.75s infinite alternate ease-in-out;
    -ms-animation: seCompareControl 0.75s infinite alternate ease-in-out;
    -moz-animation: seCompareControl 0.75s infinite alternate ease-in-out;
}

@keyframes seCompareControl {
    from {background: rgba(0, 0, 0, 0.3);}
    to {background: rgba(0, 0, 0, 0.05);}
}

@-webkit-keyframes seCompareControl {
    from {background: rgba(0, 0, 0, 0.3);}
    to {background: rgba(0, 0, 0, 0.05);}
}

@-ms-keyframes seCompareControl {
    from {background: rgba(0, 0, 0, 0.3);}
    to {background: rgba(0, 0, 0, 0.05);}
}

@-moz-keyframes seCompareControl {
    from {background: rgba(0, 0, 0, 0.3);}
    to {background: rgba(0, 0, 0, 0.05);}
}

.seCompareFix .seCompareTit .seControl.seControlL i {
    margin-left: -3px;
    transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
}

.seCompareFix .seCompareTit .seControl.seControlR i {
    margin-right: -3px;
    transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
}

.seCompareFix .seCompareCnt a {
    color: #000;
    text-decoration: none;
    line-height: 1.2;
}

.seCompareFix .seCompareCnt a:hover {
    color: #d50032;
}

.seCompareFix .seCompareCnt a img {
    max-width: 120px;
    width: 100%;
    height: auto;
    filter: brightness(1.25);
    -webkit-filter: brightness(1.25);
}

.seCompareTd .featureMark,
.seRemark .seRemarkLine .featureMark {
    width: 12px;
    height: 12px;
    margin: 3px auto 0;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
}

.seCompareTd .featureMark:after,
.seRemark .seRemarkLine .featureMark:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #d50032;
}

.seCompareTd .featureMark.half,
.seRemark .seRemarkLine .featureMark.half {
    border: #d50032 solid 1px;
}

.seCompareTd .featureMark.half:after,
.seRemark .seRemarkLine .featureMark.half:after {
    width: 50%;
}

.seCompareTd .featureMark + span {
    margin-top: 2px;
    font-size: 0.8em;
    color: #bbbcbc;
}

.seCompareOne {
    color: #63666a;
    margin: 0 0 10px;
}

.seCompareOne i {
    color: #bbbcbc;
    margin-right: 5px;
}

.seRemark {
    margin-top: 15px;
    padding: 5px 10px;
    font-size: 14px;
}

.seRemark .seRemarkLine {
    display: inline-block;
    color: #63666a;
    vertical-align: middle;
}

.seRemark .seRemarkLine + .seRemarkLine {
    margin-left: 15px;
}

.seRemark .seRemarkLine .featureMark {
    display: inline-block;
}

@media screen and (max-width: 1279px) {
    .seCompareFix.fixed .seCompareTr {
        max-width: 930px;
    }
}

@media screen and (max-width: 960px) {
    .seCompare .row1 {
        padding: 0;
    }

    .seCompareTr {
        padding: 0 15px;
    }

    .seCompareFix.fixed .seCompareTr {
        max-width: 100%;
        padding: 0 30px;
    }

    .seCompareFix .seCompareTit a.seControl {
        padding: 0 13px;
        font-size: 1.7em;
    }

    .seCompareTh {
        padding: 5px 25px;
    }
}

@media screen and (max-width: 768px) {
    .seCompareTd.seCompareTit {
        width: 19%;
    }
    
    .seCompareTd.seCompareCnt {
        width: 81%;
    }

    .seCompareFeature .seCompareTd.seCompareCnt {
        vertical-align: top;
    }

    .seCompareSld .seCompareTd {
        width: 16.66%;
    }

    .seCompareFix.fixed {
        top: 40px;
    }
}

@media screen and (max-width: 640px) {
    .seCompareTab {
        border-top: #ebebeb solid 1px;
        position: relative;
        box-sizing: border-box;
        padding-right: 40px;
    }

    .seCompareTab .row1 {
        padding: 0;
    }

    .seCompareTab ul {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .seCompareTab ul::-webkit-scrollbar {
        display: none;
    }

    .seCompareTab a.mobileBtn {
        display: block;
        position: absolute;
        width: 40px;
        height: 100%;
        background: #fff;
        right: 0;
        top: 0;
        border-left: #ebebeb solid 1px;
        color: #bbbcbc;
        text-align: center;
        font-size: 1.2em;
        line-height: 40px;
        z-index: 25;
    }

    .seCompareTab a.mobileBtn:after {
        content: '\f078';
        font-family: fontAwesome;
    }

    .seCompareTab a.mobileBtn.active:after {
        content: '\f00d';
    }

    .seCompareTab .seCompareTabRwd {
        display: none;
        position: absolute;
        top: 0;
        z-index: 20;
        background: #fff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
    }

    .seCompareTab .seCompareTabRwd span {
        display: block;
        padding: 10px 15px;
        border-bottom: #ebebeb solid 1px;
        font-weight: bold;
    }

    .seCompareTab .seCompareTabRwd ul {
        padding: 5px 15px 15px;
        white-space: normal;
    }

    .seCompareTab .seCompareTabRwd li {
        margin: 10px 10px 0 0;
        padding: 5px 10px;
        border-radius: 15px;
        border: #ebebeb solid 1px;
    }

    .seCompareTab .seCompareTabRwd li.active,
    .seCompareTab .seCompareTabRwd li:hover {
        background: #ebebeb;
    }

    .seCompareTab .seCompareTabRwd li.active a, 
    .seCompareTab .seCompareTabRwd li:hover a {
        color: #000;
    }

    .seCompareTab .seCompareTabRwd li.active a:after, 
    .seCompareTab .seCompareTabRwd li:hover a:after {
        display: none;
    }

    .seCompareTd.seCompareTit {
        width: 30%;
    }

    .seCompareTd.seCompareCnt {
        width: 70%;
    }

    .seCompareSld .seCompareTd {
        width: 50%;
    }
}
/* ========== Series Comparison end ========== */

/* ========== RU Warranty Service start ========== */
.scRU .table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.scRU .tr {
	display: table-row;
	border-bottom: #ebebeb solid 1px;
}

.scRU .th,
.scRU .td {
	display: table-cell;
	padding: 10px;
	vertical-align: top;
}

.scRU .th {
	font-weight: bold;
	padding: 5px 10px;
}

.scRU .th:first-child,
.scRU .th:nth-child(2) {
	width: 25%;
}

.scRU .td img {
	width: 200px;
	height: auto;
}

.scRU .td h6 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	line-height: 1.2;
}

.scRU .td p {
	margin: 0;
}

.scRU .td p + p,
.scRU .td p + a {
	margin-top: 10px;
}

.scRU .td a {
	display: inline-block;
}

@media screen and (max-width: 1280px) {
	.scRU .td img {
		width: 150px;
	}
}

@media screen and (max-width: 767px) {
	.scRU .td img {
		max-width: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.scRU .table {
		display: block;
	}

	.scRU .tr {
		display: block;
	}

	.scRU .th {
		display: none;
	}

	.scRU .td {
		display: block;
		padding: 10px 0;
		text-align: center;
	}

	.scRU .td img {
		width: 70%;
	}

	.scRU .td h6 {
		font-size: 1.5em;
		font-weight: bold;
	}
}
/* ========== RU Warranty Service end ========== */

/* ========== new paginarion start ========== */
.pagination {
    padding: 30px 0 10px;
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.pagination ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.pagination ul li a {
    display: block;
    color: #75787b;
    padding: 10px 13px;
    line-height: 1;
    background: transparent;
    border-radius: 50%;
}

.pagination ul li a:hover,
.pagination ul li.active a {
    background: #d50032;
    color: #fff;
}

.pagination ul li.pageControl a {
    color: #bbbcbc;
    background: transparent;
    cursor: default;
}

.pagination ul li.pageControl.active a {
    color: #75787b;
    cursor: pointer;
}

.pagination ul li.pageControl.active a:hover {
    background: #d50032;
    color: #fff;
}

.pagination ul li.prevPage a {
    padding: 7px 15px 7px 11px;
    font-size: 1.4em;
}

.pagination ul li.nextPage a {
    padding: 7px 11px 7px 15px;
    font-size: 1.4em;
}
/* ========== new paginarion end ========== */

/* ========== link box start ========== */
.linkbox {
    overflow: hidden;
    padding: 0 0 30px;
    clear: both;
}

.linkbox.solutionPage {
    padding: 30px 0;
}

.linkbox > .container {
    overflow: hidden;
    box-sizing: border-box;
}

.linkbox .linkboxWrapper {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: calc(25% - 30px);
    margin: 0 12px 0 15px;
    vertical-align: top;
    text-align: center;
    border: #ebebeb solid 1px;
}

.linkbox .linkboxWrapper a {
    display: block;
    padding: 30px;
    color: #000;
    text-decoration: none;
}

.linkbox .linkboxWrapper i {
    display: block;
    font-size: 3em;
    color: #bbbcbc;
}

.linkbox .linkboxWrapper.zoom i {
    font-size: 3.5em;
    margin-top: -7px;
}

.linkbox .linkboxWrapper a:hover i {
    color: #d50032;
}

.linkbox .linkboxWrapper h5 {
    display: inline-block;
    font-size: 1.2em;
    margin: 15px 0 0;
}

@media screen and (max-width: 960px) {
    .linkbox .linkboxWrapper {
        width: calc(25% - 15px);
        margin: 0 0 0 10px;
    }

    .linkbox .linkboxWrapper a {
        padding: 30px 15px;
    }
}

@media screen and (max-width: 640px) {    
    .linkbox > .container {
        display: block;
        padding: 15px 10px;
    }

    .linkbox .linkboxWrapper {
        display: block;
        width: 100%;
        margin: 0;
    }

    .linkbox .linkboxWrapper + .linkboxWrapper {
        margin-top: 15px;
    }

    .linkbox .linkboxWrapper a {
        padding: 15px;
    }
}
/* ========== link box end ========== */

/* ========== Product Security Advisory start ========== */
ul.securitySupportTab {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.securitySupportTab li {
    display: inline-block;
    padding: 10px 0;
}

ul.securitySupportTab li + li {
    margin-left: 30px;
}

ul.securitySupportTab li a {
    position: relative;
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

ul.securitySupportTab li a:before {
    content: '';
    display: none;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #d50032;
    left: 0;
    bottom: -5px;
}

ul.securitySupportTab li a:hover:before,
ul.securitySupportTab li.active a:before {
    display: block;
}

.securitySupportContent .wrapper + .wrapper {
    margin-top: 60px;
}

.securitySupportContent .content {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 -2px 0 0;
    box-sizing: border-box;
    padding-right: 15px;
}

.securitySupportContent .content:last-child {
    padding-right: 0;
    padding-left: 15px;
}

.securitySupportContent h4 {
    font-size: 1.2em;
    margin: 0;
}

.securitySupportContent .content img {
    max-width: 100%;
    height: auto;
}

.securitySupportContent .content .table {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin-top: 15px;
}

.securitySupportContent .content .td {
    position: relative;
    display: table-cell;
    width: 25%;
    text-align: center;
    padding: 15px;
}

.securitySupportContent .content .td + .td:before {
    content: '\f061';
    font-family: fontAwesome;
    position: absolute;
    color: #ebebeb;
    font-size: 2em;
    top: 55px;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.securitySupportContent .content .table .imgBg {
    position: relative;
    z-index: 5;
    display: inline-block;
    border-radius: 50%;
}

.securitySupportContent .content .td:nth-child(odd) .imgBg {
    background-color: #d50032;
}

.securitySupportContent .content .td:nth-child(even) .imgBg {
    background-color: #000;
}

.securitySupportContent .content .table span {
    position: relative;
    z-index: 5;
    display: block;
    margin: 10px auto 0;
    font-weight: 700;
    line-height: 1.3;
}

@media screen and (max-width: 1024px) {
    .securitySupportContent .content .td + .td:before {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 960px) {
    .securitySupportContent .content .td + .td:before {
        font-size: 1.2em;
        top: 44px;
    }
}

@media screen and (max-width: 767px) {
    .securitySupportContent .wrapper + .wrapper {
        margin-top: 30px;
    }

    .securitySupportContent .content {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }

    .securitySupportContent .content:last-child {
        padding-left: 0;
    }

    .securitySupportContent .content + .content {
        margin-top: 15px;
    }

    .securitySupportContent .content .td + .td:before {
        font-size: 2em;
        top: 55px;
    }
}

@media screen and (max-width: 640px) {
    .securitySupportContent .content .td + .td:before {
        font-size: 1.2em;
        top: 43px;
    }
}
/* ========== Product Security Advisory end ========== */