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

@-webkit-keyframes tapAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tapAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.following-item-row { float:left; margin-left:20px; width:100%; }
.four-group { width:38.2%; float: left; }
.two-group { width:17.6%; float: left; }
.two-group-heng { width:38.2%; float: left; }
.one-group {width:38.2%; float: left; }
.one-group-heng {width:17.6%; float: left; }

.following-item-row .item {
  box-sizing:border-box;
  position:relative;
  float:left;
  margin-bottom:18px;
  background:#FFFFFF;
  border-radius:6px;
}

.following-item-row .item:before {
  background:rgba(0, 0, 0, 0.05);
  border-radius:8px;
  content:" " !important;
  height:100%;
  top:-6px;
  left:-6px;
  opacity:0;
  padding:6px;
  pointer-events:none;
  position:absolute;
  -webkit-transform:scale(0.96);
  transform:scale(0.96);
  width:100%;
  z-index:3;
}

.following-item-row .item:hover:before {
  -webkit-animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards;
  animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards;
}

.one-item      { width: 100%; min-height:480px; /*border-radius: 20px;  box-shadow: 0px 0px 2px rgba(0,0,0,0.18); border:0px solid #ccc;*/}
.one-item-heng { width: 100%; min-height:216px; /*border-radius: 20px;  box-shadow: 0px 0px 2px rgba(0,0,0,0.18); border:0px solid #ccc;*/}
.two-item      { width: 100%; min-height:216px; /*border-radius: 20px;  box-shadow: 0px 0px 2px rgba(0,0,0,0.18); border:0px solid #ccc;*/}
.four-item     { width:48.5%; min-height:216px; /*border-radius: 20px;  box-shadow: 0px 0px 2px rgba(0,0,0,0.18); border:0px solid #ccc;*/}

.following-item-row .item .img {
  position:relative;
  width:100%;
  overflow:hidden;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border-radius:6px 6px 0 0;
}

.one-item .img  { height:480px; }
.one-item-heng .img { height:216px; }
.two-item .img  { height:216px; }
.four-item .img { height:216px; }

.following-item-row .item .img a  {
  display:block;
}

.one-item .img a  { padding-top:480px; }
.one-item-heng .img a  { padding-top:216px; }
.two-item .img a  { padding-top:216px; }
.four-item .img a { padding-top:216px; }

.showInfo {
	font-size:14px;
	text-align:left;
	/*float: left;*/
	margin-left:5px;
	margin-right:5px;
	padding:5px 0;
}

.showInfo .name {
	height:20px;
	font-size:13px;
	line-height:20px;
	overflow:hidden;
	/*
  float: left;
	margin-left: 2.5%;
	margin-right: 2.5%;
	*/
}

.showInfo .price {
	height:15px;
	font-size:13px;
	line-height:15px;
	overflow:hidden;
	/*
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 5px;
	*/
}

.one-item .showInfo .name  { padding-top:7px; }
.one-item .showInfo .price { padding-bottom:8px; }

.showInfo .thumb {
  position:relative;
  display:inline-block;
  width:50px;
  height:50px;
  vertical-align:bottom;
  border-radius:50% 50%;
  overflow:hidden;
}

.one-item-heng .thumb { width:35px; height:35px; }
.two-item .thumb  { width:35px; height:35px; }
.four-item .thumb { width:35px; height:35px; }

.showInfo .thumb img {
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  width:100%;
  height:auto;
}

.showInfo .username {
  display:inline-block;
  height:50px;
  overflow:hidden;
  vertical-align:bottom;
  color:#999;
  font-size:13px;
  line-height:50px;
}

.showInfo .username a {
  color:#111111;
}

.one-item-heng .username { height:35px; line-height:35px; }
.two-item .username  { height:35px; line-height:35px; }
.four-item .username { height:35px; line-height:35px; }

.mlp3 { margin-left: 1.5%;}
.mlp3-inter {margin-left: 3%; }

h1,h2,h3,h4,h5,h6 { margin-top: 0px; margin-bottom: 0px; }
h4,.item-owner-shop span,.item-owner-shop div,.item-owner .item-owner-shop,.item-owner a,.p-item h3 { white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
body {  }
/*header bar*/
.header-bar { width:100%;height:45px;line-height:45px; font-size:13px; color:#FFFFFF; text-align:left;

}
.w-hor-scroll { width:100%; float:left;}
.w-hor-scroll .con-part{ height:30px; line-height:30px; float:left; width:90%; height:30px; line-height:30px; overflow:hidden; text-align:left;}
.w-hor-scroll .left-dir { float:left;  height:30px; line-height:30px; width:2%; margin-right:2px;}
.w-hor-scroll .right-dir {float:left; height:30px; line-height:30px; width:2%; }
.w-hor-scroll .left-dir img { margin-top:8px; }
.w-hor-scroll .right-dir img { margin-top:8px; }
.w-hor-scroll .move-part { height:30px; line-height:30px; float:left;  }



.round-left { float:left;  width:17px; line-height:45px; height:45px;

}
.round-left img { float:right; }
.round-right { float:right; width:17px; line-height:45px; height:45px; }
.round-right img { float:left;}
.bar-center { float:left; width:1166px; line-height:45px; height:45px; background-color:#6699CC;

}
.top-languages-bar { width:98%; text-align:left; margin-top:0px; text-align:center; -moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc; border-radius:10px/10px; margin-left:1%;}
.top-languages-bar a { font-size:13px; color:#333; padding-left:5px; padding-right:5px;}
.top-languages-bar a:hover { text-decoration:underline; color:#000;}
.hello-tex { float:left;line-height:45px; height:45px; width:18.2%;color:#FFFFFF; font-size:14px; font-weight:bold;  }
.hello-tex span { margin-left:20px;　color:#FFFFFF; }
.hello-tex a { color:#FFFFFF; text-decoration:none}
.hello-tex a:hover { color:#FFFFFF; text-decoration:underline;}
.logo-tex { float:left;line-height:46px; height:46px; width:240px; margin-top:2px; margin-left:23%; }
.management { float:right;line-height:45px; height:35px;width:400px; text-align:right; font-size:15px; font-weight:bold; }

.management .spe { float:right; margin-left:5px; margin-right:5px; width:1px; height:20px; margin-top:13px; background-color:#6678AB; margin-left:10px; margin-right:10px; }




.management .icon-notices { position:relative; float:right; line-height:45px; height:45px; font-size:14px; z-index:99; margin-right:10px; }
.management .icon-notices .icon-notices-img img { margin-top:12px; }
.management .icon-notices .icon-notices-con { width:430px; position:absolute; z-index:201; top:50px; right:-78px; }
.management .icon-notices .icon-notices-con .arrow { float:left; margin-left:77%; margin-top: -10px;}
.management .icon-notices .icon-notices-con:before { display:block; content:""; position:absolute; top:-20px; right:78px; border:10px solid transparent; border-bottom-color:#FFFFFF; }
.management .icon-notices .icon-notices-con .notices-list { width:100%; float:left; background-color:#FFFFFF; border-left:#CCC solid 1px;border-right:#CCC solid 1px;border-bottom:#CCC solid 1px; padding-top:5px;
  -moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 7px/7px;
  overflow: scroll; overflow-x: hidden;
	min-height: 30px;
	max-height: 380px;
}

.management .icon-add { float:right; line-height:45px; height:45px; font-size:14px; }
.management .icon-add .icon-add-img img { margin-top:12px; }

.management .icon-message { position:relative; float:right; line-height:45px; height:45px; font-size:14px; margin-right:10px; }
.management .icon-message .icon-message-img { /*float:right;*/ }

.management .icon-message .icon-message-con { width:220px; position:absolute; z-index:100; top:50px; right:-32px;}
.management .icon-message .icon-message-con .arrow { float:left; margin-left:77%; margin-top:-10px; }
.management .icon-message .icon-message-con:before { display:block; content:""; position:absolute; top:-20px; right:32px; border:10px solid transparent; border-bottom-color:#FFFFFF; }

.management .icon-message .icon-message-con .account-list { width:100%; float:left; background-color:#FFFFFF; border-left:#CCC solid 1px;border-right:#CCC solid 1px;border-bottom:#CCC solid 1px; padding-top:5px;
-moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 7px/7px;
}

.management .icon-message .icon-message-con .account-list .account-item { width:100%; float:left; margin-bottom:2px; background-color:#FFF;  }
.management .icon-message .icon-message-con .account-list .account-item img {border-radius: 5px/5px; }
.management .icon-message .icon-message-con .account-list .account-item:hover { background-color:#EFEFEF; }
.management .icon-message .icon-message-con .account-list .account-item:active { background-color:#CCCCCC;}

.management .icon-message .icon-message-con .account-list .account-item .notice-user-icon { width:50px; height:50px; float:left; margin-left:3px;  margin-right:3px; background-color:#CCC; overflow:hidden; padding-top:0px;border-radius: 5px/5px; }
.management .icon-message .icon-message-con .account-list .account-item .notice-user-icon img { margin-top:0px; }
.management .icon-message .icon-message-con .account-list .account-item .notice-user-con { float:left; width:160px; height:50px;  border-bottom:#CCCCCC solid 1px; text-align:left; border-radius: 0px; }
.management .icon-message .icon-message-con .account-list .account-item .notice-user-con .notice-name { float:left; color:#333333; font-size:15px; color:#666; font-weight:600; margin-top:2px; padding-bottom:2px; line-height:95%; width:95%;  padding-left: 2%;  }
.management .icon-message .icon-message-con .account-list .account-item .notice-user-con .notice-msg { margin-left:2.5%; float:left; color:#666666; height:30px;  line-height:100%; text-align:center; width:95%;  padding-left: 2%;}




.management .account .my-options-con .arrow {float:left;  margin-left:77%; margin-top: -10px;}
.management .account .my-options-con .arrow img{}

.management .account .my-options-con { width:150px; position:absolute; z-index:103; margin-top:36px;margin-left:-30px;}
.management .account .my-options-con .options { width:100%; float:left; background-color:#FFFFFF; border-left:#CCC solid 1px;border-right:#CCC solid 1px;border-bottom:#CCC solid 1px; padding-top:5px;
-moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 7px/7px; margin-top: -17px;

}

.management .account .my-options-con .options .option-item { float:left; margin-bottom:2px; color:#333333; font-weight:600; width:100%; text-align:center; font-size:13px; height:30px; line-height:30px;background-color:#EFEFEF;  }

.management .account .my-options-con .options .option-item:hover { background-color:#6699CC; color:#FFFFFF; text-decoration:none; }

.management .account .my-options-con .options .option-item:active { background-color:#666; }

.management .icon-message a { /*float:left;*/ }
.management .icon-message a img { margin-top:12px; /*float:left;*/ }


.management .my { float:right; line-height:45px; height:45px; }
.management .my a {float:left;}
.management .my a img { margin-top:10px; float:left;}

.management .account-header-name { font-size:13px; height:45px;}

.management .account { float:right;line-height:45px; height:45px; margin-right:10px; margin-left:5px; }
.management a { color:#FFFFFF;}
.management a:hover { color:#FFFFFF; text-decoration:underline;}
.management .account img {line-height:45px; margin-left:5px;  }

/*navigation  categories sliders */
.w-navi { width:100%; }
.logo-search-row { width:100%; float:left; margin-top:20px; }


.logo-left { text-align:left; width:22%; float:left; margin-left:20px;font-weight:bold; }
.logo-left .logo { width:100%; border-bottom:#CCCCCC solid 1px; padding-bottom:10px;}
.logo-left .tex {padding-top:10px; padding-bottom:5px; font-size:17px; color:#666666;  }
.logo-left .tex  a { font-size:17px; color:#666666; font-weight:600; }
.logo-left .sub-tex { font-size:15px; color:#999999; }
.logo-left .sub-tex a { font-size:15px; color:#999999; }

/* search */
.search-right { float:left; margin-left:1%; width:75%; text-align:left; }
.faith-row { font-size:13px; color:#666; text-align:left; margin-top:20px; margin-left:10px;  }
.search-row { float:left; margin-top:10px; }
.language-region { float:left; font-size:14px; color:#999999; font-weight:300; }
.language-region .tit { font-size:15px; font-weight:400; color:#999999; padding-right:10px; height:40px; line-height:40px;}
.language-region .w-select-l-no-wd { margin-top:8px;}


.search-bar {float:left; width:510px;height:46px; line-height:46px; border:#CCCCCC solid 1px; background-color:#FFFFFF; margin-left:0px; margin-top:0px;
-moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 5% 5% 5% 5%
}
.search-bar .inpt { float:left; width:93%;height:46px; line-height:46px;

 }
.search-bar .inpt input{ height:36px;  float:left; width:100%;  margin-left:20px; outline:none; border:#FFF solid 0px; font-size:20px; font-weight:500;

}
.search-bar .cate { width:100px;float:left; padding-left:10px; border-left:#CCC solid 1px;}
.search-bar .cate .con { float:left; line-height:46px; font-size:14px; font-weight:500; color:#999;}
.search-bar .cate .arrow { float:left;line-height:46px; height:46px;width:11px;  background-image:url(../images/comm/arrow.png); background-position:center; background-repeat:no-repeat; margin-left:10px;}

.search-btn { width:121px; height:40px; background-color:#A0B2C3; font-size:19px; font-weight:200; float:left; color:#FFFFFF; text-align:center; line-height:40px; margin-top:3px; margin-left:20px;   margin-top:20px;
border-radius: 0% 0% 5% 5%;
-moz-box-shadow: 0px 2px 2px #ccc;
-webkit-box-shadow: 0px 2px 2px #ccc;
box-shadow: 0px 2px 2px #ccc;
}

/*category */
.categoryies-row { width:100%; float:left; margin-top:20px;  }
.categories-menu { text-align:left;margin-left:20px; width:22%; float:left;font-weight:500; background-color:#fff; border-radius:20px; border:#EFEFEF solid 1px;

-moz-box-shadow: 0px 2px 4px #ccc;
  -webkit-box-shadow: 0px 2px 4px #ccc;
  box-shadow: 0px 2px 4px #ccc;
  min-height:260px;
  padding-top:5px;
  padding-bottom:5px;

}
.categories-menu .item { line-height:23px; width:87%; margin-left:8%; margin-top:1px; }
.categories-menu .item a { font-size:14px; text-decoration:none; font-weight:bold;color:#666666; }
.categories-menu .item a:hover { text-decoration:underline;}

.products-sliders { margin-left:1%; width:890px; float:left; height:270px; background-color:#FFFFFF;
border-radius: 20px;
-moz-box-shadow: 0px 1px 2px #999;
  -webkit-box-shadow: 0px 1px 2px #999;
  box-shadow: 0px 1px 2px #ccc;
}
.products-sliders .item { margin-top:10px; margin-left:10px; float:left; border-radius: 20px; }
.products-sliders .item a {border-radius: 20px; }
.products-sliders .item img { border-radius: 20px; }

/*popular shops*/
.w-shops { width:1166px;height:300px; margin-bottom:90px; }

.w-shops .w-shop-item { margin-top:30px; margin-bottom:20px;

  /*-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15) inset;box-shadow:0 0 5px 0 rgba(0,0,0,0.15) inset
 */
}

.w-part-navi-bar { width:100%; text-align:left; float:left; margin-top:30px; margin-left:10px;}

.w-part-navi-bar a {font-size:15px; color:#666;}
.w-part-navi-bar .top { width:100%; text-align:left; float:left; height:2px; background-image:url(../images/comm/line.png); background-repeat:repeat-x; }
.w-part-navi-bar .con { width:98%; margin-left:1%; height:50px; text-align:left; float:left; }

.w-part-navi-bar .con .spe { height:30px; margin-top:10px; background-color:#999999; float:left; margin-left:10px; margin-right:10px; }
.w-part-navi-bar .con .item { float:left; padding-left:10px; padding-right:10px; line-height:50px;}

.w-part-navi-bar .con .left { width:27%; float:left; }
.w-part-navi-bar .con .left .sel { color:#6699CC; text-decoration:underline;font-weight:bold; }
.w-part-navi-bar .con .left .normal { color:#666; font-weight:bold; }
.w-part-navi-bar .con .center { width:54%; float:left; line-height:50px; text-align:left;font-size:22px; font-weight:400; color:#999999; margin-left:100px;  }
.w-part-navi-bar .con .center .sub-con { float:left; color:#333; font-weight:600; text-align:left; margin-left:15%;font-size:30px; }
.w-part-navi-bar .con .center .arrow { float:left;line-height:46px; height:46px;width:11px;  background-image:url(../images/comm/arrow.png); background-position:center; background-repeat:no-repeat; margin-left:10px; display:none; }

.w-part-navi-bar .btm { width:100%; text-align:left; float:left; height:2px; background-image:url(../images/comm/line.png); background-repeat:repeat-x;}

/* popular shops */

.shops-list { }



/*ranking */
.w-rankings {  width:1166px;height:300px; margin-top:30px;}
.rankings-list { margin-top:15px; float:left;  margin-bottom:20px; margin-left:20px; }
.ranking-item{ width:158px; float:left; margin-top:10px; margin-bottom:20px;  box-shadow: 0px 0px 8px rgba(0,0,0,0.18);border-radius: 15px}
.ranking-item .pic-part { width:158px; height:176px;float:left;  background-color:#FFFFFF; border-radius: 15px 15px 0px 0px;}
.ranking-item .pic-part img { margin-top:0px; border-radius: 15px 15px 0px 0px;}



.ranking-item .tex-part{

  width:158px;
  float:left;
  background-color:#FFFFFF;
  height: 90px;
  border:#fff solid 0px;
  box-shadow:none;
}


.ranking-item .item-owner { width:158px; height:50px; text-align:left; padding-top:2px; padding-bottom:2px;
border-radius: 0px 0px 15px 15px;

  background-color:#FFF;
  float:left;


}
.ranking-item .item-owner-img { float:left; margin-left:4px; }

.ranking-item .item-owner-img img { border-radius: 24px 24px 24px 24px;  margin-top:5px; }
.ranking-item .item-owner-name { float:left; margin-top:5px; margin-left:4px; height:16px; width:100px; color:#666; font-size:14px; font-weight:600; overflow:hidden; word-break:break-all; }
.ranking-item .item-owner-name:hover {  color:#333; }
.ranking-item .item-owner-name:active {  color:#000; }

.ranking-item .item-owner-shop { float:left; margin-left:4px; margin-top:3px; height:16px; width:100px; color:#999; font-size:13px; font-weight:600; overflow:hidden; word-break:break-all;  }

.ranking-item .row-price { float:left; width:100%; margin-top:5px; color:#666 ;font-weight:bold;font-size:14px; }
.ranking-item .row-price .type { margin-left:2.5%; height:27px; float:left;  background-color:#F4F4F4; text-align:center; line-height:27px; overflow:hidden; text-align:left; padding-left:3%; padding-right:3%; margin-top:5px;font-size:14px; }
.ranking-item .price { font-size:14px; line-height:31px; height:31px; width:100%; text-align:right; float:left; margin-right:2px; margin-top:2px; overflow:hidden; width:95%; margin-right:5%; }
.ranking-item .row-name { font-size:13px; float:left; width:98%; margin-left:1%; margin-top:2px; color:#666; height:60px; line-height:24px; overflow:hidden; padding-bottom:10px;}
.ranking-item .row-name a { width:90%; margin-left:5%; word-break:break-all;color:#666; text-decoration:none; float:left; font-size:14px;   }




/* details of propular shops */
.w-detail-shops-list { width:1166px;}
.shops-list { float:left;width:100%; margin-bottom:0px; margin-left:15px; }
.w-detail-shops-list a { color:#666;}
.shop-detail-item { float:left;  margin-top:46px; width:100%; }
.shop-detail-item .w-shop-item { margin-right:0px; padding-right:0px; }

.products-status { float:left; width:894px; margin-left:8px;height:333px; background-color:#FFFFFF;
border-radius: 10px/10px;
-moz-box-shadow: 0px 1px 2px #999;
  -webkit-box-shadow: 0px 1px 2px #999;
  box-shadow: 0px 1px 2px #ccc;
 }
.products-status .shop-products-thum { width:100%; float:left; height:95%; margin-top:1%; border-right:#CCC solid 1px; }

.products-status .shop-products-thum .tit { width:100%; float:left; text-align:center; font-size:13px; color:#666; margin-top:5px;}
.products-status .shop-products-thum .tit a {  color:#666;  }
.products-status .shop-products-thum .tit a:hover { text-decoration:underline; }
.products-status .shop-products-thum .products-list { width:100%; float:left;}
.products-status .shop-products-thum .products-list .item { float:left; margin-left:24px; margin-top:10px; margin-bottom:5px; width:120px;}

.products-status .shop-products-thum .products-list .item .pic{ float:left;}
.products-status .shop-products-thum .products-list .item .tex{ float:left; position:relative; margin-top:-30px; margin-left:0px; background-color:#000000; height:30px; width:100%; overflow:hidden; line-height:14px;}
.products-status .shop-products-thum .products-list .item .tex a { color:#FFFFFF; font-size:11px; text-align:left; float:left; float:left; margin-left:10px; margin-right:10px; margin-top:2px; margin-bottom:2px;}

.products-status .more { width:90%; float:left; text-align:right; font-size:12px; }
.products-status .more a { color:#999999; }
.products-status .more a:hover { text-decoration:underline;}
.shop-owner-updates { width:290px; float:left; }


/*
shop-owner-updates">
                        	<div class="status-list">
                            	<div class="item">
                                	<div class="user">
                                    </div><!--user-->
                                    <div class="con">
                                    	<div class="tex">

										*/
.shop-owner-updates .status-list { float:left; width:96%; margin-left:2%; height:280px; margin-top:12px; margin-bottom:5px; overflow:auto;  }

.shop-owner-updates .more { width:90%; float:left; text-align:right; font-size:13px; color:#999999; }


.shop-owner-updates .status-list .item { float:left; width:100%; margin-bottom:5px; }
.shop-owner-updates .status-list .user { float:left; }
.shop-owner-updates .status-list .con { float:left; width:230px; float:left; margin-left:50xp; font-size:13px; color:#666666; }
.shop-owner-updates .status-list .con .tex { float:left; margin-left:10px; }
.shop-owner-updates .status-list .con .pics { float:left;}
.shop-owner-updates .status-list .con .pics img  { margin-left:20px;}





/* products waterfall */
.w-products-waterfall { width:1166px; float:left;margin-left:24px; }
.w-products-waterfall .items { width:100%; /*float:left;*/ text-align:left; margin-top:30px; /*margin-left:10px;*/ }

.w-new-arrivals-waterfall { width:1166px; float:left; }
.w-new-arrivals-waterfall .items { width:100%; float:left; text-align:left; margin-top:30px; margin-left:10px;}

.w-following-waterfall { width:1166px; float:left;  }

.p-item { width:220px; float:left; margin-bottom:60px;border-radius: 15px 15px 15px 15px;  box-shadow: 0px 0px 8px rgba(0,0,0,0.18); border:0px solid #ccc;}
.w-products-waterfall .p-item { margin-right:95px; }
.w-products-waterfall .p-item:nth-child(4n) { margin-right:0; }

.p-item .pic { width:100%; float:left; background-color: #FFF; height: 250px; border-radius: 15px 15px 0px 0px; }
.p-item .pic img  { margin-left:0px; margin-top:0px; margin-bottom:0px; border-radius: 15px 15px 0px 0px; border: 0; }
.p-item .pic .pic-editing { position:absolute; z-index:2;  margin-left:0px; margin-top:0px; margin-bottom:10px; background-color:#000; width:220px; height:220px; font-size:40px; font-weight:500; color:#FFFFFF; text-align:center; line-height:220px; border-radius: 15px 15px 0px 0px;  }
.p-item .pic .no-img { margin-left:20px; margin-top:20px; margin-bottom:10px; width:220px; height:220px; background-color:#F2F0F0; }
.p-item .price { width:90%; padding-right:10%; text-align:right; font-size:14px; color:#666; font-weight:bold; background-color:#FFFFFF; height: 30px; line-height: 30px; margin-top: 0px;}

.p-item .item-owner { width:220px; height:60px; text-align:left; padding-top:0px; padding-bottom:0px;
border-radius: 0px 0px 10px 10px; background-color: #FFF;

  float:left;

}
.p-item .item-owner-img { float:left; margin-left:4px; }

.p-item .item-owner-img img { border-radius: 30px 30px 30px 30px; }
.p-item .item-owner-name { float:left; margin-top:5px; margin-left:4px; height:16px; width:150px; color:#666; font-size:14px; font-weight:600; overflow:hidden; word-break:break-all; }
.p-item .item-owner-name:hover {  color:#333; }
.p-item .item-owner-name:active {  color:#000; }

.p-item .item-owner-shop { float:left; margin-left:4px; margin-top:3px; height:16px; width:150px; color:#999; font-size:13px; font-weight:600; overflow:hidden; word-break:break-all;  }

.p-item .tex { width:220px;  line-height:24px; padding-bottom:5px; background-color:#FFF; float:left; font-size:12px; margin-top:0px;
  overflow:hidden;
  padding-bottom:10px; height:80px;
  }
.p-item .tex .tit {width:95%; margin-left:2.5%; height: 45px;  float:left; color:#666; font-size:14px; margin-top:0px; font-weight:bold; overflow:hidden;}
.p-item .tex .sub-tex {width:95%; margin-left:2.5%; height:40px; float:left; color:#999; overflow:hidden; margin-top:0px; color:#333; font-size:12px; margin-bottom:10px;}

/* new - by nakamura -
=========================================================================================== */

.w-new-search-bar {
  display:inline-block;
  width:50%;
}

.w-new-search-bar .inpt input {
  box-sizing:border-box;
  width:100%;
  height:36px;
  font-size:16px;
  vertical-align:middle;
  padding:1px 5px;
  border:1px solid #EEEEEE;
  border-radius:5px;
}

.w-new-search-bar .inpt input[type="text"]:focus {
  outline:0;
}

.w-new-search-btn {
  float:none;
  display:inline-block;
  width:15%;
  height:36px;
  color:#FFFFFF;
  font-size:16px;
  font-weight:200;
  text-align:center;
  vertical-align:middle;
  margin:0 0 0 5px;
  background-color:#A0B2C3;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.w-new-search-btn .fa {
  line-height:36px;
}