@font-face {
  font-family: "Helvetica Neue";
  src: url("font/helvetica/HelveticaNeue-Medium.ttf");
}
/*color app */
/*cou:our text secondare */
/*stle general */
html, body, #main {
  height: auto !important;
  width: 100% !important;
  background-color: #fff;
}

* {
  font-family: "Helvetica";
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -moz-box-sizing: border-box;
  /* Firefox, autres Gecko */
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, autres WebKit */
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  user-drag: none;
  outline: none;
}

textarea:focus, input:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fff inset;
  -moz-box-shadow: 0 0 0 100px #fff inset;
  box-shadow: 0 0 0 100px #fff inset;
  background-color: #ff0;
}

#section-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ab0000;
  z-index: 100000000000;
  background-image: url("../img/icon/ico-wb.png");
  background-size: 100px;
  background-position: center;
}

.app-btn, section.wb-view .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .blk-left .flex span i {
  border-radius: 5px;
  width: 30px;
  height: 30px;
}
.app-btn:active, section.wb-view .page-user .header-account .flesx span i:active, section.wb-view .page-user .header-account .blk-left .flex span i:active {
  background-size: 80%;
}

/*icon*/
.app-icon, section.wb-view .page-post form .form-info label.except, section.wb-view .page-post form .input-file label {
  border-radius: 5px;
  background: no-repeat center center;
  background-size: 70%;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.app-btn-color-a {
  background-color: #ffffff;
  color: #000000;
}
.app-btn-color-a:hover {
  opacity: 0.7;
}
.app-btn-color-a:active {
  opacity: 0.4;
}

/*block selected */
.app-no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
}

.app-icon-mini {
  margin: 5px 15px;
  border-radius: 5px;
  background: no-repeat center center;
  background-size: 100%;
  width: 20px;
  height: 20px;
  line-height: 35px;
  display: inline-block;
}

.app-icon-home {
  background-image: url("../img/icon/ico-home.png") !important;
}

.app-icon-wb {
  background-image: url("../img/icon/ico-wb.png") !important;
}

.app-icon-tinder-chat {
  background-image: url("../img/icon/ico-tinder-chat.png") !important;
}

.app-icon-wb-c {
  background-image: url("../img/icon/ico-wb-c.png") !important;
}

.app-icon-inf {
  background-image: url("../img/icon/ico-inf.png") !important;
}

.app-icon-dollar {
  background-image: url("../img/icon/ico-dollar.png") !important;
}

.app-icon-find {
  background-image: url("../img/icon/ico-find.png") !important;
}

.app-icon-list-red {
  background-image: url("../img/icon/ico-list.png");
}

.app-icon-mosaic {
  background-image: url("../img/icon/ico-mosaic.png");
}

.app-icon-search {
  background-image: url("../img/icon/ico-search.png") !important;
}

.app-icon-find-lv {
  background-image: url("../img/icon/ico-find-love.png") !important;
  background-size: 100%;
}

.app-icon-post {
  background-image: url("../img/icon/ico-logo.png") !important;
}

.app-icon-camera {
  background-image: url("../img/icon/ico-camera.png") !important;
}

.app-icon-repost {
  background-image: url("../img/icon/icon-arrow.png") !important;
}

.app-icon-tube {
  background-image: url("../img/icon/ico-tube.png") !important;
}

.app-icon-insta-camera {
  background-image: url("../img/icon/ico-insta-camera.png") !important;
}

.app-icon-dating-logo {
  background-image: url("../img/icon/ico-dating-logo.png") !important;
}

.app-icon-camera-white {
  background-image: url("../img/icon/ico-camera-white.png") !important;
}

.app-icon-camera-red {
  background-image: url("../img/icon/ico-camera-red.png") !important;
}

.app-icon-vid {
  background-image: url("../img/icon/ico-add-video.png") !important;
}

.app-icon-rotate {
  background-image: url("../img/icon/ico-rotate.png") !important;
}

.app-icon-right {
  background-image: url("../img/icon/ico-right.png") !important;
}

.app-icon-dice {
  background-image: url("../img/icon/ico-dice.png") !important;
}

.app-icon-play, section.wb-view .page-tube .content .items .thumb .content .icon-play, section.wb-view .page-user .panel-content .content .fp-article .icon-play {
  background-image: url("../img/icon/ico-play.png") !important;
}

.app-icon-notif {
  background-image: url("../img/icon/ico-notif.png") !important;
}

.app-icon-notif-red {
  background-image: url("../img/icon/ico-notif-red.png") !important;
}

.app-icon-news-globe {
  background-image: url("../img/icon/ico-news-globe-w.png") !important;
}

.app-icon-dating {
  background-image: url("../img/icon/ico-dating.png") !important;
}

.app-icon-fp-transparant {
  background-image: url("../img/icon/ico-fp-transparant.png") !important;
}

.app-icon-share-all {
  background-image: url("../img/icon/ico-share-all.png") !important;
}

.app-icon-account {
  background-image: url("../img/icon/ico-account-w.png") !important;
}

.app-icon-like {
  background-image: url("../img/icon/ico-like.png");
}

.app-icon-like-check {
  background-image: url("../img/icon/ico-like-check.png") !important;
}

.app-icon-more {
  background-image: url("../img/icon/ico-more.png") !important;
}

.app-icon-more-black {
  background-image: url("../img/icon/icon-more-black.png") !important;
}

.app-icon-more-white {
  background-image: url("../img/icon/ico-more-white.png") !important;
}

.app-icon-delete {
  background-image: url("../img/icon/ico-cross.png") !important;
}

.app-icon-delete-w {
  background-image: url("../img/icon/ico-cross-w.png") !important;
}

.app-icon-tools {
  background-image: url("../img/icon/ico-menu-red.png") !important;
}

.app-icon-edit {
  background-image: url("../img/icon/ico-edit.png") !important;
}

.app-icon-com {
  background-image: url("../img/icon/ico-com.png") !important;
}

.app-icon-chat {
  background-image: url("../img/icon/ico-chat.png") !important;
}

.app-icon-share {
  background-image: url("../img/icon/ico-share.png") !important;
}

.app-icon-back {
  background-image: url("../img/icon/ico-back.png");
}

.app-icon-next {
  background-image: url("../img/icon/ico-next.png");
}

.app-icon-dice {
  background-image: url("../img/icon/ico-dice.png");
}

.app-icon-msg {
  background-image: url("../img/icon/ico-msg.png");
}

.app-icon-new-msg {
  background-image: url("../img/icon/ico-new-msg.png");
}

.app-icon-msg-paper {
  background-image: url("../img/icon/ico-msg-paper.png");
  position: relative;
}
.app-icon-msg-paper > i {
  width: 10px;
  background-color: #ff1b1b;
  height: 10px;
  display: block;
  position: absolute;
  right: 7px;
  border-radius: 100%;
  top: 3px;
}

.app-icon-mail {
  background-image: url("../img/icon/ico-mail.png");
}

.app-icon-rs {
  background-image: url("../img/icon/ico-network.png");
}

.app-icon-add-rs {
  background-image: url("../img/icon/ico-add-networks.png");
}

.app-icon-load {
  background-image: url("../img/icon/ico-load.gif") !important;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background-size: 30px 30px !important;
}

.app-icon-msg-send {
  background-image: url("../img/icon/ico-send.png") !important;
}

.app-icon-add-promo {
  background-image: url("../img/icon/ico-add-promo.png") !important;
}

.app-icon-bar-code {
  background-image: url("../img/icon/ico-bar-code.png") !important;
}

.app-icon-euro {
  background-image: url("../img/icon/ico-euro.png") !important;
}

.app-icon-vld {
  background-image: url("../img/icon/ico-v.png") !important;
}

.app-icon-chat-padlock {
  background-image: url("../img/icon/ico-chat-padlock.png") !important;
}

.app-icon-vld-w, section.wb-view .page-post form .btn-post-pict:hover, section.wb-view .page-post form .btn-post-pict:active {
  background-image: url("../img/icon/ico-v-w.png") !important;
}

.app-icon-visible {
  background-image: url("../img/icon/ico-visible.png") !important;
}

.app-icon-visible-w {
  background-image: url("../img/icon/ico-visible-w.png") !important;
}

.app-icon-i-w {
  background-image: url("../img/icon/ico-i-white.png") !important;
}

.app-icon-up-w {
  background-image: url("../img/icon/ico-up-red.png") !important;
}

.app-icon-adduser {
  background-image: url("../img/icon/ico-adduser.png") !important;
}

.app-icon-removeuser {
  background-image: url("../img/icon/ico-removeuser.png") !important;
}

.app-icon-money-bag {
  background-image: url("../img/icon/ico-money-bag.png") !important;
}

.app-icon-menu {
  background-image: url("../img/icon/ico-tools-red.png") !important;
}

.app-icon-upload-check {
  background-image: url("../img/icon/ico-upload-check.png") !important;
}

.app-icon-chk-nb {
  background-image: url("../img/icon/ico-chk-nb.png") !important;
}

.app-icon-chk {
  background-image: url("../img/icon/ico-chk.png") !important;
}

.app-icon-prm-nb {
  background-image: url("../img/icon/ico-prm-nb.png") !important;
}

.app-icon-prm {
  background-image: url("../img/icon/ico-prm.png") !important;
}

.app-icon-sct-nb {
  background-image: url("../img/icon/ico-sct-nb.png") !important;
}

.app-icon-sct {
  background-image: url("../img/icon/ico-sct.png") !important;
}

.app-icon-dlt-nb {
  background-image: url("../img/icon/ico-dtl-nb.png") !important;
}

.app-icon-dlt {
  background-image: url("../img/icon/ico-dlt.png") !important;
}

.app-icon-blk-nb {
  background-image: url("../img/icon/ico-blk-nb.png") !important;
}

.app-icon-blk {
  background-image: url("../img/icon/ico-blk.png") !important;
}

.app-icon-circular-plus-red {
  background-image: url("../img/icon/ico-circular-plus-red.png") !important;
}

/*icon reseau sociao */
.app-icon-fb {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDExMi4xOTYgMTEyLjE5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEyLjE5NiAxMTIuMTk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Y2lyY2xlIHN0eWxlPSJmaWxsOiMzQjU5OTg7IiBjeD0iNTYuMDk4IiBjeT0iNTYuMDk4IiByPSI1Ni4wOTgiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuMjAxLDU4LjI5NGgtMTAuMDF2MzYuNjcySDQ1LjAyNVY1OC4yOTRoLTcuMjEzVjQ1LjQwNmg3LjIxM3YtOC4zNCAgIGMwLTUuOTY0LDIuODMzLTE1LjMwMywxNS4zMDEtMTUuMzAzTDcxLjU2LDIxLjgxdjEyLjUxaC04LjE1MWMtMS4zMzcsMC0zLjIxNywwLjY2OC0zLjIxNywzLjUxM3Y3LjU4NWgxMS4zMzRMNzAuMjAxLDU4LjI5NHoiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K") !important;
}

.app-icon-ig {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NTEuMDM0IDU1MS4wMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1MS4wMzQgNTUxLjAzNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNzUuNTE3IiB5MT0iNC41NyIgeDI9IjI3NS41MTciIHkyPSI1NDkuNzIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1NTQpIj4KCQk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMDlCM0QiLz4KCQk8c3RvcCBvZmZzZXQ9IjAuMyIgc3R5bGU9InN0b3AtY29sb3I6I0M3NEM0RCIvPgoJCTxzdG9wIG9mZnNldD0iMC42IiBzdHlsZT0ic3RvcC1jb2xvcjojQzIxOTc1Ii8+CgkJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNzAyNEM0Ii8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xXyk7IiBkPSJNMzg2Ljg3OCwwSDE2NC4xNTZDNzMuNjQsMCwwLDczLjY0LDAsMTY0LjE1NnYyMjIuNzIyICAgYzAsOTAuNTE2LDczLjY0LDE2NC4xNTYsMTY0LjE1NiwxNjQuMTU2aDIyMi43MjJjOTAuNTE2LDAsMTY0LjE1Ni03My42NCwxNjQuMTU2LTE2NC4xNTZWMTY0LjE1NiAgIEM1NTEuMDMzLDczLjY0LDQ3Ny4zOTMsMCwzODYuODc4LDB6IE00OTUuNiwzODYuODc4YzAsNjAuMDQ1LTQ4LjY3NywxMDguNzIyLTEwOC43MjIsMTA4LjcyMkgxNjQuMTU2ICAgYy02MC4wNDUsMC0xMDguNzIyLTQ4LjY3Ny0xMDguNzIyLTEwOC43MjJWMTY0LjE1NmMwLTYwLjA0Niw0OC42NzctMTA4LjcyMiwxMDguNzIyLTEwOC43MjJoMjIyLjcyMiAgIGM2MC4wNDUsMCwxMDguNzIyLDQ4LjY3NiwxMDguNzIyLDEwOC43MjJMNDk1LjYsMzg2Ljg3OEw0OTUuNiwzODYuODc4eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNzUuNTE3IiB5MT0iNC41NyIgeDI9IjI3NS41MTciIHkyPSI1NDkuNzIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1NTQpIj4KCQk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMDlCM0QiLz4KCQk8c3RvcCBvZmZzZXQ9IjAuMyIgc3R5bGU9InN0b3AtY29sb3I6I0M3NEM0RCIvPgoJCTxzdG9wIG9mZnNldD0iMC42IiBzdHlsZT0ic3RvcC1jb2xvcjojQzIxOTc1Ii8+CgkJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNzAyNEM0Ii8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8yXyk7IiBkPSJNMjc1LjUxNywxMzNDMTk2LjkzMywxMzMsMTMzLDE5Ni45MzMsMTMzLDI3NS41MTZzNjMuOTMzLDE0Mi41MTcsMTQyLjUxNywxNDIuNTE3ICAgUzQxOC4wMzQsMzU0LjEsNDE4LjAzNCwyNzUuNTE2UzM1NC4xMDEsMTMzLDI3NS41MTcsMTMzeiBNMjc1LjUxNywzNjIuNmMtNDguMDk1LDAtODcuMDgzLTM4Ljk4OC04Ny4wODMtODcuMDgzICAgczM4Ljk4OS04Ny4wODMsODcuMDgzLTg3LjA4M2M0OC4wOTUsMCw4Ny4wODMsMzguOTg4LDg3LjA4Myw4Ny4wODNDMzYyLjYsMzIzLjYxMSwzMjMuNjExLDM2Mi42LDI3NS41MTcsMzYyLjZ6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQxOC4zMSIgeTE9IjQuNTciIHgyPSI0MTguMzEiIHkyPSI1NDkuNzIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1NTQpIj4KCQk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMDlCM0QiLz4KCQk8c3RvcCBvZmZzZXQ9IjAuMyIgc3R5bGU9InN0b3AtY29sb3I6I0M3NEM0RCIvPgoJCTxzdG9wIG9mZnNldD0iMC42IiBzdHlsZT0ic3RvcC1jb2xvcjojQzIxOTc1Ii8+CgkJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNzAyNEM0Ii8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPGNpcmNsZSBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzNfKTsiIGN4PSI0MTguMzEiIGN5PSIxMzQuMDciIHI9IjM0LjE1Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}

.app-icon-sc {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRkZERjU1OyIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjQ3LjkxNiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRkZDRTAwOyIgZD0iTTI1Niw4LjA4NGMtMTAuOTYsMC0yMS43NTIsMC43Mi0zMi4zMzcsMi4wOTlDMzQ1LjMwNCwyNi4wMjksNDM5LjI0MiwxMzAuMDQsNDM5LjI0MiwyNTYgIHMtOTMuOTM5LDIyOS45NzEtMjE1LjU3OSwyNDUuODE3YzEwLjU4NSwxLjM3OSwyMS4zNzcsMi4wOTksMzIuMzM3LDIuMDk5YzEzNi45MjEsMCwyNDcuOTE2LTExMC45OTYsMjQ3LjkxNi0yNDcuOTE2ICBTMzkyLjkyMSw4LjA4NCwyNTYsOC4wODR6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNDIxLjQyOSwzMTkuOTI2Yy00Mi41NTUtMTAuMjExLTYwLjE3OC0zOS4xNDktNjYuODk1LTU1LjQ5Yy0xLjc3NC00LjMxNiwwLjA4NC05LjMwMiw0LjIyOS0xMS4zNTEgIGwyMi4xNDItMTAuOTQ5YzUuODM1LTIuODg2LDEwLjEwNS04LjE1NiwxMS43MTktMTQuNDYyYzEuNjEzLTYuMzA3LDAuMzk3LTEyLjk4MS0zLjMzNi0xOC4zMTMgIGMtNS40ODUtNy44MzUtMTUuMzM3LTExLjI5Ny0yNC41MjEtOC42MTdsLTE2LjE2MSw0LjcyMXYtNDMuMDI1YzAtMC4xNDMtMC4wMDMtMC4yODgtMC4wMTItMC40MyAgQzM0NC41NTEsODYuMjMsMjc3LjE4Niw3Ni42MSwyNTYuNTEsNzUuNDdjLTAuMTkzLTAuMDExLTAuODMtMC4wMTEtMC45NS0wLjAwNGMtMjAuNjA1LDEuMTIyLTg4LjEwOSwxMC42ODItOTIuMTU2LDg2LjU0MyAgYy0wLjAwOCwwLjE0My0wLjAxMiwwLjI4Ny0wLjAxMiwwLjQzdjQzLjAyNWwtMTYuMTYxLTQuNzIxYy05LjE4Mi0yLjY4Mi0xOS4wMzYsMC43ODEtMjQuNTIxLDguNjE4ICBjLTMuNzMzLDUuMzMyLTQuOTQ5LDEyLjAwNy0zLjMzNiwxOC4zMTNjMS42MTQsNi4zMDYsNS44ODQsMTEuNTc4LDExLjcyLDE0LjQ2M2wyMi4xNDIsMTAuOTQ5ICBjNC4xNDYsMi4wNDksNi4wMDMsNy4wMzUsNC4yMjksMTEuMzUxYy02LjcxNiwxNi4zNDEtMjQuMzQsNDUuMjgtNjYuODk1LDU1LjQ5Yy00LjExNSwwLjk4Ny02Ljc3Myw0Ljk4My02LjA5Miw5LjE2ICBjMC4xOTMsMS4xODQsNC45OTgsMjcuNzAyLDQ2LjAwOSwyOS42ODNjMS45MTIsNy4xNzksNC44ODEsMTYuNjk5LDguMDIxLDIwLjYyNGMyLjE1MywyLjY5LDUuNzczLDMuNzI1LDkuMDIsMi41NjggIGMwLjE5NS0wLjA2OCwxOS43MjktNi44OTUsMzcuNTY1LTMuNTIzYzAuMjExLDAuMDQyLDIxLjI1MSw0LjMzNiwzNC4yNTgsMTcuMTM5YzYuMjg0LDYuMTg1LDEzLjc0NiwxMC40ODMsMjEuNTgxLDEyLjQyNiAgYzQuODM5LDEuMjAyLDkuOTA4LDEuODExLDE1LjA2OSwxLjgxMXMxMC4yMzEtMC42MDksMTUuMDY4LTEuODFjNy44MzUtMS45NDUsMTUuMjk2LTYuMjQyLDIxLjU4Mi0xMi40MjcgIGMxMi45MTMtMTIuNzExLDM0LjA1OC0xNy4wOTksMzQuMTg1LTE3LjEyNWMxNy43ODMtMy4zNjIsMzcuNDUxLDMuNDQ0LDM3LjYzNiwzLjUwOWMzLjI0NiwxLjE1NCw2Ljg2NywwLjEyMyw5LjAyLTIuNTY4ICBjMy4xNC0zLjkyNiw2LjEwOC0xMy40NDYsOC4wMjEtMjAuNjI0YzQxLjAwNC0xLjk4NCw0NS44MTYtMjguNSw0Ni4wMDktMjkuNjgzQzQyOC4yMDEsMzI0LjkwOSw0MjUuNTQ0LDMyMC45MTMsNDIxLjQyOSwzMTkuOTI2eiIvPgo8cGF0aCBkPSJNNDM3LjAxOSw3NC45ODFDMzg4LjY2NywyNi42MjgsMzI0LjM3OSwwLDI1NiwwUzEyMy4zMzMsMjYuNjI4LDc0Ljk4MSw3NC45ODFTMCwxODcuNjIsMCwyNTYgIHMyNi42MjgsMTMyLjY2Nyw3NC45ODEsMTgxLjAxOVMxODcuNjIsNTEyLDI1Niw1MTJzMTMyLjY2Ny0yNi42MjgsMTgxLjAxOS03NC45ODFTNTEyLDMyNC4zNzksNTEyLDI1NiAgUzQ4NS4zNzIsMTIzLjMzMyw0MzcuMDE5LDc0Ljk4MXogTTI1Niw0OTUuODMyQzEyMy43NTYsNDk1LjgzMiwxNi4xNjgsMzg4LjI0NCwxNi4xNjgsMjU2UzEyMy43NTYsMTYuMTY4LDI1NiwxNi4xNjggIFM0OTUuODMyLDEyMy43NTYsNDk1LjgzMiwyNTZTMzg4LjI0NCw0OTUuODMyLDI1Niw0OTUuODMyeiIvPgo8cGF0aCBkPSJNNDIxLjQyOSwzMTkuOTI2Yy00Mi41NTUtMTAuMjExLTYwLjE3OC0zOS4xNDktNjYuODk1LTU1LjQ5Yy0xLjc3NC00LjMxNiwwLjA4NC05LjMwMiw0LjIyOS0xMS4zNTFsMjEuNzU3LTEwLjc1OCAgYzQuMzUzLTIuMTUzLDguMDQyLTUuNTM1LDEwLjI3Mi05Ljg0OGMzLjkwNi03LjU1NywzLjE5OC0xNi40MDItMS41MDQtMjMuMTJjLTUuNDg1LTcuODM1LTE1LjMzNy0xMS4yOTctMjQuNTIxLTguNjE3ICBsLTE2LjE2MSw0LjcyMXYtMjUuMzgxYzAtNC40NjUtMy42Mi04LjA4NC04LjA4NC04LjA4NGwwLDBjLTQuNDY1LDAtOC4wODQsMy42Mi04LjA4NCw4LjA4NHYzNS45MjcgIGMwLDEuNzQ1LDAuNDY1LDMuNDg3LDEuNDc5LDQuOTA1YzIuMDcsMi44OTQsNS42NDEsNC4wMzIsOC44NzIsMy4wOTFsMjYuNTExLTcuNzQ2YzIuNTI0LTAuNzM4LDUuMjM0LDAuMjE2LDYuNzQyLDIuMzY5ICBjMS40MDUsMi4wMDcsMS4xNzcsNC4wMTYsMC45MTcsNS4wMzVjLTAuMjYxLDEuMDE5LTEuMDI2LDIuODkxLTMuMjIyLDMuOTc2bC0yMi4xNDIsMTAuOTQ5ICBjLTExLjcyOCw1Ljc5OS0xNy4wMDYsMTkuODUyLTEyLjAxNiwzMS45OTJjNy4zNDQsMTcuODY2LDI1LjcyMyw0OC41MzQsNjguMTc4LDYyLjI4NWMtNC4zNiw0LjY1LTEzLjUyNywxMC4wOTgtMzIuNDcyLDkuODQgIGMtMy43NzctMC4wNDItNy4xMTQsMi41NDQtNy45OCw2LjIzOWMtMS4zMzYsNS42OTctMy4wNjEsMTEuNjYxLTQuNDc3LDE1LjcxNWMtOC42NjEtMi4xODEtMjQuMDI1LTQuOTI2LTM5LjA3LTIuMDgxICBjLTEuMDU1LDAuMjA5LTI2LjAzNCw1LjMxNi00Mi40NSwyMS40NzRjLTQuMjIyLDQuMTU0LTkuMTA5LDcuMDEtMTQuMTM1LDguMjU4Yy0zLjU2NSwwLjg4NS03LjMyNCwxLjMzMy0xMS4xNzMsMS4zMzMgIHMtNy42MDktMC40NDktMTEuMTczLTEuMzM0Yy01LjAyNS0xLjI0Ny05LjkxMy00LjEwMi0xNC4xMzQtOC4yNThjLTE2LjQxNi0xNi4xNTgtNDEuMzk1LTIxLjI2NS00Mi41MjItMjEuNDg4ICBjLTE0Ljk5LTIuODM2LTMwLjMzMy0wLjA4OS0zOC45OSwyLjA5MmMtMS40MjgtNC4wNzItMy4xNTEtMTAuMDI0LTQuNDg1LTE1LjcxNGMtMC44NjctMy42OTMtNC4xNTctNi4zMjktNy45OC02LjIzOCAgYy0xOC45NDksMC4yNzQtMjguMDg2LTUuMTY1LTMyLjQ1Ni05Ljg0NWM0Mi40NDItMTMuNzUzLDYwLjgxOS00NC40MTcsNjguMTYyLTYyLjI4YzQuOTktMTIuMTM5LTAuMjg5LTI2LjE5Mi0xMi4wMTYtMzEuOTkyICBsLTIyLjE0MS0xMC45NDhjLTIuMTk3LTEuMDg3LTIuOTYyLTIuOTU4LTMuMjIyLTMuOTc2Yy0wLjI2MS0xLjAxOS0wLjQ4OC0zLjAyOCwwLjkxNy01LjAzNGMxLjUwOC0yLjE1Niw0LjIxNy0zLjEwNSw2Ljc0Mi0yLjM2OSAgbDI2LjUxMiw3Ljc0NmMzLjIyOCwwLjk0MSw2Ljc5OC0wLjE5Niw4Ljg3LTMuMDg4YzEuMDE2LTEuNDE5LDEuNDgyLTMuMTYsMS40ODItNC45MDV2LTUzLjM1NiAgYzMuMzI1LTYwLjEyNCw1NC4xODEtNjkuNzIzLDc2LjQzNy03MS4wMjFjMTkuNTM3LDEuMTQsNjEuMTM2LDguNjg2LDczLjIzNiw1MS4yMjJjMC45OTQsMy40OTUsNC4xNTMsNS45MzEsNy43ODYsNS45MzFoMC4wNzcgIGM1LjM4NywwLDkuMjE0LTUuMTU2LDcuNzY1LTEwLjM0NWMtMTUuMTY0LTU0LjMwOC03MC4wNDktNjEuOTY1LTg4LjM1Mi02Mi45NzRjLTAuMTkzLTAuMDExLTAuODMtMC4wMTEtMC45NS0wLjAwNCAgYy0yMC42MDUsMS4xMjItODguMTA5LDEwLjY4Mi05Mi4xNTYsODYuNTQzYy0wLjAwOCwwLjE0My0wLjAxMiwwLjI4Ny0wLjAxMiwwLjQzdjQzLjAyNWwtMTYuMTYxLTQuNzIxICBjLTkuMTgyLTIuNjgyLTE5LjAzNiwwLjc4MS0yNC41MjEsOC42MThjLTQuNzAyLDYuNzE2LTUuNDEsMTUuNTYzLTEuNTAzLDIzLjEyYzIuMjMsNC4zMTMsNS45Miw3LjY5NSwxMC4yNzIsOS44NDhsMjEuNzU2LDEwLjc1OCAgYzQuMTQ2LDIuMDQ5LDYuMDAzLDcuMDM1LDQuMjI5LDExLjM1MWMtNi43MTYsMTYuMzQxLTI0LjM0LDQ1LjI4LTY2Ljg5NSw1NS40OWMtNC4xMTUsMC45ODctNi43NzMsNC45ODMtNi4wOTIsOS4xNiAgYzAuMTkzLDEuMTg0LDQuOTk4LDI3LjcwMiw0Ni4wMDksMjkuNjgzYzEuOTEyLDcuMTc5LDQuODgxLDE2LjY5OSw4LjAyMSwyMC42MjRjMi4xNTMsMi42OSw1Ljc3MywzLjcyNSw5LjAyLDIuNTY4ICBjMC4xOTUtMC4wNjgsMTkuNzI5LTYuODk1LDM3LjU2NS0zLjUyM2MwLjIxMSwwLjA0MiwyMS4yNTEsNC4zMzYsMzQuMjU4LDE3LjEzOWM2LjI4NCw2LjE4NSwxMy43NDYsMTAuNDgzLDIxLjU4MSwxMi40MjYgIGM0LjgzOSwxLjIwMiw5LjkwOCwxLjgxMSwxNS4wNjksMS44MTFzMTAuMjMxLTAuNjA5LDE1LjA2OC0xLjgxYzcuODM1LTEuOTQ1LDE1LjI5Ni02LjI0MiwyMS41ODItMTIuNDI3ICBjMTIuOTEzLTEyLjcxMSwzNC4wNTgtMTcuMDk5LDM0LjE4NS0xNy4xMjRjMTcuNzgzLTMuMzYyLDM3LjQ1MSwzLjQ0NCwzNy42MzYsMy41MDljMy4yNDYsMS4xNTQsNi44NjcsMC4xMjMsOS4wMi0yLjU2OCAgYzMuMTQtMy45MjYsNi4xMDgtMTMuNDQ2LDguMDIxLTIwLjYyNGM0MS4wMDQtMS45ODQsNDUuODE2LTI4LjUsNDYuMDA5LTI5LjY4M0M0MjguMjAxLDMyNC45MDksNDI1LjU0NCwzMjAuOTEzLDQyMS40MjksMzE5LjkyNnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}

.app-icon-tw {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDExMi4xOTcgMTEyLjE5NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEyLjE5NyAxMTIuMTk3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Y2lyY2xlIHN0eWxlPSJmaWxsOiM1NUFDRUU7IiBjeD0iNTYuMDk5IiBjeT0iNTYuMDk4IiByPSI1Ni4wOTgiLz4KCTxnPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiNGMUYyRjI7IiBkPSJNOTAuNDYxLDQwLjMxNmMtMi40MDQsMS4wNjYtNC45OSwxLjc4Ny03LjcwMiwyLjEwOWMyLjc2OS0xLjY1OSw0Ljg5NC00LjI4NCw1Ljg5Ny03LjQxNyAgICBjLTIuNTkxLDEuNTM3LTUuNDYyLDIuNjUyLTguNTE1LDMuMjUzYy0yLjQ0Ni0yLjYwNS01LjkzMS00LjIzMy05Ljc5LTQuMjMzYy03LjQwNCwwLTEzLjQwOSw2LjAwNS0xMy40MDksMTMuNDA5ICAgIGMwLDEuMDUxLDAuMTE5LDIuMDc0LDAuMzQ5LDMuMDU2Yy0xMS4xNDQtMC41NTktMjEuMDI1LTUuODk3LTI3LjYzOS0xNC4wMTJjLTEuMTU0LDEuOTgtMS44MTYsNC4yODUtMS44MTYsNi43NDIgICAgYzAsNC42NTEsMi4zNjksOC43NTcsNS45NjUsMTEuMTYxYy0yLjE5Ny0wLjA2OS00LjI2Ni0wLjY3Mi02LjA3My0xLjY3OWMtMC4wMDEsMC4wNTctMC4wMDEsMC4xMTQtMC4wMDEsMC4xNyAgICBjMCw2LjQ5Nyw0LjYyNCwxMS45MTYsMTAuNzU3LDEzLjE0N2MtMS4xMjQsMC4zMDgtMi4zMTEsMC40NzEtMy41MzIsMC40NzFjLTAuODY2LDAtMS43MDUtMC4wODMtMi41MjMtMC4yMzkgICAgYzEuNzA2LDUuMzI2LDYuNjU3LDkuMjAzLDEyLjUyNiw5LjMxMmMtNC41OSwzLjU5Ny0xMC4zNzEsNS43NC0xNi42NTUsNS43NGMtMS4wOCwwLTIuMTUtMC4wNjMtMy4xOTctMC4xODggICAgYzUuOTMxLDMuODA2LDEyLjk4MSw2LjAyNSwyMC41NTMsNi4wMjVjMjQuNjY0LDAsMzguMTUyLTIwLjQzMiwzOC4xNTItMzguMTUzYzAtMC41ODEtMC4wMTMtMS4xNi0wLjAzOS0xLjczNCAgICBDODYuMzkxLDQ1LjM2Niw4OC42NjQsNDMuMDA1LDkwLjQ2MSw0MC4zMTZMOTAuNDYxLDQwLjMxNnoiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K") !important;
}

.app-icon-rs-fk {
  background-image: url("../img/icon/ico-fake.png");
}

.app-icon-all-rs {
  background-image: url("../img/icon/ico-all-rs.png");
}

.app-icon-security {
  background-image: url("../img/icon/ico-security.png");
}

.app-icon-security-opn {
  background-image: url("../img/icon/ico-security-open.png");
}

.linkBack {
  position: fixed;
  color: #fff;
  top: 7px;
  left: -8px;
}

.linkAccount {
  position: absolute;
  color: #fff;
  top: 0;
  right: 8px;
  height: 40px;
  z-index: 1000000;
  background-color: #151513;
  border: 1px solid #000;
}

.blk-tools {
  position: fixed;
  color: #fff;
  top: 7px;
  right: 8px;
}

.app-txt-follow {
  color: #fff;
  background-color: #ab0000;
  border: 3px solid;
  border-color: #a50404;
  border-radius: 3px;
}
.app-txt-follow:after {
  content: "+ SUIVRE";
}

.app-txt-unfollow {
  border: 1px solid #d1d1d1;
  font-size: 0.7em !important;
  color: #6d6d6d;
}
.app-txt-unfollow:after {
  content: "NE PLUS SUIVRE";
}

/*STYLE HEADER*/
header.app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  z-index: 101;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
header.app-header .content {
  display: flex;
  justify-content: space-between;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 5px;
  position: relative;
}
header.app-header .content .blk-left,
header.app-header .content .blk-center,
header.app-header .content .blk-right {
  position: absolute;
}
header.app-header .content .blk-left > *,
header.app-header .content .blk-center > *,
header.app-header .content .blk-right > * {
  height: 100%;
  margin-left: 5px;
}
header.app-header .content .blk-left {
  left: 0;
  z-index: 101;
}
header.app-header .content .blk-center {
  POSITION: ABSOLUTE;
  LEFT: 0;
  RIGHT: 0;
  z-index: 10;
}
header.app-header .content .blk-center h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 1em;
}
header.app-header .content .blk-right {
  right: 0;
  display: flex;
  z-index: 101;
  margin: 0 5px;
}
header.header-up {
  top: -50px !important;
}

nav.footer-hide {
  display: none;
}

div.wbform-up {
  top: 0 !important;
}

/*STYLE VIEW*/
section.wb-view {
  top: 0px;
  right: 0;
  left: 0;
  height: auto !important;
  width: auto !important;
  background-color: #fff;
  z-index: 101;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  margin: 0 auto;
}
section.wb-view.view-up {
  padding-top: 0 !important;
  height: calc(100% + 50px);
}
section.wb-view div.wbform {
  width: 100%;
  margin: 0 auto;
  max-width: 700px;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fff;
  height: auto;
  top: 50px;
  z-index: 102;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
section.wb-view div.wbform form {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 0 10px;
  /* Change Autocomplete styles in Chrome*/
}
section.wb-view div.wbform form label {
  display: none;
}
section.wb-view div.wbform form .fp-input-txt {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  width: 100%;
  max-width: 420px;
  font-size: 0.8em;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  padding: 15px 0px;
  margin: 0;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  box-shadow: none;
  border: none;
}
section.wb-view div.wbform form input:-webkit-autofill,
section.wb-view div.wbform form input:-webkit-autofill:hover,
section.wb-view div.wbform form input:-webkit-autofill:focus,
section.wb-view div.wbform form input:-webkit-autofill {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
section.wb-view div.wbform .items-tag {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: transparent;
  padding: 5px;
  white-space: nowrap;
  overflow-x: auto;
  max-width: 600px;
}
section.wb-view div.wbform .items-tag::-webkit-scrollbar {
  width: 2 !important;
}
section.wb-view div.wbform .items-tag .tag {
  color: #ab0000;
  text-decoration: none;
  font-size: 0.8rem;
  display: inline-block;
  padding: 7px 10px;
  border: 1px solid #0000002e;
  border-radius: 7px;
  font-weight: bold;
}
section.wb-view div.wbform .items-tag .tag i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
section.wb-view div.wbform .items-tag .delTag {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 102;
  padding: 7px 5px 2px;
  border: none !important;
  width: 47px;
}
section.wb-view .panel {
  height: auto !important;
  width: auto !important;
  min-height: 100vh;
  margin: 0 auto;
  position: relative;
  min-width: 320px !important;
  display: block;
  overflow-x: hidden;
  padding-bottom: 65px;
  -webkit-overflow-scrolling: touch;
}
section.wb-view .page-user {
  /*header account*/
}
section.wb-view .page-user .app-group-btn .app-btn, section.wb-view .page-user .app-group-btn .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span .app-group-btn i, section.wb-view .page-user .app-group-btn .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .app-group-btn i {
  background-size: 80%;
  border: none;
}
section.wb-view .page-user .header-account {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  position: relative;
  max-width: 600px;
  color: #000;
  font-weight: bold !important;
  margin: 0 auto;
}
section.wb-view .page-user .header-account .blk-left {
  font-size: 0.8em;
  width: 200px;
  float: right;
}
section.wb-view .page-user .header-account .blk-left .nb-contact div.nb {
  display: inline-block;
  width: 49%;
}
section.wb-view .page-user .header-account .blk-left .nb-contact div.nb > span {
  display: block;
  width: 100%;
  text-align: center;
}
section.wb-view .page-user .header-account .blk-left .nb-contact div.nb > span a {
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-user .header-account .blk-left .btn {
  clear: both;
  /* margin-top: 30px; */
  /* display: block; */
  margin-top: 15px;
  width: 100%;
}
section.wb-view .page-user .header-account .blk-left .btn button {
  width: 49%;
  border: 1px solid #000;
  font-size: 81%;
}
section.wb-view .page-user .header-account .blk-left .btn button.exept {
  width: 100%;
  border: 1px solid #000;
  font-size: 81%;
}
section.wb-view .page-user .header-account .blk-left .flex {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  padding: 5px 0;
}
section.wb-view .page-user .header-account .blk-left .flex span {
  display: inline-block;
}
section.wb-view .page-user .header-account .blk-left .flex span > span {
  font-weight: bold;
}
section.wb-view .page-user .header-account .blk-left .flex span i {
  width: auto;
  display: inline-block;
  width: 30px;
  display: inline-block;
  height: 10px;
}
section.wb-view .page-user .header-account .blk-right {
  position: relative;
  float: left;
}
section.wb-view .page-user .header-account .blk-right .p-img {
  height: 80px;
  text-align: center;
}
section.wb-view .page-user .header-account .blk-right .p-img div.container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
section.wb-view .page-user .header-account .blk-right .p-img img {
  width: 100%;
  max-width: 80px;
  overflow: hidden;
  border: 3px solid #000;
  border-radius: 100%;
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
  margin: 0 auto;
}
section.wb-view .page-user .header-account .blk-right .p-img .middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
section.wb-view .page-user .header-account .blk-right .p-img .middle a {
  text-decoration: none;
  color: #ab0000;
}
section.wb-view .page-user .header-account .blk-right .p-img .bbottom {
  position: absolute;
  bottom: 0px;
  z-index: 100000;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  padding: 2px 0;
  /* line-height: 0px; */
  font-size: 0.7em;
}
section.wb-view .page-user .header-account .blk-right .p-img .bbottom span {
  display: block;
  border: 2px solid #0000006e;
  border-radius: 53px;
}
section.wb-view .page-user .header-account .blk-right .p-img .bbottom .sxf {
  background-color: deeppink;
}
section.wb-view .page-user .header-account .blk-right .p-img .bbottom .sxh {
  background-color: #1187d8;
}
section.wb-view .page-user .header-account .blk-right .p-img .country {
  position: absolute;
  top: 0;
  z-index: 100000;
  left: 0px;
  overflow: hidden;
}
section.wb-view .page-user .header-account .blk-right .p-img .country i {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
section.wb-view .page-user .header-account .blk-right .p-img .btnvalid {
  position: absolute;
  bottom: 0px;
  z-index: 100000;
  left: 0;
  right: -42px;
  margin: 0 auto;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ab0000;
  padding: 7px;
  /* line-height: 0px; */
  border-radius: 53px;
  color: #fff;
  border: 2px solid #000;
}
section.wb-view .page-user .header-account .blk-right .p-img .btnvalid span {
  display: block;
}
section.wb-view .page-user .header-account .blk-right .p-img .btnvalid:hover {
  cursor: pointer;
}
section.wb-view .page-user .header-account .blk-right .p-img div.container:hover img {
  opacity: 0.1;
}
section.wb-view .page-user .header-account .blk-right .p-img div.container:hover .middle {
  opacity: 1;
}
section.wb-view .page-user .header-account .blk-promo {
  clear: both;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 {
  font-family: "Raleway", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 auto;
  min-width: 230px;
  width: 100%;
  background: #ffffff;
  text-align: left;
  color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 20em;
  perspective: 20em;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .thumb {
  width: 100%;
  max-height: 180px;
  overflow: hidden;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .thumb img {
  vertical-align: top;
  position: relative;
  width: 100%;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 figcaption {
  padding: 20px;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 h3,
section.wb-view .page-user .header-account .blk-promo .snip1418 p {
  margin: 0;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 h3 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  font-weight: 400;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .price {
  font-weight: 500;
  font-size: 1.5em;
  line-height: 48px;
  letter-spacing: 1px;
  text-align: right;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .price span:nth-child(1) {
  float: left;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .price span:nth-child(2) {
  margin-right: 15px;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .btn {
  display: flex;
  justify-content: space-between;
  position: relative;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .btn a {
  text-decoration: none;
  width: auto;
  height: 40px;
  display: inline-block;
  min-width: 40px;
  line-height: 40px;
  color: #ab0000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
}
section.wb-view .page-user .header-account .blk-promo .snip1418 .btn a:active {
  opacity: 0.6;
}
section.wb-view .page-user .header-account .blk-promo .add-promo {
  margin: 15px 0;
  padding: 10px;
}
section.wb-view .page-user .header-account .blk-promo .add-promo .action {
  text-align: center;
  margin-top: 10px;
}
section.wb-view .page-user .header-account .blk-promo .add-promo .action a {
  text-decoration: none;
  border: 1px solid #ab0000;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.8em;
  vertical-align: middle;
  display: inline-block;
  /* border: 1px dotted gray; */
  line-height: 1.25;
  /* margin: 5px auto; */
}
section.wb-view .page-user .header-account .blk-promo .add-promo h3 {
  margin: 0;
}
section.wb-view .page-user .header-account .blk-notif {
  width: 100%;
  margin: 0 auto;
  max-width: 660px;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
section.wb-view .page-user .header-account .blk-notif > div {
  width: 32.9%;
  text-align: center;
}
section.wb-view .page-user .header-account .blk-notif > div h3 {
  margin: 0;
}
section.wb-view .page-user .header-account .blk-notif > div .app-icon-money-bag {
  background-size: 100%;
}
section.wb-view .page-user .header-account .blk-notif > div .app-btn, section.wb-view .page-user .header-account .blk-notif > div .flesx span i, section.wb-view .page-user .header-account .flesx span .blk-notif > div i, section.wb-view .page-user .header-account .blk-notif > div .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .blk-notif > div i {
  width: 40px;
  height: 40px;
  border: none;
  display: inline-block;
  /* height: 100%; */
  BACKGROUND-SIZE: auto 80%;
}
section.wb-view .page-user .header-account .blk-notif > div .app-btn:active, section.wb-view .page-user .header-account .blk-notif > div .flesx span i:active, section.wb-view .page-user .header-account .flesx span .blk-notif > div i:active, section.wb-view .page-user .header-account .blk-notif > div .blk-left .flex span i:active, section.wb-view .page-user .header-account .blk-left .flex span .blk-notif > div i:active {
  opacity: 0.8;
  background-size: 60%;
}
section.wb-view .page-user .header-account .blk-notif > div .app-btn > i, section.wb-view .page-user .header-account .blk-notif > div .flesx span i > i, section.wb-view .page-user .header-account .flesx span .blk-notif > div i > i, section.wb-view .page-user .header-account .blk-notif > div .blk-left .flex span i > i, section.wb-view .page-user .header-account .blk-left .flex span .blk-notif > div i > i {
  width: 100%;
  height: 100%;
  padding: 0;
}
section.wb-view .page-user .header-account .flesx {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  font-size: 0.8em;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-user .header-account .flesx span {
  margin: 0 10px;
  display: inline-block;
}
section.wb-view .page-user .header-account .flesx span i {
  width: auto;
  display: inline-block;
  width: 30px;
  display: inline-block;
  height: 10px;
}
section.wb-view .page-user .header-account table {
  display: none;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  color: #000000;
  text-align: center;
  position: relative;
}
section.wb-view .page-user .header-account table tr:nth-child(1) {
  height: 40px;
  position: relative;
}
section.wb-view .page-user .header-account table tr:nth-child(1) td {
  height: 40px;
  font-size: 0.7em;
  width: 33%;
  overflow: hidden;
}
section.wb-view .page-user .header-account table tr:nth-child(1) td > span {
  display: block;
  margin-top: 6px;
  font-size: 1.2em;
  font-weight: 600;
}
section.wb-view .page-user .header-account table tr:nth-child(1) td > span a {
  text-decoration: none;
  color: #000000;
  font-weight: 100;
}
section.wb-view .page-user .header-account table tr:nth-child(1) td:nth-child(2) {
  text-align: center;
  position: relative;
}
section.wb-view .page-user .header-account table tr:nth-child(1) td:nth-child(2) span {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  top: 0;
  font-size: 1.4em;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td {
  position: relative;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td div > span {
  position: absolute;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td div > span .ui-btn {
  bottom: 0;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td div > span .ui-btn:after {
  background-color: #000000;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td div .expt {
  top: 5px;
  font-size: 0.6em;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img {
  width: 32%;
  height: 105px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img div.container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img img {
  width: 100%;
  max-width: 105px;
  overflow: hidden;
  border: 3px solid #000;
  border-radius: 100%;
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
  margin: 0 auto;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img .middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img .middle a {
  text-decoration: none;
  color: #ab0000;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img .bbottom {
  position: absolute;
  bottom: 0px;
  z-index: 100000;
  left: 0;
  right: -68px;
  margin: 0 auto;
  display: block;
  width: 25px;
  height: 25px;
  background-color: #ab0000;
  padding: 10px;
  line-height: 0px;
  border-radius: 53px;
  font-size: 0.7em;
  color: #fff;
  border: 2px solid #000;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img .bbottom span {
  display: block;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img div.container:hover img {
  opacity: 0.1;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td.p-img div.container:hover .middle {
  opacity: 1;
}
section.wb-view .page-user .header-account table tr:nth-child(2) td a.ui-btn {
  background-color: #000000;
  color: white;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
section.wb-view .page-user .header-account table tr:nth-child(3) {
  height: 30px;
  position: relative;
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p {
  width: 98%;
  margin: 0 !important;
  bottom: 0;
  max-width: 900px;
  position: relative;
  padding-top: 30px;
  font-weight: 400;
  font-style: italic;
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p p {
  text-align: center;
  color: #000000;
  margin: 0;
  font-weight: 500;
  overflow-wrap: break-word;
  display: inline-block;
  font-family: "Helvetica Neue";
  font-style: italic;
  width: 100%;
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p p:empty:before {
  content: "...";
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p p:empty {
  color: #aaa;
  text-align: center;
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p .valide {
  background-color: rgba(185, 7, 7, 0.82);
  width: 50px;
  height: 50px;
  /* right: 10px; */
  /* top: 0; */
  /* overflow: hidden; */
  padding: 5px 1px;
  color: #fff;
  /* font-family: sans-serif; */
  /* font-weight: 100; */
  font-size: 0.7em;
  border-radius: 50px;
  display: inline-block;
}
section.wb-view .page-user .header-account table tr:nth-child(3) td.p-p .valide span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}
section.wb-view .page-user .header-account table div.p-follow {
  width: 100%;
  height: auto;
  border: 0 solid #000;
  /* float: left; */
  /* position: absolute; */
  top: 40px;
  left: 5px;
  font-size: 0.8em;
}
section.wb-view .page-user .header-account table div.p-follow > div {
  float: left;
  width: 30%;
  text-align: left;
  border: 0 solid #000;
}
section.wb-view .page-user .header-account table div.p-follow > div > span {
  display: block;
  color: #000000;
  text-align: center;
}
section.wb-view .page-user .header-account table div.p-follow > div > span:nth-child(3) {
  text-align: right;
}
section.wb-view .page-user .header-account table div.p-follow > div > span > a {
  text-decoration: none;
  color: #000000;
  text-align: center;
  display: block;
}
section.wb-view .page-user .header-account table div.p-follow > div:nth-child(3) {
  float: right;
  margin-right: 10px;
}
section.wb-view .page-user .header-account table div.p-p {
  clear: right;
  width: 200px;
  min-height: 30px;
  height: auto;
  margin-top: 40px;
}
section.wb-view .page-user .header-account table div.p-p p {
  text-align: left;
  color: #000000;
  font-size: 0.7em;
  padding: 7PX;
  border-radius: 5PX;
  margin: 0;
  font-weight: 100;
  overflow-wrap: break-word;
  letter-spacing: 1px;
  display: inline-block;
}
section.wb-view .page-user .header-account table div.p-p p:empty:before {
  content: "...";
}
section.wb-view .page-user .header-account table div.p-p p:empty {
  color: #aaa;
  text-align: center;
}
section.wb-view .page-user .header-account table div.p-p div {
  padding: 5px;
  text-align: left;
}
section.wb-view .page-user .header-account table div.p-p div span {
  color: #fff;
  width: auto;
  font-size: 0.8em;
  padding: 5px;
}
section.wb-view .page-user .header-account table div.p-btn {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
}
section.wb-view .page-user .header-account table div.p-btn .ui-mini {
  font-size: 0.9em;
  background-color: #000000;
  border: 0;
  color: #c5bdbd;
  text-shadow: none;
}
section.wb-view .page-user .header-account table div.p-btn .ui-mini:hover {
  color: #fff;
}
section.wb-view .page-user .header-account table div.p-btn .ui-btn-icon-left:after,
section.wb-view .page-user .header-account table div.p-btn .ui-btn-icon-right:after,
section.wb-view .page-user .header-account table div.p-btn .ui-btn-icon-top:after,
section.wb-view .page-user .header-account table div.p-btn .ui-btn-icon-bottom:after,
section.wb-view .page-user .header-account table div.p-btn .ui-btn-icon-notext:after {
  background-color: #000000;
}
section.wb-view .page-user .header-account table div.p-btn > span {
  width: auto;
  max-width: 33%;
}
section.wb-view .page-user .header-account table div.p-btn > span:nth-child(3) {
  float: right;
}
section.wb-view .page-user .header-account table div.p-btn .valide {
  position: absolute;
  background-color: rgba(185, 7, 7, 0.82);
  width: 50px;
  height: 50px;
  right: 10px;
  top: 0;
  overflow: hidden;
  padding: 5px 1px;
  color: #fff;
  /* font-family: sans-serif; */
  /* font-weight: 100; */
  font-size: 0.7em;
  border-radius: 50px;
}
section.wb-view .page-user .header-account table div.p-btn .valide span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}
section.wb-view .page-user .header-account table .app-btn, section.wb-view .page-user .header-account table .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span table i, section.wb-view .page-user .header-account table .flesx span i, section.wb-view .page-user .header-account .flesx span table i {
  border: none;
  text-decoration: none;
}
section.wb-view .page-user .header-account table .app-btn:hover, section.wb-view .page-user .header-account table .blk-left .flex span i:hover, section.wb-view .page-user .header-account .blk-left .flex span table i:hover, section.wb-view .page-user .header-account table .flesx span i:hover, section.wb-view .page-user .header-account .flesx span table i:hover, section.wb-view .page-user .header-account table .app-btn:active, section.wb-view .page-user .header-account table .blk-left .flex span i:active, section.wb-view .page-user .header-account .blk-left .flex span table i:active, section.wb-view .page-user .header-account table .flesx span i:active, section.wb-view .page-user .header-account .flesx span table i:active {
  opacity: 0.6;
}
section.wb-view .page-user .header-account .p-img-locked img {
  max-width: 290px;
}
section.wb-view .page-user .header-account tr {
  border: 1px solid #000;
}
section.wb-view .page-user .header-account .card .snip1344 {
  font-family: "Open Sans", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 auto;
  min-width: 230px;
  max-width: 600px;
  width: 100%;
  color: inherit;
  text-align: center;
  line-height: 1.4em;
  background-color: #ffffff;
}
section.wb-view .page-user .header-account .card .snip1344 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
section.wb-view .page-user .header-account .card .snip1344 .background {
  width: 100%;
  vertical-align: top;
  opacity: 0.2;
  -webkit-filter: grayscale(100%) blur(10px);
  filter: grayscale(100%) blur(10px);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  height: 255px;
}
section.wb-view .page-user .header-account .card .snip1344 .header {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  z-index: 10000;
}
section.wb-view .page-user .header-account .card .snip1344 .header ul {
  margin: 0;
  width: auto;
  font-size: 0.9em;
  text-align: left;
  padding: 0 0 0 10px;
}
section.wb-view .page-user .header-account .card .snip1344 .header ul li i {
  width: 30px;
  margin-right: 10px;
  opacity: 1;
  border-radius: 100%;
  border: 2px solid #fff;
  background-size: 100%;
}
section.wb-view .page-user .header-account .card .snip1344 .header ul li span, section.wb-view .page-user .header-account .card .snip1344 .header ul li i {
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-msg {
  position: absolute;
  top: 55px;
  right: 5px;
  background-color: transparent;
  border: none;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 0.8em;
  font-family: "Helvetica";
  height: 30px;
  cursor: hand;
  font-weight: bold;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button {
  position: absolute;
  background-color: transparent;
  right: 5px;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button:last-child {
  top: 70px;
  padding: 0 10px;
  color: #fff;
  height: 40px;
  width: 54px;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button:active {
  opacity: 0.5;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button .md-icon:focus {
  border: none !important;
  outline: none !important;
  border: 0;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button .app-icon, section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-user .header-account .card .snip1344 .header .btn-follow button label.except, section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button .page-post form .input-file label, section.wb-view .page-post form .input-file .page-user .header-account .card .snip1344 .header .btn-follow button label {
  background-size: 100%;
}
section.wb-view .page-user .header-account .card .snip1344 .header .btn-follow button span {
  position: absolute;
  top: 8px;
  right: 23px;
}
section.wb-view .page-user .header-account .card .snip1344 figcaption {
  width: 100%;
  padding: 15px 25px;
  position: absolute;
  left: 0;
  top: 30%;
}
section.wb-view .page-user .header-account .card .snip1344 .profile {
  border-radius: 50%;
  position: absolute;
  top: 5%;
  left: 50%;
  max-width: 100px;
  max-height: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  display: block;
}
section.wb-view .page-user .header-account .card .snip1344 h3 {
  margin: 15px 0;
  font-weight: 400;
  text-transform: capitalize;
}
section.wb-view .page-user .header-account .card .snip1344 h3 span {
  display: block;
  font-size: 0.6em;
  color: #f39c12;
  opacity: 0.75;
}
section.wb-view .page-user .header-account .card .snip1344 i {
  padding: 10px 5px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  opacity: 0.65;
}
section.wb-view .page-user .header-account .card .snip1344 a {
  text-decoration: none;
  color: inherit;
}
section.wb-view .page-user .header-account .card .snip1344 i:hover {
  opacity: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
section.wb-view .page-user .header-account .card .snip1344:hover .background,
section.wb-view .page-user .header-account .card .snip1344.hover .background {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
section.wb-view .page-user .header-account .card .p-p p {
  text-align: center;
  color: inherit;
  overflow-wrap: break-word;
  display: inline-block;
  font-family: "Helvetica";
  /* font-style: italic; */
  width: 100%;
  font-size: 0.8em;
  width: 100%;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin-top: 0;
}
section.wb-view .page-user .header-account .card .p-p p:empty:before {
  content: "...";
}
section.wb-view .page-user .header-account .card .p-p p:empty {
  color: #aaa;
  text-align: center;
}
section.wb-view .page-user .header-account .card .nb-contact .data {
  margin-top: 0.6em;
}
section.wb-view .page-user .header-account .card .nb-contact .data ul {
  padding: 0;
}
section.wb-view .page-user .header-account .card .nb-contact .data li {
  width: 32%;
  text-align: center;
  display: inline-block;
  font-size: 1.5em;
  border-right: solid 2px #ab0000;
}
section.wb-view .page-user .header-account .card .nb-contact .data li:last-child {
  border: none;
}
section.wb-view .page-user .header-account .card .nb-contact .data li span:not(.value) {
  display: block;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 700;
}
section.wb-view .page-user .header-account .card .snip1344 li .score {
  WIDTH: auto;
  display: inline-block !important;
  vertical-align: middle;
}
section.wb-view .page-user .header-account .card .snip1344 li .app-icon-vld {
  WIDTH: 25PX;
  vertical-align: middle;
  opacity: 1;
}
section.wb-view .page-user .header-account .card figcaption .btn {
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-user .header-account .card figcaption .btn .app-btn, section.wb-view .page-user .header-account .card figcaption .btn .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .card figcaption .btn i, section.wb-view .page-user .header-account .card figcaption .btn .flesx span i, section.wb-view .page-user .header-account .flesx span .card figcaption .btn i {
  background-color: transparent;
  color: #ffffff;
  border: none;
  font-weight: 100;
  font-size: 0.9em;
}
section.wb-view .page-user .panel-content {
  padding-bottom: 100px;
  clear: both;
  position: relative;
}
section.wb-view .page-user .panel-content .list-rs {
  width: 100%;
  margin: 0 auto;
  max-width: 450px;
}
section.wb-view .page-user .panel-content .list-rs ul {
  padding: 5px;
  margin: 0;
}
section.wb-view .page-user .panel-content .list-rs ul li {
  list-style: none;
  margin: 10px 0;
}
section.wb-view .page-user .panel-content .list-rs ul li .app-icon, section.wb-view .page-user .panel-content .list-rs ul li .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-user .panel-content .list-rs ul li label.except, section.wb-view .page-user .panel-content .list-rs ul li .page-post form .input-file label, section.wb-view .page-post form .input-file .page-user .panel-content .list-rs ul li label {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-user .panel-content .list-rs ul li span {
  margin: 0 20px;
  font-size: 0.8em;
}
section.wb-view .page-user .panel-content .list-rs ul li a {
  text-decoration: none;
  border: 1px solid #ab0000;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.8em;
  vertical-align: middle;
  display: inline-block;
  /* border: 1px dotted gray; */
  line-height: 1.25;
  margin: 5px 0;
}
section.wb-view .page-user .panel-content .list-rs ul li a:not(.btn-add-rs) {
  float: right;
}
section.wb-view .page-user .panel-content .list-rs ul li a.btn-add-rs {
  margin: 0 auto;
}
section.wb-view .page-user .panel-content .list-rs ul li a:active {
  background-color: #ab0000;
  color: #fff;
}
section.wb-view .page-user .panel-content .list-rs ul li button {
  text-align: center;
  width: 100% !important;
  height: 40px !important;
  background-size: 40px !important;
  border: none;
}
section.wb-view .page-user .panel-content .content {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-user .panel-content .content .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-user .panel-content .content .fp-article > header {
  border-top: 1px solid #00000026;
  padding: 10px 5px;
  /* height: auto; */
  display: block;
  height: 50px;
  line-height: 50px;
}
section.wb-view .page-user .panel-content .content .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-user .panel-content .content .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-user .panel-content .content .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-user .panel-content .content .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-user .panel-content .content .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  min-height: 300px;
  display: none;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-user .panel-content .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-user .panel-content .content .fp-article .icon-play {
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  background: no-repeat center;
  background-size: 25%;
  border: none;
}
section.wb-view .page-user .panel-content .content .fp-article .icon-play:active {
  opacity: 1;
}
section.wb-view .page-user .panel-content .content .fp-article .icon-play:hover {
  cursor: pointer;
}
section.wb-view .page-user .panel-content .thumbSquare {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding-top: 5px;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article {
  width: 33.33%;
  padding: 2px !important;
  border: none;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article header {
  display: none !important;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article .fp-article-footer {
  background-color: red;
  display: none !important;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article .fp-article-action {
  display: none;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article .fp-article-content {
  position: relative !important;
  padding-top: 100% !important;
  min-height: 10px !important;
  border: 1px solid #d4d3d3;
  border-radius: 3px;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article .fp-article-content .fp-article-item {
  min-height: auto !important;
}
section.wb-view .page-user .panel-content .thumbSquare > .fp-article img, section.wb-view .page-user .panel-content .thumbSquare > .fp-article video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
}
section.wb-view .page-user .panel-content .msg-back {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
}
section.wb-view .page-user .footer-chat {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: auto;
  background-color: white;
  padding: 5px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000;
}
section.wb-view .page-user .footer-chat .input-msg > div.block {
  border: 1px solid gainsboro;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 25px;
  position: relative;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .input {
  width: 94%;
  padding: 5px 17px;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .input textarea {
  width: 100%;
  height: auto;
  border: none;
  margin: 0 auto;
  display: block;
  resize: none;
  line-height: 30px;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .btn {
  background-color: white;
  /* border: 1px solid; */
  border-radius: 100%;
  width: 32px;
  height: 32px;
  border: 0px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .btn button {
  border: none;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .btn button:active {
  opacity: 0.9;
  background-size: 80%;
}
section.wb-view .page-user .footer-chat .input-msg > div.block .btn .app-icon, section.wb-view .page-user .footer-chat .input-msg > div.block .btn .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-user .footer-chat .input-msg > div.block .btn label.except, section.wb-view .page-user .footer-chat .input-msg > div.block .btn .page-post form .input-file label, section.wb-view .page-post form .input-file .page-user .footer-chat .input-msg > div.block .btn label {
  background-size: 100%;
}
section.wb-view .page-user .footer-chat .info .msgtkn {
  clear: left;
  font-size: 73%;
  color: #909090;
  position: relative;
  display: flex;
  /* justify-content: space-around; */
  position: relative;
  min-height: 35px;
}
section.wb-view .page-user .footer-chat .info .msgtkn p {
  margin: 0;
  padding: 5px 0 0 0;
}
section.wb-view .page-user .footer-chat .info .msgtkn span {
  color: #ab0000;
}
section.wb-view .page-user .footer-chat .info .msgtkn a {
  float: right;
  right: 5px;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 5px;
}
section.wb-view .page-media {
  padding-bottom: 100px;
}
section.wb-view .page-media .content {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-media .content .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-media .content .fp-article > header {
  padding: 5px;
}
section.wb-view .page-media .content .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-media .content .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-media .content .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-media .content .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-media .content .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-media .content .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-media .content .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-media .content .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-media .content .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-media .content .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
  margin-left: 5px;
}
section.wb-view .page-media .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-find {
  padding-top: 30px;
}
section.wb-view .page-find .header {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #000000;
  z-index: 10;
  display: flex;
  justify-content: space-around;
}
section.wb-view .page-find .header > div {
  width: 100%;
  height: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
}
section.wb-view .page-find .header > div a {
  text-decoration: none;
  font-size: 1em;
  color: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}
section.wb-view .page-find .header > div.active {
  border-bottom: 2px solid #fff;
}
section.wb-view .page-find .header > div.active a {
  color: white;
}
section.wb-view .page-find .panel-maps {
  width: 100%;
  height: 100%;
}
section.wb-view .page-find .panel-maps .btn-list {
  position: absolute;
  z-index: 100;
  top: 50px;
  right: 10px;
}
section.wb-view .page-find .panel-maps .btn-list a.app-btn {
  width: 40px !important;
  height: 40px !important;
}
section.wb-view .page-find .panel-maps .map-list div.item {
  width: 100%;
  height: 50px;
  line-height: 45px;
  display: flex;
  margin: 10px;
}
section.wb-view .page-find .panel-maps .map-list div.item > div:nth-child(1) {
  width: 50px;
  height: 50px;
  /* padding: 5px; */
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
section.wb-view .page-find .panel-maps .map-list div.item > div:nth-child(1) img {
  display: block;
  width: 200%;
  margin-left: -50%;
  MARGIN-TOP: -50%;
}
section.wb-view .page-find .panel-maps .map-list div.item > div:nth-child(2) {
  height: 100%;
  line-height: inherit;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-left: 10px;
}
section.wb-view .page-find .panel-maps .map-list div.item > div:nth-child(2) a {
  text-decoration: none;
  color: #000;
}
section.wb-view .page-find .panel-maps .map-list div.item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
section.wb-view .page-find .panel-maps .map-canvas {
  z-index: 10;
}
section.wb-view .page-find .panel-maps .panel-maps-preview {
  width: 100%;
  height: calc(100%);
  background-color: white;
  position: absolute;
  z-index: 100;
  overflow-y: scroll;
  display: none;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: 50px;
  overflow: hidden;
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(1) {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 1px solid #000;
  display: inline-block;
  border-radius: 100%;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(2) {
  height: 100%;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(2) span {
  display: block;
  font-size: 0.9em;
  font-weight: 600;
  text-align: center;
  height: 20px;
  line-height: 20px;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(2) span:nth-child(2) {
  color: #000;
  font-size: 0.8em;
  font-weight: 400;
}
section.wb-view .page-find .panel-maps .panel-maps-preview > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 60px;
  display: block;
  text-align: right;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content {
  clear: both;
  width: 100%;
  height: auto;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .img {
  max-width: 600px !important;
  max-height: 600px !important;
  text-align: center;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .img img {
  width: 70%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #000;
  min-width: 300px;
  min-height: 300px;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail {
  max-width: 600px !important;
  max-height: 300px !important;
  min-width: 300px;
  min-height: 290px;
  overflow: auto;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul {
  list-style-type: none;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul li {
  margin-top: 10px;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul.items {
  padding: 0;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul.items li {
  display: inline-block;
  color: white;
  background-color: #000000;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul.items li:hover {
  cursor: pointer;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .content .detail ul.items li:active {
  background-color: rgba(182, 25, 0, 0.8);
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer {
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .stat {
  padding: 5px;
  font-size: 0.8em;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .txt {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px;
  height: auto;
  max-height: 75px;
  width: 100%;
  font-size: 0.8em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .txt p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .btn {
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .btn a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
}
section.wb-view .page-find .panel-maps .panel-maps-preview .footer .btn a:hover {
  color: white;
  background-color: #000000;
}
section.wb-view .page-find .panel-user div.item {
  width: 100%;
  height: 50px;
  line-height: 45px;
  display: flex;
  margin: 10px;
}
section.wb-view .page-find .panel-user div.item > div:nth-child(1) {
  width: 50px;
  height: 50px;
  /* padding: 5px; */
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
section.wb-view .page-find .panel-user div.item > div:nth-child(1) img {
  display: block;
  width: 200%;
  margin-left: -50%;
  MARGIN-TOP: -50%;
}
section.wb-view .page-find .panel-user div.item > div:nth-child(2) {
  height: 100%;
  line-height: inherit;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-left: 10px;
}
section.wb-view .page-find .panel-user div.item > div:nth-child(2) a {
  text-decoration: none;
  color: #000;
}
section.wb-view .page-find .panel-user div.item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
section.wb-view .page-post {
  max-width: 600px;
}
section.wb-view .page-post form {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
section.wb-view .page-post form .input-file {
  width: 100%;
  height: auto;
  min-height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
}
section.wb-view .page-post form .input-file #msg-err-file {
  display: block;
  border: 1px solid;
  position: absolute;
  top: 50px;
  padding: 10px 5px;
  left: 0;
  right: 0;
  background-color: #ab0000;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
}
section.wb-view .page-post form .input-file label {
  display: block;
  height: 100px;
  width: 100px;
}
section.wb-view .page-post form .input-file label:hover {
  cursor: pointer;
}
section.wb-view .page-post form .input-file input {
  display: none;
}
section.wb-view .page-post form .input-file .dsn {
  position: absolute;
  margin-top: 60px;
  font-weight: 100;
  font-size: 1.2em;
  color: #ab0000;
}
section.wb-view .page-post form .input-file .content-loading {
  position: absolute;
  left: 0;
  /* right: 0; */
  top: 0;
  /* margin: 0 auto; */
  width: 100%;
  margin-top: 10px;
  height: calc(100% - 50px);
  z-index: 10000000;
  background-color: #000;
}
section.wb-view .page-post form .input-file .app-btn, section.wb-view .page-post form .input-file .page-user .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .page-post form .input-file i, section.wb-view .page-post form .input-file .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span .page-post form .input-file i {
  background-size: 100%;
  b: block;
  position: absolute;
  margin-top: 114px;
  color: #ab0000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
section.wb-view .page-post form .input-file .app-btn:hover, section.wb-view .page-post form .input-file .page-user .header-account .blk-left .flex span i:hover, section.wb-view .page-user .header-account .blk-left .flex span .page-post form .input-file i:hover, section.wb-view .page-post form .input-file .page-user .header-account .flesx span i:hover, section.wb-view .page-user .header-account .flesx span .page-post form .input-file i:hover, section.wb-view .page-post form .input-file .app-btn:active, section.wb-view .page-post form .input-file .page-user .header-account .blk-left .flex span i:active, section.wb-view .page-user .header-account .blk-left .flex span .page-post form .input-file i:active, section.wb-view .page-post form .input-file .page-user .header-account .flesx span i:active, section.wb-view .page-user .header-account .flesx span .page-post form .input-file i:active {
  background-color: #ab0000;
}
section.wb-view .page-post form .edit-file {
  width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto !important;
  max-width: 600px;
  max-height: 600px;
}
section.wb-view .page-post form .edit-file .edit-file-preview {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: rgba(181, 181, 181, 0.2);
}
section.wb-view .page-post form .edit-file .blc-rotate {
  width: 50px;
  height: 50px;
  float: right;
}
section.wb-view .page-post form .edit-file .blc-rotate button {
  border: none;
}
section.wb-view .page-post form .edit-file .blc-back {
  float: left;
  width: 50px;
  height: 50px;
}
section.wb-view .page-post form .edit-file .blc-back a {
  display: block;
}
section.wb-view .page-post form .edit-file .croppie-container .cr-viewport {
  border: none !important;
}
section.wb-view .page-post form .form-info label.except {
  display: block;
  height: 100px;
  width: 100px;
  margin: 0 auto;
}
section.wb-view .page-post form .form-info label.except:hover {
  cursor: pointer;
}
section.wb-view .page-post form .form-info .md-datepicker-calendar-icon {
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.23);
}
section.wb-view .page-post form .form-info .md-block {
  width: 100%;
  margin: 0 !important;
}
section.wb-view .page-post form .form-info .form-info-a {
  display: flex;
  justify-content: left;
  height: auto;
  width: auto;
  overflow: hidden;
  margin-bottom: 15px;
}
section.wb-view .page-post form .form-info .form-info-a .edit-file-preview-mini {
  width: 100%;
  height: 100%;
  text-align: center;
}
section.wb-view .page-post form .form-info .form-info-a .edit-file-preview-mini img {
  width: 50%;
  border-radius: 9px;
  border: 1px solid #d2d2d2;
}
section.wb-view .page-post form .form-info .form-info-a > div {
  width: 100%;
  position: relative;
}
section.wb-view .page-post form .form-info .form-info-a .btn-resend {
  position: absolute;
  /* left: 0; */
  z-index: 100;
  width: 40px;
  height: 40px;
  background-color: #fff;
  bottom: 15px;
  right: 65px;
  border-radius: 60px;
}
section.wb-view .page-post form .form-info .form-info-a .btn-resend i {
  display: block;
}
section.wb-view .page-post form .form-info .form-info-b textarea {
  width: 100%;
}
section.wb-view .page-post form .form-info .form-info-b > div {
  height: auto;
  width: 100%;
  padding: 5px;
}
section.wb-view .page-post form .form-info .form-info-b > div > label {
  color: rgba(0, 0, 0, 0.36);
}
section.wb-view .page-post form .form-info .form-submit {
  text-align: center;
}
section.wb-view .page-post form .form-info .preview-tube video {
  height: auto;
  margin: 0 auto;
  width: 100%;
  max-height: 230px;
}
section.wb-view .page-post form .form-info .preview-tube .btn-resend {
  position: absolute;
  /* left: 0; */
  z-index: 100;
  width: 40px;
  height: 40px;
  background-color: #fff;
  bottom: 0px;
  right: -4px;
  border-radius: 0;
}
section.wb-view .page-post form .form-info .preview-tube .btn-resend i {
  display: block;
}
section.wb-view .page-post form .padd-execpt {
  padding: 10px;
}
section.wb-view .page-post form .btn-post-pict {
  display: block;
  border: 5px solid rgba(171, 0, 0, 0.84);
  width: 55px;
  height: 55px;
  border-radius: 100%;
  line-height: 48px;
  margin: 45px auto;
  background-color: #fff;
}
section.wb-view .page-post form .btn-post-pict i {
  display: block;
  background-size: 51%;
  font-style: normal;
  font-weight: bold;
  color: #ab0000;
}
section.wb-view .page-post form .btn-post-pict i:active, section.wb-view .page-post form .btn-post-pict i:hover {
  background-size: 70%;
  font-size: 1.2em;
}
section.wb-view .page-post form .isUpload {
  padding: 130px 0;
}
section.wb-view .page-post form .isUpload p {
  padding: 0 25px;
  font-weight: 500;
  text-align: center;
  line-height: 31px;
}
section.wb-view .page-post form .isUpload div.icon {
  margin-bottom: 10px;
}
section.wb-view .page-post form .isUpload div.icon i {
  width: 100px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
section.wb-view .page-post form .isUpload .app-btn, section.wb-view .page-post form .isUpload .page-user .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .page-post form .isUpload i, section.wb-view .page-post form .isUpload .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span .page-post form .isUpload i {
  text-decoration: none;
  font-weight: bold;
  color: #ab0000;
  display: block;
  min-width: 217px;
  width: auto;
  max-width: 300px;
  text-align: center;
  text-transform: uppercase;
  margin: 30px auto 0;
  width: 100px;
  height: 100px;
  background-size: 40%;
}
section.wb-view .page-post form .loadmore {
  margin-top: 150px;
}
@media screen and (max-width: 700px) {
  section.wb-view .page-post form .btn-post-pict {
    position: fixed;
    bottom: 5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10000000;
  }
}
section.wb-view .page-notif {
  padding-top: 50px;
}
section.wb-view .page-notif > h2 {
  margin: 0;
  padding: 10px;
  font-size: 0.9em;
  background-color: #f5f5f5;
  color: #5b5b5b;
  font-weight: 600;
}
section.wb-view .page-notif .list-event {
  display: block;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-notif .list-event div.item {
  width: 100%;
  height: 70px;
  line-height: 70px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(1) {
  width: 42px;
  height: 40px;
  /* line-height: 40px; */
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  margin: 15px 5px 5px;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(1) img {
  display: block;
  height: 100%;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) {
  height: 100%;
  line-height: inherit;
  width: 90%;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  font-size: 0.8em;
  display: flex;
  justify-content: left;
  position: relative;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) div {
  margin-right: 5px;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) div a {
  text-decoration: none;
  color: #ab0000;
  font-weight: bold;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) div button {
  background-color: #fff;
  border: 1px solid #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  max-height: 40px;
  padding: 5px 10px;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) div button:hover {
  background-color: #000000;
  color: #fff;
}
section.wb-view .page-notif .list-event div.item > div:nth-child(2) div:nth-child(3) {
  position: absolute;
  right: 0;
}
section.wb-view .page-notif .list-event div.item .ida {
  width: 60px;
  height: 60px;
  /* line-height: 40px; */
  position: relative;
  overflow: hidden;
  /* border-radius: 15px; */
  margin: 5px;
}
section.wb-view .page-notif .list-event div.item .ida > img {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
section.wb-view .page-notif .list-event div.item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
section.wb-view .page-msg {
  padding-top: 50px;
}
section.wb-view .page-msg .list-msg {
  text-decoration: none;
  color: inherit;
  text-decoration: none;
  max-width: 600px;
  display: block;
  margin: 0 auto;
}
section.wb-view .page-msg .list-msg .items .item {
  display: flex;
}
section.wb-view .page-msg .list-msg .items .item .img {
  width: 60px;
  height: 60px;
  padding: 10px;
}
section.wb-view .page-msg .list-msg .items .item .img img {
  width: 40px;
  border-radius: 100%;
}
section.wb-view .page-msg .list-msg .items .item .preview {
  width: 100%;
  border-bottom: thin solid #e6e6e6;
}
section.wb-view .page-msg .list-msg .items .item .preview .info {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  position: relative;
}
section.wb-view .page-msg .list-msg .items .item .preview .info .name {
  color: #ab0000;
  font-weight: bold;
}
section.wb-view .page-msg .list-msg .items .item .preview .info .alert {
  display: block;
  width: 20px;
  height: 20px;
  /* float: right; */
  position: absolute;
  right: 25px;
  width: 20px;
  height: 20px;
}
section.wb-view .page-msg .list-msg .items .item .preview .info .alert i {
  display: block;
}
section.wb-view .page-msg .list-msg .items .item .preview .info .time {
  font-size: 0.9em;
  font-weight: 100;
  color: #797979;
}
section.wb-view .page-msg .list-msg .items .item .preview .info .time > span {
  padding: 0 10px;
}
section.wb-view .page-msg .list-msg .items .item .preview .txt p {
  padding: 5px;
  margin: 0;
  font-size: 0.8em;
  font-weight: 100;
  color: #848484;
}
section.wb-view .page-msg .list-msg .items .item .preview .txt p.no-read {
  font-weight: bold;
  color: #000;
}
section.wb-view .page-msg .list-msg .items .item:active {
  background-color: #f0f0f0;
  border-radius: 25px 0 0 25px;
}
section.wb-view .page-msg .list-msg .items .item:hover {
  opacity: 0.9;
  cursor: pointer;
  background-color: #fbfbfb;
}
section.wb-view .page-msg .read {
  display: block;
  margin: 0 auto;
  position: absolute;
  font-family: "Helvetica Neue";
  padding: 60px 15px 15px;
  max-width: 900px;
  width: 100%;
}
section.wb-view .page-msg .read .content {
  padding-bottom: 50px;
}
section.wb-view .page-msg .read .content div.bull {
  max-width: 255px;
  word-wrap: break-word;
  line-height: 24px;
}
section.wb-view .page-msg .read .content div.bull:after {
  content: "";
  display: table;
  clear: both;
}
section.wb-view .page-msg .read .content div.bull p {
  margin: 0;
}
section.wb-view .page-msg .read .content div.time {
  text-align: center;
  font-size: 0.7em;
  /* margin: 0 auto; */
  padding: 10px 0;
  color: #909090;
}
section.wb-view .page-msg .read .content .clear {
  clear: both;
}
section.wb-view .page-msg .read .content .from-me {
  position: relative;
  padding: 5px 15px;
  color: white;
  background: #0B93F6;
  border-radius: 10px;
  float: right;
}
section.wb-view .page-msg .read .content .from-me:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -2px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}
section.wb-view .page-msg .read .content .from-me:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #0B93F6;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
section.wb-view .page-msg .read .content .from-them {
  position: relative;
  padding: 10px 20px;
  background: #E5E5EA;
  border-radius: 25px;
  color: black;
  float: left;
}
section.wb-view .page-msg .read .content .from-them:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 20px;
  border-left: 20px solid #E5E5EA;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
section.wb-view .page-msg .read .content .from-them:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}
section.wb-view .page-msg .read .content .from-them .thumb {
  position: absolute;
  top: -42px;
  left: 1px;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
section.wb-view .page-msg .read .content .from-them .thumb img {
  width: 100%;
  border-radius: 100%;
}
section.wb-view .page-msg .read .content .loading {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 50%;
  top: 100%;
  position: absolute;
}
section.wb-view .page-msg .read .content .loading i {
  display: block;
}
section.wb-view .page-msg .read .content .sending {
  float: right;
}
section.wb-view .page-msg .read .content .sending .loader {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  padding-top: 15px;
}
section.wb-view .page-msg .read .content .sending .loader svg {
  z-index: 1000 !important;
  margin-top: 15px;
}
section.wb-view .page-msg .read .content .sending button {
  background-color: white;
}
section.wb-view .page-msg .read .btn-close {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  z-index: 100000;
}
section.wb-view .page-msg .read .thumb {
  position: absolute;
  top: 0;
  left: 10px;
}
section.wb-view .page-msg .read .thumb a:nth-child(1) {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 10px;
}
section.wb-view .page-msg .read .thumb a:nth-child(1) img {
  width: 100%;
}
section.wb-view .page-msg .read .thumb a:nth-child(2) {
  width: auto;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 62px;
  color: #ab0000;
  line-height: 40px;
  text-decoration: none;
  padding: 0;
  font-weight: bold;
}
section.wb-view .page-msg .read .input-msg {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: auto;
  background-color: white;
  padding: 5px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000;
}
section.wb-view .page-msg .read .input-msg > div {
  border: 1px solid gainsboro;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 25px;
}
section.wb-view .page-msg .read .input-msg > div .input {
  width: 94%;
  padding: 5px 17px;
}
section.wb-view .page-msg .read .input-msg > div .input textarea {
  width: 100%;
  height: auto;
  border: none;
  margin: 0 auto;
  display: block;
  resize: none;
  line-height: 30px;
}
section.wb-view .page-msg .read .input-msg > div .btn {
  background-color: white;
  /* border: 1px solid; */
  border-radius: 100%;
  width: 32px;
  height: 32px;
  border: 0px;
  position: absolute;
  right: 10px;
  bottom: 12px;
}
section.wb-view .page-msg .read .input-msg > div .btn button {
  border: none;
}
section.wb-view .page-msg .read .input-msg > div .btn button:active {
  opacity: 0.9;
  background-size: 80%;
}
section.wb-view .page-msg .read .input-msg > div .btn .app-icon, section.wb-view .page-msg .read .input-msg > div .btn .page-post form .input-file label, section.wb-view .page-post form .input-file .page-msg .read .input-msg > div .btn label, section.wb-view .page-msg .read .input-msg > div .btn .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-msg .read .input-msg > div .btn label.except {
  background-size: 100%;
}
section.wb-view .page-follow {
  max-width: 600px;
  padding-top: 50px;
}
section.wb-view .page-follow .btn-bann {
  position: absolute;
  top: 0;
  z-index: 101;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
}
section.wb-view .page-follow div.item {
  width: 100%;
  height: 60px;
  overflow: hidden;
  /* display: flex; */
  /* justify-content: space-between; */
  padding: 5px;
  LINE-HEIGHT: 50PX;
}
section.wb-view .page-follow div.item .thumb {
  float: left;
  position: relative;
}
section.wb-view .page-follow div.item .thumb a {
  display: block;
  display: block;
  /* width: 50px; */
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}
section.wb-view .page-follow div.item .thumb a img {
  width: 50px;
}
section.wb-view .page-follow div.item .thumb i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: -5px;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 100%;
}
section.wb-view .page-follow div.item .info {
  float: left;
  height: 100%;
  LINE-HEIGHT: 22PX;
  margin-left: 10px;
}
section.wb-view .page-follow div.item .info a {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-follow div.item .info > div {
  height: 100%;
  line-height: 50px;
}
section.wb-view .page-follow div.item .action {
  float: right;
}
section.wb-view .page-follow div.item .action a {
  text-decoration: none;
  border: 1px solid #ab0000;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.8em;
}
section.wb-view .page-follow div.item .action a:hover {
  opacity: 0.8;
}
section.wb-view .page-follow div.item .action a:active {
  opacity: 1;
  background-color: #ab0000;
  color: #ffffff;
}
section.wb-view .page-follow div.item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
section.wb-view .page-home {
  width: 100%;
  max-width: 100%;
}
section.wb-view .page-home > .content {
  max-width: 600px;
  margin: 0 auto;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  section.wb-view .page-home > .content {
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-count: 3;
  }
}
@media screen and (max-width: 600px) {
  section.wb-view .page-home > .content {
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-count: 2;
  }
}
@media screen and (max-width: 600px) {
  section.wb-view .page-home > .content .item_b_square_dat {
    MAX-HEIGHT: 260px;
  }
}
section.wb-view .page-home > .content .item {
  transition: 0.8s opacity;
  max-width: 100%;
  padding: 0 5px 10px;
  break-inside: avoid;
  box-sizing: border-box;
}
section.wb-view .page-home > .content .item > div {
  border: 1px solid #ab0000;
  border-radius: 11px;
  position: relative;
  text-align: left;
  overflow: hidden;
  width: 100%;
}
section.wb-view .page-home > .content .item > div .content img {
  width: 100%;
}
section.wb-view .page-home > .content .item > div .footer {
  position: relative;
  width: 100%;
  padding: 0px 5px 10px;
}
section.wb-view .page-home > .content .item > div .footer p {
  padding: 0;
  margin: 0 0 13px 0;
  font-weight: bold;
  font-size: 0.8em;
}
section.wb-view .page-home > .content .item > div .footer > div {
  line-height: 35px;
}
section.wb-view .page-home > .content .item > div .footer > div h2 {
  display: inline-block;
  /* vertical-align: middle; */
  color: #ab0000;
  font-weight: 400;
  margin: 0;
  font-size: 1.1em;
  text-transform: uppercase;
}
section.wb-view .page-home > .content .item > div .footer > div i {
  float: right;
  display: inline-block;
  width: 39px;
  height: 30px;
}
section.wb-view .page-home > .content .item > div:hover {
  cursor: pointer;
  border: 1px solid rgba(171, 0, 0, 0.65);
}
section.wb-view .page-home > .content .item > div:hover img.brd-c-a {
  border-bottom-color: deepskyblue;
}
section.wb-view .page-home > .content .item > div:hover img.brd-c-b {
  border-bottom-color: deeppink;
}
section.wb-view .page-home > .content .item > div:hover img.brd-c-c {
  border-bottom-color: darkgreen;
}
section.wb-view .page-home > .content .item > div:hover img.brd-c-d {
  border-bottom-color: mediumvioletred;
}
section.wb-view .page-home > .content .item > div:hover img.brd-c-e {
  border-bottom-color: yellow;
}
section.wb-view .page-home > .content .item_b {
  transition: 0.8s opacity;
  max-width: 100%;
  break-inside: avoid;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  border-radius: 5px;
  margin-bottom: 5px;
}
section.wb-view .page-home > .content .item_b:hover {
  cursor: pointer;
}
section.wb-view .page-home > .content .item_b .container {
  display: none;
}
section.wb-view .page-home > .content .item_b .container .title {
  width: 100%;
  padding: 5px 10px;
  font-size: 1em;
  background: -moz-linear-gradient(top, black -40%, rgba(0, 0, 0, 0) 50%);
  background: -webkit-linear-gradient(top, black -47%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, #000000 -47px, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#00ffffff", GradientType=0);
  position: absolute;
  top: 0;
  line-height: 30px;
  color: #fff;
}
section.wb-view .page-home > .content .item_b .container .title h2 {
  display: inline-block;
  /* vertical-align: middle; */
  margin: 0;
  text-transform: uppercase;
  font-size: 1em;
}
section.wb-view .page-home > .content .item_b .container .title i {
  float: right;
  display: inline-block;
  width: 39px;
  height: 30px;
}
section.wb-view .page-home > .content .item_b .container .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section.wb-view .page-home > .content .item_b .container .content img {
  width: 200%;
  margin-left: -50%;
  margin-top: -28%;
}
section.wb-view .page-home > .content .item_b .container .footer {
  position: absolute;
  width: 100%;
  padding: 0px 5px 0;
  bottom: 0px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 130%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 130%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 130%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff000000", endColorstr="#000000", GradientType=0);
}
section.wb-view .page-home > .content .item_b .container .footer p {
  padding: 10px 0;
  /* margin: 0 0 13px 0; */
  font-weight: bold;
  font-size: 0.8em;
  margin: 0;
  overflow: hidden;
}
section.wb-view .page-home > .content .item_b .container .price {
  display: block;
  position: absolute;
  right: 5px;
  padding: 10px;
  background-color: #ab0000;
  border-radius: 100%;
  top: 8px;
}
section.wb-view .page-home > .content .item_b .container_load {
  width: 100%;
  height: 259px;
  border: 1px solid #dfdfdf;
  background-image: url("../img/icon/spiner.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20%;
}
section.wb-view .page-home > .content .item_b_square {
  MAX-HEIGHT: 260px;
}
section.wb-view .page-news {
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
}
section.wb-view .page-news .content {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 100px;
}
section.wb-view .page-news .content .item {
  min-width: 300px;
  min-height: 300px;
  /* margin: 10px; */
  background-color: #fff;
  overflow: hidden;
  margin: 0 auto;
  max-width: 600px;
  max-height: 350px;
  position: relative;
  border-bottom: 3px solid #b61900;
}
section.wb-view .page-news .content .item .thumb {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
section.wb-view .page-news .content .item .thumb .btn-show-list {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
}
section.wb-view .page-news .content .item .thumb img {
  width: 100%;
}
section.wb-view .page-news .content .item .thumb img:hover {
  opacity: 0.9;
}
section.wb-view .page-news .content .item .thumb img:active {
  opacity: 0.7;
}
section.wb-view .page-news .content .item .thumb .btn-action {
  position: absolute;
  bottom: 80px;
  color: #fff;
  padding: 10px 10px 5px 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-news .content .item .thumb .btn-action > .app-icon, section.wb-view .page-news .content .item .thumb .page-post form .input-file .btn-action > label, section.wb-view .page-post form .input-file .page-news .content .item .thumb .btn-action > label, section.wb-view .page-news .content .item .thumb .page-post form .form-info .btn-action > label.except, section.wb-view .page-post form .form-info .page-news .content .item .thumb .btn-action > label.except {
  width: 40px;
  height: 40px;
}
section.wb-view .page-news .content .item .title {
  position: absolute;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px 10px 5px 10px;
  width: 100%;
}
section.wb-view .page-news .content .item .title h2 {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.4em;
}
section.wb-view .page-news .content .item .title span {
  color: #ffffffd6;
  font-size: 0.8em;
  margin-top: 5px;
  padding: 5px;
}
section.wb-view .page-news .content .item .nb-view {
  float: right;
}
section.wb-view .page-news .content .item .time {
  float: left;
}
section.wb-view .page-news .content .item .views {
  float: right;
}
section.wb-view .page-news .content .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
  padding-top: 5px;
  border-top: 1px solid #00000026;
}
section.wb-view .page-news .content .fp-article > header {
  padding: 5px;
}
section.wb-view .page-news .content .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-news .content .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-news .content .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-news .content .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-news .content .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-news .content .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
  min-width: 300px;
  min-height: 300px;
  background-color: #e4e4e4;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-news .content .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-news .content .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-news .content .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-news .content .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-news .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-pict {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 100px;
}
section.wb-view .page-pict .content {
  height: inherit;
}
section.wb-view .page-pict .content .items {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-pict .content .items .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-pict .content .items .fp-article > header {
  padding: 5px;
}
section.wb-view .page-pict .content .items .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-pict .content .items .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-pict .content .items .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-pict .content .items .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-pict .content .items .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 40px;
  /* float: left; */
  display: flex;
  /* columns: 2; */
  /* flex: auto; */
  justify-content: space-between;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
  width: 30px;
  height: 30px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
  margin-left: 5px;
}
section.wb-view .page-pict .content .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-pict .btnCls {
  height: 65px;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  padding-top: 10px;
  z-index: 1044444444444444400 !important;
  min-width: 375px;
  width: 100%;
  max-width: 700px;
  text-align: right;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white -3%, rgba(255, 255, 255, 0) 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=-20%);
  /* IE6-9 */
  margin: 0 auto;
}
section.wb-view .page-pict .btnCls button.app-btn {
  width: 30px;
  height: 30px;
  border: none;
  display: inline-block;
  margin: 5px;
}
section.wb-view .page-pict .pictFullNav {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  z-index: 10011111111;
  top: 0;
  left: 0;
  z-index: 100001011;
  overflow-y: scroll;
}
section.wb-view .page-pict .pictFullNav .items {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 40px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header {
  padding: 5px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 40px;
  /* float: left; */
  display: flex;
  /* columns: 2; */
  /* flex: auto; */
  justify-content: space-between;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
  width: 30px;
  height: 30px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
  margin-left: 5px;
}
section.wb-view .page-pict .pictFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-tube {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
}
section.wb-view .page-tube .btnCls {
  height: 65px;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  padding-top: 10px;
  z-index: 1044444444444444400 !important;
  min-width: 375px;
  width: 100%;
  max-width: 700px;
  text-align: right;
  margin: 0 auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white -3%, rgba(255, 255, 255, 0) 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=-20%);
  /* IE6-9 */
}
section.wb-view .page-tube .btnCls button.app-btn {
  width: 30px;
  height: 30px;
  border: none;
  display: inline-block;
  margin: 5px;
}
section.wb-view .page-tube .content {
  width: 100%;
  height: auto;
  min-height: 100%;
}
section.wb-view .page-tube .content .items {
  z-index: 100;
  min-width: 300px;
  overflow: hidden;
  margin: 0 auto;
  max-width: 600px;
  position: relative;
  overflow-y: scroll;
  text-align: center;
  padding: 0 4px;
}
section.wb-view .page-tube .content .items::-webkit-scrollbar {
  display: none;
}
section.wb-view .page-tube .content .items .thumb {
  float: left;
  width: 33.33%;
  /* border: 1px solid #dbdbdb; */
  /* border-radius: 20%; */
  overflow: hidden;
  padding: 1px;
  /* position: relative; */
  /* PADDING: 1PX !important; */
  /* z-index: 10000000000000000000000000000000000000; */
}
section.wb-view .page-tube .content .items .thumb:hover {
  cursor: pointer;
}
section.wb-view .page-tube .content .items .thumb .content {
  width: 100%;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  /* vertical-align: middle; */
  /* margin: auto; */
  /* PADDING: 10px; */
  /* border-radius: 5px; */
  border: 1px solid #d4d3d3;
  border-radius: 3px;
}
section.wb-view .page-tube .content .items .thumb .content a img {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  /* margin: auto auto auto -15px; */
  transition: visibility 0s, opacity 1s linear;
  /* border-radius: 100%; */
  /* border: 1px solid; */
}
section.wb-view .page-tube .content .items .thumb .content .icon-play {
  opacity: 0.6;
  position: absolute;
  left: 90%;
  top: 90%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 15%;
  height: 15%;
  BACKGROUND-REPEAT: no-repeat;
  background-size: 100%;
}
section.wb-view .page-tube .content .items .thumb .content .icon-play:hover {
  cursor: pointer;
}
section.wb-view .page-tube .content .items .thumb .content .icon-play:active {
  opacity: 1;
}
section.wb-view .page-tube .content .items .thumb .content > a.app-icon-more-black {
  position: absolute;
  z-index: 10000;
  bottom: 0;
  background-color: #fff;
  padding: 20px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-size: 75%;
  border-radius: 100%;
}
section.wb-view .page-tube .content .items .thumb .content > a.app-icon-more-black:active, section.wb-view .page-tube .content .items .thumb .content > a.app-icon-more-black:hover {
  background-color: #b3b3b3;
}
section.wb-view .page-tube .content .app-msg {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
}
section.wb-view .page-tube .tubeFullNav {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 100001011 !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
section.wb-view .page-tube .tubeFullNav .items {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 40px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header {
  padding: 7px;
  border-top: 1px solid #00000026;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  /* float: left; */
  /* margin-right: 10px; */
  vertical-align: middle;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  float: right;
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > header > div:nth-child(3) > .app-icon-mini {
  margin: 5px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
  min-height: 100px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .app-icon-load {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  padding: 50px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .preview-img {
  width: 100%;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .btnPlay {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  margin: 40% auto;
  background-color: transparent;
  border: none;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .btnPlay i {
  display: block;
  opacity: 0.7;
  background-size: 100% !important;
}
@media screen and (min-width: 600px) {
  section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content iframe {
    height: 350px !important;
  }
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-action > div:nth-child(1) {
  width: auto;
  height: 100%;
  line-height: 40px;
  /* float: left; */
  display: flex;
  /* columns: 2; */
  /* flex: auto; */
  justify-content: space-between;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-action > div:nth-child(1) a {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  background-size: 90%;
  width: 30px;
  height: 30px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #000;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  padding: 10px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a span {
  margin-right: 5px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) a:nth-child(3) {
  float: right;
  width: 70px;
  /* display: block; */
  margin-right: 0;
  text-align: right;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .n_item {
  height: auto;
  line-height: 40px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) {
  margin: 0;
  position: relative;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
  font-weight: 100;
  line-height: 20px;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.hash {
  color: #000;
  text-decoration: none;
  /* margin-left: 5px; */
  font-weight: bold;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(2) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .app-btn, section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .page-user .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .page-tube .tubeFullNav .items .fp-article > .fp-article-footer i, section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span .page-tube .tubeFullNav .items .fp-article > .fp-article-footer i {
  border: none !important;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article > .fp-article-footer .app-icon-visible {
  background-size: 50%;
}
section.wb-view .page-tube .tubeFullNav .items .fp-article:first-child > header {
  border: 0px;
}
section.wb-view .page-dating {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 100px;
}
section.wb-view .page-dating div.wbform {
  width: 100%;
  margin: 0 auto;
  max-width: 700px;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  height: auto;
}
section.wb-view .page-dating div.wbform form {
  width: 100%;
  display: block;
  padding: 0 !important;
  text-align: right;
  /* Change Autocomplete styles in Chrome*/
}
section.wb-view .page-dating div.wbform form label {
  display: none;
}
section.wb-view .page-dating div.wbform form .fp-input-txt {
  margin: 0 auto;
  width: 70%;
  text-align: center;
  max-width: 420px;
  font-size: 1em;
  height: 30px;
  display: inline-block;
  background-color: #fff;
  padding: 15px 10px;
  margin: 0;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  box-shadow: none;
  border: none;
}
section.wb-view .page-dating div.wbform form button {
  display: inline-block;
  width: 19%;
}
section.wb-view .page-dating div.wbform form .item-a {
  margin: 10px 0;
}
section.wb-view .page-dating div.wbform form input:-webkit-autofill,
section.wb-view .page-dating div.wbform form input:-webkit-autofill:hover,
section.wb-view .page-dating div.wbform form input:-webkit-autofill:focus input:-webkit-autofill {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
section.wb-view .page-dating div.wbform .items-tag {
  width: 100%;
  margin: 5px 0;
  position: relative;
  text-align: center;
}
section.wb-view .page-dating div.wbform .items-tag .tag {
  color: #b61900;
  padding: 3px 4px;
  text-decoration: none;
  font-size: 0.8rem;
}
section.wb-view .page-dating div.wbform .items-tag .tag i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
section.wb-view .page-dating div.wbform .items-tag .delTag {
  position: fixed;
  right: 0;
  top: 5px;
  background-color: #fff;
  border: none;
}
section.wb-view .page-dating > .content {
  padding: 0;
  width: 100%;
  max-width: 600px;
  height: 100vh;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
}
section.wb-view .page-dating > .content .tinder-content .item {
  width: 100%;
  height: auto;
  overflow: hidden;
  /* display: flex; */
  /* justify-content: space-between; */
  /* LINE-HEIGHT: 50PX; */
}
section.wb-view .page-dating > .content .tinder-content .item .thumb {
  position: relative;
  padding: 20px;
}
section.wb-view .page-dating > .content .tinder-content .item .thumb a {
  /* width: 50px; */
}
section.wb-view .page-dating > .content .tinder-content .item .thumb a img {
  width: 100%;
}
section.wb-view .page-dating > .content .tinder-content .item .thumb i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: -5px;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 100%;
}
section.wb-view .page-dating > .content .tinder-content .item .info {
  margin-left: 10px;
  border-bottom: 1px solid #aeaeae;
  width: 100%;
}
section.wb-view .page-dating > .content .tinder-content .item .info div a {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-dating > .content .tinder-content .item .info div a.app-icon-more-black {
  float: right;
}
section.wb-view .page-dating > .content .tinder-content .item .info div:nth-child(2) div {
  align-items: center;
  font-size: 0.8em;
}
section.wb-view .page-dating > .content .tinder-content .item .info div:nth-child(2) div span {
  margin-right: 10px;
}
section.wb-view .page-dating > .content .tinder-content .item .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 6px 0;
  color: #000;
}
section.wb-view .page-dating > .content .tinder-content .item .btn-action {
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-dating > .content .tinder-content .item .btn-action .app-icon, section.wb-view .page-dating > .content .tinder-content .item .btn-action .page-post form .input-file label, section.wb-view .page-post form .input-file .page-dating > .content .tinder-content .item .btn-action label, section.wb-view .page-dating > .content .tinder-content .item .btn-action .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-dating > .content .tinder-content .item .btn-action label.except {
  width: 40px !important;
  height: 40px !important;
}
section.wb-view .page-dating > .content .tinder-content .item:hover, section.wb-view .page-dating > .content .tinder-content .item:focus {
  background-color: #f9f9f9;
}
section.wb-view .page-dating > .content .tinder-content .item:active {
  background-color: #f3efef;
}
section.wb-view .page-dating > .content .n_page {
  display: none;
}
section.wb-view .page-dating > .content .app-msg {
  width: 100%;
  text-align: center;
  padding: 160px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
  position: absolute;
  top: 0;
  z-index: 100;
  background-color: #fff;
  height: 100vh;
}
section.wb-view .page-dating .loadmore {
  margin-top: 150px;
}
section.wb-view .page-auth {
  width: 100%;
  height: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}
section.wb-view .page-auth .header {
  padding: 0 10px 0;
}
section.wb-view .page-auth .header i {
  width: 100px !important;
  height: 100px !important;
  display: BLOCK;
  background: url(../img/icon/ico-wb-c.png) no-repeat center center;
  background-size: 100%;
  margin: 0 auto 5px;
  border-radius: 20px;
}
section.wb-view .page-auth .header .logo-mini {
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
section.wb-view .page-auth .header p {
  /* display: inline-block; */
  margin: 0;
  /* height: 40px; */
  /* width: 100%; */
  /* float: left; */
  font-size: 1.2em;
  text-align: left;
  font-weight: 500;
  font-style: italic;
}
section.wb-view .page-auth .header h1 {
  text-align: center;
}
section.wb-view .page-auth .box-btn {
  margin-top: 16px;
}
section.wb-view .page-auth .box-btn h1 {
  width: 88%;
  margin: 22px auto;
}
section.wb-view .page-auth .box-btn a {
  display: block;
  margin: 0 auto;
  /* max-width: 200px; */
  width: 85%;
  padding: 10px 5px;
  margin: 16px auto;
  border-radius: 50px;
  border: 1px solid #ab0000;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  color: #ab0000;
  font-weight: 600;
}
section.wb-view .page-auth .box-btn .bg-full {
  background-color: #ab0000;
  color: #fff;
  font-weight: 600;
}
section.wb-view .page-auth .content {
  color: #fff;
  background-color: #ab0000;
  padding: 10px;
  /* width: 100px !important; */
  /* height: 100px !important; */
  display: BLOCK;
  background: url(../img/icon/ico-wb.png) no-repeat right -2px top 1px;
  background-size: 63px;
  /* margin: 0 auto 5px; */
  /* border-radius: 20px; */
  /* opacity: 0.2; */
  background-color: #ab0000;
}
section.wb-view .page-auth .content ul {
  padding: 0;
  list-style-type: none;
  font-size: 83%;
}
section.wb-view .page-auth .content ul li {
  line-height: 50px;
  clear: both;
}
section.wb-view .page-auth .content ul li i {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  margin: 0 10px;
}
section.wb-view .page-auth .content ul li:last-child {
  padding-left: 72px;
  font-size: 0.9em;
  line-height: 29px;
}
section.wb-view .page-auth .notif {
  width: 100%;
  padding: 10px;
  text-align: center;
}
section.wb-view .page-auth .notif p {
  margin: 0 auto;
}
section.wb-view .page-auth .footer {
  background-color: #ab0000;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 0.8em;
}
section.wb-view .page-auth .footer li {
  display: inline-block;
  margin-bottom: 7px;
  margin-right: 16px;
}
section.wb-view .page-auth .footer a {
  text-decoration: none;
  color: #fff;
}
section.wb-view .page-auth .wbformsign {
  width: 100%;
  padding: 10px;
}
section.wb-view .page-auth .wbformsign form input.styl {
  border-radius: 25px;
  box-shadow: none;
  background-color: #f5f8fa !important;
  color: #000;
  padding: 15px;
  margin: 10px auto;
  text-shadow: none;
  border: none;
  width: 89%;
  font-size: 1em;
}
section.wb-view .page-auth .wbformsign form input.bg-full {
  background-color: #ab0000 !important;
  color: #fff;
  font-weight: 600;
  padding: 15px 38px;
  width: 60%;
}
section.wb-view .page-auth .wbformsign form input[type=submit] {
  margin: 40px auto;
  display: block;
  max-width: 151px;
  /* border: 1px solid #ab0101; */
  background-color: #ab0000 !important;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  font-weight: 500;
}
section.wb-view .page-auth .wbformsign form input[type=submit]:active {
  opacity: 0.9;
}
section.wb-view .page-auth .wbformsign form .app-icon-load {
  color: transparent !important;
}
section.wb-view .page-auth .wbformsign form .margezero {
  margin: 0;
}
section.wb-view .page-auth .wbformsign form .margezero .md-errors-spacer {
  display: none;
}
section.wb-view .page-auth .wbformsign form .margezero .md-datepicker-triangle-button.md-button.md-icon-button {
  display: none;
}
section.wb-view .page-auth .wbformsign form .margezero .md-datepicker-button {
  border: 1px solid rgba(0, 0, 0, 0.23);
}
section.wb-view .page-auth .wbformsign form .wb-block-center {
  text-align: center;
  width: 100%;
  margin: 0;
  color: red;
  font-size: 0.9em;
}
section.wb-view .page-auth .wbformsign .btn {
  margin: 11px auto;
  width: 100%;
  text-align: center;
}
section.wb-view .page-auth .wbformsign .btn a {
  color: #ab0000;
  text-decoration: none;
  margin: 0 8px;
  font-size: 80%;
}
section.wb-view .page-auth .linkBack {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 10px 0;
}
section.wb-view .page-annual {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 131px;
}
section.wb-view .page-annual .content {
  width: 100%;
  height: auto;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-annual .content .fk-action {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-annual .content .fk-action a, section.wb-view .page-annual .content .fk-action button {
  text-decoration: none;
  border: 1px solid #ab0000;
  background-color: #fff;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 0.8em;
}
section.wb-view .page-annual .content .fk-action a:hover, section.wb-view .page-annual .content .fk-action button:hover {
  opacity: 1;
  background-color: rgba(171, 0, 0, 0.45);
  border: 1px solid rgba(171, 0, 0, 0.45);
  color: #ffffff;
  opacity: 0.8;
}
section.wb-view .page-annual .content .fk-action a:active, section.wb-view .page-annual .content .fk-action button:active {
  opacity: 1;
  background-color: #ab0000;
  color: #ffffff;
}
section.wb-view .page-annual .content .fk-action .active {
  background-color: #ab0000;
  color: #fff;
}
section.wb-view .page-annual .content .fk-fieldset {
  border: none;
  text-align: left;
}
section.wb-view .page-annual .content .items {
  padding: 5px;
}
section.wb-view .page-annual .content .items .item {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 1px solid #787878;
  border-radius: 20px;
  /* display: flex; */
  /* justify-content: space-between; */
  padding: 10px;
  margin-bottom: 15px;
  display: block;
}
section.wb-view .page-annual .content .items .item .thumb {
  float: left;
  position: relative;
}
section.wb-view .page-annual .content .items .item .thumb a {
  display: block;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
  border: 2px solid #ab0000;
}
section.wb-view .page-annual .content .items .item .thumb a img {
  width: 100%;
}
section.wb-view .page-annual .content .items .item .thumb a.sx_h {
  border-color: #54bdff;
}
section.wb-view .page-annual .content .items .item .thumb a.sx_f {
  border-color: #ff25cc;
}
section.wb-view .page-annual .content .items .item .thumb i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: -5px;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 100%;
}
section.wb-view .page-annual .content .items .item .info {
  float: left;
  height: 100%;
  LINE-HEIGHT: 22PX;
  margin-left: 10px;
}
section.wb-view .page-annual .content .items .item .info > div {
  margin-bottom: 5px;
}
section.wb-view .page-annual .content .items .item .info a {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-annual .content .items .item .info div:nth-child(2) {
  font-size: 0.8em;
}
section.wb-view .page-annual .content .items .item .info .flag {
  width: 30px;
  height: 15px;
  display: inline-block;
}
section.wb-view .page-annual .content .items .item .action {
  float: right;
  margin-right: 5px;
}
section.wb-view .page-annual .content .items .item .action > a.app-icon-more-black {
  background-color: #fff;
  border: 1px solid #ab0000;
  padding: 0 20px;
  top: 6px;
  background-size: 75%;
  border-radius: 5px;
  margin: 0 auto;
}
section.wb-view .page-annual .content .items .item .action > a.app-icon-more-black:active, section.wb-view .page-annual .content .items .item .action > a.app-icon-more-black:hover {
  background-color: #b3b3b3;
}
section.wb-view .page-annual .content .items .item .btn-action {
  clear: both;
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-annual .content .items .item .btn-action .app-icon, section.wb-view .page-annual .content .items .item .btn-action .page-post form .input-file label, section.wb-view .page-post form .input-file .page-annual .content .items .item .btn-action label, section.wb-view .page-annual .content .items .item .btn-action .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-annual .content .items .item .btn-action label.except {
  width: 40px;
  height: 30px;
}
section.wb-view .page-annual .content .items .item_offic {
  background-color: #ab000017;
}
section.wb-view .page-annual .content .items .item_offic .info span {
  font-weight: bold;
}
section.wb-view .page-annual .content .app-msg {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
}
section.wb-view .page-annual .content .app-msg span {
  font-weight: bold;
}
section.wb-view .page-annual .content .fk-advert p {
  font-size: 0.9em;
  padding: 0 20px;
  text-align: center;
  line-height: 21px;
  color: #3a3737;
  font-style: italic;
}
section.wb-view div[ng-controller=annualCtrl] .blk-fixed {
  position: fixed;
  z-index: 101;
  width: 30px;
  height: 30px;
  right: 5px;
  top: 5px;
}
section.wb-view div[ng-controller=annualCtrl] .blk-fixed a i {
  display: block;
}
section.wb-view .annual-header-btn {
  position: fixed;
  right: 0;
  top: 5px;
  /* background-color: #252020; */
  z-index: 10000000000;
  /* width: 50px; */
  /* height: 50px; */
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  left: 0;
}
section.wb-view .annual-header-btn > div {
  background-color: #fff;
  float: right;
}
section.wb-view .annual-header-btn > div a {
  width: 40px;
  height: 40px;
  display: block;
}
section.wb-view .annual-header-btn > div a i {
  display: block;
}
section.wb-view .annual-header {
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .annual-header .app-icon, section.wb-view .annual-header .page-post form .input-file label, section.wb-view .page-post form .input-file .annual-header label, section.wb-view .annual-header .page-post form .form-info label.except, section.wb-view .page-post form .form-info .annual-header label.except {
  background-size: 89%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
section.wb-view .annual-header .monochrm {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
section.wb-view .annual-header ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 0;
  margin: 0;
}
section.wb-view .page-promo {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 50px;
  position: relative;
}
section.wb-view .page-promo .btnCls {
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  /* right: 5px; */
  padding-top: 5px;
  padding-right: 5px;
  z-index: 1044444444444444400 !important;
  min-width: 375px;
  width: 100%;
  max-width: 700px;
  text-align: right;
  background: -moz-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  background: -webkit-linear-gradient(top, white -3%, rgba(255, 255, 255, 0) 90%);
  background: linear-gradient(to bottom, white -3%, rgba(255, 255, 255, 0) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=-20%);
}
section.wb-view .page-promo .btnCls button.app-btn {
  width: 30px;
  height: 30px;
  border: none;
  display: inline-block;
}
section.wb-view .page-promo .items_conteneur {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 5px;
}
section.wb-view .page-promo .items_conteneur > .flex_item {
  position: relative;
  border-radius: 4px;
  break-inside: avoid;
  box-sizing: border-box;
}
section.wb-view .page-promo .items_conteneur > .flex_item:active {
  background-color: #0000000f;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .thumb {
  text-align: center;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .thumb > a {
  display: inline-block;
  overflow: hidden;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .thumb > a img {
  width: 100%;
  max-width: 300px;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .title {
  position: relative;
  width: auto;
  color: #000;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  border: 1px solid;
  border-radius: 20px;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .txt {
  position: relative;
  /* bottom: 42px; */
  color: #000;
  font-weight: 500;
  padding: 10px 5px;
  font-size: 0.9em;
  width: 100%;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .txt p {
  margin: 0;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info {
  font-weight: bold;
  font-size: 0.8em;
  border: 1px solid #00000024;
  padding: 9px;
  position: relative;
  border-radius: 4px;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info > a.app-icon-more-black {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  top: 6px;
  background-size: 75%;
  border-radius: 100%;
  margin: 0 auto;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info > a.app-icon-more-black:active, section.wb-view .page-promo .items_conteneur > .flex_item > .info > a.app-icon-more-black:hover {
  background-color: #b3b3b3;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info .price {
  float: right;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info .city {
  float: left;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .info .city i {
  margin-right: 5px;
  border-radius: 40px;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .mng-action {
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-promo .items_conteneur > .flex_item > .mng-action .app-icon, section.wb-view .page-promo .items_conteneur > .flex_item > .mng-action .page-post form .input-file label, section.wb-view .page-post form .input-file .page-promo .items_conteneur > .flex_item > .mng-action label, section.wb-view .page-promo .items_conteneur > .flex_item > .mng-action .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-promo .items_conteneur > .flex_item > .mng-action label.except {
  width: 40px;
  height: 40px;
}
section.wb-view .page-promo .delTag {
  position: fixed;
  right: 0;
  top: 5px;
  /* background-color: #252020; */
  z-index: 10000000000;
  /* width: 50px; */
  /* height: 50px; */
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  left: 0;
}
section.wb-view .page-promo .delTag a {
  float: right;
  background-color: #fff;
  width: 40px;
  height: 40px;
}
section.wb-view .page-promo .delTag a i {
  display: block;
}
section.wb-view .page-promo .header .app-icon, section.wb-view .page-promo .header .page-post form .input-file label, section.wb-view .page-post form .input-file .page-promo .header label, section.wb-view .page-promo .header .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-promo .header label.except {
  background-size: 100%;
}
section.wb-view .page-promo .header ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 0;
}
section.wb-view .page-promo .content {
  width: 100%;
  height: inherit;
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-promo .content .items .item {
  width: 100%;
  height: 100px;
  overflow: hidden;
  /* display: flex; */
  /* justify-content: space-between; */
  padding: 5px 10px;
  /* LINE-HEIGHT: 50PX; */
}
section.wb-view .page-promo .content .items .item .thumb {
  float: left;
  position: relative;
}
section.wb-view .page-promo .content .items .item .thumb a {
  display: block;
  /* width: 50px; */
  height: 56px;
  border-radius: 100%;
  overflow: hidden;
  margin: 14px auto;
  border: 3px solid #ab0000;
}
section.wb-view .page-promo .content .items .item .thumb a img {
  width: 50px;
}
section.wb-view .page-promo .content .items .item .thumb a.sx_h {
  border-color: #54bdff;
}
section.wb-view .page-promo .content .items .item .thumb a.sx_f {
  border-color: #ff25cc;
}
section.wb-view .page-promo .content .items .item .thumb i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: -5px;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 100%;
}
section.wb-view .page-promo .content .items .item .info {
  margin-left: 10px;
}
section.wb-view .page-promo .content .items .item .info div a {
  color: #ab0000;
  text-decoration: none;
  text-transform: capitalize;
}
section.wb-view .page-promo .content .items .item .info div a > span {
  font-weight: bold;
}
section.wb-view .page-promo .content .items .item .info div:nth-child(2) div {
  font-size: 0.8em;
}
section.wb-view .page-promo .content .items .item .info div:nth-child(2) div span {
  float: left;
}
section.wb-view .page-promo .content .items .item .info div:nth-child(2) div span:nth-child(2) {
  margin-right: 30px;
}
section.wb-view .page-promo .content .items .item .info div:nth-child(2) div span:last-child {
  float: right;
}
section.wb-view .page-promo .content .items .item .info div:nth-child(2) div span i {
  width: 25px;
  height: 15px;
  display: block;
}
section.wb-view .page-promo .content .items .item .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 6px 0;
  color: #000;
  font-size: 0.8em;
  padding: 0 5px;
}
section.wb-view .page-promo .content .items .item .action {
  float: right;
}
section.wb-view .page-promo .content .items .item .action a {
  text-decoration: none;
  border: 1px solid #ab0000;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.8em;
}
section.wb-view .page-promo .content .items .item .action a:hover {
  opacity: 0.8;
}
section.wb-view .page-promo .content .items .item .action a:active {
  opacity: 1;
  background-color: #ab0000;
  color: #ffffff;
}
section.wb-view .page-promo .content .items .item:hover, section.wb-view .page-promo .content .items .item:focus {
  background-color: #f9f9f9;
}
section.wb-view .page-promo .content .items .item:active {
  background-color: #f3efef;
}
section.wb-view .page-promo .content .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-promo .content .fp-article > header {
  padding: 5px;
}
section.wb-view .page-promo .content .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
section.wb-view .page-promo .content .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-promo .content .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  line-height: 30px;
  display: block;
  float: left;
}
section.wb-view .page-promo .content .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-promo .content .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  line-height: 30px;
  float: right;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .price {
  position: absolute;
  display: block;
  min-width: 50px;
  height: 40px;
  line-height: 40px;
  z-index: 10000;
  left: 5px;
  bottom: 13px;
  background-color: #83bb63;
  color: #11440b;
  font-size: 1.5rem;
  text-align: center;
  border: 2px solid #fff;
  letter-spacing: 2px;
  padding: 0 10px;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
  border-bottom: 5px solid #ab0000;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-promo .content .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
  display: flex;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action div {
  margin-right: 10px;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 0.9rem;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action div span, section.wb-view .page-promo .content .fp-article > .fp-article-action div i {
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action div i {
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action div .flag {
  margin-right: 10px;
}
section.wb-view .page-promo .content .fp-article > .fp-article-action div:last-child {
  margin-left: auto;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  margin: 0;
  position: relative;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
  margin-left: 5px;
}
section.wb-view .page-promo .content .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-promo .content .app-msg {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
}
section.wb-view .page-promo .footer-chat {
  width: 100%;
  max-width: 800px;
  /* margin: 0 auto; */
  height: auto;
  background-color: white;
  padding: 5px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 102;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block {
  border: 1px solid gainsboro;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 25px;
  position: relative;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .input {
  width: 94%;
  padding: 5px 17px;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .input textarea {
  width: 100%;
  height: auto;
  border: none;
  margin: 0 auto;
  display: block;
  resize: none;
  line-height: 30px;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .btn {
  background-color: white;
  /* border: 1px solid; */
  border-radius: 100%;
  width: 32px;
  height: 32px;
  border: 0px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .btn button {
  border: none;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .btn button:active {
  opacity: 0.9;
  background-size: 80%;
}
section.wb-view .page-promo .footer-chat .input-msg > div.block .btn .app-icon, section.wb-view .page-promo .footer-chat .input-msg > div.block .btn .page-post form .input-file label, section.wb-view .page-post form .input-file .page-promo .footer-chat .input-msg > div.block .btn label, section.wb-view .page-promo .footer-chat .input-msg > div.block .btn .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-promo .footer-chat .input-msg > div.block .btn label.except {
  background-size: 100%;
}
section.wb-view .page-promo .footer-chat .info .msgtkn {
  clear: left;
  font-size: 73%;
  color: #909090;
  position: relative;
  display: flex;
  /* justify-content: space-around; */
  position: relative;
  min-height: 35px;
}
section.wb-view .page-promo .footer-chat .info .msgtkn p {
  margin: 0;
  padding: 5px 0 0 0;
}
section.wb-view .page-promo .footer-chat .info .msgtkn span {
  color: #ab0000;
}
section.wb-view .page-promo .footer-chat .info .msgtkn a {
  float: right;
  right: 5px;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 5px;
}
section.wb-view .page-promo .btn-chat {
  position: absolute;
  display: block;
  width: 60px;
  min-height: 60px;
  /* line-height: 50px; */
  /* z-index: 10000; */
  right: 10px;
  bottom: 10px;
  background-color: #ab0000a8;
  color: #fff;
  /* font-size: 1.5rem; */
  text-align: center;
  border: 1px solid #fff;
  border-radius: 100%;
  PADDING: 6PX;
}
section.wb-view .page-promo .btn-chat:active {
  background-color: #ab0000;
}
section.wb-view .page-promo .btn-chat md-icon {
  border: none;
  background-size: 55%;
  display: block;
}
section.wb-view .page-promo .btn-chat span {
  font-size: 0.8rem;
}
section.wb-view .page-promo .btn-chat i {
  position: absolute;
  top: 9px;
  left: 0;
  margin: 0 auto;
  right: 0;
  background-size: 65%;
  WIDTH: 20PX;
  HEIGHT: 20PX;
}
section.wb-view .page-promo .promosFullNav {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 100001011 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 100px;
}
section.wb-view .page-promo .promosFullNav .items {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 40px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article {
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header {
  padding: 7px;
  border-top: 1px solid #00000026;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(1) {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  border-radius: 100%;
  /* float: left; */
  /* margin-right: 10px; */
  vertical-align: middle;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(2) {
  width: auto;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(2) a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(3) {
  width: auto;
  height: 100%;
  float: right;
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > header > div:nth-child(3) > .app-icon-mini {
  margin: 5px 10px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content {
  width: auto;
  overflow: hidden;
  position: relative;
  justify-content: center;
  clear: both;
  min-height: 100px;
  /*   width: 50px;
     height: 50px;
     position: absolute;
     z-index: 100;
     !* left: 0; *!
     !* top: 0; *!
     right: 5px;
     bottom: 25px;
     margin: 0 auto;
     !* margin: 40% auto; *!
     background-color: transparent;
     border-radius: 100%;

     i {
     }*/
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .app-icon-load {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  padding: 50px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .preview-img {
  width: 100%;
}
@media screen and (min-width: 600px) {
  section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content iframe {
    height: 350px !important;
  }
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-item {
  max-width: 600px !important;
  max-height: 600px !important;
  display: none;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-item img {
  margin: 0 auto;
  display: block;
  WIDTH: 100%;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-btn-l, section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  width: 50%;
  height: 100%;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-btn-l {
  left: 0;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .fp-article-btn-r {
  right: 0;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .glr-item-play {
  display: block;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-content .price {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ab0000;
  color: #fff;
  padding: 10px 10px 20px 20px;
  border-bottom-left-radius: 40px;
  font-size: 1.8em;
  font-weight: bold;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  margin: 5px 0px;
  display: flex;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 0.9rem;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div span, section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div i {
  display: inline-block;
  vertical-align: middle;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div i {
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div .flag {
  margin-right: 10px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-action div:last-child {
  margin-left: auto;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer {
  width: 100%;
  height: auto;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  font-size: 0.9em;
  color: #ffffff;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) {
  margin: 0;
  position: relative;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p {
  margin: 0;
  color: #000;
  padding: 0px 10px;
  font-size: 1em;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p a.hash {
  color: #ab0000;
  text-decoration: none;
  margin-left: 5px;
}
section.wb-view .page-promo .promosFullNav .items .fp-article > .fp-article-footer .fp-article-footer-btn-p > div:nth-child(1) .txt p a.bold {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
section.wb-view .page-promo .promosFullNav .items .fp-article:first-child > header {
  border: 0px;
}
section.wb-view .page-setting {
  padding-top: 50px;
}
section.wb-view .page-setting .content {
  max-width: 600px;
  margin: 0 auto;
}
section.wb-view .page-setting .content form {
  width: 100%;
  padding: 10px;
}
section.wb-view .page-setting .content form .styl {
  border-radius: 25px;
  box-shadow: none;
  background-color: #ab0000 !important;
  color: #fff;
  padding: 15px;
  margin: 10px auto;
  text-shadow: none;
  border: none;
  width: 110px;
  font-size: 1em;
  display: block;
  text-align: center;
}
section.wb-view .page-setting .content form input.bg-full {
  background-color: #ab0000 !important;
  color: #fff;
  font-weight: 600;
  padding: 15px 38px;
  width: 60%;
}
section.wb-view .page-setting .content form input[type=submit] {
  margin: 40px auto;
  display: block;
  max-width: 151px;
  /* border: 1px solid #ab0101; */
  background-color: #ab0000 !important;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  font-weight: 500;
}
section.wb-view .page-setting .content form input[type=submit]:active {
  opacity: 0.9;
}
section.wb-view .page-setting .content form input {
  margin: 10px 0;
}
section.wb-view .page-setting .content form .resume {
  font-weight: bold;
}
section.wb-view .page-setting .content form .resume span {
  font-weight: 100;
  font-size: 0.8em;
  /* display: block; */
  margin: 5px 0;
  color: #6f6c6c;
}
section.wb-view .page-setting .content form .app-icon-load {
  color: transparent !important;
}
section.wb-view .page-setting .content form .margezero {
  margin: 0;
}
section.wb-view .page-setting .content form .margezero .md-errors-spacer {
  display: none;
}
section.wb-view .page-setting .content form .margezero .md-datepicker-triangle-button.md-button.md-icon-button {
  display: none;
}
section.wb-view .page-setting .content form .margezero .md-datepicker-button {
  border: 1px solid rgba(0, 0, 0, 0.23);
}
section.wb-view .page-setting .content form .wb-block-center {
  text-align: center;
  width: 100%;
  margin: 0;
  color: red;
  font-size: 0.9em;
}
section.wb-view .page-setting .content .btn {
  margin: 11px auto;
  width: 100%;
  text-align: center;
}
section.wb-view .page-setting .content .btn a {
  color: #ab0000;
  text-decoration: none;
  margin: 0 8px;
  font-size: 80%;
}
section.wb-view .page-coms .content {
  max-width: 60.75rem;
  padding: 0 1.25rem;
  padding-bottom: 60px;
}
section.wb-view .page-coms .content input, section.wb-view .page-coms .content textarea {
  outline: none;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "PT Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  color: #555f77;
}
section.wb-view .page-coms .content input::-webkit-input-placeholder, section.wb-view .page-coms .content textarea::-webkit-input-placeholder {
  color: #ced2db;
}
section.wb-view .page-coms .content input::-moz-placeholder, section.wb-view .page-coms .content textarea::-moz-placeholder {
  color: #ced2db;
}
section.wb-view .page-coms .content input:-moz-placeholder, section.wb-view .page-coms .content textarea:-moz-placeholder {
  color: #ced2db;
}
section.wb-view .page-coms .content input:-ms-input-placeholder, section.wb-view .page-coms .content textarea:-ms-input-placeholder {
  color: #ced2db;
}
section.wb-view .page-coms .content p {
  line-height: 1.3125rem;
}
section.wb-view .page-coms .content .comment-wrap {
  margin-bottom: 0.5rem;
  display: table;
  width: 100%;
  min-height: 5.3125rem;
}
section.wb-view .page-coms .content .photo {
  padding-top: 0.625rem;
  display: table-cell;
  width: 3.5rem;
}
section.wb-view .page-coms .content .photo .avatar {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  background-size: contain;
}
section.wb-view .page-coms .content .comment-block {
  padding: 1rem;
  background-color: #fff;
  display: table-cell;
  vertical-align: top;
  border-radius: 0.1875rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
section.wb-view .page-coms .content .comment-block textarea {
  width: 100%;
  resize: none;
}
section.wb-view .page-coms .content .comment-text {
  margin-bottom: 1.25rem;
}
section.wb-view .page-coms .content .bottom-comment {
  color: #acb4c2;
  font-size: 0.875rem;
}
section.wb-view .page-coms .content .comment-date {
  float: left;
  font-size: 0.8em;
}
section.wb-view .page-coms .content .comment-name {
  font-weight: bold;
  color: #ab0000;
}
section.wb-view .page-coms .content .comment-actions {
  float: right;
}
section.wb-view .page-coms .content .comment-actions li {
  display: inline;
  margin: -2px;
  cursor: pointer;
}
section.wb-view .page-coms .content .comment-actions li.complain {
  padding-right: 0.75rem;
  border-right: 1px solid #e1e5eb;
}
section.wb-view .page-coms .content .comment-actions li.reply {
  padding-left: 0.75rem;
  padding-right: 0.125rem;
}
section.wb-view .page-coms .content .comment-actions li:hover {
  color: #0095ff;
}
section.wb-view .page-coms .content .loading {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
section.wb-view .page-coms .content .loading i {
  display: block;
}
section.wb-view .page-coms .content .sending {
  float: right;
}
section.wb-view .page-coms .content .sending .loader {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  padding-top: 15px;
}
section.wb-view .page-coms .content .sending .loader svg {
  z-index: 1000 !important;
  margin-top: 15px;
}
section.wb-view .page-coms .content .sending button {
  background-color: white;
}
section.wb-view .page-coms .content .app-msg .nothing {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding-top: 50%;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #aeaeae;
}
section.wb-view .page-coms .btn-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 10px;
}
section.wb-view .page-coms .thumb {
  position: absolute;
  top: 0;
  left: 10px;
}
section.wb-view .page-coms .thumb a:nth-child(1) {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 10px;
}
section.wb-view .page-coms .thumb a:nth-child(1) img {
  width: 100%;
}
section.wb-view .page-coms .thumb a:nth-child(2) {
  width: auto;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 62px;
  color: #ab0000;
  line-height: 40px;
  text-decoration: none;
  padding: 0;
  font-weight: bold;
}
section.wb-view .page-coms .input-com {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: auto;
  background-color: white;
  padding: 5px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000;
}
section.wb-view .page-coms .input-com > div {
  border: 1px solid gainsboro;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border-radius: 25px;
}
section.wb-view .page-coms .input-com > div .input {
  width: 94%;
  padding: 5px 17px;
}
section.wb-view .page-coms .input-com > div .input textarea {
  width: 100%;
  height: auto;
  border: none;
  margin: 0 auto;
  display: block;
  resize: none;
  line-height: 30px;
}
section.wb-view .page-coms .input-com > div .btn {
  background-color: white;
  /* border: 1px solid; */
  border-radius: 100%;
  width: 32px;
  height: 32px;
  border: 0px;
  position: absolute;
  right: 10px;
  bottom: 12px;
}
section.wb-view .page-coms .input-com > div .btn button {
  border: 0;
}
section.wb-view .page-coms .input-com > div .btn button:active {
  opacity: 0.9;
  background-size: 80%;
}
section.wb-view .page-coms .input-com > div .btn .app-icon, section.wb-view .page-coms .input-com > div .btn .page-post form .input-file label, section.wb-view .page-post form .input-file .page-coms .input-com > div .btn label, section.wb-view .page-coms .input-com > div .btn .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-coms .input-com > div .btn label.except {
  background-size: 100%;
}
section.wb-view .page-pub {
  width: 100%;
  height: 100%;
  margin: 0 auto 150px;
  padding-top: 50px;
}
section.wb-view .page-pub div.wbform {
  width: 100%;
  margin: 0 auto;
  max-width: 700px;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  height: auto;
}
section.wb-view .page-pub div.wbform form {
  width: 100%;
  display: block;
  padding: 0 !important;
  text-align: right;
  /* Change Autocomplete styles in Chrome*/
}
section.wb-view .page-pub div.wbform form label {
  display: none;
}
section.wb-view .page-pub div.wbform form .fp-input-txt {
  margin: 0 auto;
  width: 70%;
  text-align: center;
  max-width: 420px;
  font-size: 1em;
  height: 30px;
  display: inline-block;
  background-color: #fff;
  padding: 15px 10px;
  margin: 0;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  box-shadow: none;
  border: none;
}
section.wb-view .page-pub div.wbform form button {
  display: inline-block;
  width: 19%;
}
section.wb-view .page-pub div.wbform form .item-a {
  margin: 10px 0;
}
section.wb-view .page-pub div.wbform form input:-webkit-autofill,
section.wb-view .page-pub div.wbform form input:-webkit-autofill:hover,
section.wb-view .page-pub div.wbform form input:-webkit-autofill:focus input:-webkit-autofill {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
section.wb-view .page-pub div.wbform .items-tag {
  width: 100%;
  margin: 5px 0;
  position: relative;
  text-align: center;
}
section.wb-view .page-pub div.wbform .items-tag .tag {
  color: #b61900;
  padding: 3px 4px;
  text-decoration: none;
  font-size: 0.8rem;
}
section.wb-view .page-pub div.wbform .items-tag .tag i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
section.wb-view .page-pub div.wbform .items-tag .delTag {
  position: fixed;
  right: 0;
  top: 5px;
  background-color: #fff;
  border: none;
}
section.wb-view .page-pub > .content {
  padding: 0;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
section.wb-view .page-pub > .content .pub-content .item {
  width: auto;
  height: auto;
  overflow: hidden;
  text-align: center;
  /* display: flex; */
  /* justify-content: space-between; */
  /* LINE-HEIGHT: 50PX; */
}
section.wb-view .page-pub > .content .pub-content .item .thumb {
  max-width: 380px;
  text-align: center;
  position: relative;
  padding: 20px;
  margin: 0 auto;
}
section.wb-view .page-pub > .content .pub-content .item .thumb a {
  /* width: 50px; */
}
section.wb-view .page-pub > .content .pub-content .item .thumb a img {
  width: 100%;
}
section.wb-view .page-pub > .content .pub-content .item .thumb i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: -5px;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 100%;
}
section.wb-view .page-pub > .content .pub-content .item .info {
  margin-left: 10px;
  border-bottom: 1px solid #aeaeae;
  width: 100%;
}
section.wb-view .page-pub > .content .pub-content .item .info div a {
  color: #ab0000;
  text-decoration: none;
}
section.wb-view .page-pub > .content .pub-content .item .info div a.app-icon-more-black {
  float: right;
}
section.wb-view .page-pub > .content .pub-content .item .info div:nth-child(2) div {
  align-items: center;
  font-size: 0.8em;
}
section.wb-view .page-pub > .content .pub-content .item .info div:nth-child(2) div span {
  margin-right: 10px;
}
section.wb-view .page-pub > .content .pub-content .item .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 6px 0;
  color: #000;
}
section.wb-view .page-pub > .content .pub-content .item .btn-action {
  display: flex;
  justify-content: space-between;
}
section.wb-view .page-pub > .content .pub-content .item .btn-action .app-icon, section.wb-view .page-pub > .content .pub-content .item .btn-action .page-post form .input-file label, section.wb-view .page-post form .input-file .page-pub > .content .pub-content .item .btn-action label, section.wb-view .page-pub > .content .pub-content .item .btn-action .page-post form .form-info label.except, section.wb-view .page-post form .form-info .page-pub > .content .pub-content .item .btn-action label.except {
  width: 40px !important;
  height: 40px !important;
}
section.wb-view .page-pub > .content .pub-content .item:hover, section.wb-view .page-pub > .content .pub-content .item:focus {
  background-color: #f9f9f9;
}
section.wb-view .page-pub > .content .pub-content .item:active {
  background-color: #f3efef;
}
section.wb-view .page-pub > .content .n_page {
  display: none;
}
section.wb-view .page-pub > .content .app-msg {
  width: 100%;
  text-align: center;
  padding: 160px 0;
  display: inline-block;
  font-size: 1.2em;
  color: #888888;
  position: absolute;
  top: 0;
  z-index: 100;
  background-color: #fff;
  height: 100vh;
}
section.wb-view .page-pub .loadmore {
  margin-top: 150px;
}

nav.app-nav {
  z-index: 100001;
  position: fixed;
  max-width: 730px !important;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
nav.app-nav .box_pos {
  position: fixed;
}
nav.app-nav .box_pos .content {
  position: relative;
  width: 100%;
  height: auto;
  height: 50px;
}
nav.app-nav .box_pos .content > div {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
nav.app-nav .box_pos .content > div .app-btn, nav.app-nav .box_pos .content > div section.wb-view .page-user .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span nav.app-nav .box_pos .content > div i, nav.app-nav .box_pos .content > div section.wb-view .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span nav.app-nav .box_pos .content > div i {
  border: none;
  display: block;
  background-position: center;
  border-radius: 100%;
}
nav.app-nav .box_pos .content .btn-back .app-icon-back {
  background-image: url("../img/icon/ico-back-red.png") !important;
}
nav.app-nav .box_pos .content .btn-home .active {
  opacity: 1;
}
nav.app-nav .box_pos .content .btn-action {
  margin: 0 auto;
  border-radius: 0px;
  width: 50px;
  height: 50px;
}
nav.app-nav .box_pos .content .btn-action .items {
  position: relative;
  width: 100%;
  height: 100%;
}
nav.app-nav .box_pos .content .btn-action .items a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ab0000;
  background-size: 40%;
  background-position: center 10px;
}
nav.app-nav .box_pos .content .btn-action .items a.app-icon-account {
  background-size: 85%;
  background-position: center center;
}
nav.app-nav .box_pos .content .btn-action .items a.app-icon-vld {
  background-size: 40%;
  BACKGROUND-POSITION: center 5px;
}
nav.app-nav .box_pos .content .btn-action .items a.disabled {
  background-color: #2e0202;
}
nav.app-nav .box_pos .content .btn-action .items a span.nbtkn {
  position: absolute;
  bottom: 6px;
  color: #fff;
  border-radius: 100%;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.7em;
  font-weight: 500;
}
nav.app-nav .box_pos .content .btn-action .items a.mini {
  width: 20px;
  height: 20px;
  bottom: -22px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* display: block; */
  /* border-radius: 0px; */
  padding: 0;
}
nav.app-nav .box_pos .content .mrg-btn-v-usr {
  BACKGROUND-POSITION: center 30% !important;
}
@media screen and (max-width: 700px) {
  nav.app-nav .box_pos {
    bottom: -5px;
    left: 0;
    width: 100%;
    min-width: 330px !important;
    background-color: rgba(255, 255, 255, 0.85);
  }
  nav.app-nav .box_pos .content > div {
    position: absolute;
  }
  nav.app-nav .box_pos .content .btn-back {
    left: 5px;
    top: 5px;
  }
  nav.app-nav .box_pos .content .btn-home {
    left: 0;
    right: 29%;
    margin: 0 auto;
    top: 5px;
  }
  nav.app-nav .box_pos .content .btn-addPromo {
    left: 90px;
  }
  nav.app-nav .box_pos .content .btn-action {
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
  }
  nav.app-nav .box_pos .content .btnChat {
    width: 50px;
    height: 50px;
  }
  nav.app-nav .box_pos .content .btnChat a {
    BACKGROUND-POSITION: center 40%;
  }
  nav.app-nav .box_pos .content .btnChat .nbtkn {
    font-size: 0.8em;
    bottom: 10px;
  }
  nav.app-nav .box_pos .content .btn-home-dating {
    right: 50%;
  }
  nav.app-nav .box_pos .content .btn-notif {
    left: 29%;
    right: 0;
    margin: 0 auto;
    top: 5px;
  }
  nav.app-nav .box_pos .content .btn-next {
    left: 42%;
    right: 0;
    margin: 0 auto;
    top: 5px;
    width: 50px;
    z-index: 102;
  }
  nav.app-nav .box_pos .content .btn-next .app-btn:active, nav.app-nav .box_pos .content .btn-next section.wb-view .page-user .header-account .blk-left .flex span i:active, section.wb-view .page-user .header-account .blk-left .flex span nav.app-nav .box_pos .content .btn-next i:active, nav.app-nav .box_pos .content .btn-next section.wb-view .page-user .header-account .flesx span i:active, section.wb-view .page-user .header-account .flesx span nav.app-nav .box_pos .content .btn-next i:active {
    background-size: 55%;
  }
  nav.app-nav .box_pos .content .btn-dice {
    right: 30%;
    top: 5px;
  }
  nav.app-nav .box_pos .content .btn-post-pict {
    right: 60px;
    top: 5px;
  }
  nav.app-nav .box_pos .content .btn-setting {
    right: 20px;
    top: 5px;
  }
}
@media screen and (min-width: 701px) {
  nav.app-nav .box_pos {
    top: 10px;
  }
  nav.app-nav .box_pos .content > div {
    width: 40px;
    height: 40px;
    margin-bottom: 10px !important;
  }
}

/*STYLE LOADER*/
div.viewLoading {
  display: block;
  margin-top: 40px;
  position: absolute;
  width: 100%;
  height: calc(100% - 40px);
  z-index: 100000;
  background: #fff;
}
div.viewLoading .loader,
div.viewLoading .loader:after {
  border-radius: 50%;
  position: absolute;
  margin: -50px auto;
  top: 50%;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
}
div.viewLoading .loader {
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 1em solid rgba(182, 25, 0, 0.2);
  border-right: 1em solid rgba(182, 25, 0, 0.2);
  border-bottom: 1em solid rgba(182, 25, 0, 0.2);
  border-left: 1em solid #b61900;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.viewLoading .loaderIndicator {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 0;
  margin: 0 auto;
  margin-left: -14px;
  margin-top: -9px;
}

.nav-out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  background-color: #f6f6f6;
  z-index: 100002;
}
.nav-out header h1 {
  text-align: center;
}
.nav-out header a.app-icon {
  position: fixed;
  width: 35px;
  height: 35px;
  top: 17px;
  right: 10px;
  z-index: 100004;
}
.nav-out .content .wb-item-rs {
  width: 100%;
  height: 100%;
}
.nav-out .content .wb-item-rs .logo {
  width: 80px;
  height: 80px;
  margin: 10px auto;
  width: 80px;
  height: 80px;
  margin: 0px auto 10px;
  /* background-size: 10%; */
  background: url(../img/icon/ico-wb-c.png) no-repeat;
  background-size: 100%;
}
.nav-out .content .wb-item-rs .btn {
  text-align: center;
}
.nav-out .content .wb-item-rs .btn h4 {
  text-align: center;
}
.nav-out .content .wb-item-rs .btn a {
  text-decoration: none;
  border: 1px solid #ab0000;
  color: #ab0000;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.8em;
  margin: 0 10px;
  display: inline-block;
  max-width: 150px;
}
.nav-out .content .wb-item-rs .btn a:hover {
  opacity: 1;
  background-color: rgba(171, 0, 0, 0.45);
  border: 1px solid rgba(171, 0, 0, 0.45);
  color: #ffffff;
  opacity: 0.8;
}
.nav-out .content .wb-item-rs .btn a:active {
  opacity: 1;
  background-color: #ab0000;
  color: #ffffff;
}
.nav-out .content .wb-item-rs #tag {
  margin: 0 auto;
  display: block;
}

section.popupMsg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #fff;
}
section.popupMsg .content {
  position: relative;
  width: 100%;
  height: 100%;
}
section.popupMsg .content .chat {
  position: absolute;
  bottom: 0;
  padding: 5px;
  width: 100%;
}
section.popupMsg .content .chat textarea {
  width: 85%;
  min-height: 50px;
  border-radius: 5px;
  float: left;
}
section.popupMsg .content .chat a {
  color: #000;
}
section.popupMsg .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}

/*class * app */
.fp-block-show {
  display: inline-block !important;
}

.fp-flex-show {
  display: flex !important;
  justify-content: space-around;
}

.fp-block-hide {
  display: none;
}

.app-img-loading {
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/spin.gif);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: center;
  border-color: #fff !important;
}

.content-loading {
  position: absolute;
  /* left: 0; */
  /* right: 0; */
  /* top: 0; */
  /* margin: 0 auto; */
  width: 100%;
  height: 30px;
  margin-top: 10px;
  height: 100px;
}
.content-loading i {
  display: block;
  width: 40px;
  height: 40px;
  border-color: #fff !important;
  background-size: 100%;
  margin: 0 auto;
}

.app-dlt-padding {
  padding: 0px !important;
}

/*loading bar  ------------------------------------------------------------------------------------*/
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
  z-index: 100000000;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 4px;
  opacity: 0.45;
  -moz-box-shadow: #fff 1px 0 6px 1px;
  -ms-box-shadow: #fff 1px 0 6px 1px;
  -webkit-box-shadow: #fff 1px 0 6px 1px;
  box-shadow: #fff 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadmore {
  width: 100%;
  height: 50px;
  margin: 30px auto 70px;
  background: url(../img/icon/spin.gif) no-repeat center center;
  background-size: 50px;
}

/* end loading bar  ------------------------------------------------------------------------------------*/
md-sidenav {
  position: fixed;
  z-index: 1000000002;
}
md-sidenav md-toolbar {
  background-color: #ab0000 !important;
}
md-sidenav ul.menu {
  padding-left: 0;
  margin: 0;
}
md-sidenav ul.menu li {
  padding: 10px 0;
}
md-sidenav ul.menu li strong {
  color: #ab0000;
  text-transform: uppercase;
}
md-sidenav ul.menu li a {
  text-decoration: none;
  font-weight: 500;
  color: #6b6b6b;
}
md-sidenav ul.menu button {
  margin: 0;
  padding: 0;
}
md-sidenav ul.menu .btn {
  margin: 11px auto;
  width: 100%;
  text-align: center;
}
md-sidenav ul.menu .btn a {
  color: #ab0000;
  text-decoration: none;
  margin: 0 8px;
  font-size: 80%;
}
md-sidenav .footer-bottom {
  right: 0;
  left: 0;
  margin: 0 auto;
  width: auto;
  text-align: center;
  font-size: 0.7em;
}

.md-dialog-container {
  position: fixed;
  height: 100vh !important;
  z-index: 100000000000000;
}
.md-dialog-container .md-dialog-content h2 {
  width: 100%;
  text-align: center;
}
.md-dialog-container .md-dialog-content button.md-primary {
  margin: 0 auto;
}
.md-dialog-container .md-dialog-content p {
  text-align: center;
  line-height: 30px;
}

md-bottom-sheet {
  position: fixed;
}

.md-grid {
  z-index: 100000000111111;
}
.md-grid ul {
  margin: 0;
  padding: 0;
}
.md-grid ul li {
  padding: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
  position: relative;
}
.md-grid ul li i {
  position: absolute;
  display: block;
  top: -8px;
  height: 30px;
  width: 30px;
  right: -115px;
  margin: 0 auto;
  left: 0;
}
.md-grid ul li a {
  text-decoration: none;
  text-transform: capitalize;
  color: #000;
  position: relative;
}
.md-grid ul li a:focus {
  outline: none;
}
.md-grid ul li.red a {
  color: #ab0000;
}

.md-datepicker-calendar-pane {
  z-index: 10000000000;
}

md-backdrop {
  z-index: 100001015 !important;
}
md-backdrop .md-opaque {
  opacity: 0.8 !important;
}

.md-select-menu-container {
  z-index: 1000000000;
  opacity: 0.8;
}

.app-error-msg {
  color: #dd2c00;
  margin: 10px auto;
  font-size: 0.8em;
}

.rdm-red:hover {
  border-color: #ab0000 !important;
}

.rdm-blue:hover {
  border-color: #238C8C !important;
}

.rdm-pink:hover {
  border-color: #DB3069 !important;
}

.rdm-green:hover {
  border-color: #2FBA2F !important;
}

.padding-header {
  padding-top: 50px;
}

.brd-red-btm {
  border-bottom: 3px solid #ab0000 !important;
  border-radius: 0;
}

.fr {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K");
}

.thumb-vid {
  height: 100% !important;
  width: auto !important;
  max-height: 300px !important;
}

.mcc-player {
  max-width: 600px !important;
  max-height: 300px !important;
}

.mcc-popupPict {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100003;
  width: 100%;
  height: 100vh;
  background-color: #ffffffeb;
}
.mcc-popupPict .btnClosePictProfil {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 70px;
  margin: 0 auto;
  height: 50px;
  width: 50px;
  z-index: 111;
  border-radius: 100%;
  padding: 10px;
  background-color: white;
}
.mcc-popupPict .btnClosePictProfil button.app-icon-delete {
  width: 30px;
  height: 30px;
  border: none;
}
.mcc-popupPict .bloc-btn-setting {
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  z-index: 111;
  width: 100%;
  padding: 15px;
  text-align: right;
}
.mcc-popupPict .bloc-btn-setting .app-btn, .mcc-popupPict .bloc-btn-setting section.wb-view .page-user .header-account .blk-left .flex span i, section.wb-view .page-user .header-account .blk-left .flex span .mcc-popupPict .bloc-btn-setting i, .mcc-popupPict .bloc-btn-setting section.wb-view .page-user .header-account .flesx span i, section.wb-view .page-user .header-account .flesx span .mcc-popupPict .bloc-btn-setting i {
  display: inline-block;
  width: 40px;
  /* text-align: right; */
  height: 40px;
}
.mcc-popupPict .cont-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 400px;
}
.mcc-popupPict .cont-img img {
  width: 100%;
}

.upload-progress {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  z-index: 110;
  top: 0;
}
.upload-progress .blc {
  transform: translate(0, 30%);
  height: 100%;
  width: 100%;
}
.upload-progress .blc .loadmore {
  margin: 30px auto;
}
.upload-progress .blc span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: #ab0000;
}

.app-msg {
  width: 200px;
  height: 20px;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}

/*# sourceMappingURL=style.css.map */