@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: url("[CSS_RES_IMG]/sprite/column_sep.gif")  0 -450px no-repeat;
}

.mainPage .rollBanner .down{
   margin: 10px auto;
   width: 30px;
   text-indent:-999px;
   overflow:hidden;
   background: url("[CSS_RES_IMG]/sprite/column_sep.gif")  -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:url('[CSS_RES_IMG]/sprite/column_sep.gif') 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;
  text-align:center;
  width:302px;
  height:302px;
  line-height:302px;
  vertical-align: middle;
}

.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(/hc.dwres/tpl/common/icon-qrcode.gif) no-repeat; }
.bicon-back2top { background: url(/hc.dwres/tpl/common/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;
}