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

.hide { display:none;}

.follow-users-part { margin-top: 50px; float: right; width: 100%; }
.follow-display-row { float:right; margin-top: 3px; width: 87%; text-align: left; margin-top: 10px;}
.follow-display-item { width: 120px; float: left; margin-bottom: 10px; }

.follow-person-row { display:table; width:90%; margin-bottom:20px; background:#FFFFFF; border-radius:16px; }
.follow-person-row:hover { background:#F6F6F6;}
.follow-person-row .person { display:table-cell; width:200px; padding:10px 10px; }
.follow-person-row .person .person-img { width:200px; height:200px; overflow:hidden; border-radius:10px; }
.follow-person-row .person .person-img img {margin-top:-20px; vertical-align:top; }
.follow-person-row .person-tex { display:table-cell; text-align:left; vertical-align:middle; font-size:20px; padding:10px 10px; }
.follow-person-row .person-btn { display:table-cell; width:30%; vertical-align:middle; padding:10px 30px 10px; }
.f-tit { font-size: 18px; width: 100%; float: left; color: #555555; font-weight:600;  text-align: center;}
.f-num { font-size: 30px; color: #666666;  width: 100%; float: left; font-weight: 600; text-align: center;}
.f-num a { font-size: 30px; color: #333;  width: 100%; float: left; font-weight: 600; text-align: center;  border-radius: 5px;}
.f-num a:hover { background-color: #ccc;}
.f-num a:active {background-color: #999;}
.profile-part .item { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.my-logo-row { float:left; margin-top:10px; width:1200px;}
.my-logo-row .profile-part { width:150px; float:left;  text-align:left;  }
.my-logo-row .profile-part .info { width:100%; float:left;background-color:#A0C4D4; margin-top:3px; font-size:14px; color:#FFF; }
.my-logo-row .profile-part .info .items { width:90%; margin-left:5%; float:left; height:172px; margin-top:5px; overflow:hidden; }
.my-logo-row .profile-part .info .items p { width:100%; lifloat:left; padding:0px; margin:0px; margin-bottom:2px;overflow:hidden;  }
.my-logo-row .profile-part .info .items .item { width:100%; float:left;overflow:hidden;height:20px; overflow:hidden; text-align:center;}

.follow {
  width:100%;
  float:left;
  background-color:#A0C4D4;
  height:32px;
  margin-top:3px;
  text-align:center;
  line-height:32px;
  font-size:18px;
  font-weight:400;
  color:#FFFFFF;
  cursor:pointer;
  border-radius:16px;
}

.follow:hover{ background-color: #669 }
.follow:active{ background-color: #636 }


.btn-add-friend {
  width:100%;
  float:left;
  background-color:#A0C4D4;
  height:32px;
  margin-top:3px;
  text-align:center;
  line-height:32px;
  font-size:18px;
  font-weight:400;
  color:#FFFFFF;
  cursor:pointer;
  border-radius:16px;
 
	
}

.btn-add-friend:hover{ background-color: #669 }
.btn-add-friend:active{ background-color: #636 }

.unfollow {
  width:100%;
  float:left;
  background-color:#A0C4D4;
  height:32px;
  margin-top:3px;
  text-align:center;
  line-height:32px;
  font-size:18px;
  font-weight:400;
  color:#FFFFFF;
  cursor:pointer;
  border-radius:16px;
}

.unfollow:hover{ background-color: #669 }
.unfollow:active{ background-color: #636 }

.profile-part .info .items .item h2 { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.social-bar-main { width: 95%;float: left; margin-top: 5px; }
.like-bar-main { width: 96%;float: left; margin-left: 2%; margin-right: 2%; font-weight: 600; margin-top: 5px;}
.like-bar-main img  { float:left; margin-right: 5px; margin-top: 3px;}
.like-bar-main .like-user { color:#B6D6E4; float: left; margin-right: 10px; }

.social-bar-main .social-comment-item { float: left; margin-left:30px;   }
.social-bar-main .social-like-item { float: left; margin-left: 20px; }

.like-bar { width: 80%; float: left; margin-left: 15%; margin-right: 2%; font-weight: 600; margin-top: 5px;}
.like-bar img  { float:left; margin-right: 5px; margin-top: 3px;}
.like-bar .like-user  { color:#B6D6E4; float: left; margin-right: 10px; font-size: 11px; }

.social-bar { width: 80%;float: left; margin-left: 15%; margin-top: 0px; }
.social-bar .social-comment-item { float: left; margin-left:0px;   }
.social-bar .social-like-item { float: left; margin-left: 20px; }

h1, h2 { width:100%; text-align:center;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 0px dotted #00008B;
  font-size: 100%;
  font-weight: bold;
  color: #FFF; float:left;
  }

.my-logo-row .cover { margin-left:10px; float:left; width:1006px; text-align:left; font-size:40px; color:#FFF; text-align:center; }
.my-logo-row .cover .img-con {width:1006px;height:360px; background-color:#B7C5D1; }
.my-logo-row .cover .img-tex { float:left; margin-left:30px; margin-top:280px; }
.follow-message-row  { width:100%; float:left; margin-top:5px; }
.follow-message-row .follow-btn {float:right; margin-left:10px; }
.follow-message-row .message-btn { float:right;margin-left:10px; }
.w-part-navi-bar { margin-top:10px;}
.shops-list { margin-top:30px;}

.timeline { width:102%; float:left; margin-top:60px; }
.timeline .line { margin-bottom:20px;}
.timeline-left { width:45.5%; float:left; }
.timeline-right { width:45.5%;  padding-left:1.4%; float:left; margin-left:4%; text-align:left; border-left:#CCC solid 1px; }


.my-info { float:left; width:100%; text-align:left; }
.my-info .tit-bar { width:100%; float:left; background-color:#98ABBD; font-size:17px; font-weight:400; color:#FFFFFF; height:40px; line-height:40px; text-align:center;}
.my-info .tit-bar a { margin-left:10px; color:#FFFFFF; }
.my-info .tit-bar span { margin-left:10px;}
.my-info .tex-con { width:100%; float:left; background-color:#F2F0F0;}
.my-info .items {  font-size:13px; color:#747474; margin-top:10px; margin-bottom:10px; float:left; overflow:hidden;  }
.my-info .items .item { width:95%; margin-left: 1%; float:left;float:left;margin-bottom:10px; padding-bottom:3px; overflow:hidden;  }


.shop-list-half {width:1166px; margin-top:30px;float:left;  }
.shop-item-half { width:538px; background-color:#F2F0F0; height:305px; margin-bottom:30px;border-radius:10px/10px;  }

.shop-item-half .comm-area{ width:98%; padding-left:0.8%; padding-right:1%;  float:left; margin-top:5px;  }
.shop-item-half .con-half {  height:130px; float:left; margin-top:10px; padding-top:10px; border-radius:10px/10px;}
.shop-item-half .con-half a img { border-radius:10px/10px;}
.shop-item-half .tex-half { margin-top:3px; text-align:left; float:left; margin-top:5px;}
.shop-item-half .icon-half { float:left; width:95px; height:95px; border:#ccc solid 1px; margin-left: 5px; }
.shop-item-half .text-right { float:left; width:400px;  margin-left:10px; }
.shop-item-half .text-right .shop-tit { width:94%; float:left; font-size:17px; font-weight:500; color:#666; border-bottom:#ccc solid 1px; margin-top:5px; margin-bottom:5px; padding-left: 3%; }
.shop-item-half .text-right .shop-description { width:94%; float:left; font-size:13px; color:#999999; height:50px; overflow:auto;  padding-left: 3%; margin-top: 10px;}

.btn-shop-edit a { color:#666; font-size:15px; text-decoration:underline;}


.shop-item-half .plus-area { width:100%; height:100%;  float:left;}
.shop-item-half:hover { border-color:#999999;}
.shop-item-half .plus-area:hover { background-color:#D5DBE1; cursor:pointer;}
.shop-item-half .plus-area:hover .underline { border-bottom-color:#ACACAB;}
.shop-item-half .plus-area:hover .plus-tex { color:#666;}
.shop-item-half .plus-icon { width:70%; margin:auto;  height:110px; line-height:110px; margin-top:20px;text-align:center; }
.shop-item-half .plus-tex { width:100%; float:left; height:90px; line-height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:35px; color:#999999; font-weight:600; }

.timeline-left .shop-products { float:left; width:100%; text-align:left; margin-top:40px; }
.timeline-left .shop-products .tit-bar { width:100%; float:left; background-color:#98ABBD; font-size:17px; font-weight:400; color:#FFFFFF; height:40px; line-height:40px; text-align:center; border-radius:5px 5px 0px 0px; }
.timeline-left .shop-products .tit-bar a { color:#FFFFFF;}
.timeline-left .shop-products .tit-bar a:hover { text-decoration:underline;}
.timeline-left .shop-products .tit-bar span { margin-left:10px;}
.timeline-left .shop-products .products-con { width:100%; float:left; background-color:#F2F0F0;}
.timeline-left .shop-products .items {  font-size:12px; color:#333333; margin-top:10px; margin-bottom:10px; float:left; }
.timeline-left .shop-products .items .item { width:120px; height:120px; margin-left:9px; float:left;float:left;margin-bottom:10px; padding-bottom:3px; }




/*  override  of index.css */
.tex-part { width:260px; height:93px; background-color:#267DA8; border:#ccc solid 1px; text-align:left; float:left; padding-bottom:10px; }
.tex-part .tit { float:left; font-size:15px; color:#EAF2F6; margin-left:2.5%; width:95%;  }
.tex-part .languages { font-size:11px; color:#EAF2F6; float:left; width:100%; }
.tex-part .languages .item { margin-right:10px; margin-left:10px; float:left; font-weight:400;  }
.tex-part .tex { float:left; float:left; margin-top:5px; }
.tex-part .tex .user{ float:left; margin-left:5px; width:50px; }
.tex-part .tex .shop-intro{ float:left; width:200px; height:50px; font-size:11px; color:#EAF2F6; overflow:hidden; font-weight:300;}


.writing-part { width: 95%; margin-left:5%; height:45px; line-height:45px; background-color:#FFFFFF;  }
.writing-part .writing-text { width:65%; margin-left:2%; float:left; line-height:45px; }
.writing-part .writing-text input { width:95%; height:40px; border:#CCCCCC; outline:none; font-size:20px; color:#999; padding-left:2.5%; padding-right:2.5%; }
.writing-part .options { width:25%; float:right; line-height:45px; height:45px; }
.writing-part .spe { height:37px; margin-top:3px;  width:1px; background-color:#CCCCCC; float:left; }

.writing-part .options .item { float:left; line-height:45px;height:45px; margin-left:3px;  }
.writing-part .options .item img { margin-top:10px; }


.w-post { float:left; margin-top:30px; margin-left:20px;}
.w-post .user { float:left; width:100px; height:100px;  background-image:url(../images/comm/user-ball.png); background-position:center; background-repeat:no-repeat; text-align:right;  }
.w-post .user img { margin-top:30px; margin-right:10px; margin-bottom:10px; }
.w-post .post-con { width:450px; margin-left:10px; float:left; font-size:14px; margin-top:30px;}

.w-post .post-con .pics-part { float:left; width:100%; background-color:#FFFFFF; border:#CCCCCC solid 1px; padding-bottom:0px; padding-left:0px; }
.w-post .post-con .pics-part img { margin-left:0px; margin-top:10px; }
.w-post .post-con .info-part { float:left; width:100%; background-color:#267DA8; color:#EAF2F6; padding-bottom:10px; }
.w-post .post-con .info-part .infos { float:left; width:95%; margin-left:2.5%; margin-top:10px; }
.w-post .post-con .info-part .infos .item { float:left; width:100%; margin-left:5px;  }
.w-post .post-con .info-part .infos .item .lang { float:left; width:5%; }
.w-post .post-con .info-part .infos .item .tex { float:left;width:93%; margin-left:2%; }

.w-post .post-con .info-part .translations { float:left; width:95%; margin-left:2.5%; margin-top:10px; margin-bottom:10px;}
.w-post .post-con .info-part .translations a { text-decoration:underline; font-size:12px; color:#ccc;}
.w-post .post-con .info-part .translations .item { float:left; margin-right:10px;}

.top-cover-con { overflow:hidden; width:1006px;}



.description-writing-part { width: 100%; padding-bottom:10px; float:left; margin-left:0px; padding-left:0px; background-color:#FFFFFF; padding-top:10px; border-radius: 20px;  }

.description-writing-part .writing-text { width:85%; margin-left:2%; float:left; line-height:90%; }
.description-writing-part .writing-text textarea { width:95%; height:50px; border:#CCCCCC; outline:none; font-size:17px; color:#999; padding-left:2.5%; padding-right:2.5%;margin-top:3px; border:none; outline:none;outline:0;border:none;*border:0; resize:none; }
.description-writing-part .options { width:10%; float:right; line-height:50px; height:50px; margin-top:10px;}
.description-writing-part .spe { height:37px; margin-top:3px;  width:1px; background-color:#CCCCCC; float:left; }
.description-writing-part .options .item { float:left; margin-left:3px; margin-bottom:10px;  }
.description-writing-part .options .item img { }

.post-con-panel { width:100%; float:left;}
.post-con-panel .post-tex-items { width:95%; margin-left:2.5%; }
.post-con-panel .post-tex-items .post-tex-item { width:100%; float:left; margin-bottom:10px;padding-bottom:20px; }
.post-con-panel .post-tex-items .post-tex-item .tex-lang { width:100%; float:left; margin-bottom:3px; margin-top:5px; color:#999; font-size:18px; }
.post-con-panel .post-tex-items .post-tex-item textarea { float:left; width:95%; padding-left:2.5%; padding-right:2.5%; font-size:20px; color:#666666; height:70px; outline:none; border:#CCCCCC 1px solid; }


.comment-tex-items { width:95%; margin-left:2.5%; margin-top: 10px; float: left; }
.comment-tex-items .comment-tex-item { width:100%; float:left; padding-bottom:10px; }
.comment-tex-items .comment-tex-item .tex-lang { width:100%; float:left; margin-bottom:3px; margin-top:0px; color:#ECECEC; font-size:14px;text-align: left; }
.comment-tex-items .comment-tex-item textarea { float:left; width:95%; padding-left:2.5%; padding-right:2.5%; font-size:20px; color:#666666; height:30px; outline:none; border:#CCCCCC 0px solid; border-radius: 5px; background-color:#428FB3; color: #FFF;font-size:18px; }

.targetUser { width: 95%; margin-left: 2.5%; float: left; font-size: 15px; color:#FFF; font-weight: 600;   }

.post-pic-con { float:left; height:300px; background-color:#F7F7F7; text-align:center; width:80%; margin-left:10%; cursor:pointer; }
.post-pic-part { width:100%; float:left;padding-bottom:20px;}
.post-pic-con:hover { background-color:#D5DBE1; }




.post-upload-panel  input { width:150px; }
.post-upload-panel  { display:none; position:absolute;background-color:#CCC; width:300px; height:150px; margin-top:5px; border:#FFFFFF solid 1px; z-index:200; }




/* w-comments */

.comments-part { width:108%; float:left; margin-left:0px; }
.product-comments { width:100%; margin-top:0px; float:left; }

.product-comments .item { width:100%; margin-left:0px; float:left; margin-top:0px; }

.w-comment { float:left; margin-top:30px; width:95%; margin-bottom:20px;}
.w-comment .user { float:left; width:33px; height:33px;  text-align:right;  }
.w-comment .user img { margin-top:30px; margin-right:0px; margin-bottom:0px;  margin-top:0px; }

.w-comment .user { float:left; width:100px; height:100px;  background-image:url(../images/comm/user-ball.png); background-position:center; background-repeat:no-repeat; text-align:right;  }
.w-comment .user img { margin-top:30px; margin-right:10px; margin-bottom:10px; }



.w-comment .post-con { width:80%; margin-left:0px; float:left; font-size:13px; margin-top:0px; background-color:#267DA8; color:#EAF2F6; }

.w-comment .post-con .pics-part { float:left; width:100%; padding-bottom:10px; }
.w-comment .post-con .pics-part img { margin-left:0px; margin-top:0px; width: 100% }
.w-comment .post-con .info-part { float:left; width:100%;  color:#999;background-color:#267DA8; }
.w-comment .post-con .info-part .info-langs-sel {float:left;float:left; color:#CCCCCC; font-size:12px; margin-bottom:5px; }
.w-comment .post-con .info-part .info-langs-sel .info-lang-sel { float:left; width:31px; text-align:center;}

.w-hor-scroll { width:100%; float:left;}
.w-hor-scroll .con-part{ height:30px; line-height:30px; float:left; width:95%; height:30px; line-height:30px; overflow:hidden;}
.w-hor-scroll .left-dir { float:left;  height:30px; line-height:30px; width:2%; margin-right:0.5%;}
.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;  }


.w-comment .post-con .info-part .infos { float:left; width:96%; margin-left:2%; margin-top:0px; }
.w-comment .post-con .info-part .infos .item { float:left; width:100%; margin-left:0px; margin-top:0px; margin-bottom:5px; color:#fff; }
.w-comment .post-con .info-part .infos .item .lang { float:left; width:5%; height:24px; line-height:24px; }
.w-comment .post-con .info-part .infos .item .info { float:left;width:93%; margin-left:0%; line-height:24px; }
.w-comment .post-con .info-part .infos .item .info .tex { float:left; margin-right:30px; }
.w-comment .post-con .info-part .infos .item .info .tex a { word-break: break-all; text-decoration: underline; color: #FFF;};
.w-comment .post-con .info-part .infos .item .info .ext-info { float:left;  }
.w-comment .post-con .info-part .infos .item .info .ext-info a { float:left; margin-right:10px;  color:#ccc;  }
.w-comment .post-con .info-part .infos .item textarea { float:left; width:100%; border:#CCCCCC solid 1px; background-color:#FFF; font-size:13px; color:#999; height:45px; }
.w-comment .post-con .info-part .infos .item .other { color:#999999; font-size:12px; text-align:right; width:200px; float:right; height:20px; line-height:20px; }
.w-comment .post-con .info-part .infos .item .other:hover { text-decoration:underline;}
.w-comment .post-con .info-part .infos .more { width:100%; text-align:center; float:left; }



.w-comment .post-con .info-part .lang { font-size:11px; }
.w-comment .post-con .info-part .extend { color:#CCCCCC; font-size:12px; margin-top:10px; margin-left:10px;}
.w-comment .post-con .info-part .extend div { margin-top:3px;}
.w-comment .post-con .info-part .translations { float:left; width:96%; margin-left:2%; margin-top:10px; margin-bottom:10px; font-size:12px; color:#CCCCCC;}
.w-comment .post-con .info-part .translations .trans-front { float:left; margin-right:10px;height:30px; line-height:30px; }
.w-comment .post-con .info-part .translations .add-trans-lang { float:left; margin-right:10px;  font-size:12px; color:#CCCCCC; height:30px; line-height:30px;}


.w-comment .post-con .info-part .translations a { text-decoration:underline; font-size:12px; color:#ccc;}
.w-comment .post-con .info-part .translations .lang { float:left; margin-right:10px; }
.w-comment .comment-delete { font-size:13px; color:#666; display:none }
.w-comment:hover .comment-delete { font-size:13px; color:#CCCCCC; display:block; }




.comments-show { width: 98%; margin-left: 1%; float: left; margin-top: 30px; }
.comment-show-item { width:100%; float:left;text-align:left; border-radius: 10px; padding-top: 5px; padding-bottom: 5px;  margin-bottom: 20px;}
.comment-show-item:hover { background-color: #428FB3;}
.comment-user-img { float: left; margin-left: 2%; }
.comment-con { width: 85%; margin-left: 1%; float: left; margin-bottom: 5px; }

.moreReplies { width: 95%; margin-left: 2.5%; float: left; height: 35px; line-height: 35px; text-align: center; border-radius: 5px; background-color:#428FB3; margin-bottom: 10px; font-size: 14px; }
.moreReplies:hover { background-color:#286F9D; };

.infos { float:left; width:98%; margin-left:1%; margin-top:0px; }
.infos .user-to { width: 98%; margin-left: 1%; float: left; color: #FFF; font-size: 13px; }
.infos .user-to a { color: #FFF; font-weight: 600;}
.infos .item { float:left; width:100%; margin-left:0px; margin-top:0px; margin-bottom:3px; color:#fff; }
.infos .item .lang { float:left; width:5%; height:24px; line-height:24px; }
.infos .item .info { float:left;width:93%; margin-left:0%; line-height:24px; }
.infos .item .info .tex { float:left; margin-right:30px; width: 90%; }
.infos .item .info .ext-info { float:left;  }
.infos .item .info .ext-info a { float:left; margin-right:10px;  color:#ccc;  }
.infos .item textarea { float:left; width:100%; border:#CCCCCC solid 1px; background-color:#FFF; font-size:13px; color:#999; height:45px; }
.infos .item .other { color:#999999; font-size:12px; text-align:right; width:200px; float:right; height:20px; line-height:20px; }
.infos .item .other:hover { text-decoration:underline;}
.infos .more { width:100%; text-align:center; float:left; }





.icon-write-img { cursor:pointer;}

.w-pager-num { width:100%; float:left; text-align:center;}
.w-pager-num div { background-color:#6699CC;}
.w-pager-num a:hover div { background-color:#669; }
.w-pager-num a:active div { background-color:#636; }
.planel-create-a-shop { background-color:#FFFFFF;}

.translate-link-base{color:#666666; font-size:13px;margin-bottom:10px;}

.translate-link {
text-decoration: none;
border-bottom: solid 1px #666666;
padding-bottom: 1px;
}