/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
//*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#tb_window {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
}

#tb_secondline {
	font: 10px arial, helvetica, sans-serif;
	color:#666666;
}

#tb_window a:link {color: #666666;}
#tb_window a:visited {color: #666666;}
#tb_window a:hover {color: #000;}
#tb_window a:active {color: #666666;}
#tb_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#tb_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#fff;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	height:100%;
	width:100%;
}

* html #tb_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollheight > document.body.offsetheight ? document.body.scrollheight : document.body.offsetheight   'px');
}

#tb_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 2px solid #0a50a1;
	text-align:center;
	top:9%;
	left:30%;	
}

* html #tb_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseint(this.offsetheight / 2)   (tbwindowmargin = document.documentelement && document.documentelement.scrolltop || document.body.scrolltop)   'px');
	top:50%;
}

#tb_window img#tb_image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#tb_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	padding:0px 0px 0px 0px;
	float:left;
}

#tb_closewindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#tb_closeajaxwindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#tb_ajaxwindowtitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#tb_title{
	background-color:#e8e8e8;
	height:27px;
}

#tb_ajaxcontent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#tb_ajaxcontent.tb_modal{
	padding:15px;
}

#tb_ajaxcontent p{
	padding:5px 0px 5px 0px;
}

#tb_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #tb_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseint(this.offsetheight / 2)   (tbwindowmargin = document.documentelement && document.documentelement.scrolltop || document.body.scrolltop)   'px');
}

#tb_hideselect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #tb_hideselect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollheight > document.body.offsetheight ? document.body.scrollheight : document.body.offsetheight   'px');
}

#tb_iframecontent{
	clear:both;
	border:none;
	margin-bottom:0px;
	margin-top:0px;
	_margin-bottom:0px;
	
}
/***
 * bxslider v4.2.2 - fully loaded, responsive content slider
 * http://bxslider.com
 *
 * written by: steven wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking belgian ales and listening to jazz)
 *
 * ceo and founder of bxcreative, ltd
 * http://bxcreative.com
 ***/
/** reset and layout
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on chrome)*/
  -webkit-transform: translatez(0);
}
/** theme
===================================*/
.bx-wrapper {
  background: #fff;
}

.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager{
  position: absolute;
  bottom: 20px;
  width: 100%;
}
/* loader */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background:  center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* pager */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* direction controls (next / prev) */
.bx-wrapper .bx-prev {
  left: 10px;
  background:  no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background:  no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* auto controls (start / stop) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background:  -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background:  -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* pager with auto-controls hybrid layout */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* image captions */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/*-------homepage set3---------*/
.pblock{ border:1px solid #eee;background:#fff;margin-bottom:10px;border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow:  0 1px 3px 0 rgba(0, 0, 0, 0.33);transition: box-shadow 1s;-moz-transition: -moz-box-shadow 1s;-webkit-transition: -webkit-box-shadow 1s;}
.pblock a{color:#666; font-size:13px;text-align:center;display:block;}
.pblock img{vertical-align: middle;-webkit-border-top-left-radius: 2px;-moz-border-top-left-radius: 2px;border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-top-right-radius: 2px;border-top-right-radius: 2px;}

/*-------homepage set4---------*/
.table-block.set3{width:730px;padding: 0 10px 30px 10px; margin: 0 auto;}
.productcat-blocksw{width:730px;}
.productcat-blocksw.set3 .title-header{margin: 0 0 20px 0; width:70%;}
//.productcat-blocksw.set3 .title-header h3{font-family: 'open_sanslight',helvetica, "microsoft yahei", arial; margin:0; padding:0 10px 0px 10px;color:#222;font-weight:normal; font-size:15px; display:inline-block;*display:block;}
.productcat-blocksw.set3 .content-container{width:726px;position:relative;margin: 10px 0 60px 0;min-height: 280px;height: 300px;}
.productcat-blocksw.set3 .ctaballcat{font-weight:normal; font-size:12px; position:absolute; right:0; top:-40px; text-align:right;}
//.productcat-blocksw.set3 .ctaballcat a{color:#e63641;}
.productcat-blocksw.set3 .ctabcat{width:25%; display:inline-block; *display:inline; float:left; border-width:0 1px 0 0;font-size: 13px;font-weight: normal;cursor: pointer;color: #666;padding: 11px 0;margin: 0;}
.productcat-blocksw.set3 .tdcat {background:#f6f6f6  left bottom repeat-x;}
.productcat-blocksw.set3 h1{ }
.tdcnt{background-color:#fff; float:left; padding:0 10px; min-height: 270px;}
.productcat-blocksw.set3 .ccntprod{width:150px;float:left;margin:20px 15px;*margin:20px 13px;}
.productcat-blocksw.set3 .ccntprod .cssimg{text-align: center; height:150px;border:1px solid #f1f1f1;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: 150px;vertical-align: middle;text-align: center;display: table-cell;}
.productcat-blocksw.set3 .cssimg b{height: 100%;vertical-align: middle;font-size: 0;width: 0;}
.productcat-blocksw.set3 .cssimg a {vertical-align: middle;}
.productcat-blocksw.set3  h1{font-size:13px; font-weight:normal;text-align:center;}
//.productcat-blocksw.set3  a{color:#666666;}
.ctabcatlist{ width:100%;position: absolute;top:0;left: 0; z-index:2;}
.productcat-blocksw.set3 .selected{}
.productcat-blocksw.set3 .ctabcat{text-overflow: ellipsis;white-space: nowrap;line-height: 16px;overflow: hidden;}

.ccatcntlist{width: 100%; position: absolute;top:39px; min-height:255px; left: 0;z-index:1;}
.ctabcatlist:after, .ccatcntlist:after {content:''; display:block; clear: both;}

.newprod-block.set3{width:100%;}
//.newprod-block.set3 .content-container{margin:30px 0;}
.newprod-block.set3 .content-container .cover-item{width:165px; float:left;margin:0 15px 0 0 ;}
.newprod-block.set3 .content-container .cover-item.lastitem{margin:0;}
.newprod-block.set3 .content-container .cover-item .cssimg{overflow:hidden; border:1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:160px; height:160px;vertical-align: middle;text-align: center;display: table-cell;}
.newprod-block.set3 .content-container .cover-item .cssimg a{vertical-align: middle;}
.newprod-block.set3 .content-container .cover-item .cssimg img, .content-container .cover-item .cssimg b {display: inline-block;overflow: hidden;text-align: center;vertical-align: middle;}
.newprod-block.set3 .content-container .cover-item .cssimg b {height: 100%;vertical-align: middle;font-size: 0;width: 0;}
.newprod-block.set3 .content-container .cover-item h1{ font-family: 'open_sanslight',helvetica, "microsoft yahei", arial; color:#666; font-size:13px; text-align:center; font-weight:normal;}
//.newprod-block.set3 .content-container .cover-item h1 a{color:#444;}
//.newprod-block.set3 .content-container .cover-item h1 a:hover{color:#e63641;}
.newprod-block.set3 .content-container .cssrow{margin:0 0 30px 0;}


.news-block{float:left; width:100%; margin:0 0 20px 0;}
.news-block .title-header {margin: 0 0 15px 0;}
.news-block .csscontent .csstext{margin: 0 0 0 20px; float: left; width: 60%;}
.news-block .csscontent .cssimg a{vertical-align: middle;}
.news-block .csscontent .cssimg img, .news-block.set3 .csscontent .cssimg b {display: inline-block;overflow: hidden;text-align: center;vertical-align: middle;}
.news-block .csscontent .cssimg b {height: 100%; vertical-align: middle; font-size: 0; width: 0;}
.news-block .csscontent .cssimg {height:auto !important; vertical-align: middle;text-align: center;display: table-cell;}

.contact-block{ float:left;width: 95%; background-color: #eee; padding: 0 20px;}
.contact-block ul{padding:0; margin:20px 0 0 0;list-style-type: none; }
.contact-block ul li{color:#666666; margin:12px 0; padding:0 0 0 18px; background: no-repeat; line-height:18px;}
.contact-block ul li.contact-person{background-position:0 -630px;}
.contact-block ul li.contact-address{background-position:0 -708px;}
.contact-block ul li.contact-tel{background-position:0 -790px;}
.contact-block ul li.contact-fax{background-position:0 -867px;}

.clearfix:before, .clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}

.clearfix:after {
clear: both;
}

.clearfix {
zoom: 1;
}


.lastrow-block:before, .lastrow-block:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}

.lastrow-block:after {clear: both;}

.lastrow-block {zoom: 1;}

.bizview{padding:0 20px;}
.bizview:before, .bizview:after {content: ".";display: block;height: 0;overflow: hidden;}
.bizview:after {clear: both;}
.bizview{zoom: 1;}/** 
last modify 
2023-05-04 .paragraph-col-1 .cnt-img text-align: left;
2020-03-16 paragraph row using display:         flex; for columen auto height
2019-07-29 15:11 
*/
/*****homepage default********/
.ctblcontent{table-layout:fixed;} /*for all ie */

/****roll banner******/
.paragraph-container {
	
}
.paragraph-container:hover {

}

.paraname{
  font-size: 13px;
  font-weight: bold;
  padding: 0 20px;
  height: 24px;
  line-height: 24px;
}

.als-container {
  padding: 15px 0;
  position: relative;
  margin: 0px auto 30px auto;
  z-index: 0;
  height: auto;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color:#fff;
}

.als-container .paraname{
  color: #333333;
}

.als-viewport {
  position: relative;
  overflow: hidden;
  margin: 10px 30px 0 35px;
}

.als-wrapper {
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.als-item {
  position: relative;
  display: block;
  cursor: pointer;
  float: left;
  /*width:140px;*/
  height:170px;
  margin: 0px 0px;
  padding: 4px 24px;
  text-align: center;	
}

.als-item img {	display: block;	margin: 0 auto;	vertical-align: middle;}
.als-prev, .als-next {position: absolute; cursor: pointer; clear: both;}
.als-prev, .als-next {top: 110px;}
.als-prev {left: 10px;}
.als-next {right: 10px;}

.als-item .item-image{
  border: 1px solid #eee;
  background-color: #fff;
  overflow: hidden;
  width: 120px;
  height: 120px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

.als-item .item-image a {
  vertical-align: middle; 
}

.als-item .item-image b, .als-item .item-image img, {
 display: inline-block;
 overflow: hidden;
 text-align: center;
 vertical-align: middle;
}

.als-item .item-image b {
height: 100%;
vertical-align: middle;
font-size: 0;
width: 0;
}

.als-item .item-text{
   width: 120px;
   margin:5px 0 0 0;
}

/******features block*********/
.newprod-block{/*width:750px;*/padding: 15px 0; margin:20px auto;}
.newprod-block .title-header {position:relative;}
.newprod-block .title-header h3{display:inline-block; margin: 0; padding: 0 0 10px 0;}
.newprod-block .title-header .morelink{position:absolute; right:20px; bottom:5px;}
.newprod-block .paraname { padding:0; }
.newprod-block .content-container {margin-top:15px;}
.newprod-block .content-container .cover-item{width:190px; height: 270px; float:left;margin:0 11px 10px 11px; overflow:hidden;}
.newprod-block .content-container .cover-item.lastitem{margin:0;}
.newprod-block .content-container .cover-item .cssimg{background-color:#fff;overflow:hidden; border:1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:200px; height:200px;vertical-align: middle;text-align: center;display: table-cell;}
.newprod-block .content-container .cover-item .cssimg a{vertical-align: middle;}
.newprod-block .content-container .cover-item .cssimg img, .content-container .cover-item .cssimg b {max-height:100%;max-width:100%;display: inline-block;overflow: hidden;text-align: center;vertical-align: middle;}
.newprod-block .content-container .cover-item .cssimg b {height: 100%;vertical-align: middle;font-size: 0;width: 0;}
.newprod-block .content-container .cover-item h1{ font-size:13px; text-align:center; font-weight:normal; margin: 8px 0; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.newprod-block .content-container .cover-item h2{ font-size:13px; text-align:center; font-weight:normal; margin: 8px 0;}
.newprod-block .content-container .cover-item a{text-decoration:none;font-size:13px;}
.newprod-block .content-container .cssrow{margin:0 0 30px 0;}

/******shop features block*********/
.newprod-block.shop-latest-products{/*width:750px;*/padding: 0px 0; margin:20px auto;margin-left: 5px;}
.newprod-block.shop-latest-products .content-container .cover-item{width:195px; height: 270px; float:left;margin:0 11px 10px 11px;}



/*****contact block*****/
.contact-block ul{padding:0; margin:20px 0 0 0;list-style-type: none;}
.contact-block ul li{margin:12px 0; padding:0 0 0 18px; background: no-repeat; line-height:18px;}
.contact-block ul li.contact-person{background-position:0 -630px;}
.contact-block ul li.contact-address{background-position:0 -708px;}
.contact-block ul li.contact-tel{background-position:0 -790px;}
.contact-block ul li.contact-fax{background-position:0 -867px;}
.contact-block ul li.contact-mobilelocal {background-position: 0 -790px;}

#map-canvas{float:right; width:45%;border:2px solid #ccc;}
.contact-block{display:block; margin:30px auto 35px auto;padding:20px 20px;;border-width:1px 0 0 0;border-style: dotted; border-color: #ccc;}
.contact-block ul{float:left; width:40%;padding:0; margin:0;list-style-type: none;}
.contact-block ul li{ margin:12px 0;}
.contact-block ul li.contact-companyname{padding:0; font-weight:bold; }



/********end homepage default**********/

/******old parag table*******/
.paragraph h3{
  margin:4px auto;
  font-size:12px;
  font-weight:normal;
  text-align:center;
}

.paragraph{ width:100%; margin:8px auto; color:inherit;}
.paragraph span, .paragraph p, .paragraph td, .paragraph div, .paragraph h1,  .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6{line-height:normal; }
.paragraph h2{line-height:normal;font-weight: bold; font-size: 13px; margin-top: 10px}
.paragraph:first-child{margin:0 auto 8px auto;}
.paragraph table td{/*width: 60%; vertical-align:top;*/}

.paragraph.one{text-align:center; margin:15px 0;}

.paragraph.one img{display:block; margin:5px auto 10px auto;}
.paragraph.one p{ display:block;text-align:center;}

.paragraph.two{ margin:15px 0;}
.paragraph.two p{ margin:0 10px 0 0; float:left;}

.paragraph.three{margin:15px 0;}
.paragraph.three p{width:100%;margin:10px 0;padding:0;}

.paragraph.four{margin:15px 0;}
.paragraph.four td{	width:auto;} 
.paragraph.four img{margin:0 30px 10px 0;}
.paragraph.four .image{ padding:0 20px 0 0; width:40%;}
.paragraph.four .image a{}
.paragraph.four .image img{border:2px solid #eee;}
.paragraph.four p{margin:0 0 10px 0; padding:0;}

.paragraph .image h3{ 
   margin:4px auto;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   float:left;
   display:block;
   clear:both;
   width:100%;
}

.paragraph.five{margin:15px 0;}
.paragraph.five td{width:auto;}
.paragraph.five img{margin:0 0 10px 30px;}
.paragraph.five .image{padding:0 0 0 20px; width:40%;}
.paragraph.five .image a{display:inline-block;*display : inline;*zoom : 1;}
.paragraph.five .image img{border:2px solid #eee;}
.paragraph.five p{margin:0 0 10px 0;padding:0;}

.paragraph.six{}
.paragraph.six .image{float:left;}

.paragraph.seventh{}
.paragraph.seventh .image{float:right;
}
.paragraph.eight{}
.paragraph.eight img{margin:0 0 10px 0;}
.paragraph.eight .image{text-align:center;width:50%;}

/******end of parag*******/

/******new parag editor default*******/
.page-paragraphs{width:750px;margin:20px auto 0px auto;}

.contentpanel .page-paragraphs{width:750px;margin:20px 0 0px auto;}  /* for shop*/

.paragraph ul, .paragraph ol{margin:0 10px; padding: 0 0 0 15px; }
.paragraph ul { list-style-type:disc; }
.paragraph ol { list-style-type:decimal; }
.paragraph p{margin:0 0 8px 0;}
.paragraph li{padding:initial;}

.paracnt{ border:1px solid #fff; padding:3px; min-height: 14px; }

.paragraph-container:hover .paracnt {
	border :#aaaaaa 1px dashed;
}

.cnt-button a { white-space:normal; color: #fff;text-shadow: 0 1px 1px black;font-size:12px; text-decoration:none; }
.cnt-button a:hover{color: #fff; text-decoration:none;}
.cnt-button span {color: #fff;text-shadow: 0 -2px 1px black;font-size:12px;}
.cnt-button {cursor:pointer; margin:5px 0 5px 0; padding: 5px 10px 6px 10px; width:auto; display:inline-block;;background: #353433;background: -moz-linear-gradient(top, #353433 0%, #0d0d0d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353433), color-stop(100%, #0d0d0d));filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#353433', endcolorstr='#0d0d0d',gradienttype=0 );vertical-align: middle; white-space: nowrap;border: 1px solid #222;border-radius: 3px; *display:inline; *background-color:#000;}

.cnt-media { margin:auto; background-color: #000000; }
.cnt-media object, .cnt-media embed { background-color: #000000; }

.cssdesc p{margin:0 0 10px 0; line-height:normal;}
.cnt-img img {max-width:100%; width:auto;height:auto;}

.paragraph-col-1 {width:100%;overflow-x: hidden;margin:0}
.paragraph-col-1 h1{margin:0 0 10px 0;padding:0 0; font-size:18px; font-weight:normal; font-family: 'arial','hiragino sans gb','microsoft yahei';}
.paragraph-col-1 .cnt-img{text-align:left; overflow:hidden;} /* 2023 text-align:center */
.paragraph-col-1 .cnt-img img{max-width:100%;width: expression( this.scrollwidth > 745 ? "749px" : "auto" ); margin:0;/* sets max-height for ie */}
.paragraph-col-1 .cnt-text{margin:0px 0;padding:0 10px 0 0;}
.paragraph-col-1 .cssfloatl{float:left; margin: 20px;}
.paragraph-col-1 .cssfloatl img{max-width:350px;width: expression( this.scrollwidth > 350 ? "351px" : "auto" );}
.paragraph-col-1 .cssfloatr{float:right; margin:20px;}
.paragraph-col-1 .cssfloatr img{max-width:350px;width: expression( this.scrollwidth > 350 ? "351px" : "auto" );}


.paragraph-col-2{float:left;margin:0px 20px 0px 0;/*background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/padding:0px 0px;}
.paragraph-col-2 h1{margin:0 0 10px 0;padding:0 20px; font-size:18px; font-weight:bold;}
.paragraph-col-2 .cnt-img{text-align:center;padding:0 20px;}
.paragraph-col-2 img{max-width:100%;width: expression( this.scrollwidth > 350 ? "351px" : "auto" ); /* sets max-height for ie */}
.paragraph-col-2 h3.cnt-title{line-height:18px; margin:10px 0;padding:0 10px 0 0; font-size:15px; text-align:left;}
.paragraph-col-2.cssleft{width:48%; margin:0 4% 0 0;*margin:0 3% 0 0;}
.paragraph-col-2.cssleft table{width:350px !important;width: expression( this.scrollwidth > 350 ? "351px" : "auto" ) !important; /* sets max-height for ie */}
.paragraph-col-2.cssright{width:48%; margin:0 0 0 0; float:right;}
.paragraph-col-2 .cnt-img{text-align:center;padding:0 0px;}

.paragraph-col-2-3{width:100%;overflow-x: hidden;margin:0 0 20px 0;}
.paragraph-col-2-3-left{float:left;width:73%;overflow:hidden;height:463px;}
.paragraph-col-2-3-left img{width:100%;width: auto\9;height: auto;vertical-align: middle;border: 0;}
.paragraph-col-2-3-right{float:right;width:25%; margin-left:2%;text-align:right;overflow:hidden;overflow:hidden;height:463px;}
.paragraph-col-2-3-right img{width:100%;width: auto\9;height:auto;vertical-align: middle;border: 0; display:block; margin:0 0 15px 0; float: left;}
.paragraph-col-2 h3{margin:20px 0 10px 0; font-size:15px; font-family: 'arial','hiragino sans gb','microsoft yahei'; text-align:left;}

.paragraph-col-3{width:30%; float:left;margin:0px 5% 0px 0;padding:0px 0;*margin:0px 15px 0px 0;}
.paragraph-col-3.csslast{margin:0 0 0px 0}
.paragraph-col-3 h3.cnt-title{ text-align:left; margin:0 0 10px 0;padding:0;font-size:15px; font-family: 'arial','hiragino sans gb','microsoft yahei'; line-height:18px;}
.paragraph-col-3 .cnt-img{width:100%; /*padding:0 20px;text-align:center; */}
.paragraph-col-3 .cnt-img img{width:auto; max-width:100%;*width:225px;}
.paragraph-col-3 .cnt-text, .paragraph-col-3 .cnt-text p{margin:10px 0;padding:0 0;}
.paragraph-col-3 .cnt-button{float:left; width:100%; margin:10px 0 0 0;}
.paragraph-col-3.last{ margin:0px 0px 20px 0;}

.paragraph-col-4{width:21%; float:left;margin:0px 5% 0 0;padding: 0px 0;*margin:0px 15px 0px 0;}
.paragraph-col-4.csslast{margin:0 0 0px 0}
.paragraph-col-4 h3.cnt-title{text-align:left; margin:0 0 5px 0;padding:0;font-size:15px; font-family: 'arial','hiragino sans gb','microsoft yahei';}
.paragraph-col-4 .cnt-img{text-align:center; width:100%; /*padding:0 20px;*/}
.paragraph-col-4 .cnt-img img{width:100%; max-width:100%;width: expression( this.scrollwidth > 150 ? "151px" : "auto" );}
.paragraph-col-4 .cnt-text, .paragraph-col-4 .cnt-text p{margin:5px 0;padding:0 0;}
.paragraph-col-4 .cnt-button{float:left;}
.paragraph-col-4.last{ margin:0px 0px 20px 0;}

/* paragraph template specificed css*/
.paragraph.paragraph-tpl-1{margin:0 auto;}
.paragraph-tpl-2{margin:15px 0}
.paragraph-tpl-7 .paragraph-col-1 {margin:0;}

.paragraph-tpl-57 .cssleft{float:left; width:65%;}
.paragraph-tpl-57 .cssright{float:right; width:31%;}

/***.paragraph-tpl-9***/
.paragraph-tpl-9 h3.cnt-text {margin:5px 0; padding:0;color: #e56f66;font-size: 16px;line-height: 25px; text-decoration:none;font-family: 'arial','hiragino sans gb','microsoft yahei';font-weight:normal; text-align:left;}
.paragraph-tpl-9 h3.cnt-text a{color:inherit}
.paragraph-tpl-9 h3.cnt-text:hover{color: #e56f66;}

.paragraph-tpl-9 .paragcolleft{ padding:10px; min-height:250px;width:63%; position:relative;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;float: left;}
.paragraph-tpl-9 .paragcolleft a{padding:0; display:block; margin:0;}
.paragraph-tpl-9 .paragcolleft .cssimg {float:left;line-height:250px; height:250px; overflow:hidden; margin-right:20px;margin-right:10px \9;}
.paragraph-tpl-9 .paragcolleft img{width:auto;width: auto\9;width: expression( this.scrollwidth > 245 ? "246px" : "auto" );height: auto; max-width:245px; max-width:230px \9;max-height:245px;line-height:250px; vertical-align:middle; float:left;}
.paragraph-tpl-9 .paragcolleft .cssdesc{float:left; width: 40%;}
.paragraph-tpl-9 .paragcolleft .cnt-button{margin:10px 0;float:left;}

.paragraph-tpl-9 .paragcolright h3.cnt-text{padding:0 15px; text-align:center;margin:0 0 5px 0;}
.paragraph-tpl-9 .paragcolright{ padding:10px; height:250px; width:30%; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;float: right; }
.paragraph-tpl-9 .paragcolright .cssimg {background-color:#fefefe; position: relative; margin:0 auto; width:auto;max-width: 230px; max-height: 110px;  overflow: hidden; text-align: center;}
.paragraph-tpl-9 .paragcolright .cssimg a{margin: 0 10px; height:110px;/*display: table-cell;*/overflow: hidden;vertical-align: middle;text-align: center;}
.paragraph-tpl-9 .paragcolright .cssimg img{width: 100px ; min-height:100px; min-width:100px;display: inline-block;vertical-align: middle; text-align: center;}
.paragraph-tpl-9 .paragcolright .cssdesc{height:80px; overflow:hidden; /*width:240px;*/ margin:5px auto 0 auto; text-align:center;}
.paragraph-tpl-9 .paragcolright .csslink{background:transparent; padding:0; margin:10px 0;width:auto;border:none;}
.paragraph-tpl-9 .paragcolright .csslink span{color: #e56f66; text-shadow:none; font-weight:bold;}

#paragraph-tpl-8 [class|=paragraph-col] { box-shadow: 0 1px 10px rgba(0,0,0,0.2)}
#paragraph-tpl-8 .cnt-title {color:#ff6600}

#paragraph-tpl-9 h1 {color:#00cc77}

.paragraph-tpl-10 { margin:15px 0; position:relative;}
.paragraph-tpl-10 .paragraph-col-1{ /*margin:15px 0;*/ position:relative; overflow:hidden;}
.paragraph-tpl-10 h1 {
   color:#fff !important;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 2;
   max-width: 100%;
   background-color: #000000;
   background: rgba(0,0,0,0.7);
   margin: 0 !important;
   padding: 10px 20px !important;
}
.paragraph-tpl-10  img {
   width: 100%;
   vertical-align: middle;
   border: 0;
}


.paragraph-tpl-11 {}
.paragraph-tpl-11 .paragcol-left{float:left;width:73%;overflow:hidden;}
.paragraph-tpl-11 .paragcol-left img{width:100%;vertical-align: middle;border: 0;}
.paragraph-tpl-11 .paragcol-right{float:right;width:24.4%; margin-left:2%;text-align:right;overflow:hidden;overflow:hidden;}
.paragraph-tpl-11 .paragcol-right .cnt-img{margin:0 0 15px 0; float: left;}
.paragraph-tpl-11 .paragcol-right .cnt-img img{width:100%; vertical-align: middle;border: 0;}

.paragraph-tpl-16 .paragraph-col-2 .cnt-img img{width:280px;}
.paragraph-tpl-16 .paragraph-col-2.cssleft{width:35%; text-align:left;}
.paragraph-tpl-16 .paragraph-col-2 .cnt-img {text-align:left;}
.paragraph-tpl-16 .paragraph-col-2.cssright{width:60%;}

.paragraph-tpl-17 .paragraph-col-2.cssleft{width:58%;}
.paragraph-tpl-17 .paragraph-col-2.cssright{width:35%; margin-left:10px;}
.paragraph-tpl-17 .paragraph-col-2.paragraph-col-2.cssright img{width:280px;}

.paragraph-tpl-20 .cssfloatr {z-index: 3;}
.paragraph-tpl-21 .cssfloatl {z-index:3;}

.paragraph-tpl-20 table{width:auto !important;}

.paragraph-tpl-58 .container { padding-left:0; padding-right:0; }
.paragraph-tpl-58 .cnt-slide { padding-left:0; margin-left:0; }

.paragraph-tpl-59 .tone2{color:#fff;}

.paragraph-tpl-59 {margin:0 auto !important;}
.paragraph-tpl-59 .cssitem{ color: #ffffff;width:50%; float:left; position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor:pointer; }
.paragraph-tpl-59 .cssitem:hover .csscover{background:rgba(0,0,0,0.7);}
.paragraph-tpl-59 .cssitem .csscover{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;position:absolute; height:100%; width:100%; text-align:center;   z-index: 4;}
.paragraph-tpl-59 .cssitem .csscover .text-line{color:#fff;font-size: 1.55em; position: relative; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%);}
.paragraph-tpl-59 .cssitem .csscover .text-line .text-title{color:#fff;}
.paragraph-tpl-59 .cssitem .csscover .text-line p{color:#fff;}

.paragraph-tpl-62 {margin:0 auto; position: relative;	width: 100%;height:400px;  overflow: hidden; text-align:center;}
.paragraph-tpl-62 img {	position: absolute;bottom:0;left: 0;}
.paragraph-tpl-62 .text-line{ display:none; color:#fff; position: absolute;width: 100%; top: 50%;-webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%);font-size: 1.5em;  z-index: 4;}
.paragraph-tpl-62 .text-title{color:#fff;}
.paragraph-tpl-62 .text-title p{color:#fff;}
.paragraph-tpl-62 .cssimg{height:300px;}
/*2024 andrew*/
.paragraph-tpl-62 .elmimguploader .thumb .elmimgmap, .elmimguploader .thumb .sampleimg {
    display: inline-block;
    height:100%;
}

.paragraph-tpl-63{margin:0 auto; display: table;}
.paragraph-tpl-63 .table-row{display: table-row;width: 100%;}
.paragraph-tpl-63 .cssitem{width:50%; display: table-cell;}
.paragraph-tpl-63 .cssitem.col-left{ position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor:pointer;}
.paragraph-tpl-63 .cssitem.col-left:hover .csscover{background:rgba(0,0,0,0.7);}
.paragraph-tpl-63 .cssitem.col-left .csscover{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;position:absolute; height:100%; width:100%; text-align:center; z-index:4;}
.paragraph-tpl-63 .cssitem.col-left .csscover .text-line{ font-size: 1.55em; position: relative; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%);}
.paragraph-tpl-63 .cssitem.col-left .csscover .text-title{color:#fff;}
.paragraph-tpl-63 .cssitem.col-left .csscover p{color:#fff;}
.paragraph-tpl-63 .cssitem.col-left .csscover .line {width: 96px;height: 1px; background-color: #63adc0; margin:5px auto;}
.paragraph-tpl-63 .cssitem.col-right{position:relative;}
.paragraph-tpl-63 .cssitem.col-right .cell-text{position: relative; padding:0 15px; top: 40%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); text-align:center;}
.paragraph-tpl-63 .cssitem.col-right .cell-text h5{font-size:1.33em;}
.paragraph-tpl-63 .cssitem.col-right .cssblock.csstop{position:absolute; height:50%;  width:100%; }
.paragraph-tpl-63 .cssitem.col-right .cssblock.cssbottom{position:absolute; height:50%; width:100%;  bottom:0;}
.paragraph-tpl-63 .cssitem.col-right .cssicon{position:absolute; left:50%; top:50%;   z-index: 99;}
.paragraph-tpl-63  img{margin:0 !important;}

.paragraph-tpl-64 {position:relative; padding:0; margin:0 !important;}
.paragraph-tpl-64 ul{list-stype-type:none; padding:0; margin:0;}
.paragraph-tpl-64 li{float:left;}
.paragraph-tpl-64 .csscontent {position: absolute; top: 50%; left:50%;	-webkit-transform: translate(-50%, -50%);	-ms-transform: translate(-50%, -50%);	transform: translate(-50%, -50%); text-align: center; background: rgba(66,112,124,0.7); padding: 10px; z-index: 99; color: #fff;}

.paragraph-tpl-64 .cnt-slide .carousel-inner > .item > img, .paragraph-tpl-64 .cnt-slide .carousel-inner > .item > a > img{width:200%;}
.paragraph-tpl-64 .csscontent .innerwrapper {border: 1px solid rgba(255,255,255,0.5); padding: 15px;}
.paragraph-tpl-64 .csscontent h3 {display: inline-block; clear: both; font-size: 2em; border-bottom: 1px solid #fff; margin: 0 0 10px 0; padding: 0 0 4px 0;color:#fff;}
.paragraph-tpl-64 .csscontent p {line-height: 1.5; color:#fff; }
.paragraph-tpl-64 .csscontent a {color: #42707c;background: #fff;padding: 6px 16px; display:inline-block; margin:0px auto 0 auto;}
.paragraph-tpl-64 .csscontent .cssdesc{margin:10px 0;}

.paragraph-tpl-66{margin:0 auto;}
.paragraph-tpl-66 .banner{position:relative;}
.paragraph-tpl-66 .banner .csscontent{position:absolute; height:80%; top:50%; left:50%; text-align:left; width:80%; z-index:1004; -webkit-transform: translate(-50%, -50%);	-ms-transform: translate(-50%, -50%);	transform: translate(-50%, -50%); }
.paragraph-tpl-66 .banner .csscontent .innerwrapper{}
.paragraph-tpl-66 .banner .csscontent .slogan{color:#fff;margin:10% 0;}
.paragraph-tpl-66 .banner .csscontent .slogan p{font-size:1.286em; max-width:480px;}
.paragraph-tpl-66 .banner .csscontent h3{text-align:left; font-size:2.143em;}
.paragraph-tpl-66 .banner .newspanel{bottom:10px; position:absolute; width:100%; background:#fff; border-radius:3px;}
.paragraph-tpl-66 .banner .newspanel .item-grid{padding:30px 25px; background:#fff; border-radius:3px;}
.paragraph-tpl-66 .banner .newspanel .item-grid:first-child, .paragraph-tpl-66 .banner .newspanel .item-grid:nth-child(2){border-right:1px solid #eee;}
.paragraph-tpl-66 .banner .newspanel .item-grid h5{font-size:1.077em;color:#000;}

.paragraph-tpl-67 {margin:0 auto !important;}
.paragraph-tpl-67 .article-wrapper .article{padding:0; }
.paragraph-tpl-67 .article .item-img{padding:0;overflow:hidden; background-color: #eee; position: relative;}
.paragraph-tpl-67 .article .item-img img{width: 100%;height: auto; webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.paragraph-tpl-67 .article .item-img a:after { content: ""; position: absolute;  top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: rgba(0,0,0,.3); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: progid:dximagetransform.microsoft.alpha(opacity=0); opacity: 0;-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out;  transition: opacity .3s ease-out;}
.paragraph-tpl-67 .article .item-img a:hover:after {-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: progid:dximagetransform.microsoft.alpha(opacity=100);opacity: 1;}
.paragraph-tpl-67 .article .item-img:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.paragraph-tpl-67 .article .item-grid{padding:0; text-align: center;border-top:1px solid #ddd; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; box-sizing:border-box; webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.paragraph-tpl-67 .article .item-grid:before {content: "";display: inline-block; padding-top: 100%; margin-right: -0.25em; vertical-align: middle;}
.paragraph-tpl-67 .article .item-grid .verticalize{display: inline-block; vertical-align: middle;  width: 64%;  text-align: center;}
.paragraph-tpl-67 .article .item-grid h6{font-size:1.286em;color:#000;}
.paragraph-tpl-67 .article .theme-2 .item-img{float:right;}
.paragraph-tpl-67 .article .theme-2 .item-grid{border-top:0px solid #ddd;border-bottom:1px solid #ddd;}
.paragraph-tpl-67 .article .item-grid:hover{background:#f60;}
.paragraph-tpl-67 .article .item-grid:hover h6, .paragraph-tpl-67 .article .item-grid:hover p{color:#fff;}
.paragraph-tpl-67 .article .item-grid:hover .line{background-color:#fff;}

.paragraph-tpl-68 {margin:0 auto !important;}
.paragraph-tpl-68 .content{text-align:center; padding:3% 0 3%;}
.paragraph-tpl-68 .content h3{font-size:2em; color:#000; line-height:1;}
.paragraph-tpl-68 .style-white{border-color:#000; color:#000;}

.paragraph-tpl-69 {margin:0 auto !important;}
.paragraph-tpl-69 ul{padding:0; margin:0;}
.paragraph-tpl-69 .bx-wrapper{margin-top:-1px; overflow:hidden;}
.paragraph-tpl-69 li{position:relative;}
.paragraph-tpl-69 .csstopic{position:absolute; width:35%;max-width:580px; top:50%;	-webkit-transform: translatey(-50%);	-ms-transform: translatey(-50%);	transform: translatey(-50%);    }
.paragraph-tpl-69 .csstopic.aln-right{right:5%;}
.paragraph-tpl-69 .csstopic.aln-left{left:8%;}
.paragraph-tpl-69 .csstopic h3 {text-align: left;font-size: 2.143em;color:#000;}
.paragraph-tpl-69 .csstopic p{font-size: 1.286em; max-width:480px; }
.paragraph-tpl-69 .bx-wrapper .bx-controls-auto{display:none;}
.paragraph-tpl-69 .bx-wrapper .bx-controls.bx-has-pager .bx-pager{width:auto; text-align:right; right:15px;  top:50%;	-webkit-transform: translatey(-50%);	-ms-transform: translatey(-50%);	transform: translatey(-50%);  } 
.paragraph-tpl-69 .bx-wrapper .bx-pager-item{display:block; margin:0;}
.paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a{padding: 10px;width: 4px;height: 4px;display: block; background:none;}
.paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a:before {content: ''; position: absolute;width: 4px;height: 4px;background: rgba(0,0,0,0.85);border-radius: 10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;}
.paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a:hover,.paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a.active, .paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a:focus{
background:none;}
.paragraph-tpl-69 .bx-wrapper .bx-pager.bx-default-pager a.active:before {width: 10px; height: 10px; background: none; border: 1px solid black; margin-top: -4px; left:12px;}
.paragraph-tpl-69 .bx-wrapper .bx-controls-direction a{bottom:30px; top:inherit; margin:0; border:1px solid #fff;}
.paragraph-tpl-69 .bx-wrapper .bx-controls-direction a.bx-next{bottom:70px; background:rgba(0,0,0,0.2)  center center no-repeat;}
.paragraph-tpl-69 .bx-wrapper .bx-controls-direction a.bx-prev{right:10px; left:inherit; background:rgba(0,0,0,0.2)  center center no-repeat;}

.paragraph-tpl-70 {opacity:0;}
.paragraph-tpl-70 .csscolumn{float:left; width:50%; }
.paragraph-tpl-70 .csscolumn .text-wrapper{position:relative;background: rgb(190, 138, 112); padding: 0; min-height:150px; /*float:left; */width:100%;}
.paragraph-tpl-70 .csscolumn .text-wrapper p{color:#fff; position: relative;font-size:1.077em; max-width:80%; margin:0 auto; top: 50%;  -webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%); line-height:1.6;}
.paragraph-tpl-70 .csscolumn.aln-right .text-wrapper{z-index:1004;background:#a8b7bf}
.paragraph-tpl-70 .csscolumn .cover {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; position: absolute; height: 100%;width: 100%;text-align: center;z-index: 4;}

.paragraph-tpl-71 {margin:0 auto !important;}
.paragraph-tpl-71 ul{padding:0; margin:0;}
.paragraph-tpl-71 .bx-wrapper{margin-top:-1px; overflow:hidden; padding:0; margin:0;}
.paragraph-tpl-71 li{position:relative;}
.paragraph-tpl-71 .csstopic{z-index:5;position:absolute; width:35%;max-width:580px; top:50%;	-webkit-transform: translatey(-50%);	-ms-transform: translatey(-50%);	transform: translatey(-50%);  }
.paragraph-tpl-71 .csstopic.aln-right{right:5%;}
.paragraph-tpl-71 .csstopic.aln-left{left:8%;}
.paragraph-tpl-71 .csstopic h3 {text-align: left;font-size: 2.143em;color:#000;}
.paragraph-tpl-71 .csstopic p{font-size: 1.286em; max-width:480px; }
.paragraph-tpl-71 .bx-wrapper .bx-pager.bx-default-pager a:hover,.paragraph-tpl-71 .bx-wrapper .bx-pager.bx-default-pager a.active,.paragraph-tpl-71 .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #07335f;}
.paragraph-tpl-71 .bx-wrapper .bx-pager.bx-default-pager a{background: #fff; -webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.paragraph-tpl-71 .bx-wrapper .bx-pager{bottom:20px;}
.paragraph-tpl-71 .bx-wrapper .bx-next,.paragraph-tpl-71 .bx-wrapper .bx-next:hover{ background:  center center no-repeat;}
.paragraph-tpl-71 .bx-wrapper .bx-prev, .paragraph-tpl-71 .bx-wrapper .bx-prev:hover{ background:  center center no-repeat;}

.paragraph-tpl-72 { overflow-x:hidden; } 
.paragraph-tpl-72 .row{margin:0 -5px;}
.paragraph-tpl-72 .grid{padding:0 5px;}
.paragraph-tpl-72 .box-wrapper{overflow:hidden;background:rgba(0,0,0,1);}
.paragraph-tpl-72 .box-wrapper img{-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;-webkit-backface-visibility: hidden; width: 100%;}
.paragraph-tpl-72 .box-wrapper:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);opacity: 0.3;}
.paragraph-tpl-72 .alnleft .row{margin:0 -5px 10px -5px;}
.paragraph-tpl-72 .alnleft .row:last-child{margin:0 -5px;}
.paragraph-tpl-72 .text-edit{position:absolute; text-align:center; top:20%; width:100%; color:#fff; z-index:1005;text-shadow:0 0 6px rgba(0,0,0,0.5);}
.paragraph-tpl-72 .text-edit h6{font-size:2em;  font-weight: normal; margin: 0; color: #fff;}
.paragraph-tpl-72 .text-edit .tag{font-size:1em;}


.paragraph-tpl-73{margin:40px auto;}
.paragraph-tpl-73 h3{font-size:1.58em;}
.paragraph-tpl-73 .cssproductscontainer{margin-top:30px;}
.widget .paragraph-tpl-73 .product-img-wrapper{height:auto; max-height:230px;}
.widget .paragraph-tpl-73 .product-wrapper{position:relative; overflow:hidden; max-height:280px; margin-bottom:15px; border:none;}
.paragraph-tpl-73 .product-img-wrapper img{margin:0 auto;}
.paragraph-tpl-73 .value{font-style:normal;}
.paragraph-tpl-73 .products-item:nth-child(n   9) {display:none; }
.paragraph-tpl-73 .products-item{padding:0 5px;}
.paragraph-tpl-73 .product-wrapper:hover .product-description-wrapper{bottom:0;}
.paragraph-tpl-73 .product-description-wrapper {padding:20px 0; text-align:center; position:absolute;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;-webkit-backface-visibility: hidden; bottom: -100%; width:100%; background:rgba(255,255,255,0.9)}
.widget .paragraph-tpl-73 .product-description-wrapper h2{font-weight:normal; font-size:1.154em; margin:0; line-height:1; padding: 0 5px; min-height: inherit;}
.paragraph-tpl-73 h3 .cssdecor{background:#000; height: 1px; display: inline-block; width:35%;margin: 10px auto;}
.paragraph-tpl-73 h3 .text-title{width:20%; display: inline-block;}

.paragraph-tpl-74{max-width:1170px; margin:0 auto;}
.paragraph-tpl-74 .container { padding-left:0; padding-right:0; }
.paragraph-tpl-74 .cnt-slide { padding-left:0; margin-left:0; }
.paragraph-tpl-74 .bx-wrapper .bx-pager-item{float:left;}

.paragraph-tpl-75 {width: 99%;}
.paragraph-tpl-75 .row{margin:0 -5px;}
.paragraph-tpl-75 .grid{padding:0 5px;}
.paragraph-tpl-75 .box-wrapper{overflow:hidden;background:rgba(33,66,145,0);-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;-webkit-backface-visibility: hidden;}
.paragraph-tpl-75 .box-wrapper:hover{background:rgba(33,66,145,1);}
.paragraph-tpl-75 .box-wrapper .effect-layer{display: block; position: relative; overflow: hidden;}
.paragraph-tpl-75 .box-wrapper .effect-layer:before{display:block;position:absolute;top:5%; left:5%; width:90%; height:90%;border:1px solid rgba(255,255,255,0.3);-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.paragraph-tpl-75 .box-wrapper:hover > .effect-layer:before{border:1px solid #fff;}
.paragraph-tpl-75 .box-wrapper img{-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;-webkit-backface-visibility: hidden;}
.paragraph-tpl-75 .box-wrapper:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);opacity: 0.3;}
.paragraph-tpl-75 .row{margin:0 -5px 10px -5px;}
.paragraph-tpl-75 .text-edit{position:absolute; text-align:center; top:20%; width:100%; color:#fff;text-shadow:0 0 6px rgba(0,0,0,0.5);}
.paragraph-tpl-75 .text-edit h6{font-size:2em;  font-weight: normal; margin: 0; color: #fff; }
.paragraph-tpl-75 .text-edit .tag{font-size:1em;}

.paragraph-tpl-76{margin:40px auto;}
.paragraph-tpl-76 .container{padding:0;}
.paragraph-tpl-76 h3{font-size:2em;}
.paragraph-tpl-76 .cssproductscontainer{margin-top:30px;padding:0;}
.widget .paragraph-tpl-76 .product-img-wrapper{height:auto;}
.paragraph-tpl-76 .product-img-wrapper img{margin:0 auto;}
.paragraph-tpl-76 .value{font-style:normal;}
.paragraph-tpl-76 .products-item{padding:0 15px;}
.paragraph-tpl-76 .product-wrapper{position:relative;margin-bottom:0;padding:0; max-height: 460px;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper{position:relative;z-index:1;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper a{display:block;background:#fff;}
.paragraph-tpl-76 .product-description-wrapper {padding:25px 0 20px 0; text-align:center; width:100%; }
.paragraph-tpl-76 .product-description-wrapper .price .currency{color:inherit;}
.paragraph-tpl-76 .product-description-wrapper h2{min-height:inherit;}
.paragraph-tpl-76 h2{font-weight:normal; font-size:1.154em; margin:0; padding:0;}
.paragraph-tpl-76 h3 .cssdecor{background:#000; height: 1px; display: inline-block; width:35%;margin: 10px auto;}
.paragraph-tpl-76 h3 .text-title{width:20%; display: inline-block;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper a{display:block; position:relative; overflow:hidden; padding:10px;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper a:before{content:""; position:absolute; border:1px solid #fff; width:96%; left:2%; top:2%; height:96%; z-index:1;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper img{-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;-webkit-backface-visibility: hidden;}
.paragraph-tpl-76 .product-wrapper .product-img-wrapper:hover img{-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}


.paragraph .bx-wrapper .bx-viewport{left:0;  -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 0;box-shadow: 0 0 0 #ccc; border:0;}

.hr-style-1{background: center center no-repeat; height:15px; display:block; margin:30px auto; border:none;}

.line {width: 96px;height: 1px; background-color: #63adc0; margin:5px auto;}


.paragraph-tpl-media { text-align:center; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{color:#fff !important;}

.paragcol.theme2{box-shadow: 0 0px 0px rgba(0,0,0,0.2);width:31%; float:left;background-color:transparent; margin:20px 2% 20px 0; padding:10px 0; border:none;}
.paragcol.theme2 .cssimg{float:left;width:30%;padding:0 5px 0 0;}
.paragcol.theme2 .cssimg img{width:100%; }
.paragcol.theme2 .cssdesc{float:left;width:60%; padding:0 5px;margin:0;}
.paragcol.theme2 .cssdesc h2{margin:0 0 5px 0; padding:0; font-weight:bold; font-size:14px;margin:0;}
.paragcol.theme2 .cssdesc p{margin:0 0 10px 0;padding:0;font-size:12px;}
.paragcol.theme2 .cssbutton {float:left;margin:5px 0;}




.ptdialog{
   margin:10px 0;padding:0 20px;
}
.outline-element{
   outline: 3px solid #c0c0c0;
}

.outline-paragraph{
   outline: 3px solid #ff6600;
}

.ptlinkeditor {
   display:none
}

.pttexteditor{
   display:none
}

.ptimguploader{
   display:none
}



.nofeatureprod { width:750px; height:570px; background: url(/uploads/image/rcimg/f_prod.jpg)  no-repeat;  }

.norollingprod { width:750px; height:224px; background: url(/uploads/image/rcimg/rolling.jpg)  no-repeat; }

#map-canvas { width: 420px; height: 240px; }

/****ie hack*****/
.ie8 .newprod-block .content-container .cover-item .cssimg b{float:left; display:inline-block;}
.ie8 .als-item .item-image b{float:left; display:inline-block;}
.ie11 .paragraph img{width:100% !important;}




/* custom elastislide styling */

.latestprod .elastislide-carousel li {
	height: 120px;
}
.latestprod .elastislide-list {
	height: 120px;
}

/* features slide*/
.owl-item div{text-align:center;}
.owl-theme .owl-controls .owl-page span{width:8px !important; height:8px !important; margin:5px 5px !important;}
.owl-item div.item-image{width:120px ;height:120px;vertical-align: middle;line-height: 120px;text-align: center;margin: 0 auto 10px;padding: 0px;display: block;}
.owl-item div.item-image a img { border: 0 none; max-width:100%; height:auto; max-height:100%; }
.owl-item div.item-image a, .owl-item div.item-image img, .owl-item div.item-image b {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle; 
}

.owl-item div.item-image b {
  height: 100%;
  width: 0;
}

.owl-item div.item-image a {
  height: 120px;
  width: 120px; 
}
.owl-item div.item-price {
  color: #333333;
}

.img-caption {
	text-align:center; display:block;
}
hr {
	height:auto; background:none; margin:6px 0;
	border-top: 1px solid #dddddd;
  border-bottom: 1px solid #eeeeee;
}
hr.dotted { 
	border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #dddddd;
}
hr.dashed { 
	border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #dddddd;
}
hr.double { 
	border-top: 4px double #cccccc;
  border-bottom: none;
}
hr.thick { 
	border-top: 2px solid #dddddd;
  border-bottom: 2px solid #eeeeee;
}
hr.thick-dotted { 
	border-top: 2px dotted #cccccc;
  border-bottom: 2px dotted #dddddd;
}
hr.thick-dashed { 
	border-top: 2px dashed #cccccc;
  border-bottom: 2px dashed #dddddd;
}
hr.thick-double { 
	border-top: 8px double #cccccc;
  border-bottom: none;
}

.bx-wrapper .cnt-slide > li { overflow:hidden; }
.bx-wrapper .cnt-slide img  { width:100%; }

.form-group label { margin-bottom: 5px; }

@media all and (max-width:768px)
{	.newprod-block.shop-latest-products .content-container .cover-item{width:45%; float:left;margin:0 2.5% 10px 2.5%;}
	.newprod-block .content-container .cover-item .cssimg{max-width:100%; width:auto; min-width:130px;height: 150px;}
	.newprod-block .content-container .cover-item .cssimg img, .content-container .cover-item .cssimg b{width:100%;}
	
	.paragraph-tpl-9 .paragcolleft, .paragraph-tpl-9 .paragcolleft .cssdesc, .paragraph-tpl-9 .paragcolright{width:100%; }
	.paragraph-tpl-9 .paragcolleft .cssimg{width:100%; margin:0; text-align:center; line-height:1; height:auto;}
	.paragraph-tpl-9 .paragcolleft .cssdesc, .paragraph-tpl-9 .paragcolleft .cssdesc h3{text-align:center;}
	.paragraph-tpl-9 .paragcolleft .cssimg img{margin:0 auto; max-width: 100%; float:none; width:100%; max-height:inherit; height:auto;}
	.paragraph-tpl-9 .paragcolleft .cnt-button{float:none;}
	
	.paragraph-col-3{width:100%; border-bottom:1px solid #eee;padding:5% 0; margin:0;}
	.paragraph-col-3:first-child{padding:0 0 5% 0;}
	.paragraph-col-3:last-child{padding:5% 0 0 0; border:none;}
	
	.paragraph-col-1 .cssfloatl{margin:0;}
	
	.paragraph-tpl-59 .cssitem{width:100%;}
	

   .paragraph-tpl-64 .bx-wrapper .cnt-slide img{width:140%; max-width:140%; margin:0 -20%;}
   .paragraph-tpl-64 .bx-viewport, .paragraph-tpl-64 .bx-wrapper .cnt-slide > li{height:270px !important;}
   .paragraph-tpl-64 .cnt-slide .carousel-inner > .item {margin: 0 -20%;}
   .paragraph-tpl-64 .bx-wrapper .bx-pager{display:none;}
   .paragraph-tpl-64 .csscontent{top:65%; padding: 5px;}
   .paragraph-tpl-64 .csscontent a{margin:10px 0;}
   .paragraph-tpl-64 .csscontent h3{font-size:1em; margin:0;}
   .paragraph-tpl-64 .cssdesc{display:none;}
   
   
	
	.paragraph-tpl-62{height:220px;}
	.paragraph-tpl-62 .text-line{font-size:1em;}
	.paragraph-tpl-62 img{max-width: 180%; width: 180%;margin: 0 -40%;}
	
	.paragraph-tpl-63{margin-top:10px;}
	.paragraph-tpl-63 .cssitem{width:100%; display:block;}
	.paragraph-tpl-63 .cssitem.col-right .cssblock.csstop{position:relative; top:0; padding: 20px 10px 25px 10px;}
	.paragraph-tpl-63 .cssitem.col-right .cell-text {position: relative; padding: 0 15px; top:0; -webkit-transform: translatey(0%);-ms-transform: translatey(0%);transform: translatey(0%);
  text-align: center;}
	.paragraph-tpl-63 .cssitem.col-right .cssblock.cssbottom{width:100%;position:relative; top:0;}
	
	.paragraph-tpl-66 .banner{overflow:hidden;}
	.paragraph-tpl-66 .banner .newspanel{display:none;}
	.paragraph-tpl-66 .banner .csscontent h3{font-size:1em;}
	.paragraph-tpl-66 .banner .csscontent .slogan p{font-size:1em;}
	.paragraph-tpl-66 .cssimg img{max-width:125%; margin:0 -12.5%;}
	
	.paragraph-tpl-67 .article:nth-of-type(odd) .item-grid{background:#f60;}
	.paragraph-tpl-67 .article:nth-of-type(odd) .item-grid h6, .paragraph-tpl-67 .article:nth-of-type(odd) .item-grid p{color:#fff;}
	.paragraph-tpl-67 .article:nth-of-type(odd) .item-grid .line{background-color:#fff;}
	.paragraph-tpl-67 .article .item-grid h6{font-size:1.077em;}
	
	.paragraph-tpl-68 .content{padding:10px 0;}
	.paragraph-tpl-68 .content h3{font-size:1.429em;}
	
	.paragraph-tpl-69 .csstopic p{display:none;}
	.paragraph-tpl-69 .bx-wrapper .cnt-slide img{max-width:140%; width:140%; height:350px; }
	.paragraph-tpl-69 .bx-wrapper .bx-viewport, .bx-wrapper .cnt-slide > li{ height:350px !important; }
	.paragraph-tpl-69 .csstopic.aln-right{right:inherit; width:90%; margin:0 10%; top:75%;}
	.paragraph-tpl-69 .csstopic h3{font-size:1.429em;}
	.paragraph-tpl-69 .button{background:rgba(255,255,255,0.8);}
	.paragraph-tpl-69 .bx-controls{display:none;}
	
	.paragraph-tpl-70 .csscolumn .text-wrapper{min-height:70px;}
	.paragraph-tpl-70 .csscolumn .text-wrapper p span{font-size:14px !important;}
	.paragraph-tpl-70 .csscolumn .text-wrapper p{line-height:1; font-size:1em;}
	
	.paragraph-tpl-71 .bx-wrapper img{max-width:160%; width:160%; margin:0 -30%;}
	.paragraph-tpl-71 .csstopic p{display:none;}
	.paragraph-tpl-71 .bx-wrapper .bx-viewport{max-height:250px;}
	.paragraph-tpl-71 .csstopic{top:40%;}
	.paragraph-tpl-71 .csstopic h3{font-size:1.43em;}
	
	.paragraph-tpl-72 .alnleft .row{margin:0 -5px;}
	
	.paragraph-tpl-73{margin:20px auto;}
	.paragraph-tpl-73 h3 .cssdecor{width:16%;}
	.paragraph-tpl-73 h3 .text-title{width:60%;}
	
	
	.widget .paragraph-tpl-73 .product-img-wrapper img{max-height:inherit; width:100%;}
	
	.paragraph-tpl-74 .bx-wrapper .bx-viewport{height: 155px !important;}
	.paragraph-tpl-74 .bx-wrapper .bx-controls-direction a{display:none;}
	.paragraph-tpl-74 .bx-wrapper .bx-pager{right:43% !important;}
	
	.paragraph-tpl-75 .grid{margin:0 0 10px 0;}
	
	.youku {
    visibility: hidden;
    display: none;
  }
  
  .tudou {
    visibility: hidden;
    display: none;
  }
}

.currency{ 
	color: #f96d0f;
}

.value{
   color: #f96d0f;
   font-style: normal;
}

.price-discount .orgprice, .price-no-discount .discountprice{
 display: none;
}

.org-value{
	color:#999999;
}


/*
.bx-wrapper .cnt-slide { height:100%; }
.bx-wrapper .cnt-slide > li { height:100%; }
*/

/*
.cnt-slide.twentyfourtoseven { height:29.167%; }
.cnt-slide.sixteentonine { height:56.25%; }
.cnt-slide.fourtothree { height:75%; }
.cnt-slide.onetoone { height: 100%; }
.cnt-slide.twotothree { height: 150%; }
*/

/*.bx-viewport.twotothree:before { padding-top:150%; content: ""; display: block; }*/

.contact-map-table {
   width:100%;    
}
.contact-map-table .map-info{
   width:45%;
   vertical-align: top;
}
.contact-map-table .map-info ul {
   width:100%;
   margin:0px;
   padding:3px;
}
.contact-map-table .map-info ul li {
   margin: 13px;
   list-style: none;
}
.contact-map-table .map-draw{
   width:55%;
}
.contact-block ul li.contact-companyname{
   font-size:14px;
}@charset "utf-8";
/**
   last modified: 2020-04-29 
   last modified: 2018-05-17,2019-10-28
*/

/***common***/
body, html, div, table, th, td, p, input, h1, h2, label {font-family: helvetica, arial, sans-serif; font-size:12px; line-height:normal;}

html.cart { background:none; }

html, body{
 height:100%;
 margin:0;
 padding:0;
}

body, html, div, table, p, h1,h2,h3,h4,h5,h6, td{
 color:#666;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, div {
   display: block;
}
body {
   line-height: 1;
   
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-spacing: 0;
}

ul, li{
   margin:3px 0;
   padding:0;
}

input,text,select,textarea { 
	color:#666; 
} 

.clearfix:before,.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: block;
  zoom: 1;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

input[type=submit],input[type=reset],input[type=button]{
   filter:chroma(color=#000000);
}

.max-lines {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 80px;;
  line-height: 18px;
}

.xspbody{
  background:none;
}

.xspbody table{
  font-size:13px;
}

img{
	border:0;
}

table{
	border:none;
	/*background-color:transparent;*/
}

#idmainbody{
   position: relative;
   width:100%;
   height: auto;
   min-height: 100%;
   height: 100%;
}

#idmainbody table{
   margin:0 auto;
   height:100%;
}

#idmainbody table.maintable{
  height:100%;
}

#container {
  min-height: 100%;
}

.framecontent{
  max-width:750px;
}

/***footer space****/
#content {
  /*padding-bottom:60px;*/
  min-height: 100%;
}

/*---------old template----------*/
.imgborder, .imgborders, imgbordern {
	border: #cccccc 1px solid; color: #cecece; font-size: 12px;
}
.imgborders {
	border: #ffaa00 1px solid;
}
.imgborderh {
	border: #ff0000 1px solid;
}

.footer {
	text-align: center; 
	color:#000000;
}

.fs1a{font-size: 9px;}
.fs1b{font-size: 10px;}
.fs1 {font-size: 12px;}
.fs2 {font-size: 12px;}
.fs3 {font-size: 13px;}
.fs4 {font-size: 16px;}
.fs5 {font-size: 18px;}
.bgc1 {background-color:#eeeeee;}
.nextblock, .nextblockon {
	border: #cecece 1px solid; cursor:hand;
	text-align:center;padding:3px 6px;
	background-color:#ffffff;
}
.nextblockon {
	background-color:#0000cc;
}
.nextblock a, .nextblockon a {
	text-decoration:none; color:#0000cc;
}

#cbcontainer {
	width:130px;  text-align:center;
}
#cbdiv {
	position:relative; width:130px; height:400px; overflow:hidden;
}
#ppdown, #ppup { 
	cursor:hand; cursor:pointer;
}
#ppmovie {
   width:130px; position:relative; white-space:nowrap;
   text-align:center;
}
#ppmovie {
   width:130px; position:relative; white-space:nowrap;
   text-align:center;
}
#ppmovie #ppa div{
   height:140px;
}
#ppmovie img {
   border:0;
}
#ppmovie h3 {
   font-size:12px; display:block; margin-top:3px; font-weight:normal; word-wrap:break-word;
   width:130px; 
}

/*td.footlink{
   color: #000000;   
}

a.footlink{
   color: #000000;   
}

.footlink a:hover {
   color: #ff0000;
}*/

/*-----------main -----------------*/
.mainpage{
}

.mainpage .maincontent{
  padding:0px 0 0px 0;
  margin:0 20px 0 0;

}

.mainpage .maincontent.fullpage{
  width:100%;
  margin:0;
}
 
 
/*-------------lang icon-------------------------*/
.langicon {
   height:20px;
   margin:0.4em 0 0 0;
   white-space:nowrap;
}

.langicon .blockcnt{
  text-align: right;
  margin:5px 10px 0 0;
}

.langicon .mlsbtn{
   border-right: 1px solid #ccc;
   display: inline;
   padding:0 5px;
}

.langicon .mlsbtn.lastcntchild{
  border:none;
}

.langicon .mlsbtn a{
   color: #666666;
}

/*---------------------header------------------------------*/
.menu{
  border-spacing: 0px;
  width: 100%;
  height:80px;
}

#idmainbody .menu table.row{
  width:990px;
  height:80px;
  overflow:hidden;
}

.topic:after {
  clear: both;
}

.topic {
  zoom: 1; /* ie < 8 */
}

.topic:before,.topic:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.head{
  height:80px;
  margin:0 10px;
}

.head .blockframe{
  padding:0 10px;
  margin:0 auto;
}

.head .blockframe .h img, .head .blockframe .b img, .head .blockframe .c img{
  width:1px;
}

.head .headlogo {
  display:inline;
  float:left;
  height:80px;
  margin: 0 auto;
}

.head .headlogo img{
  line-height: 80px;
  vertical-align: middle;
}

.head .headlogo a {
  text-decoration:none;
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
}

.head .headtitle{
   font-family: helvetica,"microsoft yahei", arial,  sans-serif;
   margin:3% 0 3% 20px ;
   height: 50px;
   overflow: hidden;
}

.head .headtitle a{
   font-size:16px;
   line-height:initial;
   color:#666;
}

.head .headtitle a:hover{
  text-decoration:none;
}

/*------ header sitemap icon------*/
.funcicon{
   text-align: right;
   margin:10px 0 0 0;
}

.funcicon .blockcnt div{
  float: right;
}

/*------side menu------*/
.pagebtn:after {
  clear: both;
}

.pagebtn:before,.pagebtn:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.ccartimg{vertical-align:top;}

/*--------------- content----------------*/
.mainpage .rollbanner .up{
   margin: 10px auto;
   width: 30px;
   text-indent:-999px;
   overflow:hidden;
   background:   0 -450px no-repeat;
}

.mainpage .rollbanner .down{
   margin: 10px auto;
   width: 30px;
   text-indent:-999px;
   overflow:hidden;
   background:   -40px -450px no-repeat;
}

.mainpage .rollbanner .thumbbox{
  margin:8px 0 !important;
}

.mainpage .rollbanner .thumbnail{
  border:1px solid #ddd;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
}

.mainpage .rollbanner{
  float:right;
  width:120px;
}

.imgborder, .imgborders, imgbordern{
	text-align:center;
}

/*------msg popup-------*/
#idpopuptitlebar{
	padding:7px !important;
	background-color:#fbfbfb;
	background-image: linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.85)),to(rgba(247,247,247,.85)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
	border-bottom: 1px solid #eee;
}

#idtitlecnt{
	padding: 0 10px;
	font-family: 'helvetica', "microsoft yahei", arial;
	font-size:14px;
	color:#444;
}

#idcontentarea{
	color:#666;
	font-size:12px;
	font-family: 'helvetica', "microsoft yahei", arial;
	line-height:18px;
}

#idclosebtn{
	font-size:12px;
	font-family: 'helvetica', "microsoft yahei", arial;
	text-decoration:none;
}

#tb_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	height:100%;
	width:100%;
}

#tb_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #ddd;
	text-align:center;
	top:9%;
	left:30%;	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#tb_iframecontent {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clear: both;
  border: none;
  margin-bottom: 0px;
  margin-top: 0px;
  _margin-bottom: 0px;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

/*-----user footer-----*/
.userfooter p{
  text-align:center;
}
/*------third party box--------*/
.bizverbox{
  padding: 20px 0;  
}

.bizverbox table.bizver{
  width: 170px;
  margin-left:5px !important;
  border:1px solid #ddd !important;
  background-color:#fff;
  padding: 10px;
}

/*.mainpage .maincontent .paragraph img{
  height: auto;
}*/


/*-----bizview & widget-------*/
.bizview{ display:block; margin:0;text-align:right; padding:0 20px; zoom: 1; }

#idqqim, .cinqbasket, #idskypeim, #idyahooim {float:right; display:inline-block; margin-left:12px;}
.ccartlink{line-height:20px;padding:0 0 0 5px; font-size:12px !important; color:#666;}
.cinqbasket a, .cinqbasket a:hover{text-decoration:none;}
#idskypeim { margin-top: 3px; margin-bottom: 3px; }
#idyahooim { margin-top: 5px; margin-bottom: 5px; }
.contactimcontainer img { margin-right:15px; vertical-align:middle; }

#imstable {  }
#imstable td { vertical-align:top;}
#idskypeim div p { margin-top:-15px; }


/*------page header tag------*/
.csstitle{display:block;}


/*----submenu--------*/
.section .blockcnt{
   overflow:hidden;
   width: 180px;
   margin: 20px 20px 20px 0px;
   padding: 0;
}

.section .blockcntempty{
   background:none;
   border: none;
   width: 190px;
   margin:5px 10px 5px 5px;
   padding: 5px 0;
}

.pagebtn:after {
  clear: both;
}

.pagebtn:before,.pagebtn:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

.pagebtn.on, .pagebtn a:hover{
   text-decoration:none;
}

.pagebtn.lastcnt{
  _background-image:none;
  border:none;
}

.pagebtn a{
  display:block;
  font-size: 13px;
  font-family: helvetica,"microsoft yahei",  arial;
}

.menulock{
   line-height:12px;
   margin: 0 0 0 5px;
   display:inline-block;
   overflow:hidden;
   width:30px;
   text-indent:-999px;
}



/*----product page pagniation--------*/
.csrchkey{
  color:#666;
}

.pager p{
   float: left;
   margin: 5px 0;
}
.pager .pages {
  float: right;
  margin: 0;
}
.pager .pages ol {
  margin: 5px 0;
  display: inline;
  padding: 0;
  list-style: none;
}

.pager .pages li {
  float:left;
  display: inline-block;
  width: 15px;
  margin: 0 3px;
  text-align: center;
  color:inherit;
}
.pager li>a, .pager li>span {
  padding: 0;
  background: none;
  border: none;
}
.pager .pages li h2{
  color:inherit;
  font-weight:normal;
  font-size:12px;
  margin:0;
  text-align:center;
  padding:0;
}

.pager .pages li.nav h2{
  vertical-align:top;
  overflow:hidden;
  width:10px;
  margin:0;
}

.pager .pages li.current{
  color:inherit;
  line-height: 15px;
}

.pager .pages li.current a{
  color:inherit;
}

.pager .pages li a{
 color:inherit;
}

/*-----news------*/
.newslist{
  margin: 20px 0;
  padding: 30px 30px;
}

.newslist .cssdes{
  vertical-align:top;
  padding:10px 10px 0 25px;
  border:none;
}

.newslist .cssimages{
  border:1px solid #ddd;
  padding:0px;
  width:120px;
  height:120px;
  text-align:center;
  vertical-align:middle;
}

.newslist .cssdes.col2{
  vertical-align:top;
  padding:10px 10px 0 10px;
}

.newslist .cssdes h2{
  margin:0px;
  padding:0px;
  font-size:14px;
}

.newslist .cssdes p.cssdate{
  margin:5px 0 10px 0;
  padding:0;
}

.newslist .colsplit{
  height:30px;
}

.newslist .detail{
  float:left;
  margin:0;
  padding:0;
  width:400px;
  *width:330px;
}

.newslist .detail h2{
  margin:0px;
  padding:0px;
  color:inherit;
  font-size:16px;
}

.newslist .detail .content,.newslist .detail .content p{
  margin:5px 0;
}

.newslist .detail p.cssdate{
  margin:5px 0 5px 0;
  padding:0;
}

.news-img-box {
  float: right;
  width: 305px;
  margin-left: 10px;
  overflow: hidden;
}

.news-image {
  margin: 0px 0 10px 0;
  border: 1px solid #ddd;
  text-align: center;
  width: 302px;
  height: 302px;
  line-height: 302px;
  vertical-align: middle;
}

.news-img-box a.menutext{
  line-height:300px;
  height:300px;
}

.news-img-box a.menutext img{
  line-height: 302px;
  vertical-align: middle;
}

.news-img-box .more-views a{
  text-decoration:none;
}

.news-img-box .more-views li{
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align:center;
}

.news-img-box .more-views li img{
  line-height: 50px;
  vertical-align: middle;
  border:none;
  margin:0 auto;
}

/*****document******/
.csslist1{
  border-bottom:1px dotted #ccc;
  padding:15px 0;
}

.csslist1:first-child{
  padding:5px 0 15px 0;
}

.csslist1:last-child, .csslist1.last{
  border:none;
}

.csslist1 label{
  clear: left;
  float: left;
  width: 100px;
  font-weight:bold;
  text-align: right;
  padding:0 5px 5px 0;
}

.csslist1 .cssdownloadcontent{
  width: 80%;
  line-height: 20px;
  float: left;
}

.cssdownloadcontent:before,.cssdownloadcontent:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

.cssdownloadcontent:after {
  clear: both;
}

.cssdownloadcontent {
  zoom: 1; /* ie < 8 */
}

.csslist1 .cssdownload{
  width:80px;
  border: 1px solid #eee;
}

.csslist1 .cssdownload .cssicon{
  cursor:pointer;
  text-align: center;
  padding: 8px 0;
  line-height:20px;
  background-color:#fff;
}

.csslist1 .cssdownloadcontent a{
  font-weight:bold;
}

/*****contact****/
.csscontact b {
   /*
  font-size:14px;
  display: block;
  margin: 0 0 0 0;
  text-align:left;
  border-bottom: 1px dotted #ddd;
  */
    font-size: 14px;
    font-weight: 700;
    display: block;
    border-bottom: 1px dotted #ddd;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

.csscontact {
  padding:30px 0;
  margin: 30px 0;
}

.csscontact .cnt {
  margin-top: 10px;
}

div.csscontact.first {
  padding: 0;
}

div.csscontact.first:last-child{
  border-bottom: none;
}

#idmainbody table .contacttable{
	margin-top:10px;
}

.csscontact .contacttable td, .csscontact .contacttable th {
  padding: 0 0 4px 0;
  text-align:left;
}

.csscontact .cssheader {
  margin: 0 5px 0 0;
  width: 140px;
  vertical-align:top;
}

.csscontact, .csscontact .contacttable td, .csscontact .contacttable th {
  line-height: 20px;
}

.csscontact .cssremarks{
  vertical-align:top;
}

.csscontact.form .csscheckboxlist input {
  margin: 0 3px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}


.csscontact.form input, .csscontact.form textarea, .csscontact.form select,.csscontact.form input.textother {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  background-image: none;
  color: #808080;
  margin: 0 0 4px 0;
  vertical-align: middle;
}

.csscontact.form textarea.tamessage{
  width:340px;
}

.csscontact.form div.csscheckboxlist {
  display: block;
  width:350px;
  overflow:hidden;
  margin: 0 0 6px 0px;
}

.csscontact.form div.csscheckboxlist .csscheckbox{
  padding: 0 0 5px 0;
}

.csscontact.form div.csscheckboxlist label, label{
   margin:0 0 0 5px;
}


.csscheckbox {
  width: 150px;
  padding: 0 0 6px 0;
  text-align: left;
  float: left;
  display: inline-block;
}

.csscheckbox input.textbizother {
  width: 140px;
  border: solid 1px #ddd;
  -webkit-box-shadow: inset 0 1px 1px white;
  box-shadow: inset 0 1px 1px white;
}

.csscheckbox.last {
  width: 300px;
}

.csscontact.form p.cssremarkspt {
  float: right;
  display: inline;
  margin: 0 0 5px 0;
  padding: 0;
}

.csscontact td.cssbutton input {
  background: #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 8px;
  line-height: 23px;
  height: 25px;
  color: #444;
  border: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
  margin: 0;
  outline: none;
}

.csscontact td.cssbutton {
  padding: 10px 0;
}


/*------basket---------*/

.contacttable div{
  height:auto;
}

.basket-item{
  padding:6px 0;
  border-bottom:1px dotted #ddd;
}

.basket-thumbimg{
  background-color:#fff;
  border:1px solid #eee;
}

.basket-desc{
  padding:0 20px;
}

.basket-desc a:hover{
  text-decoration:underline;
}

.basket-main{
  margin-top:10px;
  padding:10px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.basket-item.last{
  border:none
}

.basket-remove a{
  padding: 3px 8px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.basket-remove a:hover{
  text-decoration: none;
}


/*-----product listing deafult setting------*/
.item-box.left .item-image {
  overflow:hidden;
  margin: 0 15px 0 0;
}

.item-box .item-image {
  text-align:center;
  border: 1px solid #eee;
  margin: 0 15px 0 0;
  background-color: #fff;
}

.item-box {margin-bottom:10px;}

.item-box .item-image.left{
	width:200px;
	height:200px;
	line-height:200px;
}

.item-box .item-image.left b{
	height:0;
}

.item-box .item-image.left a{
	width:100%;
	height:100%;
	display:block;
	overflow:none;
}

.item-box .item-image.left,.item-box .item-text.right{
	float:left;

	}
	
.item-box .item-text.right{
	width:60%;
	margin-left:20px;
}

 .item-box .item-text .cunitprice{
  line-height:22px;
  margin:0 0 0 0;
  font-size: 13px;
  color: #222222;
  font-weight:normal;	
}

.item-box .item-text a.cpaylink, .item-box .item-text a.cpaylink:hover{
  margin:10px 0 0 0;
  display:inline-block;
  background-color: #444;
  color: #fff;
  padding:3px 8px;
}

.item-box .item-text .cunitprice b{
  font-weight:normal;
}

.items-list .item-text p{
  display:block;
  margin:5px 0 5px 0;
  padding:0;
}

.item-box .item-text a{
	text-decoration:none;
	color:#454545;
	font-size:13px;
}

/*-----product default------*/
.items-list{
	margin:5px 0 20px 0;
	min-height:100px;
	padding:20px 5px;
}

.lastchild{
  padding:0 0 0 0;
  background:none ;
}

.item-box .item-image a img {
  border: 0 none;
}
.item-box .item-image a, .item-box .item-image img, .item-box .item-image b {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}


.item-image b {
  height: 100%;
  width: 0;
}

.item-box .item-image a {
  height: 180px;
  width: 180px;
  /*background-color: #fff;*/
}

.item-box .item-text h1 h2{
  font-size: 14px;
  margin: 0 0 7px 0;
  font-weight:normal;
}

.cnotext{
  line-height:120px;
  width:100%;
  height: 120px;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
}

/*******landing*********/
.items-list.landing{
  background-color: transparent;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  margin:5px 0 20px 0;
  border:none;
  padding:10px 0px;
}

.items-list.landing.detail {
  margin:20px 0 0 0;
  padding:40px 30px;
}

.items-list.landing  .item-box .item-text a{
  font-weight:normal;
}

.items-list.landing .item-box.left.lastchild{
  padding:0 0 0 ;
  margin:0;
  background:none;
}

.items-list.landing .item-box .item-text h1 h2{
  font-size:13px;
  text-align:center;
}


.items-list.landing .item.block{
  border-bottom:none;
  padding:20px 0 20px 0;
}

.items-list.landing .item.block.lastchild{
  border:none;
  padding:20px 0 20px 0 !important;
}

.items-list.landing .item-box{
  float:left;
  width:200px;
}

.items-list.landing .item-box.left{
  margin:0px 8% 0 0;
 
}

.items-list.landing .item-box .item-image {
  text-align: left;
  margin: 0 auto 10px;
  width: 100%;
  height:200px;
  padding:0px;
  display:block
}

.items-list.landing .item-box .item-image a{
  line-height: 200px;
  width:200px;
  height:200px;
  overflow:hidden;
}

.items-list.landing .item-box .item-image a img{
  max-width:200px;
  max-height:200px;
}

.items-list.landing .item-box .item-text {
  float: none;
  width: auto;
  margin: 0 0;
  text-align:center;
}

.items-list.landing .item-box .item-text h1, .items-list.landing .item-box .item-text h2{
  padding:0px;
  margin:0px;
  text-align:center;
  font-size:14px;
}

/*-----producttemp1 (2col with details)------*/
.items-list.prodtpl_1{
  text-align:left;
  margin:5px 0 20px 0;
  padding:20px 10px;
}

.items-list.prodtpl_1.detail{
  margin:20px 0 0 0;
  padding:40px 30px;
}

.prodtpl_1 .item.block{
  border-bottom:1px dotted #ddd;
  padding:0;
  margin:30px 10px 25px 10px;
}

.prodtpl_1 .item.block:last-child{
  border:none;
}

.prodtpl_1 .item.block.last{
  border:none;
}

.prodtpl_1 .item-box{
  padding: 0 0 0 30px;
  _padding: 0 0 0 0px;
  color:#696969;
  float:left;
  width:45%;
  background: center left no-repeat;
}


.prodtpl_1 .item-box.left{
   float:left;
   margin:0 0 0 0 ;
   background:none;
}

.prodtpl_1 .item-box .item-text {
  margin:20px auto;
  font-size:13px;
  width:300px;
}

.prodtpl_1 .item-box .item-text a{
  text-decoration:none;
   font-size:13px;
}


.prodtpl_1 .item-image{
	width:300px;
	height:200px;
	margin:0 auto !important;
}

.prodtpl_1 .item-box .item-image a, .prodtpl_1 .item-box .item-image .cnotext{
	height:200px;
	width:300px;
	line-height:200px;
	border:none;
}



/*-----producttemp1(img left/right in one column)------*/
.items-list.prodtpl_5{
  padding: 10px 20px;
}

.items-list.prodtpl_5 .item-box .item-text .cunitprice{
	font-size:12px;
	float:left;
	margin-left:10px;
}

.items-list.prodtpl_5 .item.block{
  border-bottom:1px dotted #ddd;
  padding:20px 0 30px 0;
  margin:10px 0;
}

.items-list.prodtpl_5 .item.block.lastchild{
  border:none;
}

.items-list.prodtpl_5 .item-box{
  padding:0px 0;
  float:left;
  width:100%;
  background:none;
}

.items-list.prodtpl_5 .item-box .item-text {
  float: left;
  width: 58%;
  margin: 5px 20px;
  text-align:left;
}


.items-list.prodtpl_5 .item-box .item-image {
   text-align: center;
   margin: 0 20px 0 20px;
   display:block;
   width: 200px;
   height:200px;
   padding:0px;
   float:left;
}

.items-list.prodtpl_5.block.last{
  padding:20px 0!important;
  border:none;
}

.items-list.prodtpl_5 .item-box .item-image a img {
  border: 0 none;
}
.items-list.prodtpl_5 .item-box .item-image a, .items-list.prodtpl_5 .item-box .item-image img,.items-list.prodtpl_5 .item-box .item-image b {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.items-list.prodtpl_5 .item-box .item-image b {
  height: 100%;
  width: 0;
}

.items-list.prodtpl_5 .item-box .item-image a {
  display: inline-block;
  height: 200px;
  width: 200px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}

.items-list.prodtpl_5 .item-box.right{
  padding:0 10px 0 0 ;
  background:none;
}
.items-list.prodtpl_5 .item-box.right .item-text {
  _width: 50%;
  margin: 0 20px;
}

.items-list.prodtpl_5 .item-box.right .item-image {
  margin: 0 20px 0 0;
  float:right;
}

.items-list.prodtpl_5 .item-box.right .item-image img {
  vertical-align: middle;
  line-height: 200px;
  outline: none;
  border: none;
}

.items-list.prodtpl_5 .item-box.left.last{
  padding:0 0 0 ;
  background:none;
}

.items-list.prodtpl_5 .item-box .item-text h1 h2{
  text-align:left;
  float:left;
}

.items-list.prodtpl_5 .item-box .item-text p{
  clear:both;
  margin:10px 0 15px 0;
}

.items-list.prodtpl_5 .cnotext{
  line-height:200px;
  height:200px;
}

/*-----producttemp2 (three colun)------*/
.items-list.prodtpl_6{
  _padding: 10px 10px;
}

.items-list.prodtpl_6 .item-box.left.lastchild{
  padding:0 0 0 ;
  background:none;
}

.items-list.prodtpl_6 .item.block.lastchild{
  border:none;
}

.items-list.prodtpl_6{
  margin:5px 0 20px 0;
}

.items-list.prodtpl_6 .detail{
  margin:20px 0 0 0;
  padding:40px 30px;
}

.items-list.prodtpl_6 .item.block{
  padding:20px 0 20px 0;
}

.items-list.prodtpl_6 .item.block.lastchild{
  padding:20px 0 20px 0!important;
  border:none;
}

.items-list.prodtpl_6 .item-box{
  float:left;
  width:200px;
  margin:0 15px;
}

.items-list.prodtpl_6 .item-box.lastchild{
  margin:0 0 0 15px;
}


.items-list.prodtpl_6 .item-box .item-text {
  float: none;
  width: auto;
  margin: 0 15px;
  text-align:center;
}

.items-list.prodtpl_6 .item-box .item-image {
  text-align: center;
  margin: 0 auto 10px;
  height:180px;
  width: 180px;
  padding:0px;
  display:block
}

.items-list.prodtpl_6 .item-box.left.lastchild{
  padding:0 0 0 ;
  background:none;
}

.items-list.prodtpl_6 .item-box .item-text a{
  font-size:13px;
  text-decoration:none;
}

.items-list.prodtpl_6 .item-box .item-text h1 h2{
  font-size:13px;
  text-align:center;
}

.items-list.prodtpl_6 .item-text p{
  text-align:center;
  margin:5px 0 10px 0;
  padding:0;
}

.items-list.prodtpl_6 .item-box .item-text .cunitprice{
  margin:0 0 0 0;
  display: block;
}

.items-list.prodtpl_6 .cnotext{
  height:180px;
  line-height:180px;
}


/*-----producttemp3 (left img right txt mode)------*/

.items-list.prodtpl_3 .detail{
  margin:20px 0 0 0;
  padding:40px 30px;
}

.items-list.prodtpl_3 .item.block{
  border-bottom:1px dotted #ddd;
  padding:20px 0 20px 0;
}

.items-list.prodtpl_3 .item.block.last{
  border:none;
  padding:20px 0!important;
}

.items-list.prodtpl_3 .item-box{
  float:left;
   width:100%;
}

.items-list.prodtpl_3 .item-box.left{
  padding:0 10px 0 0 ;
  background:none;
}
.items-list.prodtpl_3 .item-box .item-text {
  float: left;
  width:60%;
  margin: 0 20px;
  text-align:left;
}

.items-list.prodtpl_3 .item-box .item-image {
   text-align: center;
   margin: 0 20px 0 0;
   width: 200px;
   height:200px;
   padding:0px;
   float:left;
}

.items-list.prodtpl_3 .item-box .item-image a {
  height: 200px;
  width: 200px;
}

.items-list.prodtpl_3 .item-box .item-image a img {
  border: 0 none;
}

.items-list.prodtpl_3 .item-box .item-image b {
  height: 100%;
  width: 0;
}

.items-list.prodtpl_3 .item-box.left.last{
  padding:0 0 0 ;
  background:none;
}


.items-list.prodtpl_3 .item-box .item-text h1 h2{
  padding:0;
  margin:0 0 10px 0;
  text-align:left;
  display:inline;
}

.items-list.prodtpl_3 .item-box .item-text .cunitprice{
  margin: 0 0 0 20px;
  display:inline;
}

.items-list.prodtpl_3 .item-box .item-text div{
  margin:10px 0 15px 0;
}

.items-list.prodtpl_3 .cnotext{
	line-height:200px;
	height:200px;
}

/*-----producttemp4 (two col)------*/
.items-list.prodtpl_4{
  margin:5px 0 20px 0;
  padding:10px 10px;
}

.items-list.prodtpl_4 .detail{
  margin:20px 0 0 0;
  padding:40px 30px;
  _padding:40px 10px;
}

.items-list.prodtpl_4 .item.block{
  border-bottom:1px dotted #ddd;
  padding:20px 0 20px 0;
}

.items-list.prodtpl_4 .item.block.last{
  padding:20px 0 !important;
  border:none;
}

.items-list.prodtpl_4 .item-box{
  float:left;
  width:48%;
  *width:48%;
  padding:0px;
}


.items-list.prodtpl_4 .item-box .item-text {
  float: none;
  width: 200px;
  margin: 0 auto;
  text-align:center;
}

.items-list.prodtpl_4 .item-box.last{
  background:none;
}

.items-list.prodtpl_4 .item-box .item-image {
   display:block;
   margin: 0 auto 10px auto;
   width: 200px;
   height:200px;
   padding:0px;
   float:none;
}

.items-list.prodtpl_4 .item-box .item-image a img {
  border: 0 none;
}
.items-list.prodtpl_4 .item-box .item-image a, .items-list.prodtpl_4 .item-box .item-image img,.items-list.prodtpl_4 .item-box .item-image b {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.items-list.prodtpl_4 .item-box .item-image b {
  height: 100%;
  width: 0;
}

.items-list.prodtpl_4 .item-box .item-image a {
  height: 200px;
  width: 200px;
}

.items-list.prodtpl_4 .item-box.left.last{
  padding:0 0 0 ;
  background:none;
}

.items-list.prodtpl_4 .item-box .item-text h1 h2{
  font-size:14px;
  text-align:center;
  margin:0 auto 7px auto;
  width:80%;
}

.items-list.prodtpl_4 .item-box .item-text .cunitprice{
  display: block;
}


.items-list.prodtpl_4 .items-list .item-text p{
  display:block;
  margin:5px 0 10px 0;
  padding:0;

}

.items-list.prodtpl_4 .cnotext{
	line-height:200px;
	height:200px;
}

/*-----producttemp6------*/
.items-list.prodtpl_2{
   margin:5px 0 20px 0;
   padding:10px 10px;
}

.items-list.prodtpl_2 .detail{
   margin:20px 0 0 0;
   padding:40px 30px;
}

.items-list.prodtpl_2 .item.block{
   border-bottom:1px dotted #ddd;
   padding:20px 0 20px 0;
}

.items-list.prodtpl_2 .item.block.last{
   border:none;
}

.items-list.prodtpl_2 .item-box{
   margin:0 5px;
   float:left;
   width:160px;
}
.items-list.prodtpl_2 .item-box.left{
   padding:0 0px 0 0 ;
}
.items-list.prodtpl_2 .item-box .item-text {
   float: none;
   width: auto;
   margin: 0 15px;
   text-align:center;
}

.items-list.prodtpl_2 .item-box .item-image {
   vertical-align: middle;
   line-height: 140px;
   height:140px;
   text-align: center;
   margin: 0 auto 10px;
   width: 100%;
   padding:0px;
   display:block;
}
.items-list.prodtpl_2 .item-box .item-image a{
   line-height: 140px;
   height:140px;
   width:140px;
}


.items-list.prodtpl_2 .item-box.left.lastchild{
   padding:0 0 0 0;
   background:none;
}

.items-list.prodtpl_2 .item-box .item-text a{
   text-decoration:none;
}

.items-list.prodtpl_2 .item-box .item-text a:hover{

}

.items-list.prodtpl_2 .item-box .item-text h1 h2{
   font-size:13px;
   text-align:center;
}

.items-list.prodtpl_2 .item-box .item-text .cunitprice{
   display: block;
}

.items-list.prodtpl_2 .items-list .item-text p{
   display:block;
   margin:5px 0 10px 0;
   padding:0;
}

.items-list.prodtpl_2 .cnotext{
	line-height:140px;
}


/*------product detail page-----*/
.product-container{
  width:100%;
  margin:40px 0;
}

.product-container table td{
  padding:0 0 5px 0;
}

.product-set{
  margin:0 0 20px 0;
}

.product-set.image .imgcaption{
	text-align:center;
	display: block;
}

.product-set.image img{
  display:block;
  margin:30px auto 5px auto;
}

.product-container h2{
  padding: 0 0 5px 0;
  border-bottom:1px dotted #ddd;
  font-size: 17px;
  color:inherit;
  margin: 0 0 20px 0;
}

.related-product{
  width:160px;
  float:left;
  margin: 10px 15px 0 0 ;
  text-align: center;
}

.related-product.last{
  margin: 10px 0px 0 0 ;
}

.related-product .imgframe{
  border:1px solid #ddd;
  margin:0 0 10px 0;
  width:160px;
  height: 165px;
  line-height:165px;
  vertical-align:middle;
}

.related-product .imgframe a.menutext{
  text-decoration:none;
  text-align:center;
  width:100%;
  height:100%;
  line-height:165px;
  vertical-align:middle;
  display: block;
}

.related-product .imgframe img{
  vertical-align:middle;
  line-height:165px;
  outline:none;
  border:none;
  margin:auto;
  display: inline;
}

.related-product a{
  text-decoration:none;
}

.related-product a:hover{
   text-decoration:underline;
}

.related-product:last-child{
  margin:10px 0 0 0;
}

.product-info{
  float:left;
  margin:0 0 0 20px;
  width:48%;
}

.product-info h1{font-size:14px;}

.product-info h1 h2{
  text-align:left;
  font-size:18px;
  margin:0 0 20px 0;
  line-height:22px;
}


p.product-description{
  float: left;
  text-align:left;
  clear: left;
  width:35%;
  font-size: 12px;
  margin: 0 0 8px;
  color:#343434;
}

p.product-detail {
  width:60%;
  float: left;
  margin: 0 0 8px;
  word-wrap:break-word;
  word-break:break-all;
  color:#505050;
}

p.product-detail:before,p.product-detail:after, p.product-description:before,p.product-description:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

p.product-detail:after, p.product-description:after {
  clear: both;
}

p.product-detail, p.product-description {
  zoom: 1; /* ie < 8 */
}

.related-product.lastchild{
  margin:10px 0 0 0;
}

.product-img-box{
  float:left;
  width:305px;
  margin-right:30px;
  overflow:hidden;
}

#idgallerywindow,  .product-image, #idallprodimg{
  margin: 0px 0 10px 0;
  border:1px solid #ddd;
  
  display: flex;
  justify-content: center;
  align-items: center;    
  width:302px;
  height:302px;
}

#idallprodimg img{
   max-width: 90%;
   max-height: 90%;
   width: auto;
   height: auto;
}

.gallerythumbrow{width:100%;}
#productgallerycontainer .gallerythumb,#productgallerycontainer .prev ,#productgallerycontainer .next{/*float:left;*/}
#productgallerycontainer .prev ,#productgallerycontainer .next{margin:10px 5px;}
#productgallerycontainer .mid{border:1px solid #ddd; width:302px; height:302; text-align:center;}
#productgallerycontainer .mid .notext{line-height:302px;}

.product-image img, #idgallerywindow img{
  margin:auto;
  line-height:302px;
  vertical-align: middle;
}

.more-views ul{
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.more-views li{
  float: left;
  list-style: none;
  width: 50px;
  text-align: center;
  line-height: 50px;
  margin:0 10px 0 0 ;
   margin:0 8px 0 0 ;
  border:1px solid #ddd;
  height:50px;
}

.product-img-box .elastislide-horizontal ul li, .gallerythumb li{
  width: 40px;
  text-align: center;
  line-height: 40px;
  margin:0 10px 0 0 ;
   margin:0 8px 0 0 ;
  border:1px solid #ddd;
  height:40px;
}

.gallerythumb .next{}

.more-views li:last-child, .product-img-box .elastislide-horizontal ul li:last-child{
  margin:0 ;
}

.more-views li img{
  line-height: 50px;
  vertical-align: middle;
  margin: 0 auto;
}

.product-img-box .elastislide-horizontal ul li img{
  line-height: 40px;
  vertical-align: middle;
  margin: 0 auto;
}


.elastislide-horizontal nav span.elastislide-next{top:35%;}

.elastislide-horizontal nav span.elastislide-prev{top:35%;}

.more-views li.last{
  margin: 0;
}

.more-views li.imgborderh{
  border:1px solid #ccc;
}

.button-list{
  padding:20px 0;
  border-bottom:1px dotted #ddd;
}

.button-list a img{
  outline: none;
  border: none;
}

.button {
  float: left;
  overflow: visible;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  background-color: #222 ;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

button.button span {
  color:#fff;
  padding: 0px;
  height: 35px;
  text-align: center;
  white-space: nowrap;
  float:left;
}

button.button span span {
  line-height: 35px;
  padding: 0 15px 0 35px;
}


button.button.btn-addbasket{
  margin:0 0 0 15px;
}

.button-social{
  margin:10px 0;
  vertical-align: top;
}

.button-social span{
	float:left;
	line-height: 20px;
}

ul.social {
	float: left;
	display: inline-block;
	list-style: none;
	margin:0 0 0 10px;
	padding:0;
}

ul.social li {
  float: left;
  line-height: 25px;
  margin: 0 5px 0 0;
  padding: 0;
  background: none;
}

ul.social li a {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999px;
}


/*-----product detail pagniation------*/
.page-nav{
  border:1px solid #ddd;
  clear:both;
  height:40px;
  line-height:40px;
  margin:20px 0 0 0;
  
}

.page-nav span{
  float:left;
  padding:0 0 0 20px;
  color:#696969;
}
.page-nav ul.pagination{
  width:50%;
  float:right;
  padding:0 20px 0 0 ;
  border:0;
  margin: 10px 0;
  *margin: 0;
  text-align: right;
}


.page-nav ul.pagination a.previous, .page-nav ul.pagination a.next{
  padding: 0;
  text-align:left;
  display:inline-block;
  overflow:hidden;
  vertical-align:top;
}


.pagination a{
  line-height: 15px;
  display: inline-block;
  text-decoration:none;
  color:inherit;
  padding:2px 6px;
  text-decoration:none;
  margin-right: 4px;
  background: #fff;
  font-size:12px;
}

.pagination a:hover{
	text-decoration:none;
}

/*-----product password------*/
.items-list.password{
  margin:20px 0 20px 0;
  border:1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding:10px 30px;
  min-height:200px;
}

.items-list.password h1 h2{
  font-weight:normal;
  font-size:16px;
  margin:20px 0;
  color: inherit;
}

.items-list.password form{
  color: inherit;
}

.items-list.password form input.password-input {
  border: 1px solid #ccc;
  line-height:20px;
  height:20px;
  color: inherit;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left:10px;
}

.items-list.password form input.password-button{
  background-color: #222;
  color: #fff;
  padding: 3px 8px;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border:0px;
  outline: 0;
}


/*-------footer---------*/
.funcfooter{
  width:100%;
  margin: 20px auto 0 auto;
}

.funcfooter .blockframe{
  padding: 25px 0 15px 0;
  width:990px;
  margin:0 auto;
  text-align:center;
}

.funcfooter .footermenu{
  margin:10px 0;
  position: relative;
}

.funcfooter .footermenu ul {
  padding:0;
  width:100%;
  text-align:center;
  margin:5px auto 0 auto;
}

.funcfooter .footermenu ul li{
  padding:0 10px; 
  display:inline-block;
  *display:inline; /*ie7*/
  *zoom:1; /*ie7*/
}

.funcfooter .langmenu {
  margin:0 0 10px 0;
}

.funcfooter .langmenu ul {
  padding:0;
  width:100%;
  text-align:center;
  margin:5px auto 0 auto;
}

.funcfooter .langmenu ul li{
  padding:0 10px; 
  display:inline-block;
  *display:inline; /*ie7*/
  *zoom:1; /*ie7*/
}

.footermenu ul li:last-child, .langmenu ul li:last-child{
  border:none;
}

.funcfooter .powerby{
  margin:5px 0;
  text-align:center;
}

/*****footer widget******/
.counter {
	width: 200px;
	padding: 0;
	margin: 0;
	line-height: 16px;
	display: inline-block;
}

.counter div{
  vertical-align: top;
  display:inline;
}

.counter table{
  margin:5px 0 0 0;
}

.counter div iframe{
  height:20px;
}

.lastmodified{
  vertical-align: top;
  display:inline-block; 
  *display:inline; 
  min-height:100%;
  clear:both;
}

.lastmodified div{
  display:inline-block; 
  *display:inline; 
}


/*-----sitemap------*/
.sitemap{
  background-color: #fff;
  margin: 20px 0;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 30px 30px;
}

.sitemap .sitemap-pages, .sitemap .sitemap-products{
  width:350px;
  float:left;
}

.sitemap .sitemapitem{
  margin:0 0 10px 0;
}

.sitemap .sitemapitem h4 {
 margin:4px 0;
 padding:0;
}

.sitemap h4 a {
 font-weight: bold;
 font-size: 13px;
}

.sitemap  ul {
  padding: 0 0 15px 0;
  margin:0px;
  list-style: none;
}

.sitemap  ul li {
  padding-left: 10px;
  margin-bottom: 4px;
}

.sitemap  ul li a {
 color: inherit;
 font-weight: normal;
}

.sitemap  ul li a:hover {
 text-decoration:underline;
}


.sitemap ul ul{
  padding: 0;
  margin:6px 0 6px 10px;
  list-style: none;
}

.sitemap ul ul li {
  padding-left: 10px;
  margin-bottom: 4px;
}

a.dircattoplinks	{ font-size: 12px !important; font-weight:normal !important; color: #666666 !important; text-decoration: none; padding: 0px 0px 0px 0px;}
a.dircattoplinks:link	{ color: #666666 !important; text-decoration: none; }
a.dircattoplinks:visited{ color: #666666 !important; text-decoration: none; }
a.dircattoplinks:active	{ color: #666666 !important; text-decoration: none; }
a.dircattoplinks:hover	{ color: #666666 !important; text-decoration: none; }

.boxdirtoplinks {
   padding: 0px 0px;
   overflow: hidden;
   font-size: 12px !important; 
   font-weight:normal !important;  
   color: #666666 !important;
}

.atext ol, ul {
    list-style: disc;
}

/**************************right bottom button icon*****************************/
.right-bottom-btns { 
	position: fixed; bottom: 2em; right: 1em; font-size: 14px; display: none;
	text-align: center; z-index: 998; width:38px;
	_position:absolute;    /* for ie */
	/* for ie 6 */  
}
.right-bottom-btns .btn { 
	background: #aaaaaa;   display:block; padding: 7px; margin-bottom:10px; position:relative;  
}
.right-bottom-btns .btn:hover { 
	background: #dddddd; 
}

.bicon{  width:22px; height:22px; display:block; }
.bicon-qrcode{ background: url(/uploads/image/rhtcommon/icon-qrcode.gif) no-repeat; }
.bicon-back2top { background: url(/uploads/image/rhtcommon/icon-back2top.gif) no-repeat; }


.qrcode{  display: none; position:absolute; right:48px; bottom:0px; background: #fff; padding: 0px; border: 1px solid #ddd;}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
     a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
  
}
	  
@media all and (max-width:767px){
	.btn-qrcode {display: none !important;}
}


/** 2016-12 added to fixing pasted table */
.proddesc { 
  padding-top: 10px;
}

.proddesc table { 
  width: auto !important;
}

.proddesc table th, .atext5 table td{ 
  padding: 5px !important;
  /*border: 1px solid #ccc;*/
}

.prodlistimg img {
   width: auto;
   height: auto;
   max-width: 100%;
   margin-bottom:10px;
}


/** 2019-06-11 updated skype webcontrol */
#idskypeim {
   margin-top: 0px; 
}
#idskypeim .lwc-chat-button {
   padding: 3px 6px;
   line-height: 20px;
   text-decoration: none;
}
#chaticontext {
   font-size: 12px;
   color:white;
}
#idskypeim a:hover {
    text-decoration: underline;
    color: white;
}
#idskypeim .lwc-button-icon{
   margin-right: 5px;
}
.cinqbasket {
   margin-top: 4px;
}
#idqqim {
   margin-top: 3px;
}

/** 2020-04-29  input and search button too close , use jpath */
body > table > tbody > tr > td > div > div:nth-child(2) > table > tbody > tr > td:nth-child(2) > form > table > tbody > tr > td:nth-child(1) > input[name=qs] {
 padding:2px !important;
 width: 95% !important;
}

/** 2021-12-14, product tpl 1 on type b tempalte */
.items-list.prodtpl_1 {
    text-align: left;
    margin: 5px 0 20px 0;
    padding: 20px 10px;
    width: 100%;
}
.prodtpl_1 .item.block {
    border-bottom: none;
    padding: 0;
    margin: 30px 10px 25px 10px;
    display: flex;
    flex-direction: row;
    width: 90%;
    margin-left: 0px;
}
.prodtpl_1 .item-box {
    display: flex;
    flex-direction: row;
    width: 50%;   
}
.prodtpl_1 .item-box .item-image {
    width: 120px;
    height: auto;    
    margin: 0 auto !important;
    margin-right: 15px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.prodtpl_1 .item-box .item-image a{
   display: inline;
   width: 100%;
   height: auto;
}   
.prodtpl_1 .item-box .item-image img {
   width: 100%;
   height: auto;
}  

body.xspbody{
   font-family: verdana, arial;
}


.csscontact b {
	font-size: 14px;
	font-weight: 700;
	display: block;
	border-bottom: 1px dotted #ddd;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.csscontact .cssremarkspt{
	display:block;
	float:right;
	font-size:11px;
}

.csscontact{
	margin:30px 0 0 0;
	padding:0 0 30px 0;
	text-align:left;
}

.csscontact:last-child{
	border:none;
}

.csscontact.form input, .csscontact.form textarea {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 4px;
	border: solid 1px #ddd;
	background-color: #fff;
	background-image: none;
	color: #808080;
	margin: 0 0 4px 0;
	vertical-align: middle;
	box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

.csscontact.form textarea{
	width:340px;
}

.csscontact.form select {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 4px;
	border: solid 1px #ddd;
	background-color: #fff;
	background-image: none;
	color: #808080;
	margin: 0 0 4px 0;
	vertical-align: middle;
	box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}


.csscontact .contacttable{
	margin:15px 0 0 0;
}

.basket-item{
	padding:6px 0;
	border-bottom: 1px solid #eee;
}

.basket-item.last{
	 border:none;
}

.basket-main{
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 0 10px;
}
.csscontact .contacttable td, .csscontact .contacttable th{
	font-family: helvetica, arial;
	text-align:left;
	font-weight:normal;
	padding: 0 0 4px 0;
	font-size:13px;
	color: #666;
	line-height:20px;
}

.csscontact .cssheader {
    margin:0 5px 0 0;
    width: 140px;
}

.csscontact .cssremarks, .csscontact .cssheader{
	vertical-align: top;
}
.csscontact .cssremarks{
    color: #ff6600;
}

.csscontact td.cssbutton{
	padding:10px 0;
}

.csscontact td.cssbutton input {
	background: #d8d8d8;
	background: -moz-linear-gradient(top,#e3e3e3 0,#b0b0b0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#b0b0b0));
	background: -webkit-linear-gradient(top,#e3e3e3 0,#b0b0b0 100%);
	background: -o-linear-gradient(top,#e3e3e3 0,#b0b0b0 100%);
	background: -ms-linear-gradient(top,#e3e3e3 0,#b0b0b0 100%);
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3',endcolorstr='#b0b0b0',gradienttype=0);
	background: linear-gradient(top,#e3e3e3 0,#b0b0b0 100%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 8px;
	line-height:23px;
	height:23px;
	color: #666;
	border: 1px solid #aaa;
	-webkit-box-shadow: inset 0 1px 1px white;
	box-shadow: inset 0 1px 1px white;
	text-shadow: 0 1px 1px #f5f5f5;
	text-align: center;
	cursor: pointer;
	margin: 0;
	outline: none;
}

.csscheckboxlist {
	display: block;
	margin: 0 0 3px 0px;
}

.csscheckboxlist .csscheckbox input{
	margin: 0 3px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none;
}

.labelcheck{
	margin:0 5px 0 0 !important;
	border:none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.csscheckbox {
	width: 150px;
	padding:0 0 6px 0;
	text-align: left;
	float: left;
	display: inline-block;
	*display: inline;
    *zoom: 1;
}

.csscheckbox.last{
	width:300px;
}


.csscheckbox input.textbizother{
	width:140px;
	border: solid 1px #ddd !important;
	-webkit-box-shadow: inset 0 1px 1px white;
	box-shadow: inset 0 1px 1px white;
}

input#id_fob, #id_min_order, #id_sample, #id_standards, #id_delivery_time, #id_others{
	border:none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

#chatf {
   position: fixed;
   bottom: 120px;
   right: 10px;
   z-index: 9999;
   font-size: 12px;
 }

.cfrow {
   margin-bottom:20px;  
}   
 
.cfrow img {
   width:80px;  
   height:80px;  
} 

#chatqrc {
   display:none;   
   position: fixed;
   bottom: 120px;
   right: 140px;
   z-index: 9998;
}
#qrcimg {
   width:200px;
   height:auto;
}

@media screen and (max-width: 600px) { 
   #chatf {
      bottom: 10px;
      right: 10px;
   }
   
   .cfrow {
      margin-bottom:10px;  
   }   
 
   .cfrow img {
      width:40px;  
      height:40px;  
   } 

   #chatqrc {
      bottom: 20px;
      right: 80px;
   }
}/* 
 * 	core owl carousel css file
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoheight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor: 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	owl carousel owl demo theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* styling next and prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #fff;
	display: inline-block;
	zoom: 1;
	*display: inline;/*ie7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: alpha(opacity=50);/*ie7 fix*/
	opacity: 0.5;
}
/* clickable class fix problem with hover on touch devices */
/* use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: alpha(opacity=100);/*ie7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* styling pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*ie7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: alpha(opacity=50);/*ie7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: alpha(opacity=100);/*ie7 fix*/
	opacity: 1;
}

/* if paginationnumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #fff;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background:  no-repeat center center
}

/** manual fix */
.item-box  .item-image {
    display: flex;
    justify-content: center;
    align-items: center;    
}

.item-box  .item-image  img {
   max-width: 90%;
   max-height: 90%;
   width: auto;
   height: auto;
}