@charset "UTF-8";
/* CSS Document */

body { margin-top:0; background-image: url(../images/bg.jpg);}

div {margin: 0 auto; padding: 0; display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul, li, dl, dt, dd, form, img {margin: 0 auto;padding: 0;border: none;list-style-type: none;}
a img{border: none;}

.clear{clear:both;}
.vlinebase{vertical-align:baseline;}
.lineh1em{line-height:1em;}
.lineh1em5{line-height:1.5em;}
.lineh2em{line-height:2em;}
.lineh3em{line-height:3em;}
.h10{height:10px;}
.h20{height:20px;}
.h40{height:40px;}
.w148{width:148px;}
.w200{width:200px;}

.mgbtm10{margin-bottom:10px;}
.mgbtm20{margin-bottom:20px;}
.mgbtm40{margin-bottom:40px;}

.mgtop5{margin-top:5px;}
.mgtop10{margin-top:10px;}
.mgtop20{margin-top:20px;}
.mgtop30{margin-top:30px;}
.mgr12{margin-right:12px;}
.mgr20{margin-right:20px;}
.mg0{margin:0;}

.fontred{color:#F00;}
.fontgreen{color:#0a7d10;}
.fontpurple{color:#93278f;}
.fontblue{color:#0874B5;}
.fontorange{color:#FF6666;}
.fontcc0066{color:#cc0066;}

/*layout*/
#wrap{margin: 0 auto; width:1000px; background:#FFF;}
#wrap2{margin: 0 auto; width:1000px; background:#FFF;}
.titleRed18{font-size:18px; color:#ff0000; font-weight:bold;}
.titleRed20{font-size:20px; color:#ff0000; font-weight:bold;}
.alignC{text-align:center;}

#pd-cont-tb-left{margin:10px 15px; float:left; display:block; font-size:12px; text-align:left; line-height:1.5em;  }
#pd-cont-tb-right{margin:10px 15px; float:right; display:block; font-size:14px; text-align:left; line-height:1.5em;  }
#pd-cont-tb-left2{margin:0 15px 10px; float:left; display:block; font-size:12px; text-align:left; line-height:1.5em;  }
#pd-cont-tb-right2{margin:0 15px 10px; float:right; display:block; font-size:14px; text-align:left; line-height:1.5em;  }

#pd-cont-tb-right table {display: table;}
#pd-cont-tb-right tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
#pd-cont-tb-right tr {display: table-row;vertical-align: inherit;border-color: inherit;}
#pd-cont-tb-right td {text-align: -webkit-center;}
#pd-cont-tb-right td, th {display: table-cell;vertical-align: inherit;}

.pd-cont-separator{width:100%; height:4px; margin:10px 0 15px; padding:0; background:#bfbfbf;}
.pd-features{width:1000px; margin:0; padding:0;}
.pd-features-title{background:#0874B5; color:#FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; height:22px; width:792px; margin-left:10px;}


/*cont 1 - product list*/
#cont1{width:820px; margin:0;}
#cont1 h1, h2, h3, h4, h5, h6{font-weight:normal; line-height:1.5em; margin:0; padding:0;}
.catTitle{ height:22px; line-height:22px;font-size: 14px;color: #FFF;background-color: #006fbd; display:block; padding:0 10px; float:left;}
#cont1 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont1 li{float:left; overflow:hidden; width:114px; margin-right:10px;}

/*cont 2 - promotion*/
#cont2{width:820px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1em;}
#cont2 h1, h2, h3, h4, h5, h6{font-weight:normal; line-height:1.5em; margin:0; padding:0;}

#cont2 table{border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
#cont2 .tb_top1{ display:table; border-collapse:collapse; border-top:1px solid #ccc; width:100%;}
#cont2 tbody{ display:table-row-group; vertical-align:middle;}
#cont2 tr{display:table-row; vertical-align:inherit;}
#cont2 th{ display:table-cell; background-color:#e3f7c5; color:#347f15; padding:5px 10px; text-align:center;}
#cont2 td{display:table-cell; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; padding:5px 10px;}

/*cont 3 - sticker - structures, category division*/
#cont3{width:820px; margin:0;}
#cont3 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont3 li{float:left; overflow:hidden;}

.cont3_bannertop{width:820px;}
.cont3_catTitle{ height:30px; line-height:30px;font-size: 14px; letter-spacing:2px; color: #FFF;background-color: #39b54a; display:block; padding:0 10px; float:left;}
.cont3_catRemarks{ height:30px; line-height:30px;font-size: 12px; color: #000;display:block; padding:0; float:left;}

/*cont 4 - product list - c_soft*/
#cont4{width:900px; margin:0 0 0 26px;}
#cont4 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont4 li{float:left; overflow:hidden; width:136px; margin-right:11px;}
#cont4 p{margin:0; padding:0;}
.prodthumbWrap4{width:100%; height:125px; margin-bottom:5px; display:block;}
.prodthumbWrap4 a {background: #FFF none repeat scroll 0% 0%;overflow: hidden; margin: 0px auto; display:block; text-align: center;}
.pthumbprice {background:rgb(255, 255, 204); display:inline-block; width:100%; height:1.5em; line-height:1.5em;}

/*cont 5 - promotion 2 - folder pictures*/
#cont5{width:900px; margin:0 0 0 26px;}
#cont5 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont5 li{float:left; overflow:hidden; width:200px; margin-right:20px; margin-bottom:20px;}
#cont5 p{margin:0; padding:0;}
.prodthumbWrap5{width:100%; height:; margin-bottom:5px; display:block;}

/*cont 6 - BagFo, cont 7 - LoFo*/
#cont6{width:820px; margin:0 0 0 22px;}
#cont6 h1, h2, h3, h4, h5, h6{font-weight:normal; line-height:1.5em; margin:0; padding:0;}
#cont6 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont6 li{float:left; overflow:hidden; width:120px; margin-right:15px;}

/*cont 6 - LoFo, A5 item*/
#cont7{width:820px; margin:0 0 0 0;}
#cont7 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont7 li{float:left; overflow:hidden; width:116px; margin-right:11px;}

/*cont 8 - A4 wide item, A5 wide item*/
#cont8{width:820px; margin:0 0 0 0;}
#cont8 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont8 li{float:left; overflow:hidden; width:136px; margin-right:11px;}

/*cont 9 - A4 wide item, A5 wide item*/
#cont9{width:820px; margin:0 0 0 0;}
#cont9 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont9 li{float:left; overflow:hidden; width:118px; margin-right:7px;}

#cont10{width:820px; margin:0 0 0 0;}
#cont10 ul, li {display: block;list-style-type: none;margin: 0; padding:0; border: none;}
#cont10 li{float:left; overflow:hidden; width:130px; margin-right:8px;}

.cont6_catTitle{ height:50px; line-height:50px;font-size: 14px;color: #FFF;display:block; float:left; padding:0 10px; padding-left:50px; padding-right:15px; }
.cont6_cat_bg_brown{background:url(../images/plist/BAG/cat_bar_c_bag_brown.gif) no-repeat; overflow:hidden;}
.cont6_cat_bg_green{background:url(../images/plist/BAG/cat_bar_c_bag_green.gif) no-repeat; overflow:hidden;}

/*hotnews B*/
.hotnewsB ul{display: block;list-style-type: none;margin: 0; padding:0; border: none; overflow:hidden;}
.hotnewsB li{display: block;list-style-type: none;margin: 0; padding:0; border: none; overflow:hidden; float:left; overflow:hidden; height:214px;}
.hotnewsB li img{height:214px; border:0; }

.hotnewsB-eff{ opacity: 1; filter: alpha(opacity=100); } 
.hotnewsB-eff:hover { opacity: 0.8; filter: alpha(opacity=30);/* For IE8 and earlier */ }
.hotnewsB-eff-bg{background: #000;} 

/*----- v1 product list thumbnails ----- */
.prodthumbWrap{width:100%; height:100px; display:block; margin-bottom:5px;}
.prodthumbWrap a {background: #FFF none repeat scroll 0% 0%;overflow: hidden;display: block;margin: 0px auto;text-align: center;vertical-align: middle;}

.prodthumbinfo{width:100%; height:100px; display:block; text-align:left;}
.prodthumbinfo_title {color:#666666; font-size:12px;}
.prodthumbinfo_title a {color:#666666; font-size:12px; text-decoration:none;}
.prodthumbinfo_title a:hover {color: #FF6600;text-decoration: none;}
.prodthumbinfo_code {color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}


/*----- v3 product list thumbnails ----- */
.prodthumbWrap3{width:100%; display:block; margin-bottom:0;}
img.prodthumb3 {background: #FFF none repeat scroll 0% 0%;overflow: hidden;display: block;margin: 0px auto;text-align: center;vertical-align: middle;}
.prodthumbinfo3_title {color:#666666; font-size:14px;}
.prodthumbinfo3_code {color:#666666; font-size:14px; font-family:Arial, Helvetica, sans-serif;}


/*product demo*/
.prodemoWrap{width:100%; height:200px; display:block; overflow:hidden;}

/* ----- pd-cont - product details ----- */
#pd-cont{width:820px; margin:0 auto;}
#pd-cont-title{padding:10px 30px 0;}

.pd-cont-subtitle{padding:10px 30px 0; color:black; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height:1em; margin:0;}
#pd-cont table{border-collapse:collapse;}
#pd-cont td{ color: rgb(51, 51, 51); font-family:Arial, Helvetica, sans-serif;}
#pd-cont h1{ font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; line-height:1.5em; margin:0;}
#pd-cont h2 {display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold; color: rgb(102, 102, 102); line-height:1.5em;}
.pd-cont-code{color:#000; display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1em; height:20px;}
.pd-cont-line{text-align: center;border-top: 1px dashed #b4b3b3;color: #999;}
.bg-yellow{background: #fffdc2; padding:5px 10px;}


.backbar{text-align:center; line-height:30px; display:block; margin:15px auto 15px;}

.good_tag {background: url(../images/pd/bg_tag.gif) repeat-x left bottom;height: 28px;padding: 0 10px;margin: 10px 0;}
.good_tag h2 {background: url(../images/pd/pd-info-header-bg-h28.gif) no-repeat;height: 28px; font-family:Arial, Helvetica, sans-serif; text-align: center;font-size: 14px;
padding: 7px 15px 0px 15px;margin: 0 3px;float: left;position: relative;}
.good_tag h2 span {display: block;width: 5px;height: 28px;
background: url(../images/pd/pd-info-header-bg-h28.gif) no-repeat -355px 0;position: absolute;top: 0px;right: 0px;overflow: hidden;}
.good_tag .h2bg {background: none;font-weight: 100;color: #0045df;}


/*Feature row*/
.feature_row { width: 1000px; background-color: rgb(231, 231, 231); height: auto; text-align: center; margin: 0; padding: 10px 0; margin:10px auto 15px; clear: both; float: left;}
.feature_row .button{font-size:14px;}
.feature_row .button a { color: #fff; background: #616161; border: 1px solid #616161; border-radius: 2px; }
.feature_row .button a {cursor: pointer; display: inline-block; font-weight: bold; line-height: 1; outline: 0; padding:5px 20px; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -ms-touch-action: manipulation; touch-action: manipulation; text-decoration: none;}
.feature_row .button a:hover {background: transparent; color: #616161;}
#feature_page {font-family: 'Open Sans', Helvetica, sans-serif;}
.PageTitleStyle1{ margin:20px 0 0 0;}
.PageTitleStyle1 h1 { font-size:24px; font-weight: bold; line-height: 24px; color: #777;}
.feature_box { background: #fff; border: 1px solid #d0ddd7; margin-top: 0; float: left; margin-bottom:30px;}
.feature_box_img{padding:5px; overflow:hidden; max-width:820px;height:auto;}

.PageTop { margin: 0 0 20px; text-align: right;}
.PageTop a:link, .PageTop a:visited { color: #c02; text-decoration: none;}
.PageTop a:hover, .PageTop a:active { color: #b1000e; text-decoration: underline;}


/*gallery for Product details */
#gallery {clear:both;}

.col6 {width:100px;}
.col6 img {max-width:100px;}

.rollover {
	background:url(images/lightbox.png) no-repeat scroll 0 0;width:25px;height:25px;position:absolute;top:0;right:0;display:none;opacity:1;}
.gallery-item {float:left;margin-right:20px;margin-bottom:0;position:relative;}
.gallery-item a {display:block;}