#db-usr-profile { width:100%;height: 58px;margin-bottom:2em; position: relative; left: 0; top: 0; zoom:1 }
#db-usr-profile .pic { float:left;margin-right:12px; }
#db-usr-profile .info { float:left;padding-top:2px; }
#db-usr-profile  a.colbutt { position: absolute; left: 640px; top: 35px; letter-spacing:0 }
#db-usr-profile  p.att { position: absolute; left: 640px; top: 38px; margin:0; background: url(/f/shire/3611ec626fed94c0db6f13472c8171d5a76daca3/pics/allright-small.gif) no-repeat left center; padding-left: 20px }
#db-usr-profile .info ul li { display:inline;margin-right:1em; }
#db-usr-profile .info ul li.last { margin:0; }
#db-usr-profile h1 { padding:0 0 4px 0; }

#db-usr-profile {
    height: auto;
}
#db-usr-profile .pic {
    margin-bottom: 18px;
    position: relative;
}
#db-usr-profile .info {
    float: none;
}
#db-usr-profile .info ul {
    clear: left;
}

  .tooltipped{position:relative}.tooltipped a:hover,.tooltipped a:link,.tooltipped a:visited{background:transparent}.tooltipped::before,.tooltipped::after{position:absolute;top:50%;transform:translateY(-50%);z-index:10001;opacity:0}.tooltipped::before{content:"";right:0;width:0;height:0;border:4px solid transparent;color:#545652;border-right-color:#545652}.tooltipped::after{content:attr(aria-label);left:100%;padding:5px 8px;height:18px;width:72px;font-size:12px;background:#545652;color:#fff;text-align:center;border-radius:4px}.tooltipped:hover{background:transparent}.tooltipped:hover::before,.tooltipped:hover::after{display:inline-block;text-decoration:none;-webkit-animation:fadeIn 0.3s ease-in 1 normal forwards;-moz-animation:fadeIn 0.3s ease-in 1 normal forwards;-ms-animation:fadeIn 0.3s ease-in 1 normal forwards;-o-animation:fadeIn 0.3s ease-in 1 normal forwards;animation:fadeIn 0.3s ease-in 1 normal forwards;-webkit-backface-visibility:hidden}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#profile .profile-verify-wrapper{display:inline-block}#profile .profile-verify{display:inline-block;z-index:1;position:relative;background:#ff9000;color:#fff;margin:15px 10px 15px 15px;padding:0 10px;font-size:11px;border-radius:0 16px 16px 0}#profile .profile-verify.transparent{opacity:0}#profile .profile-verify::before{display:inline-block;height:30px;width:30px;content:'';position:absolute;transform:translateX(-50%);left:-2px;bottom:-6px;background:url(/f/sns/006f6066fa303c463fcb2efa504326df9e6db946/pics/sns/ic_verify_profile.png) no-repeat;background:-webkit-image-set(url(/f/sns/006f6066fa303c463fcb2efa504326df9e6db946/pics/sns/ic_verify_profile.png) 1x, url(/f/sns/33e1d181b8ca9f1ddf3523f794adb5273d8ff8bf/pics/sns/ic_verify_profile@2x.png) 2x) no-repeat;background:-moz-image-set(url(/f/sns/006f6066fa303c463fcb2efa504326df9e6db946/pics/sns/ic_verify_profile.png) 1x, url(/f/sns/33e1d181b8ca9f1ddf3523f794adb5273d8ff8bf/pics/sns/ic_verify_profile@2x.png) 2x) no-repeat;background:-ms-image-set(url(/f/sns/006f6066fa303c463fcb2efa504326df9e6db946/pics/sns/ic_verify_profile.png) 1x, url(/f/sns/33e1d181b8ca9f1ddf3523f794adb5273d8ff8bf/pics/sns/ic_verify_profile@2x.png) 2x) no-repeat;background:-o-image-set(url(/f/sns/006f6066fa303c463fcb2efa504326df9e6db946/pics/sns/ic_verify_profile.png) 1x, url(/f/sns/33e1d181b8ca9f1ddf3523f794adb5273d8ff8bf/pics/sns/ic_verify_profile@2x.png) 2x) no-repeat}#portfolio{margin-bottom:35px}#portfolio *,#portfolio *:before,#portfolio *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#portfolio h2,#portfolio h3{background:none}#portfolio .hide{display:none !important}#portfolio>h2{position:relative;margin:0 0 8px 0}#portfolio>h2 a{color:#494949}#portfolio>h2 a:hover{color:#494949;background:transparent;cursor:text}#portfolio>h2 a:first-child{color:#37a}#portfolio>h2 a:first-child:hover{color:white;background:#37a;cursor:pointer}#portfolio .work-wrapper{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-around;align-items:stretch}#portfolio .work-item{display:inline-block;-webkit-box-flex:1 200px;-moz-box-flex:1 200px;-ms-flex:1 200px;-webkit-flex:1 200px;flex:1 200px;max-width:50%;margin:7.5px;border:1px solid #fcefe1}#portfolio .work-item.fake{border:0}#portfolio .work-item:nth-child(2n+1){margin-left:0}#portfolio .work-item:nth-child(2n){margin-right:0}#portfolio .work-item:nth-last-child(-n+2){margin-bottom:0}#portfolio .work-item a{overflow:hidden;display:block;padding:15px}#portfolio .work-item a:hover{background:none}#portfolio .cover{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;float:left;margin-right:12px;line-height:1;height:90px}#portfolio .cover img{width:65px;margin:auto 0}#portfolio .info{color:#9b9b9b}#portfolio .info .work-title{color:#494949;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}#portfolio .info span{display:block;margin-top:5px}#portfolio .info .rating{line-height:1;margin:2px 0 7px 0}#portfolio .info .rating span{display:inline;margin-top:0}#portfolio .info .rating .rating_nums{color:#e09015}#portfolio .info .more{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}#portfolio .info .role{display:inline-block;line-height:1;border-radius:3px;padding:3px;border:1px solid rgba(155,155,155,0.5)}#portfolio a.btn{display:inline-block;margin:2px 10px 0}#portfolio a.btn.unfoldAll{margin-right:0}


.lnk-create{display:inline-block;*display:inline;zoom:1;padding:0 10px 0 10px;vertical-align:baseline;line-height:1.5;height:1.5em;overflow:hidden;border:1px solid #edded4;border-radius:2px;letter-spacing:2px;*letter-spacing:normal;*worder-spacing:2px}.lnk-create i{display:inline-block;*display:inline;zoom:1;margin-right:4px;font-size:16px;color:#432d0f;vertical-align:baseline;line-height:1;font-style:normal}.lnk-create:link,.lnk-create:visited{color:#777;background:#fcf7f3}.lnk-create:hover,.lnk-create:active{color:#777;background:#fbf4ef;border-color:#e7d2c5}

#note{position:relative;}
#note .lnk-create{position:absolute;right:0;top:0}
#note .lnk-create i { vertical-align: middle; }
.popup-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;background:rgba(0,0,0,0.3)}.popup-container .popup-wrap{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;padding:40px 0;text-align:center}.popup-container .popup-wrap:before{content:"";display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle}.popup-container .popup-small{display:inline-block;vertical-align:middle;max-width:640px;min-width:420px;padding-top:30px;color:#999;font-size:12px;text-align:center;border:1px solid #ccc;box-shadow:1px 1px 6px rgba(0,0,0,0.2);border-radius:5px;background:#fff;position:relative;z-index:10}.popup-container .popup-small p.popup-info{padding:30px;font-size:14px;line-height:30px}.popup-container .popup-small a{color:#37a}.popup-container .popup-small a:hover{color:#fff}.popup-container .popup-small a.close{height:13px;width:13px;position:absolute;top:20px;right:20px}.popup-container .popup-small a.close:before,.popup-container .popup-small a.close:after{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#ccc}.popup-container .popup-small a.close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-container .popup-small a.close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.popup-container .popup-small .popup-btns{padding:20px;background:#f8f8f8}.popup-container .popup-small .popup-btns .btn{cursor:pointer;border:1px solid #ccc;border-radius:3px;margin-left:30px;padding:9px 35px;outline:none;background-color:#3aa253;border-color:#51873e;font-size:12px;font-weight:normal;color:#fff}


  .market_pos_l {
      float: left;
      width: 105px;
      height: 105px;
      display: block;
      text-align: center;
      overflow: hidden;
      margin: 3px 0px;
  }
  .market_pos_l a {
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
  }
  .market_pos_l a img {
    max-width: 80px;
    max-height: 80px;
  }
  .market_pos_l a:hover {
      background: none;
  }
  .market_pos_r {
      float: left;
      width: 100px;
      height: 100px;
      display: block;
      overflow: hidden;
      margin-top: 5px;
  }
  .market_pos_r a img {
    max-width: 80px;
    max-height: 80px;
  }

  .user-verify img {
    width: 20px;
    height: 20px;
  }
  .user-verify img, .user-verify span:not(.profile-verify) {
    vertical-align: middle;
    padding-left: 5px;
    margin: 15px 0;
  }
  .user-verify span.verify-name {
    padding-left: 0;
  }

     #friend { margin-bottom:0; }
     .rev-link { margin-bottom:35px; }
    
.post-action { margin-top:1em; }

.doulist-list li { margin-top:1em;font-size:13px; }
.doulist-list .num { font-size:12px; }
.doulist-list span { color:#555; }
.doulist-list .desc { font-size:12px;color:#555;margin-top:4px; }
.doulist-list .desc p { margin:0;color:#999; word-break: break-all; }
.doulist-list .update-time { margin-left:4px;color:#555; }

.doulist-left-list .doulist-line {
    margin-top: 14px;
}

.doulist-left-list > .doulist-line + .doulist-line {
    border-top: 1px dashed #ddd;
    padding-top: 16px;
}

.doulist-left-list .doulist-left-list-item {
    width:49%;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 14px;
}

.doulist-left-list .doulist-details{
    margin-top: 4px;
}

    .report { text-align: right; font-size: 12px; }
    .report a { color: #BBB; }
    .report a:hover { color: #FFF; background-color: #BBB; }
    
.dui-dialog { position:fixed;_position:absolute;z-index:1000; }
.dui-dialog .dui-dialog-content {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
}
.dui-dialog .hd {
  padding: 10px 10px 6px;
  background: #ebf5eb;
  font-size: 14px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
.dui-dialog .hd h3 { padding:0 40px 0 4px;background:none;color:#060; }
.dui-dialog .hd h3 i { color:#060;font-style:normal;margin-left:0.5ex; }
.dui-dialog .bd { position:relative; padding:15px;*zoom:1;font-size:12px;}
.dui-dialog .bd:after { content:'\0020';clear:both;display:block; }
.dui-dialog .ft .bn-flat,
.dui-dialog .ft input { margin:0 .5em; }
.dui-dialog .ft { text-align:center;padding:10px;padding-top:0; }
.dui-dialog .dui-dialog-close {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 0 3px;
  z-index: 1;
  font: 11px/1.2 "Comic Sans MS", sans-serif;
}
a.dui-dialog-close:link { color:#b4b4b4; }
a.dui-dialog-close:hover {color: #fab0b6; background:none; }
.dui-dialog .dui-dialog-shd {
    position:absolute;
    left:-8px;
    top:-8px;
    width:100%;
    height:100%;
    padding:8px;
    background:#666;
    opacity:.4;
    filter:alpha(opacity=50);
    -ms-filter:"alpha(opacity=50)";
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.dui-dialog-iframe { border:0;background:transparent;position:absolute;z-index:1;left:-8px;top:-8px;opacity:0;filter:alpha(opacity=0); }
.dui-dialog-msk {
    background:#fff;
    position:absolute;
    width: 100%;
    z-index:999;
    left:0;
    top:0;
    opacity:0.7;
    filter:alpha(opacity=70);
}