@import "tinyscrollbar.css";
select{
	color: #585858; height: 36px; 
	line-height: 36px; font-size: 12px;
	padding: 0 0 0 5px;
}
input, textarea{
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
	border:1px solid #cccccc;
}
input[type="radio"]{
	-webkit-appearance: radio!important;
   -moz-appearance:    radio!important;
   appearance:         radio!important;
}
input[type="checkbox"]{
	-webkit-appearance: checkbox!important;
   -moz-appearance:    checkbox!important;
   appearance:         checkbox!important;
}
button{
	border: none; height: auto; /*line-height: 26px;*/
	font-size: 13px; padding: 2px 0 0 0;
	padding: 10px 0;
}

a{
	outline: medium none!important;
}

/* menu */
header{
	float: left;
	width: 100%;
	height: 84px;
	background-color: #d50032;
	z-index: 999; position: relative;
	top:0;
}
header.domainNitram {background-color: #000; /*border-bottom: #ebebeb solid 1px; box-sizing: border-box;*/}
header.small{
	height: 65px; position: fixed;
	/*border-bottom: 2px solid #eeeeee;*/
}
header .container{
	padding: 0;
}
/*.headerLogo{float: left;margin: 2px 0 0 0;}*/
.headerLogo{position: relative; top: 2px; background-size: contain; background-position:center center; background-repeat: no-repeat; background-image: url('../images/logo_cyberpower_20170718.svg'); width: 15.87%; height: 82px; float: left;}
.domainNitram .headerLogo{background-image: url('../images/logo_nitram_20210111.svg');}
header.small .headerLogo{float: left;margin: -10px 0 0 0;}
.menu{float: left; height: 84px; margin-left: 2%;}
header.small .menu{/*float: right;*/ height: 60px;}
.menu ul{float: right; margin: 0; padding: 0;list-style: none;}
.menu ul li{
	float: left; font-size: 14px; color: white; margin: 0 5px; height: 84px;
}
.menu ul li a.padDevice{
	pointer-events:none;
}
.mClickArea{
	position: relative; width: 100%; height: 100%; 
	top:-64px; /*opacity: .5; background-color: yellow;*/
}
a{
	line-height: normal;
}
a.redUnderline{
	color: #e72e35; text-decoration: underline;
}

.menu ul li a{
	height: 20px; line-height: 20px; display: inline-block;
	color: #fff; padding: 10px;
	margin: 24px 0 0; cursor: pointer;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.menu > ul > li > a > i {
	margin-left: 5px;
}
/*header.domainNitram .menu ul li a {color: #000;}*/
header.small .menu > ul > li {
	height: 62px;
}
header.small .menu > ul > li > a {
	height: 20px; line-height: 20px; display: inline-block;
	padding:18px 10px; /*color: #fff; */
	margin: 12px 0 0 0;
	padding: 10px 10px;
}
/*header.domainNitram.small .menu ul li a {color: #000;}*/
.menu > ul > li > a:hover,
.menu > ul > li > a.active,
.menu > ul > li > a.orig-active {
	border-bottom: 3px solid #fff;
}
header.domainNitram .menu > ul > li > a:hover,
header.domainNitram .menu > ul > li > a.active,
header.domainNitram .menu > ul > li > a.orig-active {
   border-bottom: 3px solid #d50032;
}
.gnavi-sub{
	position: absolute; width: 100%; 
	background-color: white; top: 84px; left: 0;
	z-index: 30; padding: 30px 0 20px 0;
	/*border-top: 2px solid #eeeeee;*/
	display: none;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
}
.gnavi-sub ul{
	margin: 0; padding: 0; width: 90%; width: 98%;
	margin: 0 5%; margin: 0 1%;
}
.gnavi-sub ul li{
	float: left; width: 20%; height: 200px;
	display: block; margin: 0 0 0 0;
	padding: 10px; box-sizing: border-box; height: auto!important;
}
.gnavi-sub ul li h6{
	width: 100%; text-align: center; color: #7c7c7c;
	margin: 16px 0 0 0; font-size: 14px; font-weight: normal;
}
.gnavi-sub ul li a{
	height: auto!important;  display: inline!important;
	width: auto!important; padding: 0!important;
}
.gnavi-sub ul li h6 a{
	padding: 2px 0!important; display: inline-block;
}


.gnavi-sub.typeB{
	position: absolute; width: 100%; 
	background-color: white; top: 84px; left: 0;
	z-index: 30; padding: 30px 0 20px 0;
	border-top: 2px solid #eeeeee;
	display: none;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.31);
}
.gnavi-sub.typeB ul{
	margin: 0; padding: 0; width: 90%; width: 98%;
	margin: 0 5%; margin: 0 1%;
}
.gnavi-sub.typeB ul li{
	float: left; width: 25%; /*height: 200px;*/ width: 12.5%;
	display: block; margin: 0 0 0 0;
	padding: 10px; box-sizing: border-box; height: auto!important;
}
.gnavi-sub.typeB ul li h6{
	width: 100%; text-align: center; color: #7c7c7c;
	margin: 16px 0 0 0; font-size: 14px; font-weight: normal;
}
.gnavi-sub.typeB ul li a{
	height: auto!important;  display: inline!important;
}

.gnavi-subSingle{
	position: absolute; width: 100%; 
	 top: 84px; left: 0;
	z-index: 30; padding: 30px 0 20px 0;
	height: 60px; padding: 0 0 0 0;
	display: block; display: inline-block; text-align: center;
	display: none;
}
.gnavi-subSingle a{
	height: auto; line-height: 60px; margin: 20px 8px 0 8px!important; 
	padding: 0!important;
}
.menu ul li .gnavi-subSingle a:hover,.menu ul li .gnavi-subSingle a.active{
	/*border-bottom: 2px solid #e72e35;*/
}
.gnavi-subSingleBg{
	position: absolute; width: 100%; 
	background-color: #e7e7e7; top: 84px; left: 0;
	z-index: 30; height: 60px; 
	display: none;
}
.menuWrapper {
	display: none;
	background-color: #fff;
	overflow: hidden;
	width: 100%;
	position: fixed;
	left: 0;
	top: 126px;
	padding: 15px 0;
	max-height: calc(100vh - 156px);
	overflow-y: auto;
}
.menuWrapper.hierarchy:before {
	content: '';
	display: block;
	position: absolute;
	width: 33.33%;
	height: 100%;
	left: 0;
	top: 0;
	background: #f5f5f5;
	z-index: -1;
}
header.small .menuWrapper {
	top: 65px;
	max-height: calc(100vh - 95px);
}
.menuWrapper > .container {
	padding: 0;
	box-sizing: border-box;
	position: relative;
}
.menuWrapper.hierarchy > .container:before {
	content: '';
	display: block;
	position: absolute;
	width: 33.33%;
	height: 100%;
	padding: 20px 0 10px;
	left: 0;
	top: -15px;
	background: #f5f5f5;
	z-index: -1;
}
.menuWrapper .leftWrapper {
	float: left;
	overflow: hidden;
	width: 33.33%;
}
.menuWrapper .leftWrapper ul li a, 
.menuWrapper .leftWrapper ul li > span {
	display: block;
	cursor: pointer;
}
.menuWrapper .leftWrapper ul li a:hover,
.menuWrapper .leftWrapper ul li > span:hover {
	color: #75787b;
}
.menuWrapper .leftWrapper ul li a.active,
.menuWrapper .leftWrapper ul li > span.active {
	background: #75787b;
	color: #fff;
}
.menuWrapper .leftWrapper ul li a.active:after,
.menuWrapper .leftWrapper ul li > span.active:after {
	font-family: FontAwesome;
	content: '\f061';
	float: right;
}
.menuWrapper .rightWrapper {
	display: none;
	float: left;
	overflow: hidden;
	width: 66.66%;
}
/*.menuWrapper .rightWrapper:before,
.menuWrapper .rightWrapper:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: calc(100% - 30px);
	background-color: #d9d9d6;
}
.menuWrapper .rightWrapper:after {
	left: 66.66%;
}*/
.menuWrapper .independentWrapper {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 15px;
	border-right: #ebebeb solid 1px;
}
.menuWrapper .independentWrapper:last-child {
	border-right: none;
} 
.menuWrapper .rightWrapper .seriesWrapper,
.menuWrapper .rightWrapper .promoWrapper {
	float: left;
	overflow: hidden;
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px;
}
.menuWrapper .independentWrapper ul,
.menuWrapper .leftWrapper ul,
.menuWrapper .rightWrapper .seriesWrapper ul,
.menuWrapper .rightWrapper .promoWrapper ul {
	float: none;
}
.menuWrapper .independentWrapper ul li,
.menuWrapper .leftWrapper ul li,
.menuWrapper .rightWrapper .seriesWrapper ul li,
.menuWrapper .rightWrapper .promoWrapper ul li {
	float: none;
	color: #000;
	margin: 0;
	height: auto;
}
.menuWrapper .rightWrapper .seriesWrapper ul li {
	display: inline-block;
	width: 33.33%;
	margin: 0 -2px;
	vertical-align: top;
}
.menuWrapper .independentWrapper  ul li a,
.menuWrapper .leftWrapper ul li a,
.menuWrapper .leftWrapper ul li > span,
.menuWrapper .rightWrapper .seriesWrapper ul li a,
.menuWrapper .rightWrapper .promoWrapper ul li a {
	height: auto;
	padding: 5px 10px;
	margin: 0;
	color: #000;
}
.menuWrapper .rightWrapper .seriesWrapper ul li.seriesImg a {
	position: relative;
	text-align: center;
	line-height: 1.2;
}
.menuWrapper .rightWrapper .seriesWrapper ul li.seriesImg a:after {
	content: '';
	display: block;
	position: absolute;
	width: 100px;
	height: 60px;
	border: #ebebeb solid 1px;
	border-radius: 5px;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: -1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.menuWrapper .rightWrapper .seriesWrapper ul li.seriesImg a:hover:after {
	background: #ebebeb;
}
.menuWrapper .independentWrapper ul li a:hover,
.menuWrapper .independentWrapper ul li a.active
.menuWrapper .independentWrapper ul li a.orig-active,
.menuWrapper .rightWrapper ul li a:hover,
.menuWrapper .rightWrapper ul li a.active
.menuWrapper .rightWrapper ul li a.orig-active {
	color: #d50032;
}
.menuWrapper .rightWrapper .seriesWrapper ul li.seriesImg img {
	width: 100px;
	height: auto;
	margin: 0 0 5px;
	/*transition: all 0.3s;
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
    -ms-filter: brightness(1.1);
    -moz-filter: brightness(1.1);*/
}
.menuWrapper .rightWrapper .promoWrapper ul + ul {
	margin-top: 20px;
}
.menuWrapper .leftWrapper h4,
.menuWrapper .independentWrapper h4,
.menuWrapper .rightWrapper h4 {
	color: #000;
	margin: 0 0 5px;
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 1.1;
}
.menuWrapper .rightWrapper h5 {
	color: #000;
	margin: 15px 0 5px;
	padding: 15px 10px 0;
	font-size: 1.15em;
	line-height: 1.1;
	border-top: #ebebeb dotted 1px;
}
.menuWrapper .rightWrapper ul li.seriesIntro {
	padding: 5px 10px;
	margin: 0;
	width: 100%;
}
.menuWrapper .rightWrapper ul li.seriesIntro a {
	padding: 0;
	color: #d50032;
	position: relative;
}
.menuWrapper .rightWrapper ul li.seriesIntro a + a {
	margin-left: 20px;
}
.menuWrapper .rightWrapper ul li.seriesIntro a + a:before {
	content: '|';
	color: #d9d9d6;
	position: absolute;
	left: -13px;
}
.menuWrapper .rightWrapper ul li.seriesIntro a:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #d50032;
	position: absolute;
	bottom: -1px;
}
.menuWrapper .rightWrapper ul li.seriesListing {
	width: 100%;
	margin: 0;
}
.menuWrapper .rightWrapper ul li.seriesListing a {
	line-height: 1.2;
	padding: 7px 10px;
}
.menuWrapper .rightWrapper ul li.seriesListing a:before {
	display: inline-block;
	font-family: fontAwesome;
	color: #bbbcbc;
	margin-right: 5px;
}
.menuWrapper .rightWrapper ul li.seriesListing a:hover:before {
	color: #d50032;
}
.menuWrapper .rightWrapper ul li.seriesListing.seriesListingLink a:before {
	content: '\f0f6';
}
.menuWrapper .rightWrapper ul li.seriesListing.seriesListingVideo a:before {
	content: '\f01d';
}
.menuWrapper .rightWrapper ul li.seriesListing.seriesListingDownload a:before {
	content: '\f019';
}
.menuWrapper .independentWrapper .promoBlock {
	padding: 0 10px;
}
.menuWrapper .rightWrapper .promoWrapper .promoBlock {
	margin: 0 0 20px;
	padding: 0 10px;
}
.menuWrapper .independentWrapper .promoBlock a,
.menuWrapper .rightWrapper .promoWrapper .promoBlock a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.menuWrapper .independentWrapper .promoBlock .promoHover,
.menuWrapper .rightWrapper .promoWrapper .promoBlock .promoHover {
	position: relative;
	background: #000;
	margin: 5px 0 0;
}
.menuWrapper .independentWrapper .promoBlock img,
.menuWrapper .rightWrapper .promoWrapper .promoBlock img {
	width: 100%;
	height: auto;
	margin: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.menuWrapper .independentWrapper .promoBlock h4,
.menuWrapper .rightWrapper .promoWrapper .promoBlock h4 {
	color: #000;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.1;
}
.menuWrapper .independentWrapper .promoBlock p,
.menuWrapper .rightWrapper .promoWrapper .promoBlock p {
	margin: 5px 0 0;
}
.menuWrapper .independentWrapper .promoBlock span {
	display: inline-block;
	margin: 10px 0 0;
	padding: 5px 30px;
	background-color: #d50032;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.menuWrapper .rightWrapper .promoWrapper .promoBlock span {
	display: inline-block;
	margin: 5px 0 10px;
	padding: 5px 30px;
	background-color: #d50032;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.menuWrapper .independentWrapper .promoBlock a:hover h4,
.menuWrapper .rightWrapper .promoWrapper .promoBlock a:hover h4 {
	/*color: #d50032;*/
}
.menuWrapper .independentWrapper .promoBlock a:hover img,
.menuWrapper .rightWrapper .promoWrapper .promoBlock a:hover img {
	opacity: 0.75;
}
.menuWrapper .independentWrapper .promoBlock a:hover span,
.menuWrapper .rightWrapper .promoWrapper .promoBlock a:hover span {
	background-color: #a6192e;
}
.menuWrapper .independentWrapper .promoBlock .promoHover span,
.menuWrapper .rightWrapper .promoWrapper .promoBlock .promoHover span {
	opacity: 0;
	position: absolute;
	margin: 0;
	background: transparent;
	border: #fff solid;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}
.menuWrapper .independentWrapper .promoBlock a:hover .promoHover span,
.menuWrapper .rightWrapper .promoWrapper .promoBlock a:hover .promoHover span {
	opacity: 1;
	background: rgba(0, 0, 0, 0.3);
	border: #fff solid;
	color: #fff;
}
.menuWrapper .rightWrapper .promoWrapper ul.doubleTools {
	float: left;
	width: 50%;
	margin-top: 0;
}
/* menu end */

/* #top */
#top{
	width: 100%;
	height: 42px;
	background-color: #000000;
}
#top.domainNitram {
	background-color: #3b91c9;
}
#top ul{
	float: right; height: 42px; margin: 0; padding: 0;
	list-style: none;
}
#top ul li{
	float: left; font-size: 13px; color: white; margin: 0 16px 0 0; position: relative;
}
#top ul li a{
	height: 42px; line-height: 42px; display: inline-block;
	padding: 0 0 0 24px; color: white;
}
#top ul li a b {
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
}
#top ul li a span {
	display: none;
	position: absolute;
	z-index: 101;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	line-height: 1;
	font-size: 0.8em;
	background: #fff;
	color: #000;
	padding: 3px 5px;
	white-space: nowrap;
	z-index: 1000;
}
#top ul li a.topSearch span {
	margin-top: 6px;
	left: auto;
	right: 0;
	transform: translateX(13px);
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	-moz-transform: translateX(13px);
}
#top ul li a.topLocation span {
	margin: 6px 0 0 12px;
}
#top ul li a span:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: transparent solid 4px;
	border-right: transparent solid 4px;
	border-bottom: #fff solid 6px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -90%);
	-webkit-transform: translate(-50%, -90%);
	-ms-transform: translate(-50%, -90%);
	-moz-transform: translate(-50%, -90%);
}
#top ul li a.topSearch span:before {
	left: auto;
	right: 15px;
}
#top ul li a:hover span{
	display: block;
}
#top ul li a.openSearch:hover span {
	display: none;
}
#top ul li a.topLocation{
	background:  url('../images/nav/nav_icon_lang.png') no-repeat left center;
}
#top ul li a.topLang,#top ul li a.topUser{
    padding: 0 24px 0 0;
	cursor: pointer;
	background:  url('../images/nav/nav_icon_location.png') no-repeat center right;
	}
#top ul li .topSubMenu{
	position: absolute; width: 100px; 
	z-index: 9999;
	top: 42px; left: 0; margin-left: -60px; float: left; left: 50%;
	opacity: 1; display: none;
	background: rgba(0, 0, 0, .9);
}
#top ul li .topSubMenu ul{
	float: left; width: 100%; padding: 0; margin: 0;
	height: auto!important;
}
#top ul li .topSubMenu ul li{
	float: left; width: 100%; padding: 5px 0; margin: 0;
	text-align: center; line-height: 22px;
	border-bottom: 1px solid #6c6c6c; font-size: 12px;
}
#top ul li .topSubMenu ul li a{
	display: inline-block; width: 100%; line-height: 22px!important; padding: 0!important; height: auto!important;
	height: 100%; font-size: 12px; color: #adacac;
}
#top ul li .topSubMenu ul li a:hover{
	color: white;  
}
#top ul li .topSubMenu ul li:last-child{
	border: none;
}
#top ul li a.topAccount{
	background:  url('../images/nav/nav_icon_account.png') no-repeat center;
}
#top ul li a.topSearch{
	padding: 0!important;
	position: relative; z-index: 9999;
	/*background:  url('../images/nav/nav_icon_search.png') no-repeat center right;*/
}
#top ul li a .searchBtn{
	position: relative; z-index: 9999;
}

/*#top ul li a.topSearch input{
	width: 100px; font-size: 14px; height: 20px; 
	border: none; line-height: 20px; padding: 0 5px; margin: 0 0 0 5px;
	width: 0; padding: 0;
	z-index: 9999; position: relative;
}*/
#top .container{
	padding: 0;
}
#top ul li a.topSearch {
	cursor: pointer;
	position: relative;
}
#top ul li a.topSearch .searchBox {
	display: none;
	position: absolute;
	background: #fff;
	color: #000;
	box-sizing: border-box;
	margin-top: 10px;
	padding: 10px 5px 10px 10px;
	width: 250px;
	top: 100%;
	right: -16px;
}
#top ul li a.topSearch .searchBox:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: transparent solid 5px;
	border-right: transparent solid 5px;
	border-bottom: #fff solid 7px;
	position: absolute;
	top: 0;
	right: 16px;
	transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
}
#top ul li a.topSearch .searchBox .searchFrame {
	position: relative;
	width: 90%;
	float: left;
	line-height: 1;
	box-sizing: border-box;
}
#top ul li a.topSearch .searchBox input.searchInput {
	border: #d9d9d6 solid 1px;
	vertical-align: top;
	padding: 5px 27px 5px 5px;
	width: 100%;
	outline: 0;
	font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
}
#top ul li a.topSearch .searchBox label.clearTxt {
	position: absolute;
	display: none;
	width: 27px;
	height: 100%;
	top: 0;
	right: 0;
}
#top ul li a.topSearch .searchBox label.clearTxt.active {
	display: block;
}
#top ul li a.topSearch .searchBox label.clearTxt i {
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 1.1em;
	line-height: 27px;
	color: #d9d9d6;
}
#top ul li a.topSearch .searchBox button.searchInputBtn {
	display: block;
	float: left;
	line-height: 1;
	font-size: 1.2em;
	width: 10%;
	height: 28px;
	padding: 0;
	background: #fff;
	border: none;
	box-sizing: border-box;
}
#top ul li a.topSearch .searchBox button.searchInputBtn i {
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: 1.7;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0px;
}
/* #top end */

/* sideNav */
.sideNav{
 position: fixed; top: 150px;
 width: 40px; float: left;
 z-index: 9999;
 
}
.sideNav ul{
	float: left; margin: 0; padding: 0;
}
.sideNav ul li{
	float: left; width: 40px; height: 40px;
	background: rgba(0, 0, 0, .75);
	margin: 0 0 1px 0;
	position: relative;
}
.sideNav ul li:hover{
	background: rgba(0, 0, 0, .9);
}

.sideNav .sideSubMenu{
	position: absolute; width: 220px; /*display: none;*/
	background: rgba(0, 0, 0, .90); top: 0; left: 41px;
	visibility: hidden;
}
.sideNav .sideSubMenu ul{
	float: left; 
	padding: 0;
	list-style: none;
}
.sideNav .sideSubMenu ul li{
	float: left; width: 100%; line-height: 26px;
	height: auto; position: relative;
	background: none;
	padding: 0 5px;
}
.sideNav .sideSubMenu ul li a{
	color: #adacac; width: 100%; display: inline-block;
}
.sideNav .sideSubMenu ul li a:hover,.sideNav .sideSubMenu ul li a.active{
	color: white;
}
.sideNav .sideSubMenu2{
	position: absolute; width: 220px; /*display: none;*/
	background: rgba(0, 0, 0, .90); top: 0; left: 221px;
	height: 250px; /*overflow-y: scroll; overflow-x: hidden;*/
	visibility: hidden;
	position: fixed; top: 150px; left: 262px;
}
.sideNav .sideSubMenu2 ul{
	width: 100%; margin: 0 0 5px 0;
}
/* sideNav end */

/* pad/mobile nav */
#small_Nav{
	position: absolute; top: 0; z-index: 100;
	width: 100%; height: 40px;
	background-color: #000;
	position: fixed;
}
#small_Nav.domainNitram_s {background-color: #2b2c2f;}
.nav_icon{
	float: left; margin-left: 10px;
	width: 40px; height: 40px; 
	/*background: url('../images/nav/nav_icon.png') no-repeat left top;*/
	position: relative;
}
.nav_icon > span {
	display: block;
	width: 60%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 20%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.nav_icon > span.nav_top {
	top: 29%;
}
.nav_icon > span.nav_middle {
	top: 47%;
}
.nav_icon > span.nav_bottom {
	top: 65%;
}
.nav_icon.active > span.nav_top {
	top: 50%;
	background: #d50032;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.nav_icon.active > span.nav_middle {
	display: none;
}
.nav_icon.active > span.nav_bottom {
	top: 50%;
	background: #d50032;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
}
.quick_icon{
	float: left; margin-left: 5px;
	width: 40px; height: 40px; 
	background: url('../images/nav/quick_icon.png') no-repeat left top; 
}
.location_icon{
	float: right; height: 40px; width: 40px; margin-right: 5px;
	background: url('../images/nav/lang_icon.png') no-repeat left top;
}
.account_icon{
	float: right; height: 40px; width: 40px; margin-right: 10px;
	background: url('../images/nav/account_icon.png') no-repeat left top;
}
.logo_s{
	width: 105px; height: 20px; position: absolute; 
	left: 50%; margin-left: -52px; top: 10px;
	background: url('../images/nav/logo_s_20180807.svg') no-repeat left top;
}
.domainNitram_s .logo_s {
	background: url('../images/nav/logo_s_nitram_20210111.svg') no-repeat left top;
}
.sMenu{
	position: absolute; width: 100%; height: auto;
	float: left; top: 40px; 
	z-index: 100;
	background: rgba(43, 44, 47, .95);
	display: none;
	position: fixed; height: 100%;
	overflow-y: scroll;
	padding: 0 0 100px 0;
}
.sMenu .sAccount {
	box-sizing: border-box;
	padding: 15px;
	border-bottom: 1px solid black;
}

.sMenu .sAccount a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}

.sMenu .sAccount i {
	font-size: 2em;
	vertical-align: middle;
}

.sMenu .sAccount span {
	font-size: 1.2em;
	margin-left: 10px;
	vertical-align: middle;
}

.sMenu ul{
	width: 100%;
	float: left; margin: 0; padding: 0 0 100px 0;
	list-style: none;
	color: white;
	font-size: 14px;
}
.sMenu ul a{
	color: white;
	width: 100%; display: inline-block; line-height: 40px;
}
.openSubIcon{
	position: absolute; top: 0; right: 10px; 
	width: 50px; height: 40px; 
}
.sMenu ul li{
	position: relative; display: block;
	width: 100%; padding: 0 15px; 
	float: left; line-height: 40px; 
	border-bottom: 1px solid black;
	box-sizing: border-box;
}
.sMenu > ul > li.slideDownMenu:after {
	font-family: FontAwesome;
	content: '\f054';
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.sMenu > ul > li.slideDownMenu.active:after {
	color: #d50032;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.sMenu > ul > li > .sSubMenu > ul > li.slideDownMenu:after {
	font-family: FontAwesome;
	content: '\f054';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.sMenu > ul > li > .sSubMenu > ul > li.slideDownMenu.active:after {
	color: #d50032;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.sMenu ul li.noUnderLine{border-bottom: none!important;
}
.sMenu > ul > li > a {
	font-size: 1.2em;
}
.sMenu ul li a.subIcon{
	background: url('../images/nav/small_subIcon.png') no-repeat right top;
}

.sMenu ul li .searchInput{
	position: relative; 
	margin: 10px auto; width: 80%; 
	height: 30px; line-height: 30px; left: 50%;margin-left: -40%;
	font-size: 14px;border-radius:15px; text-align: center;
	
	position: relative; 
	margin: 10px auto; width: 80%;  padding: 0;
	height: 40px; line-height: 40px; left: 50%;margin-left: -40%;
	font-size: 14px;border-radius:15px; text-align: center;
	box-sizing: border-box;
}
.sMenu ul li .sSubMenu{
	display: none;
}
.sMenu ul li .sSubMenu ul{
	float: left; margin: 0; left: 0; padding: 0;
}
.sMenu ul li .sSubMenu ul li{
	position: relative;
	width: 100%; padding: 0; 
	float: none; line-height: 40px;
	border-bottom: none;
	border-top: 1px solid #4b4b4b;
	box-sizing: border-box;
}

.sMenu ul li .sSubMenu ul li .sSubMenu2{
	display: block;
}
.sMenu ul li .sSubMenu ul li .sSubMenu2 ul li{
	border-bottom: none;
	border-top: none;
}
.sMenu ul li .sSubMenu ul li .sSubMenu2 ul li a{
	color: silver !important;
}
.sMenu ul li .sSubMenu .sContentMenu {
	display: none;
	overflow: hidden;
}
.sMenu ul li .sSubMenu .sContentMenu ul li a {
	color: #bbbcbc;
	padding: 0 15px;
}
.sMenu ul li .loginInput{
	position: relative; 
	margin: 10px auto; width: 80%;  padding: 0;
	height: 40px; line-height: 40px; left: 50%;margin-left: -40%;
	font-size: 14px;border-radius:15px; text-align: center;
	box-sizing: border-box;
}
.sMenu ul li h5{
	width: 100%; text-align: center; padding: 10px 0; margin: 0;
	font-size: 18px; font-weight: 400;
}
#loginMenu ul li h5 {
	text-align: left;
}
.sMenu ul li .sendBtn{
	position: relative;
	margin: 10px auto; width: 80%; display: block; text-align: center;
	left: 50%;margin-left: -40%; padding: 10px 0;
	background-color: #e72e35; line-height: normal;
}
.sMenu ul li .signUpBtn{
	position: relative;
	margin: 10px auto; width: 80%; display: block; text-align: center;
	left: 50%;margin-left: -40%; padding: 10px 0;
	background-color: #e72e35; line-height: normal;
}

.sMenu ul li .forget{
	width: 100%; text-align: center;
}
#loginMenu ul li{
	/*border-bottom: none;*/
}

.icon_img{
	width: 40px; height: 40px;
	background: url('../images/nav/displayNav_icon_img.png') no-repeat left top;
	width: 26px; height: 26px;
}
.icon_img.active{
	background-position: 0 -26px;
}
.icon_list{
	width: 40px; height: 40px;
	background: url('../images/nav/displayNav_icon_list.png') no-repeat left top;
	width: 26px; height: 26px;
}
.icon_list.active{
	background-position: 0 -26px;
}

/* pad/mobile nav end */

/* footer */
footer{
	width: 100%; height: auto; float: left;
	background-color: #63666a;	padding: 0;
}
footer .container{
	 text-align: left;
}
.copyright h3{
	float: left; margin: 0; padding: 0; font-weight: normal;
	font-size: 18px;
}
.copyright p{
	float: left; clear: both; text-align: left;
	color: white;
}
.copyright{
	float: left;
	width: 100%;  border-top: 1px solid #bbbcbc;
	color: white;font-size: 13px;
	padding: 15px 15px 30px; box-sizing: border-box;
}
.copyright span{
	float: left; clear: both; text-align: left;
	color: white;
}
.copyright a:hover{
	/*color: #d50032;*/
}
.copyright a{
	color: white; position: relative;
}
.copyright a:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	background: #d50032;
	left: 0;
}
.siteMapLine{
	width: 20%; 
	display: inline-block;
	text-align: left!important;
	padding: 0 10px 0 5px;
	box-sizing: border-box;
    margin: 0 -2px;
}
.siteMapLine > c{
	color: white; width: auto; display: inline-block;
	padding: 1px 0; margin: 0 0 5px 0;
	/*border-bottom: 2px solid #000000;*/
}
.siteMapLine a:hover{
	border-bottom: 2px solid #d50032;
	/*text-decoration: underline;*/
}
.siteMapLine ul{
	float: left; margin: 0 0 0 0; padding: 0;
	list-style: none; width: 100%;
	
}
.siteMapLine ul li {
	margin: 10px 0;
}
.siteMapLine ul li a{
	color: #bbbcbc;
	line-height: 22px;
	padding: 0 0;
	border-bottom: none;
	position: relative;
}
.siteMapLine ul li a:hover{
	color: #fff;
	border-bottom: none;
}
.siteMapLine ul li a:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	background: #fff;
	bottom: -3px;
}
footer > .container {
	padding: 0;
}
footer .siteMapLine h5 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	padding: 1px 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
footer .footerTop {
	border-bottom: #75787b solid 1px;
}
footer .newsEvent {
	overflow: hidden;
	float: left;
}
footer .sns {
	overflow: hidden;
	float: right;
}
footer .newsEvent ul,
footer .sns ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
footer .newsEvent ul li {
	display: block;
	float: left;
}
footer .newsEvent ul li + li {
	margin-left: 15px;
}
footer .newsEvent ul li a {
	color: #fff;
}
footer .newsEvent ul li a:hover {
	color: #bbbcbc;
}
footer .newsEvent ul li a .newsEventImg {
	display: inline-block;
	width: 36px;
	height: auto;
	vertical-align: middle;
}
footer .newsEvent ul li a .newsEventImg img,
footer .sns ul li img {
	width: 100%;
	height: auto;
}
footer .sns ul li {
	display: block;
    float: left;
    margin: 0 2px;
    width: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
footer .sns ul li a {
    text-decoration: none;
    text-align: center;
    color: #716d6d;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
footer .sns ul li.footer_fb:hover{
    background-color: #3a5a98;
}
footer .sns ul li.footer_tw:hover {
    background-color: #0079ba;
}
footer .sns ul li.footer_weibo:hover {
    background-color: #e6162d;
}
footer .sns ul li.footer_weixin:hover {
    background-color: #44b035;
}
footer .sns ul li.footer_in:hover {
    background-color: #32a7e0;
}
footer .sns ul li.footer_yt:hover{
    background-color: #da1725;
}
footer .sns ul li.footer_youku:hover{
    background-color: #2796ff;
}
footer .sns ul li.footer_co:hover{
    background-color: #d50032;
}
footer .footerBtm {
	border-top: #75787b solid 1px;
}
footer .footerBtm .sLocation {
	display: none;
	float: right;
	box-sizing: border-box;
	padding-left: 25px;
	background: url(../images/nav/nav_icon_lang@2x.png) no-repeat left center;
	background-size: 20px 20px;
}
footer .footerBtm .sLocation a {
	color: #bbbcbc;
	text-decoration: none;
}
footer .footerBtm .sLocation span + span:before {
	content: '/';
	margin: 0 3px 0 1px;
}
footer .footerBtm p {
	color: #fff;
	margin: 0;
}
footer .footerBtm .policy {
	margin-top: 5px;
}
footer .footerBtm .policy a {
	color: #fff;
	position: relative;
}
footer .footerBtm .policy a + a {
	margin-left: 12px;
}
footer .footerBtm .policy a + a:before {
	position: absolute;
	content: '|';
	color: #bbbcbc;
	left: -10px;
}
footer .footerBtm .policy a:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	background: #d50032;
	left: 0;
}
/* footer end */

/* btn */
.btnBlock {
  font-size: 14px;
  display: inline-block;
  color: white!important;
  padding: 8px 5px 8px 5px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  background-color: rgba(231, 46, 52, 1);
}


.btn {
  font-size: 13px;
  font-weight: bold;
  line-height: 23px;
  display: inline-block;
  color: white!important;
  padding: 10px 30px;
  margin: 10px 0;
  border: solid 2px #e72e34;
  box-sizing: border-box;
  cursor: pointer;
  background-color: rgba(231, 46, 52, 1);
  text-transform: uppercase;
}
.btn:hover {
  background-color: #e72e34;
  color: black;
  border: solid 2px #e72e34;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn100 {
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  display: inline-block;
  color: white;
  
  padding: 10px 30px;
  
  margin: 10px 0;
  border: solid 2px #e72e34;
  box-sizing: border-box;
  cursor: pointer;
  background-color: rgba(231, 46, 52, 1);
  text-transform: uppercase;
  width: 98%; text-align: center;
  margin-left: 1%;
}
.funBtn55 .btn100{
	text-transform: none;
}
.btn100:hover {
  background-color: #e72e34;
  color: black;
  border: solid 2px rgba(187, 40, 46, 1);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn100B {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  
  display: inline-block;
  color: white;
  
  padding: 44px 30px;
  margin: 0;
  border: solid 2px #e72e34;
  box-sizing: border-box;
  cursor: pointer;
  background-color: rgba(231, 46, 52, 1);
  text-transform: uppercase;
  width: 100%; text-align: center; height: 100%;
}
.btn100B:hover {
  background-color: #e72e34;
  color: black;
  border: solid 2px #e72e34;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.coverWhite{
	position: absolute; width: 100%; height: 100%;
	top: 0; left: 0; padding: 15px; box-sizing: border-box;
	background: rgba(0, 0, 0, .3);
	color: white;
}

.coverWhite:hover {
  background: rgba(211, 49, 49, .90);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.aBtnHover{
	/*display: inline-block; */
	/*width: 100%;*/
}

.aBtnHover:hover{
	color: #d50032!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}

.aBtnHoverDark:hover{
	color: #a6192e!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}

.aBtnHoverWhite:hover{
	color: white!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}

.coverWhite p{
	margin: 0!important;
	color: white!important;
}

.redBtnDark{
	color: white;
	background-color: #d50032!important;
}
.redBtnDark:hover{
	background-color: #a6192e!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	color: white;
}

.grayDark{
	color: white;
	background-color: #bbbbbb!important;
}
.grayDark:hover{
	background-color: rgba(234, 46, 52, 1)!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	color: white;
}



.blueBtnDark{
	background-color: rgba(88, 170, 219, 1)!important;
}
.searchBtnS{
	color: white!important; padding: 8px 0;
}
.searchBtnS:hover{
	background-color: rgba(88, 170, 219, 1)!important;
	border-color: rgba(71, 135, 173, 1)!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}
.blueBtnDark:hover{
	background-color: rgba(71, 135, 173, 1)!important;
	border-color: rgba(71, 135, 173, 1)!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}

.blueBtnDarkBoder{
	width: 100%; color: white;
	background-color: rgba(88, 170, 219, 1)!important;
	border: 2px solid rgba(88, 170, 219, 1)!important;
}
.blueBtnDarkBoder:hover{
	background-color: rgba(71, 135, 173, 1)!important;
	border-color: rgba(71, 135, 173, 1)!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	
}

a.blueLink{
	color: #58aadb!important;
}

a.blueBgBtn{
	background: none; height: auto; /*line-height: 26px;*/
	color: white;
	padding: 8px 0; font-size: 14px;
	background-color: rgba(88, 170, 219, 1)!important;
}
a.blueBgBtn:hover{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	color: white;
	background-color: rgba(71, 135, 173, 1)!important;
}

a.redBgBtn{
	background: none; height: auto; /*line-height: 26px;*/
	color: white;
	padding: 8px 0; font-size: 14px;
	background-color: #d50032!important;
}
a.redBgBtn:hover{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	color: white;
	background-color: #a6192e!important;
}


a.blueBorder{
	background: none; height: auto; /*line-height: 26px;*/
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(88, 170, 219, 1);
	padding: 8px 5px; font-size: 14px; box-sizing:border-box;
	line-height: normal;
}
a.blueBorder:hover,a.blueBorder.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;
	cursor: pointer;
	background: none; height: auto; 
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(255, 255, 255, 1);
	background-color: rgba(88, 170, 219, 1)!important;
}
a.blueBorderActive{
	background-color: rgba(88, 170, 219, 1)!important;
	height: auto; 
	border: 2px solid rgba(88, 170, 219, 1);
	color: white;
	padding: 8px 5px; font-size: 14px; box-sizing:border-box;
	line-height: normal;
}
a.blueBorderActive: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;
	background-color: rgba(71, 135, 173, 1)!important;
	border-color: rgba(71, 135, 173, 1)!important;
}
a.redBorderActive{
	background-color: #d50032!important;
	height: auto; 
	border: 2px solid #d50032;
	color: white;
	padding: 8px 5px; font-size: 14px; box-sizing:border-box;
	line-height: normal;
}
a.redBorderActive: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;
	background-color: #a6192e!important;
	border-color: #a6192e!important;
}

button.blueBorder{
	background: none; height: auto; /*line-height: 26px;*/
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(88, 170, 219, 1);
}
button.blueBorder:hover{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	background: none; height: auto; 
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(255, 255, 255, 1);
	background-color: rgba(88, 170, 219, 1)!important;
}

button.compare{
	background-color: rgba(88, 170, 219, 1)!important;
	height: auto; /*line-height: 26px;*/
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(255, 255, 255, 1);
}
button.compare:hover{
	background-color: rgba(71, 135, 173, 1)!important;
	border: 2px solid rgba(71, 135, 173, 1);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}
button.wheretoBuy{
	background-color: rgba(231, 46, 52, 1)!important;
	height: auto; line-height: 26px;
	border: 2px solid rgba(88, 170, 219, 1);
	color: rgba(255, 255, 255, 1);
}

.btnRedBorder{
	background: none; height: auto; /*line-height: 26px;*/
	border: 2px solid #d50032;
	color: #d50032;
}
.btnRedBorder:hover,.btnRedBorder.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;
	cursor: pointer;
	background: none; height: auto; 
	border: 2px solid #d50032;
	color: #fff !important;
	background-color: #d50032 !important;
}



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

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


/* popup */
.closePopupBtn{
	position: absolute; top: 0; right: 0;
	width: 36px; height: 36px; display: block; z-index: 10;
	background: url('../images/nav/closePopupBtn.png') no-repeat 0 0;
}
.popUpBg{
	position: fixed; width: 100%; height: 100%; top: 0; left: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, .85);
	display: none;
}
.closeSearchBg{
	position: fixed; width: 100%; height: 100%; top: 0; left: 0;
	z-index: 999;
	background: rgba(0, 233, 0, .0);
	display: none; 
}
/*20160317*/
.closeSearchBg2{
	position: fixed; width: 100%; height: 100%; top: 0; left: 0;
	z-index: 99996;
	background: rgba(0, 233, 0, .0);
	display: none;
}
.batteryPopupInfo{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 600px; height:354px ;
/*	background: url('../images/nav/batteryPopupInfo.png') no-repeat center top;*/
	background-color: white;
}
.batteryPopupInside{
	position: absolute; top: 51px;
	left: 15px;
	width: 570px; height: 288px;
	background-color: #dedede; float: left;
	padding: 20px; box-sizing: border-box;
}
.batteryPopupInside h6{
	float: left; font-size: 14px; padding: 0; left: 0;
	margin: 0 0 10px 0; width: 100%;
}
.batteryPopupInside .topSelect{
	padding: 0 0 10px 0; width: 100%;
	float: left; border-bottom: 1px solid #666666;
	margin: 0 0 25px 0;
}
.batteryPopupInside .batteryShowInfo{
	width: 80%; margin: 0 0 0 10%;
	padding: 5px 0; float: left;
	border-bottom: 1px solid white;
}
.batteryPopupInfo.mobile{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 600px; height:354px ;
	background: none;
	background-color: white;
}
.batteryPopupInfo select{
	float: left; width: 49%; 
	/*position: absolute; top: 56px; left: 32px; width: 200px;*/
}
.batteryPopupInfo select:last-child{
	margin: 0!important; float: right;
}
.batteryPopupInfo select.mobile{
	display: none;
}
.batteryPopupInfo .selectMode{
	font-size: 14px; color: #313131;
	float: left; margin: 0 0 0 66px;
}

.batteryPopupInfo .selectMode.mobile{
	font-size: 14px; color: #313131;
	top: 142px;  left: 16px;
}
.batteryPopupInfo div{
	/*position: absolute;*/
}
.batteryPopupInfo .selectMode span{
	font-size: 16px; font-weight: 400; color: #3c3c3c;
	padding: 0 0 0 20px;
}
.batteryPopupInfo .bTitle{
 	font-size: 14px; color: #777777;
	width: 45%; text-align: right; float: left;
}
.batteryShowInfo.first .bTitle{
	color: #313131!important;
}
.batteryPopupInfo .bMode.mobile{
 	font-size: 14px; color: #777777;
	top: 180px;  left: 5px; width: 98px; text-align: right;
}
.batteryPopupInfo .bInfo{
 	font-size: 14px; color: black; width: auto;
	text-align: left; float: left; margin: 0 0 0 30px;
}
.batteryShowInfo.first .bInfo{
	color: #3c3c3c!important; font-size: 16px;
	font-weight: 400;
}
.batteryPopupInfo .bModedate.mobile{
 	font-size: 14px; color: black; width: auto;
	top: 180px;  left: 120px;  text-align: left;
}
.batteryPopupInfo .bType{
 	font-size: 14px; color: #777777;
	top: 208px;  left: 152px; width: 98px; text-align: right;
}
.batteryPopupInfo .bType.mobile{
 	font-size: 14px; color: #777777;
	top: 208px;  left: 5px; width: 98px; text-align: right;
}
.batteryPopupInfo .bTypedate{
 	font-size: 14px; color: black; width: auto;
	top: 208px;  left: 286px;  text-align: left;
}
.batteryPopupInfo .bTypedate.mobile{
 	font-size: 14px; color: black; width: auto;
	top: 208px;  left: 120px;  text-align: left;
}
.batteryPopupInfo .bNum{
 	font-size: 14px; color: #777777;
	top: 236px;  left: 152px; width: 98px; text-align: right;
}
.batteryPopupInfo .bNumdate{
 	font-size: 14px; color: black; width: auto;
	top: 236px;  left: 286px;  text-align: left;
}
.batteryPopupInfo .bNumdate.mobile{
 	font-size: 14px; color: black; width: auto;
	top: 236px;  left: 120px;  text-align: left;
}
.batteryPopupInfo .bNum.mobile{
 	font-size: 14px; color: #777777;
	top: 236px;  left: 5px; width: 98px; text-align: right;
}
h5.popuptitle{
	padding: 0; margin: 0; height: 36px; width: 100%;
	background-color: #e72e35;
	font-size: 16px; line-height: 36px; font-weight: 400;
	color: white; padding: 0 10px; box-sizing: border-box;
}
/* runtimeChartPopup */
.runtimeChartPopupInfo{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 466px; height:486px ;
	/*background: url('../images/nav/runtimeChartPopupInfo.png') no-repeat center top;*/
	background-color: white;
}
.runtimeChartPopupInfo.mobile{
	background: none;
	background-color: #dedede;
}
.runtimeChartPopupInfo .selectA{
	position: absolute; top: 76px; left: 28px; width: 200px;
	top: 90px;
}
.runtimeChartPopupInfo .selectA.mobile{
	left: 2%;
	width: 96%; 
}
.runtimeChartPopupInfo .selectB{
	position: absolute; top: 76px; left: 236px; width: 200px;
	top: 90px;
}
.runtimeChartPopupInfo .selectB.mobile{
	left: 2%; top: 120px;
	width: 96%; 
}

.runtimeChartPopupInfo .chartShow.mobile{
	position: absolute; top: 170px; left: 0;
	width: 100%; height: auto;
}
.runtimeChartPopupInfo .chartShow.mobile img{
	width: 100%;
}

.runtimeChartPopupInside{
	position: absolute; top: 51px;
	left: 15px;
	width: 436px; height: 420px;
	background-color: #dedede; float: left;
	padding: 20px; box-sizing: border-box;
}
.runtimeChartPopupInside h6{
	float: left; font-size: 14px; padding: 0; left: 0;
	margin: 0 0 10px 0; width: 100%;
}
.runtimeChartPopupInside .topSelect{
	padding: 0 0 10px 0; width: 100%;
	float: left; border-bottom: none;
	margin: 0 0 0 0;
}
.runtimeChartPopupInside .batteryShowInfo{
	width: 80%; margin: 0 0 0 10%;
	padding: 5px 0; float: left;
	border-bottom: 1px solid white;
}

.runtimeChartPopupInside select{
	float: left; width: 49%; 
}
.runtimeChartPopupInside select:last-child{
	margin: 0!important; float: right;
}

.runtimeChartPopupInfo .chartShow{
	float: left;
	width: 100%; height: 312px;
}

.starIcon{
	width: 18px; height: 18px; display: inline-block;
	background: url('../images/nav/starIcon.png') no-repeat 0 0;
	
}
.starIcon.active{
	background-position: 0 -18px;
}
.starIcon.activeHalf{
	background-position: 0 -36px;
}


/* writeReviewPopup */
.writeReviewPopup{
	position: absolute; margin: auto; float: left;
	left: 50%; margin-left: -45%;
	float: left; width: 90%;
	width: 1140px; margin-left: -570px;
}
.writeInfoPop{
	float: left; width: 100%; padding: 30px 20px 30px 20px; 
	background-color: white;
	box-sizing: border-box;
}
.writeInfoPop .proInfo{
	float: left; width: 35%;
}
.writeInfoPop .proInfo h3{
	font-size: 24px; color: black; float: left;
	font-weight: 400; margin: 0 0 30px 0; padding: 0;
}
.writeInfoPop .proInfo h4{
	font-size: 14px; color: #a2a2a2; float: left;
	font-weight: 300; margin: 5px 0 5px 0; padding: 0;
	width: 100%;
}
.writeInfoPop .proInfo p{
	float: left; font-size: 13px; color: #6c6c6c;
}
.writeInfoPop .proInfo .img{
	
	width: 80%; height: auto; float: left; left: 0;
	margin: 0 10%;
}
.writeInfoPop .proInfo .pImg .verticalArea{
	height: auto;
}
.writeInfoPop .writeInfo{
	float: right; width: 62%;
}
.writeInfoPop .writeInfo p{
	float: left; font-size: 13px; color: #6c6c6c;
}
.writeInfoPop .writeInfo table{
	float: left; width: 90%;
}
.writeInfoPop .writeInfo table tr{
	float: left; width: 100%;
	line-height: 40px;
}
.writeInfoPop .writeInfo table td{
	float: left;
}
.writeInfoPop .writeInfo table input{
	width: 90%; height: 30px; padding: 0 5px;
	box-sizing: border-box; width: 100%;
	border: 1px solid #cbcbcb;
}
.writeInfoPop .writeInfo table textarea{
	width: 100%; height: 24px; padding: 5px 5px;
	box-sizing: border-box; height: 100px;
	margin: 10px 0 0 0;
	border: 1px solid #cbcbcb;
	resize: none;
}
.writeInfoPop .writeInfo button{
	margin: 20px 0 0 0;
}

.writeInfoPop .writeInfo table .starPoint{
	margin: 5px 0 -5px 0;
}

.writeInfoPop .writeInfo td.title{
	width: 25%; text-align: right;
}
.writeInfoPop .writeInfo td.info{
	width: 70%; padding: 0 0 0 20px;
}

.writeInfoPop .notice{
	float: left; width: 100%; box-sizing: border-box;
	border-top: 1px solid #cbcbcb; margin: 10px 0 0 0;
	padding: 20px; font-size: 13px; color: #6c6c6c;
}
#skuBannerPopup{
	overflow-y: auto;
}
.skuBannerPopup{
	margin: 73px 13px 13px 13px;
	background: white;
	padding: 14px 18px 25px 18px;
}
.skuBannerPopup .closeBtn{
	display: block;
	width: 17px;
	height: 16px;
	background: url(../images/icon_close.png) no-repeat;
	float: right;
	cursor: pointer;
	text-indent: -9999px;
}
.skuBannerPopup h3{
	display: block;
	border-bottom: 1px #959595 solid;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
}
.skuBannerPopup img{
	max-width: 100%;
	margin-bottom: 5px;
	/*max-height: 300px;*/
	display: block;
	margin: 0 auto;
}
.skuBannerPopup.softwareSku img + img {
	margin-top: 15px;
}
.skuBannerPopup .blueBgBtn{
	display: block;
	margin: 30px auto 0 auto;
	width: 50%;
	padding: 15px;
	text-align: center;


}

.btnCenter{
	width: 100%; text-align: center;
}
 a.normal{
 	color: white; display: inline-block;; font-weight: normal; padding: 10px 15px;
 	box-sizing:border-box; text-align: center;
 }
 a.normalBig{
 	display: inline-block;; font-weight: normal; padding: 10px 50px;
 	box-sizing:border-box; text-align: center; width: 280px; margin: 0 20px;
 }



.cancelBtn{
	background-color: rgba(150, 150, 150, 1)!important;
}
.cancelBtn:hover{
	
	background-color: rgba(71, 135, 173, 1)!important;
	border-color: rgba(71, 135, 173, 1)!important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
}

a.learnMoreBtn{
	background: none; height: auto; /*line-height: 26px;*/
	border: 2px solid rgba(234, 46, 52, 1)!important;
	padding: 8px 0; font-size: 14px;
	color: white;
	background-color: rgba(234, 46, 52, 1)!important;
	box-sizing:border-box;
}
a.learnMoreBtn:hover{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	background: none; height: auto; 
	border: 2px solid rgba(187, 40, 46, 1)!important;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(187, 40, 46, 1)!important;
}


.warningPopupInfo{
	position: relative; margin: auto;
	top: 50%; left: 0; bottom: 0; right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 480px; height: auto;
	background-color: white;
	overflow: hidden;
}
.warningInfo{
	/*float: left;*/
	margin: 50px auto 0;
	width: 420px;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.warningInfo .icon{float:left; margin: 0 0 0 20px;}
.warningInfo p{
	font-size: 15px;
	line-height: 24px;
	float: left;
	padding: 0;
	margin: 0 0 40px 40px;
	min-height: 48px;
	width: 268px;
	text-align: left;
}
.warningInfo a{width: 170px; margin:0 19px 20px; /*position: absolute;*/}
/*.warningInfo a.confirm{bottom: 0; left: 0;}*/
/*.warningInfo a.cancelBtn{bottom: 0; right: 0;}*/



.helpPopupInfo{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 600px; height:404px ;
	background-color: white;
}
.helpInfo{
	float: left; width: 100%; padding: 42px; box-sizing:border-box;
	position: relative;

}
.helpInfo p{ margin: 0 0 0 30px; float: left; width: 240px;  }
.helpInfo img{float: left;}
.helpInfo a{width: 170px; float: left; margin: 210px 0 0 30px;}


.resetPopupInfo{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 528px; height:340px ;
	background-color: white;
}
.resetInfo{
	float: left; width: 100%; padding: 42px; box-sizing:border-box;
	position: relative;

}
.resetInfo .resetPassword{margin: 0}
.resetInfo p{ margin: 0 0 0 30px; float: left; width: 240px;  }
.resetInfo img{float: left;}

.accessoryPopupInfo,
.softwareDLPopupInfo {
	position: relative;
	margin: auto;
	top: 50%;
	left: 0;
	bottom: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 50%;
	max-width: 600px;
	height: auto;
	background-color: white;
	overflow: hidden;
}
.accessoryInfo,
.softwareDLInfo {
	box-sizing: border-box;
	padding: 30px;
	overflow: hidden;
}
.accessoryInfo .accessoryContent {
	overflow: hidden;
}
.accessoryInfo .accessoryContent + .accessoryContent {
	margin-top: 15px;
}
.accessoryInfo .accessoryContent h5 {
	margin: 0;
	font-weight: 700;
	font-size: 1.2em;
}
.accessoryInfo .accessoryContent h5 + p {
	margin-top: 5px;
}
.accessoryInfo .accessoryContent p {
	margin: 0;
}

.accessoryInfo .accessoryCompatible ul {
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}
.accessoryInfo .accessoryCompatible ul li {
	display: inline-block;
	margin: 5px 10px 5px 0;
	line-height: 1;
}
.accessoryInfo .accessoryWherebuy h5 a {
	position: relative;
	color: #d50032;
}
.accessoryInfo .accessoryWherebuy h5 a:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: #d50032;
}
.accessoryInfo .accessoryWherebuy h5 a i {
	margin-left: 5px;
}
.accessoryInfo .accessoryWherebuy a.blueBtnDark {
	padding: 10px 70px;
	float: right;
}
.softwareDLInfo p {
	margin: 0;
}
.softwareDLInfo p span.necessary {
	color: #d50032;
}
.softwareDLInfo form {
	margin: 15px 0;
}
.softwareDLInfo form > div {
	padding: 5px 0;
}
.softwareDLInfo form div.acceptance {
	margin-top: 15px;
}
.softwareDLInfo label,
.softwareDLInfo input {
	vertical-align: middle;
}
.softwareDLInfo label {
	display: inline-block;
	width: 20%;
	cursor: default;
    text-align: right;
	margin-right: 5px;
}
.softwareDLInfo label:after,
.softwareDLInfo form > div > p:after {
	content: ':';
	margin-left: 5px;
}
.softwareDLInfo label.necessary:before,
.softwareDLInfo form > div > p.necessary:before {
	content: '*';
	color: #d50032;
	margin-right: 1px;
}
.softwareDLInfo input[type="text"] {
	width: 50%;
	padding: 5px;
	font-family: 'Lato', 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
}
.softwareDLInfo select {
	width: 50%;
	margin-left: -3px;
	padding: 5px;
	font-family: 'Lato', 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
	color: #222;
	font-size: 14px;
	border: #cccccc solid 1px !important;
	height: auto;
	line-height: normal;
}
.softwareDLInfo form > div > p {
	display: inline;
	margin-right: 10px;
}
.softwareDLInfo form > div > span {
	margin-left: 5px;
}
.softwareDLInfo form > div > span > a {
	text-decoration: underline;
    color: #d50032;
}
.softwareDLInfo form > div > span > a + a {
	margin-left: 5px;
}
.softwareDLInfo form > div > span > a + a:before {
	content: '|';
	margin-right: 5px;
    color: #000;
}
.softwareDLInfo a.blueBtnDark {
	min-width: 150px;
	float: right;
}
@media screen and (max-width: 960px){
	.accessoryPopupInfo,
	.softwareDLPopupInfo {
		width: 80%;
		max-width: none;
	}
	.accessoryInfo {
		max-height: calc(100vh - 60px);
		overflow-y: scroll;
	}
}
@media screen and (max-width: 767px){
	.accessoryPopupInfo {
		width: 90%;
	}
	.accessoryInfo {
		padding: 15px;
	}
	.accessoryInfo .accessoryWherebuy a.blueBtnDark {
		float: none;
		margin-top: 15px;
	}
	.softwareDLPopupInfo {
		width: 90%;
		max-height: 90%;
		overflow-y: auto;
	}
}
@media screen and (max-width: 640px){
	.accessoryInfo,
	.softwareDLInfo {
		margin-top: 36px;
	}
	.softwareDLInfo label {
		width: 100%;
        text-align: left;
	}
	.softwareDLInfo select,
	.softwareDLInfo input[type="text"] {
		width: 100%;
	} 
}

.youtubePopupInfo{
	position: absolute; margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 853px; height:480px ;
	background-color: white;
	text-align: center;
}
.youtubePopupInfo .iframe iframe{
	width: 853px; height:480px ;
}
.youtubePopupInfo .iframe a.moreBtn {
	display: inline-block;
	color: #fff;
	border: #fff solid 2px;
	padding: 5px 10px;
	margin-top: 5px;
}
.youtubePopupInfo .iframe a.moreBtn:hover {
	background: #fff;
	color: #000;
}

.animate{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}


.compareCart{
    z-index: 50;
	position: fixed; width: 100%; height: auto;
	bottom: 0;float: left; bottom: -500px;
	/*background: rgba(43,44,47,0.95);*/
	-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);
	/*background: rgba(255,255,255,0.95);*/
	background: rgba(43,44,47,0.95);
}
.compareCart .topBlackLine{
	position: absolute; width: 100%; height: 50px;
	top: 0; left: 0;
	background: rgba(43,44,47,0.90);
}
.compareCart .container{
	height: auto;
	/*-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);*/
	padding: 0 0 10px 0;
}
.compareTop{
	width: 100%; height: 50px; padding: 0 0;
	box-sizing: border-box;
}
.compareTop .touch{ position: absolute; top: 0; right: 140px;
	width: 86%; height: 50px;
}
.compareTop h5{
	float: left; font-size: 16px; font-weight: 400; padding: 0; margin: 0 16px 0 0; color: white; line-height: 50px;
}
.compareTop a{
	display: inline-block; width: 15px; height: 15px;
	color: white; border: 2px solid white;
	line-height: 15px; text-align: center; font-size: 10px;
	margin: 16px 5px 0 5px; color: #939393;
}
.compareTop a.compareBtn{
	float: right; margin: 7px 0 0 0;
	display: inline-block; width: auto;
	height: auto; border: 2px solid #d50032;
	color: white; padding-left: 10px; padding-right: 10px;
	font-size: 13px; line-height: normal;
	position: relative; z-index: 99;
}
.compareTop a.compareBtn.disable {
	border: 2px solid #75787b;
	color: #75787b;
	background: none !important;
	cursor: default;
}
.compareTop a.resetBtn{
	float: right; margin: 7px 0 0 7px;
	display: inline-block; width: auto;
	height: auto; border: 2px solid white;
	color: white; padding: 8px 5px 8px 10px; padding-right: 10px;
	font-size: 13px; line-height: normal;
	transition: .5s;
	-webkit-transition: .5s;
	position: relative; z-index: 99;
}
.compareTop a.resetBtn:hover{
	color: #343538;
	background: white;
}
@media screen and (max-width: 960px){
	.compareTop a.resetBtn{
		margin-right: 7px;
	}
}
.compareTop button{
	padding: 0 10px; float: right; margin: 7px 0 0 0;
}

.compareTop .icon{
	float: left; width: 18px; height: 18px; margin: 16px 5px 0 0;
	background: url('../images/nav/compare_icon.png') no-repeat left -18px;
}
.compareTop .icon.active{
	background-position: 0 0;
}
.compareTop a.active{
	background-color: white;
}
.compareItemArea{
	background-color: white; float: left; padding: 5px;
	box-sizing:border-box; width: 100%; position: relative;
}
.compareItem{
	position: relative; float: left;
	width: calc(100%/4 - 5px); padding: 5px 10px 5px 0; 
	box-sizing: border-box; margin-right: 6px;
	background-color: #f5f5f5; height: 100%;
}
.compareItem.last{margin-right: 0;}
.compareItem .img{
	float: left; width: 160px; margin-left: 0; height: 122px;
	width: 110px; margin-bottom: 0; height: 100px; width: 100px;
	position: relative; left: 50%; margin-left: -55px; margin-left: -50px;
}
.compareItem .img .pImg{
	width: 110px; height: 122px; height: 100px; width: 100px;
}
.compareItem .img .pImg .verticalArea{
	height: auto; width: 100%;
	display: table-cell; text-align: center; vertical-align: middle;
}
.compareItem h6{
	padding: 0 0; margin: 0; color: #3c3c3c;
	font-size: 13px; width: 100%; text-align: center;
	font-weight: 400;
	float: left;
}
.compareItem .subTitle{
	padding: 0 0; margin: 0; color: black;
	font-size: 12px;text-align: center;
	font-weight: bold; width: 100%;
	float: left;
}
.compareItem .removeTxt{
	padding: 0 0; margin: 0; color: #a9a9a9;
	font-size: 14px;text-align: right;
	font-weight: bold; width: auto;
	position: absolute; top: 10px; right: 30px;
}
.compareItem .removeIcon{
	position: absolute; width: 18px; height: 18px; right: 10px; top: 10px;
	background: url('../images/nav/removeIcon.png') no-repeat left top;
}


.comparisonNextNav{
	position: fixed; width: 100%; height: auto;
	bottom: 0;float: left; bottom: -500px;
	background: rgba(43,44,47,0.95);
	-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);
}
.comparisonNextNav .container{
	height: auto;
	padding: 0 0 0 0;
}
.comparisonNavTop{
	width: 100%; height: 50px; padding: 0 15px;
	box-sizing: border-box; 
}
.comparisonNavTop .touch{ position: absolute; top: 0; right: 140px;
	width: 86%; height: 42px;
}
.comparisonNavTop .btnDiv{float: right;}
.comparisonNavTop h5{
	float: left; font-size: 16px; font-weight: 400; padding: 0; margin: 14px 0 0 0; color: white; 
}
.comparisonNavTop a{
	float: right; margin: 7px 5px 0 0;
	display: inline-block; width: auto;
	height: auto; border: 2px solid rgba(88, 170, 219, 1);
	color: white; width: 150px; text-align: center;
	font-size: 13px; line-height: normal;
}
.comparisonNavTop a.cancelBtn{
	float: right; margin: 7px 5px 0 0;
	display: inline-block; width: auto;
	height: auto; border: 2px solid rgba(150, 150, 150, 1)!important;
	color: white; width: 150px; text-align: center; padding: 8px 0;
	font-size: 13px; line-height: normal;
}
.comparisonNavTop a.cancelBtn:hover{
	border: 2px solid rgba(71, 135, 173, 1)!important;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .compareItem .removeIcon{
  	width: 18px; height: 18px;
  	background: url('../images/nav/removeIcon@2x.png') no-repeat left top;
  	background-size: 18px 18px;
  }
  .logo_s{
  	width: 105px; height: 20px; 
  	background: url('../images/nav/logo_s@2x_20170807.svg') no-repeat left top;
  	background-size: 105px 20px;
  }
  .domainNitram_s .logo_s{
  	width: 72px; height: 40px; top: 0; margin-left: -36px;
  	background: url('../images/nav/logo_s_nitram@2x_20210111.svg') no-repeat left top;
  	background-size: 72px 40px;
  }
  .nav_icon{
  	/*background: url('../images/nav/nav_icon@2x.png') no-repeat left top;*/
  	background-size: 40px 40px;
  }
  .quick_icon{
  	background: url('../images/nav/quick_icon@2x.png') no-repeat left top;
  	background-size: 40px 40px;
  }
  .location_icon{
  	background: url('../images/nav/lang_icon@2x.png') no-repeat left top;
  	background-size: 40px 40px;
  }
  .account_icon{
  	background: url('../images/nav/account_icon@2x.png') no-repeat left top;
  	background-size: 40px 40px;
  }
  .compareTop .icon{
  	background: url('../images/nav/compare_icon@2x.png') no-repeat left -18px;
  	background-size: 18px 36px;
  }
  
  #top ul li a.topAccount{
  	background:  url('../images/nav/nav_icon_account@2x.png') no-repeat center right;
  	background-size: 20px 20px;
  }
  
  #top ul li a.topLocation{
  	background:  url('../images/nav/nav_icon_lang@2x.png') no-repeat center right;
  	background-size: 20px 20px;
  }
  #top ul li a.topLang{
  	background:  url('../images/nav/nav_icon_location@2x.png') no-repeat center right;
  	background-size: 20px 20px;
  	position: relative; z-index: 9999;
  }
  .sMenu ul li a.subIcon{
  	background: url('../images/nav/small_subIcon@2x.png') no-repeat right top;
  	background-size: 40px 40px;
  }
  .starIcon{
  	background: url('../images/nav/starIcon@2x.png') no-repeat left top;
  	background-size: 18px 36px;
  }
  .closePopupBtn{
  	background: url('../images/nav/closePopupBtn@2x.png') no-repeat left top;
  	background-size: 36px 36px;
  }
  .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;
  }

  .mobileOpenIcon{
  	width: 18px; height: 18px;
	background: url('../images/nav/mobileOpenIcon@2x.png') no-repeat ;
	background-size: 18px 36px;
	}

	.openArrowIcon{
	width: 18px; height: 18px;
	background: url('../images/nav/mobileOpenIcon@2x.png') no-repeat ;
	background-size: 18px 36px;
	}
}

/* ========== browser start ========== */
.popUpBg#browserPopup {
	background-image: url('../images/nav/browserBg.png') \9;
	background-repeat: repeat \9;
}
.browserWrapper {
    background-color: #fff;
    max-width: 1000px;
    width: 100%;
    height: auto;
    height: 200px \9;
    margin: auto;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    position: absolute \9;
    top: 50%;
    top: 0 \9;
    bottom: 0 \9;
    left: 0 \9;
    right: 0 \9;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: none \9;
}
*::-ms-backdrop, .browserWrapper {transform: translateY(-50%);}
.browserWrapper > a.closeBrowserBtn {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    text-align: center;
    color: #bbbcbc;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.browserWrapper > a.closeBrowserBtn:hover {
    opacity: 1;
}
.browserWrapper > a.closeBrowserBtn > i.fa {
    display: block;
}
.browserWrapper > .row {
    float: none;
}
.browserWrapper .tpTxt h3 {
	color: #000;
    font-weight: 700;
}
.browserWrapper .tpTxt p {
	color: #000;
    margin: 0;
}
.browserWrapper .mdIcon {
    margin: 50px 0;
}
.browserWrapper .mdIcon > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.browserWrapper .mdIcon > ul > li {
    display: inline-block;
    padding: 0 30px;
    border-right: #d9d9d6 solid 1px;
}
.browserWrapper .mdIcon > ul > li.mdIconLast {
	border-right: none;
}
.browserWrapper .mdIcon > ul > li > a {
	display: block;
}
.browserWrapper .mdIcon > ul > li > a > div {
	margin-bottom: 15px;
}
.browserWrapper .mdIcon > ul > li > a > div > img {
	max-width: 100%;
	height: auto;
}
.browserWrapper .mdIcon > ul > li > a > p {
	margin: 0;
	color: #63666a;
	line-height: 1.2;
}
.browserWrapper .mdIcon > ul > li > a > span {
	margin: 10px 0;
	color: #d50032;
	font-size: 12px;
}
.browserWrapper .mdIcon > ul > li > a > span:hover {
	color: #a6192e;
	text-decoration: underline;
}
.browserWrapper .bmTxt {
	margin-top: 10px;
}
.browserWrapper .bmTxt > a.closeBrowserLink {
	display: inline-block;
	color: #000;
	font-weight: 700;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: #000 solid 1px;
	cursor: pointer;
}
.browserWrapper .bmTxt > a.closeBrowserLink:hover {
	color: #d50032;
	border-bottom: #d50032 solid 1px;
}
.browserWrapper .bmTxt > p {
	margin: 0;
	color: #63666a;
}
@media screen and (max-width: 1000px){
	.browserWrapper {
	    width: 90%;
	}
	.browserWrapper .mdIcon > ul > li {
		width: 20%;
		box-sizing: border-box;
		margin: 0 -2px;
	    padding: 0 15px;
	    vertical-align: top;
	}
}
/* ========== browser end ========== */

/* ========== loading start ========== */
#floatingCirclesG{
	position:relative;
	width:125px;
	height:125px;
	margin:0 auto;
	top: 50%;
	transform:scale(0.6) translateY(-50%);
		-ms-transform:scale(0.6) translateY(-50%);
		-webkit-transform:scale(0.6) translateY(-50%);
		-moz-transform:scale(0.6) translateY(-50%);
}

.f_circleG{
	position:absolute;
	background-color:rgba(0,0,0,0.98);
	height:22px;
	width:22px;
	border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1s;
		-ms-animation-duration:1s;
		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
	animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:51px;
	animation-delay:0.1s;
		-ms-animation-delay:0.1s;
		-webkit-animation-delay:0.1s;
		-moz-animation-delay:0.1s;
}

#frotateG_02{
	left:15px;
	top:15px;
	animation-delay:0.2s;
		-ms-animation-delay:0.2s;
		-webkit-animation-delay:0.2s;
		-moz-animation-delay:0.2s;
}

#frotateG_03{
	left:51px;
	top:0;
	animation-delay:0.3s;
		-ms-animation-delay:0.3s;
		-webkit-animation-delay:0.3s;
		-moz-animation-delay:0.3s;
}

#frotateG_04{
	right:15px;
	top:15px;
	animation-delay:0.4s;
		-ms-animation-delay:0.4s;
		-webkit-animation-delay:0.4s;
		-moz-animation-delay:0.4s;
}

#frotateG_05{
	right:0;
	top:51px;
	animation-delay:0.5s;
		-ms-animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		-moz-animation-delay:0.5s;
}

#frotateG_06{
	right:15px;
	bottom:15px;
	animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#frotateG_07{
	left:51px;
	bottom:0;
	animation-delay:0.7s;
		-ms-animation-delay:0.7s;
		-webkit-animation-delay:0.7s;
		-moz-animation-delay:0.7s;
}

#frotateG_08{
	left:15px;
	bottom:15px;
	animation-delay:0.8s;
		-ms-animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
		-moz-animation-delay:0.8s;
}

@keyframes f_fadeG{
	0%{background-color:rgb(213,0,50);}
	100%{background-color:rgb(0,0,0);}
}

@-ms-keyframes f_fadeG{
	0%{background-color:rgb(213,0,50);}
	100%{background-color:rgb(0,0,0);}
}

@-webkit-keyframes f_fadeG{
	0%{background-color:rgb(213,0,50);}
	100%{background-color:rgb(0,0,0);}
}

@-moz-keyframes f_fadeG{
	0%{background-color:rgb(213,0,50);}
	100%{background-color:rgb(0,0,0);}
}
/* ========== loading end ========== */

/* ========== new lightbox 2021 start ========== */
.boxWrapper {
	max-width: 600px;
	width: 100%;
	max-height: 90%;
	height: auto;
	overflow: auto;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.boxContent {
	position: relative;
	text-align: center;
	color: #000;
}

.boxContent.typeText {
	padding: 30px;
}

.boxContent.typeInput,
.boxContent.typeWord,
.boxContent.typeSn {
	padding: 15px 30px 30px;
}

a.closeBox {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	color: #bbbcbc;
	font-size: 2em;
	padding: 2px 5px;
	cursor: pointer;
}

a.closeBox i {
	display: block;
}

.boxContent a.colorBtn,
.boxContent a.borderBtn {
	min-width: 150px;
	max-width: calc(50% - 20px);
	width: auto;
	cursor: pointer;
	padding: 10px 15px;
	box-sizing: border-box;
	vertical-align: middle;
}

.boxContent a.colorBtn + a.colorBtn,
.boxContent a.borderBtn + a.borderBtn {
	margin-left: 30px;
}

.boxContent.typeText i.boxDeco {
	color: #d9d9d6;
	font-size: 4.5em;
}

.boxContent.typeText p {
	margin: 30px auto;
    color: #000;
}

.boxContent.typeText h6 {
	font-size: 1em;
	margin: 30px auto 15px;
}

.boxContent.typeText ul {
	margin: 0 auto 30px;
	padding: 0;
	list-style: none;
}

.boxContent.typeText ul li + li {
	margin-top: 5px;
}

.boxContent.typeText form {
	position: relative;
	display: inline-block;
	color: #000;
	line-height: 1.33;
	margin-bottom: 15px;
}

.boxContent.typeText p + form {
	top: -15px;

}

.boxContent.typeText form input[type="checkbox"] {
	visibility: hidden;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.boxContent.typeText form label.pdListingCheck {
	box-sizing: border-box;
	border: #bbbcbc solid 1px;
	width: 12px;
	height: 12px;
	background-color: #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;
}

.boxContent.typeText form 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;
}

.boxContent.typeText form input[type="checkbox"]:checked + label.pdListingCheck:before {
	background-color: #d50032;
}

.boxContent.typeText form label.pdListingLabel {
	margin-left: 5px;
}

.boxContent.typeText form input[type="checkbox"]:checked ~ label.pdListingLabel {
	color: #d50032;
}

.boxContent.typeInput h6 {
	font-size: 1em;
	margin: 0 auto 30px;
}

.boxContent.typeInput p {
	margin: 0 auto 5px;
}

.boxContent.typeInput p + p {
	margin-bottom: 15px;
}

.boxContent.typeInput p span {
	color: #d50032;
}

.boxContent.typeInput .inputAlign {
	display: inline-block;
	text-align: right;
}

.boxContent.typeInput .inputLine {
	padding: 5px 0;
}

.boxContent.typeInput .inputLine.submit {
	text-align: center;
}

.boxContent.typeInput .inputLine.submit input ~ a {
	color: #d50032;
	text-decoration: none;
}

.boxContent.typeInput .inputLine.submit input ~ a + a:before {
	content: '|';
	color: #d9d9d6;
	margin: 0 5px;
	cursor: default;
}

.boxContent.typeInput .inputLine.submit .colorBtn {
	margin-top: 15px;
}


.boxContent.typeInput label {
	cursor: text;
}

.boxContent.typeInput label:after {
	content: ':';
	margin: 0 5px;
}

.boxContent.typeInput label.necessary:before {
	content: '*';
	color: #d50032;
	margin-right: 2px;
}

.boxContent.typeInput input {
	border: #d9d9d6 solid 1px;
	outline: 0;
	padding: 5px 10px;
	font-family: 'Roboto', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
}

.boxContent.typeInputLess input[type="text"] {
	width: 150px;
}

.boxContent.typeInputMore input[type="text"] {
	width: 350px;
}

.boxContent.typeInputMore select {
	width: 350px;
}

.boxContent.typeInput input[type="checkbox"] {
	vertical-align: middle;
	width: 12px;
	height: 12px;
	margin: -1px 5px 0;
}

.boxContent.typeWord h6 {
	font-size: 1em;
	margin: 0 auto 30px;
}

.boxContent.typeWord .wordBox {
	text-align: left;
	margin: 0 0 30px;
}

.boxContent.typeWord .wordBox h4 {
	font-size: 1em;
	margin: 0 0 10px;
}

.boxContent.typeWord .wordBox a + h4 {
	margin-top: 30px;
}

.boxContent.typeWord .wordBox p {
	margin: 0 0 10px;
}

.boxContent.typeWord .wordBox ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: square inside;
}

.boxContent.typeWord .wordBox ul li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.boxContent.typeWord .wordBox a {
	text-decoration: underline;
	color: #d50032;
}

.boxContent.typeSn h6 {
	font-size: 1em;
	margin: 0 auto 30px;
}

.boxContent.typeSn img {
	max-width: 100%;
	height: auto;
	margin: 0 auto 15px;
}

.boxContent.typeSn p {
	margin: 0;
}

.boxContent.typeSn p + p {
	margin-top: 15px;
}

.boxContent.typeSn a.colorBtn {
	margin-top: 30px;
}

@media screen and (max-width: 767px){
	.boxWrapper {
		width: 90%;
	}

	.boxContent a.colorBtn,
	.boxContent a.borderBtn {
		max-width: 100%;
		width: 100%;
	}

	.boxContent a.colorBtn + a.colorBtn,
	.boxContent a.borderBtn + a.borderBtn {
		margin-left: 0;
		margin-top: 15px;
	}

	.boxContent.typeInput .inputAlign {
		display: block;
		text-align: left;
	}

	.boxContent.typeInput label {
		display: block;
		margin: 0 0 5px 0;
	}

	.boxContent.typeInput label:after {
		margin: 0 0 0 5px;
	}

	.boxContent.typeInput input[type="text"] {
		width: 100%;
	}

    .boxContent.typeInput select {
		width: 100%;
	}
      
	.boxContent.typeInput a.colorBtn {
		max-width: 100%;
		margin-top: 10px;
	}
}
/* ========== new lightbox 2021 end ========== */

/* ========== lightbox (product) start ========== */
.blog_popup {
  position: absolute;
  display: inline-block;
  background: #fff;
  max-width: 1230px;
  width: 90%;
  box-sizing: border-box;
  padding: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.blog_popup.blog_popup_small {
  max-width: 600px;
  padding: 15px 30px 30px;
}

.blog_popup .imgBlock {
  display: inline-block;
  width: 50%;
  margin: 0 -3px 0 0;
  padding: 0 15px;
  box-sizing: border-box;
  vertical-align: top;
}

.blog_popup h6,
.blog_popup .imgBlock h6 {
  font-size: 1.2em;
  margin: 0;
  padding: 0 15px 15px;
  text-align: center;
  color: #000;
}

.blog_popup a.closeBtn {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 2em;
  color: #bbbcbc;
  cursor: pointer;
  z-index: 10;
}

.blog_popup a.closeBtn i {
  display: block;
}

.blog_popup .blog_popup_table,
.blog_popup .blog_popup_count,
.blog_popup .blog_popup_battery {
  text-align: center;
  max-height: calc(90vh - 70px);
  overflow-y: auto;
}

.blog_popup .blog_popup_table .blog_popup_td {
  display: inline-block;
  box-sizing: border-box;
  width: 33.33%;
  margin: 0 -2px;
  padding: 15px;
  position: relative;
  vertical-align: top;
}

.blog_popup .blog_popup_table .blog_popup_td:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border: #ebebeb solid 1px;
  z-index: -1;
}

.blog_popup .blog_popup_table .blog_popup_td:hover:before {
  background: #ebebeb;
}

.blog_popup .blog_popup_table .blog_popup_td a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.blog_popup .blog_popup_table .blog_popup_td img {
  max-width: 100%;
  height: auto;
  filter: brightness(1.1);
  -webkit-filter: brightness(1.1);
  -ms-filter: brightness(1.1);
  -moz-filter: brightness(1.1);
}

.blog_popup .blog_popup_table .blog_popup_td .txtWrapper {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 120px);
  margin: 0 0 0 -4px;
  padding: 15px 10px;
  vertical-align: top;
  text-align: left;
}

.blog_popup .blog_popup_table .blog_popup_td span {
  display: block;
  font-weight: 700;
}

.blog_popup .blog_popup_table .blog_popup_td span.optional:after {
  content: '*';
  color: #d50032;
  margin-left: 2px;
}

.blog_popup .blog_popup_table .blog_popup_td p {
  color: #75787b;
  line-height: 1.2;
  font-size: 0.9em;
  margin: 5px 0 0;
}

.blog_popup .blog_popup_table .blog_popup_td u {
  display: block;
  text-align: right;
  color: #bbbcbc;
  font-size: 0.8em;
  text-decoration: none;
  margin: 5px 10px;
}

.blog_popup .blog_popup_table b {
  display: block;
  text-align: right;
  color: #d50032;
  font-size: 0.8em;
  font-weight: 400;
  margin-right: 15px;
}

.blog_popup_count img {
  max-width: 100%;
  height: auto;
  margin: 15px 0 30px;
}

.blog_popup_count .blog_popup_count_table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.blog_popup_count .blog_popup_count_tr {
  display: table-row;
}

.blog_popup_count .blog_popup_count_tr.count {
  border-bottom: #d9d9d6 solid 1px;
}

.blog_popup_count .blog_popup_count_tr.count .blog_popup_count_td {
  padding-bottom: 10px;
}

.blog_popup_count .blog_popup_count_tr.count + .blog_popup_count_tr .blog_popup_count_th {
  padding-top: 10px;
}

.blog_popup_count .blog_popup_count_th,
.blog_popup_count .blog_popup_count_td {
  display: table-cell;
  box-sizing: border-box;
  padding: 2px 10px;
  text-align: left;
  color: #75787b;
}

.blog_popup_count .blog_popup_count_th:last-child,
.blog_popup_count .blog_popup_count_td:last-child {
  text-align: right;
}

.blog_popup_count .blog_popup_count_th {
  font-weight: 700;
  position: relative;
}

.blog_popup_count .blog_popup_count_th.star:after {
  content: '*';
  position: absolute;
}

.blog_popup_count p {
  font-size: 0.8em;
  line-height: 1.3;
  color: #bbbcbc;
  margin: 30px 0 0;
}

.blog_popup_count p + p {
  margin: 10px 0 0;
}

.blog_popup_battery {
  padding: 0 15px 15px;
}

.blog_popup_battery img {
  max-width: 100%;
  height: auto;
}

.blog_popup_battery h6 {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  padding: 0 15px;
  margin: 30px 0 5px;
  color: #75787b;
}

.blog_popup_battery p {
  margin: 15px 0;
  padding: 0 15px;
  color: #75787b;
  text-align: left;
}

.blog_popup_battery h6 + p {
  margin: 0;
  color: #75787b;
}

.blog_popup .blog_popup_txt {
  max-height: calc(90vh - 70px);
  overflow-y: auto;
  padding: 30px;
}

.blog_popup .blog_popup_txt p {
	margin: 0;
}

.blog_popup .blog_popup_txt p + p {
	margin-top: 10px;
}

.blog_popup .blog_popup_txt p a {
	color: #d50032;
	cursor: pointer;
}

.blog_popup .blog_popup_txt p a:hover {
	text-decoration: underline;
}

.blog_popup .blog_popup_txt p a:before {
	content: '|';
	margin: 0 7px 0 10px;
	color: #d9d9d6;
	cursor: default;
}

/* ----- ipad landscape ----- */
@media screen and (max-width: 1024px) {
  .blog_popup_battery h6 {
    padding: 0;
  }

  .blog_popup_battery p {
    padding: 0;
  }
}

/* ----- ipad portrait ----- */
@media screen and (max-width: 960px) {
  .blog_popup .blog_popup_table .blog_popup_td .txtWrapper {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 15px;
    text-align: center;
  }
}

/* ----- mobile portrait ----- */
@media screen and (max-width: 640px) {
  .blog_popup {
    padding: 15px 0;
  }

  .blog_popup .blog_popup_table {
    max-height: calc(90vh - 60px);
  }

  .blog_popup .blog_popup_table .blog_popup_td {
    width: 100%;
  }

  .blog_popup .blog_popup_table .blog_popup_td .txtWrapper {
    display: inline-block;
    width: calc(100% - 120px);
    margin: 0 0 0 -4px;
    padding: 15px 10px;
    text-align: left;
  }

  .blog_popup .imgBlock {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    padding: 0;
  }
}
/* ========== lightbox (product) end ========== */