@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;
  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(/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;
}