@font-face {
    font-family: basic_icon;
    src: url(fonts/basic_icon.html);
    src: url(fonts/basic_icond41d.html?#iefix) format("embedded-opentype"), url(fonts/basic_icon.woff) format("woff"), url(fonts/basic_icon.ttf) format("truetype"), url(fonts/basic_icon-2.html#basic_icon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class=txt_icon] {
	font-family: basic_icon!important;
	font-style: normal!important;
	font-weight: 400!important;
	font-variant: normal!important;
	text-transform: none!important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.gIcon:after,
.gIcon:before {
	font-family: basic_icon!important;
	font-style: normal!important;
	font-weight: 400!important;
	font-variant: normal!important;
	text-transform: none!important;
	text-rendering: auto;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-a-markdown-attachment:after,
.icon-markdown-attachment:before {
	content: "\e900";
	color: #555
}

.icon-a-signup:after,
.icon-signup:before {
	content: "\e901"
}

.icon-a-attendance:after,
.icon-attendance:before {
	content: "\e902"
}

.icon-a-notice:after,
.icon-notice:before {
	content: "\e903"
}

.icon-a-facebook:after,
.icon-facebook:before {
	content: "\e904"
}

.icon-a-login-mail:after,
.icon-login-mail:before {
	content: "\e905"
}

.icon-a-login-naver:after,
.icon-login-naver:before {
	content: "\e906"
}

.icon-a-profile-setting:after,
.icon-profile-setting:before {
	content: "\e907"
}

.icon-a-profile-post:after,
.icon-profile-post:before {
	content: "\e908"
}

.icon-a-profile-gift:after,
.icon-profile-gift:before {
	content: "\e909"
}

.icon-a-profile-mail:after,
.icon-profile-mail:before {
	content: "\e90a"
}

.icon-a-list-order:after,
.icon-list-order:before {
	content: "\e90b"
}

.icon-a-member-profile-phone-full:after,
.icon-member-profile-phone-full:before {
	content: "\e90c"
}

.icon-a-profile-chat:after,
.icon-profile-chat:before {
	content: "\e90d"
}

.icon-a-profile-contact:after,
.icon-profile-contact:before {
	content: "\e90e"
}

.icon-a-file-mw:after,
.icon-file-mw:before {
	content: "\e90f"
}

.icon-a-empty-post:after,
.icon-empty-post:before {
	content: "\e910"
}

.icon-a-add-chat:after,
.icon-add-chat:before {
	content: "\e911"
}

.icon-a-add02:after,
.icon-add02:before {
	content: "\e912"
}

.icon-a-add04:after,
.icon-add04:before {
	content: "\e913"
}

.icon-a-album_arrow:after,
.icon-album_arrow:before {
	content: "\e914"
}

.icon-a-album:after,
.icon-album:before {
	content: "\e915"
}

.icon-a-arrow-next:after,
.icon-arrow-next:before {
	content: "\e916"
}

.icon-a-arrow-next2:after,
.icon-arrow-next2:before {
	content: "\e917"
}

.icon-a-articles:after,
.icon-articles:before {
	content: "\e918"
}

.icon-a-band-listicon:after,
.icon-band-listicon:before {
	content: "\e919"
}

.icon-a-band-logo02:after,
.icon-band-logo02:before {
	content: "\e91a"
}

.icon-a-bandcolor:after,
.icon-bandcolor:before {
	content: "\e91b"
}

.icon-a-bandhome:after,
.icon-bandhome:before {
	content: "\e91c"
}

.icon-a-birth:after,
.icon-birth:before {
	content: "\e91d"
}

.icon-a-birth02:after,
.icon-birth02:before {
	content: "\e91e"
}

.icon-a-bolg-bg:after,
.icon-bolg-bg:before {
	content: "\e91f"
}

.icon-a-bolg-text:after,
.icon-bolg-text:before {
	content: "\e920"
}

.icon-a-btn-add-file2:after,
.icon-btn-add-file2:before {
	content: "\e921"
}

.icon-a-btn-check:after,
.icon-btn-check:before {
	content: "\e922"
}

.icon-a-cal-attendance:after,
.icon-cal-attendance:before {
	content: "\e923"
}

.icon-a-cal-notice:after,
.icon-cal-notice:before {
	content: "\e924"
}

.icon-a-cal-repeat:after,
.icon-cal-repeat:before {
	content: "\e925"
}

.icon-a-cal-share:after,
.icon-cal-share:before {
	content: "\e926"
}

.icon-a-cal-time:after,
.icon-cal-time:before {
	content: "\e927"
}

.icon-a-calendar-down:after,
.icon-calendar-down:before {
	content: "\e928"
}

.icon-a-calendar-event:after,
.icon-calendar-event:before {
	content: "\e929"
}

.icon-a-calendar-up:after,
.icon-calendar-up:before {
	content: "\e92a"
}

.icon-a-calendar:after,
.icon-calendar:before {
	content: "\e92b"
}

.icon-a-camera-bg:after,
.icon-camera-bg:before {
	content: "\e92c"
}

.icon-a-camera:after,
.icon-camera:before {
	content: "\e92d"
}

.icon-a-chat-golist:after,
.icon-chat-golist:before {
	content: "\e92e"
}

.icon-a-chat-img-report:after,
.icon-chat-img-report:before {
	content: "\e92f"
}

.icon-a-chat-member:after,
.icon-chat-member:before {
	content: "\e930"
}

.icon-a-chat-off:after,
.icon-chat-off:before {
	content: "\e931"
}

.icon-a-chat-off02:after,
.icon-chat-off02:before {
	content: "\e932"
}

.icon-a-chat-on:after,
.icon-chat-on:before {
	content: "\e933"
}

.icon-a-chat-transmit:after,
.icon-chat-transmit:before {
	content: "\e934"
}

.icon-a-check-box-on:after,
.icon-check-box-on:before {
	content: "\e935"
}

.icon-a-check-box-sel:after,
.icon-check-box-sel:before {
	content: "\e936"
}

.icon-a-comment-off:after,
.icon-comment-off:before {
	content: "\e937"
}

.icon-a-comment-on:after,
.icon-comment-on:before {
	content: "\e938"
}

.icon-a-delete:after,
.icon-delete:before {
	content: "\e939"
}

.icon-a-download:after,
.icon-download:before {
	content: "\e93a"
}

.icon-a-etc-album:after,
.icon-etc-album:before {
	content: "\e93b"
}

.icon-a-etc-event:after,
.icon-etc-event:before {
	content: "\e93c"
}

.icon-a-etc-event02:after,
.icon-etc-event02:before {
	content: "\e93d"
}

.icon-a-exclamation:after,
.icon-exclamation:before {
	content: "\e93e"
}

.icon-a-exitchat:after,
.icon-exitchat:before {
	content: "\e93f"
}

.icon-a-feed-empty:after,
.icon-feed-empty:before {
	content: "\e940"
}

.icon-a-feed-off:after,
.icon-feed-off:before {
	content: "\e941"
}

.icon-a-feed-on:after,
.icon-feed-on:before {
	content: "\e942"
}

.icon-a-file-docx:after,
.icon-file-docx:before {
	content: "\e943"
}

.icon-a-file-expire:after,
.icon-file-expire:before {
	content: "\e944"
}

.icon-a-file-hwp:after,
.icon-file-hwp:before {
	content: "\e945"
}

.icon-a-file-mp3:after,
.icon-file-mp3:before {
	content: "\e946"
}

.icon-a-file-mp4:after,
.icon-file-mp4:before {
	content: "\e947"
}

.icon-a-file-off:after,
.icon-file-off:before {
	content: "\e948"
}

.icon-a-file-on:after,
.icon-file-on:before {
	content: "\e949"
}

.icon-a-file-pdf:after,
.icon-file-pdf:before {
	content: "\e94a"
}

.icon-a-file-png:after,
.icon-file-png:before {
	content: "\e94b"
}

.icon-a-file-pptx:after,
.icon-file-pptx:before {
	content: "\e94c"
}

.icon-a-file-txt:after,
.icon-file-txt:before {
	content: "\e94d"
}

.icon-a-file-xlsx:after,
.icon-file-xlsx:before {
	content: "\e94e"
}

.icon-a-file-zip:after,
.icon-file-zip:before {
	content: "\e94f"
}

.icon-a-file:after,
.icon-file:before {
	content: "\e950"
}

.icon-a-file2:after,
.icon-file2:before {
	content: "\e951"
}

.icon-a-gnb-back:after,
.icon-gnb-back:before {
	content: "\e952"
}

.icon-a-gnb-bandlogo:after,
.icon-gnb-bandlogo:before {
	content: "\e953"
}

.icon-a-gnb-close:after,
.icon-gnb-close:before {
	content: "\e954"
}

.icon-a-holiday-2:after,
.icon-holiday-2:before {
	content: "\e955"
}

.icon-a-home-off:after,
.icon-home-off:before {
	content: "\e956"
}

.icon-a-home-on:after,
.icon-home-on:before {
	content: "\e957"
}

.icon-a-home-post:after,
.icon-home-post:before {
	content: "\e958"
}

.icon-a-icon-leader:after,
.icon-icon-leader:before {
	content: "\e959"
}

.icon-a-info01:after,
.icon-info01:before {
	content: "\e95a"
}

.icon-a-info02:after,
.icon-info02:before {
	content: "\e95b"
}

.icon-a-info03:after,
.icon-info03:before {
	content: "\e95c"
}

.icon-a-invite-code:after,
.icon-invite-code:before {
	content: "\e95d"
}

.icon-a-invite-daum:after,
.icon-invite-daum:before {
	content: "\e95e"
}

.icon-a-invite-email:after,
.icon-invite-email:before {
	content: "\e95f"
}

.icon-a-invite-line:after,
.icon-invite-line:before {
	content: "\e960"
}

.icon-a-invite-link:after,
.icon-invite-link:before {
	content: "\e961"
}

.icon-a-invite-member:after,
.icon-invite-member:before {
	content: "\e962"
}

.icon-a-invite-message:after,
.icon-invite-message:before {
	content: "\e963"
}

.icon-a-invite-off:after,
.icon-invite-off:before {
	content: "\e964"
}

.icon-a-invite-qrcode:after,
.icon-invite-qrcode:before {
	content: "\e965"
}

.icon-a-keyword:after,
.icon-keyword:before {
	content: "\e966"
}

.icon-a-layer-album:after,
.icon-layer-album:before {
	content: "\e967"
}

.icon-a-layer-album02:after,
.icon-layer-album02:before {
	content: "\e968"
}

.icon-a-layer-close:after,
.icon-layer-close:before {
	content: "\e969"
}

.icon-a-leader-option:after,
.icon-leader-option:before {
	content: "\e96a"
}

.icon-a-leader:after,
.icon-leader:before {
	content: "\e96b"
}

.icon-a-left:after,
.icon-left:before {
	content: "\e96c"
}

.icon-a-like-off:after,
.icon-like-off:before {
	content: "\e96d"
}

.icon-a-like-on:after,
.icon-like-on:before {
	content: "\e96e"
}

.icon-a-lock:after,
.icon-lock:before {
	content: "\e96f"
}

.icon-a-login-phone:after,
.icon-login-phone:before {
	content: "\e970"
}

.icon-a-make:after,
.icon-make:before {
	content: "\e971"
}

.icon-a-makealbum:after,
.icon-makealbum:before {
	content: "\e972"
}

.icon-a-map-off:after,
.icon-map-off:before {
	content: "\e973"
}

.icon-a-map-on:after,
.icon-map-on:before {
	content: "\e974"
}

.icon-a-mb-join:after,
.icon-mb-join:before {
	content: "\e975"
}

.icon-a-member-profile-phone:after,
.icon-member-profile-phone:before {
	content: "\e976"
}

.icon-a-member-profile-save:after,
.icon-member-profile-save:before {
	content: "\e977"
}

.icon-a-member-profile-sms:after,
.icon-member-profile-sms:before {
	content: "\e978"
}

.icon-a-member2:after,
.icon-member2:before {
	content: "\e979"
}

.icon-a-member3:after,
.icon-member3:before {
	content: "\e97a"
}

.icon-a-more-basic:after,
.icon-more-basic:before {
	content: "\e97b"
}

.icon-a-more-basic02:after,
.icon-more-basic02:before {
	content: "\e97c"
}

.icon-a-more:after,
.icon-more:before {
	content: "\e97d"
}

.icon-a-movie-off:after,
.icon-movie-off:before {
	content: "\e97e"
}

.icon-a-movie-on:after,
.icon-movie-on:before {
	content: "\e97f"
}

.icon-a-n-member:after,
.icon-n-member:before {
	content: "\e980"
}

.icon-a-n-member02:after,
.icon-n-member02:before {
	content: "\e981"
}

.icon-a-n-off:after,
.icon-n-off:before {
	content: "\e982"
}

.icon-a-n-on:after,
.icon-n-on:before {
	content: "\e983"
}

.icon-a-n-rollback:after,
.icon-n-rollback:before {
	content: "\e984"
}

.icon-a-newchat:after,
.icon-newchat:before {
	content: "\e985"
}

.icon-a-no-album:after,
.icon-no-album:before {
	content: "\e986"
}

.icon-a-notice-x:after,
.icon-notice-x:before {
	content: "\e987"
}

.icon-a-pc-delete:after,
.icon-pc-delete:before {
	content: "\e988"
}

.icon-a-pc-download:after,
.icon-pc-download:before {
	content: "\e989"
}

.icon-a-photo-gif:after,
.icon-photo-gif:before {
	content: "\e98a"
}

.icon-a-photo:after,
.icon-photo:before {
	content: "\e98b"
}

.icon-a-play:after,
.icon-play:before {
	content: "\e98c"
}

.icon-a-player:after,
.icon-player:before {
	content: "\e98d"
}

.icon-a-profile-gender:after,
.icon-profile-gender:before {
	content: "\e98e"
}

.icon-a-profile-phone:after,
.icon-profile-phone:before {
	content: "\e98f"
}

.icon-a-profile:after,
.icon-profile:before {
	content: "\e990"
}

.icon-a-push-off:after,
.icon-push-off:before {
	content: "\e991"
}

.icon-a-push-on:after,
.icon-push-on:before {
	content: "\e992"
}

.icon-a-read-counting:after,
.icon-read-counting:before {
	content: "\e993"
}

.icon-a-repeat:after,
.icon-repeat:before {
	content: "\e994"
}

.icon-a-right:after,
.icon-right:before {
	content: "\e995"
}

.icon-a-search-delete:after,
.icon-search-delete:before {
	content: "\e996"
}

.icon-a-search:after,
.icon-search:before {
	content: "\e997"
}

.icon-a-select01:after,
.icon-select01:before {
	content: "\e998"
}

.icon-a-select02:after,
.icon-select02:before {
	content: "\e999"
}

.icon-a-send:after,
.icon-send:before {
	content: "\e99a"
}

.icon-a-setting:after,
.icon-setting:before {
	content: "\e99b"
}

.icon-a-setting02:after,
.icon-setting02:before {
	content: "\e99c"
}

.icon-a-share-3rd:after,
.icon-share-3rd:before {
	content: "\e99d"
}

.icon-a-share-nextarrow:after,
.icon-share-nextarrow:before {
	content: "\e99e"
}

.icon-a-share:after,
.icon-share:before {
	content: "\e99f"
}

.icon-a-speaker-off:after,
.icon-speaker-off:before {
	content: "\e9a0"
}

.icon-a-speaker-on:after,
.icon-speaker-on:before {
	content: "\e9a1"
}

.icon-a-sticker-off:after,
.icon-sticker-off:before {
	content: "\e9a2"
}

.icon-a-sticker-on:after,
.icon-sticker-on:before {
	content: "\e9a3"
}

.icon-a-stop:after,
.icon-stop:before {
	content: "\e9a4"
}

.icon-a-todo-off:after,
.icon-todo-off:before {
	content: "\e9a5"
}

.icon-a-todo-on:after,
.icon-todo-on:before {
	content: "\e9a6"
}

.icon-a-type-set01:after,
.icon-type-set01:before {
	content: "\e9a7"
}

.icon-a-type-set02:after,
.icon-type-set02:before {
	content: "\e9a8"
}

.icon-a-type-set03:after,
.icon-type-set03:before {
	content: "\e9a9"
}

.icon-a-view-member:after,
.icon-view-member:before {
	content: "\e9aa"
}

.icon-a-volume:after,
.icon-volume:before {
	content: "\e9ab"
}

.icon-a-vote-off:after,
.icon-vote-off:before {
	content: "\e9ac"
}

.icon-a-vote-on:after,
.icon-vote-on:before {
	content: "\e9ad"
}

.icon-a-write-camera-off:after,
.icon-write-camera-off:before {
	content: "\e9ae"
}

.icon-a-write-camera-on:after,
.icon-write-camera-on:before {
	content: "\e9af"
}

.icon-a-write-control-left:after,
.icon-write-control-left:before {
	content: "\e9b0"
}

.icon-a-write-control-right:after,
.icon-write-control-right:before {
	content: "\e9b1"
}

.icon-a-write-move:after,
.icon-write-move:before {
	content: "\e9b2"
}

.icon-a-write-note:after,
.icon-write-note:before {
	content: "\e9b3"
}

.icon-a-write-picture:after,
.icon-write-picture:before {
	content: "\e9b4"
}

.bandAppBanner .history_back {
	position: absolute;
    z-index: 3;
    display: inline-block;
    min-width: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -2px;
}

.bandAppBanner .history_back ._btn,
.bandAppBanner .history_back .btn {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 20px;
	padding: 0;
	text-indent: -100px;
	vertical-align: middle;
	border: 0;
	background: 0 0
}

.bandAppBanner .history_back ._btn:before,
.bandAppBanner .history_back .btn:before {
	position: absolute;
	left: 10px;
	top: 0;
	display: inline-block;
	font-size: 20px;
	text-indent: 0;
	color: #fff
}

.bandAppBanner .history_back ._btn.icon-gnb-close:before,
.bandAppBanner .history_back .btn.icon-gnb-close:before {
	font-size: 16px;
	top: 1px;
	left: 11px
}

.uLeaderBand {
	display: inline-block;
	color: #fff;
	background: #23b877;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

.uLeaderBand.-typeA {
	position: absolute;
	bottom: -2px;
	right: -2px;
	z-index: 5;
	font-size: 13px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%
}

.uLeaderBand.-typeB {
	font-size: 10px;
	padding: 1px 5px 0 3px;
	border-radius: 8px
}

.uLeaderBand.-typeB:before {
	display: inline-block;
	font-size: 13px;
	vertical-align: top
}

.uLeaderBand.-joint {
	background: #888
}

.uLeaderBand.-coleader,
.uLeaderBand.-leader {
	overflow: hidden;
	position: absolute;
	bottom: -2px;
	right: -2px;
	border: 2px solid;
	border-radius: 50%;
	background: 0 0;
	-webkit-box-sizing: initial;
	box-sizing: initial;
	text-indent: -999px
}

.uLeaderBand.-leader.-type12 {
	width: 12px;
	height: 12px;
	background: url(../images/template/leader_12x12.html) no-repeat 0 0;
	background-size: 12px 12px
}

.uLeaderBand.-leader.-type11 {
	width: 11px;
	height: 11px;
	background: url(../images/template/leader_11x11.html) no-repeat 0 0;
	background-size: 11px 11px
}

.uLeaderBand.-coleader.-type12 {
	width: 12px;
	height: 12px;
	background: url(../images/template/coleader_12x12.html) no-repeat 0 0;
	background-size: 12px 12px
}

.uLeaderBand.-coleader.-type11 {
	width: 11px;
	height: 11px;
	background: url(../images/template/coleader_11x11.html) no-repeat 0 0;
	background-size: 11px 11px
}


#ico_popup {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 120px;
	z-index: 10001;
 }

 #ico_popup img {
	width: 100%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
 }

 @media screen and (max-width: 600px) {
	#ico_popup {
	   width: 100px;
	   right: 10px;
	   bottom: 10px;
	}
 }

 .blocker {
	padding: 10px !important;
	z-index: 10002 !important;
 }

 .modal {
	max-width: 800px !important;
	width: 100% !important;
 }

 .modal a.close-modal {
	top: -10px !important;
	right: -10px !important;
 }

 .img_wrap img { width: 100%; margin-bottom: 20px; }
 .img_wrap { max-width: 800px; margin:0 auto; }

 .arrow {
	position: fixed;
	left:0;
	bottom: 10px;
	width: 100%;
	text-align: center;
 }
 .arrow a {
	/*font-size: 22px;*/
	color: #666;
	text-decoration: none;
 }
 .bounce {
 -moz-animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 animation: bounce 2s infinite;
 }

 @keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
 }
 40% {
	transform: translateY(-30px);
 }
 60% {
	transform: translateY(-15px);
 }
 }
 

.icon-kakao {
    width:120px;
	position:fixed;
	z-index:10001;
	right:20px;
	bottom:20px;
 }
 .icon-kakao img {
     width: 100%;
 }
 @media screen and (max-width: 640px) {
     .icon-kakao {
         width: 100px;
         right: 10px;
         bottom: 10px;
     }
 }
 
body {
    background: #f0f2f3;
}

.groupBand  {
    max-width: 640px;
    margin: 0 auto;
}
.gSrOnly {
	overflow: hidden!important;
	position: absolute!important;
	height: 1px!important;
	width: 1px!important;
	clip: rect(1px, 1px, 1px, 1px)
}

.gEllipsis {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.gMultiEllipsisTwo {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.gTaL {
	text-align: left!important
}

.gTaC {
	text-align: center!important
}

.gTaR {
	text-align: right!important
}

.gWsNr {
	white-space: nowrap!important
}

.gFs12 {
	font-size: 1.2rem!important
}

.gFs13 {
	font-size: 1.3rem!important
}

.gFs14 {
	font-size: 1.4rem!important
}

.gFs15 {
	font-size: 1.5rem!important
}

.gFs16 {
	font-size: 1.6rem!important
}

.gFs17 {
	font-size: 1.7rem!important
}

.gFs18 {
	font-size: 1.8rem!important
}

.gFs19 {
	font-size: 1.9rem!important
}

.gFs20 {
	font-size: 2rem!important
}

.gFs21 {
	font-size: 2.1rem!important
}

.gFw1 {
	font-weight: 100!important
}

.gFw2 {
	font-weight: 200!important
}

.gFw3 {
	font-weight: 300!important
}

.gFw4 {
	font-weight: 400!important
}

.gFw5 {
	font-weight: 500!important
}

.gFw6 {
	font-weight: 600!important
}

.gFw7 {
	font-weight: 700!important
}

.gFw8 {
	font-weight: 800!important
}

.gFw9 {
	font-weight: 900!important
}

.gMat0 {
	margin-top: 0!important
}

.gMat-0 {
	margin-top: 0!important
}

.gMar0 {
	margin-right: 0!important
}

.gMar-0 {
	margin-right: 0!important
}

.gMab0 {
	margin-bottom: 0!important
}

.gMab-0 {
	margin-bottom: 0!important
}

.gMal0 {
	margin-left: 0!important
}

.gMal-0 {
	margin-left: 0!important
}

.gMat1 {
	margin-top: 1px!important
}

.gMat-1 {
	margin-top: -1px!important
}

.gMar1 {
	margin-right: 1px!important
}

.gMar-1 {
	margin-right: -1px!important
}

.gMab1 {
	margin-bottom: 1px!important
}

.gMab-1 {
	margin-bottom: -1px!important
}

.gMal1 {
	margin-left: 1px!important
}

.gMal-1 {
	margin-left: -1px!important
}

.gMat2 {
	margin-top: 2px!important
}

.gMat-2 {
	margin-top: -2px!important
}

.gMar2 {
	margin-right: 2px!important
}

.gMar-2 {
	margin-right: -2px!important
}

.gMab2 {
	margin-bottom: 2px!important
}

.gMab-2 {
	margin-bottom: -2px!important
}

.gMal2 {
	margin-left: 2px!important
}

.gMal-2 {
	margin-left: -2px!important
}

.gMat3 {
	margin-top: 3px!important
}

.gMat-3 {
	margin-top: -3px!important
}

.gMar3 {
	margin-right: 3px!important
}

.gMar-3 {
	margin-right: -3px!important
}

.gMab3 {
	margin-bottom: 3px!important
}

.gMab-3 {
	margin-bottom: -3px!important
}

.gMal3 {
	margin-left: 3px!important
}

.gMal-3 {
	margin-left: -3px!important
}

.gMat4 {
	margin-top: 4px!important
}

.gMat-4 {
	margin-top: -4px!important
}

.gMar4 {
	margin-right: 4px!important
}

.gMar-4 {
	margin-right: -4px!important
}

.gMab4 {
	margin-bottom: 4px!important
}

.gMab-4 {
	margin-bottom: -4px!important
}

.gMal4 {
	margin-left: 4px!important
}

.gMal-4 {
	margin-left: -4px!important
}

.gMat5 {
	margin-top: 5px!important
}

.gMat-5 {
	margin-top: -5px!important
}

.gMar5 {
	margin-right: 5px!important
}

.gMar-5 {
	margin-right: -5px!important
}

.gMab5 {
	margin-bottom: 5px!important
}

.gMab-5 {
	margin-bottom: -5px!important
}

.gMal5 {
	margin-left: 5px!important
}

.gMal-5 {
	margin-left: -5px!important
}

.gMat6 {
	margin-top: 6px!important
}

.gMat-6 {
	margin-top: -6px!important
}

.gMar6 {
	margin-right: 6px!important
}

.gMar-6 {
	margin-right: -6px!important
}

.gMab6 {
	margin-bottom: 6px!important
}

.gMab-6 {
	margin-bottom: -6px!important
}

.gMal6 {
	margin-left: 6px!important
}

.gMal-6 {
	margin-left: -6px!important
}

.gMat7 {
	margin-top: 7px!important
}

.gMat-7 {
	margin-top: -7px!important
}

.gMar7 {
	margin-right: 7px!important
}

.gMar-7 {
	margin-right: -7px!important
}

.gMab7 {
	margin-bottom: 7px!important
}

.gMab-7 {
	margin-bottom: -7px!important
}

.gMal7 {
	margin-left: 7px!important
}

.gMal-7 {
	margin-left: -7px!important
}

.gMat8 {
	margin-top: 8px!important
}

.gMat-8 {
	margin-top: -8px!important
}

.gMar8 {
	margin-right: 8px!important
}

.gMar-8 {
	margin-right: -8px!important
}

.gMab8 {
	margin-bottom: 8px!important
}

.gMab-8 {
	margin-bottom: -8px!important
}

.gMal8 {
	margin-left: 8px!important
}

.gMal-8 {
	margin-left: -8px!important
}

.gMat9 {
	margin-top: 9px!important
}

.gMat-9 {
	margin-top: -9px!important
}

.gMar9 {
	margin-right: 9px!important
}

.gMar-9 {
	margin-right: -9px!important
}

.gMab9 {
	margin-bottom: 9px!important
}

.gMab-9 {
	margin-bottom: -9px!important
}

.gMal9 {
	margin-left: 9px!important
}

.gMal-9 {
	margin-left: -9px!important
}

.gMat10 {
	margin-top: 10px!important
}

.gMat-10 {
	margin-top: -10px!important
}

.gMar10 {
	margin-right: 10px!important
}

.gMar-10 {
	margin-right: -10px!important
}

.gMab10 {
	margin-bottom: 10px!important
}

.gMab-10 {
	margin-bottom: -10px!important
}

.gMal10 {
	margin-left: 10px!important
}

.gMal-10 {
	margin-left: -10px!important
}

.gMat11 {
	margin-top: 11px!important
}

.gMat-11 {
	margin-top: -11px!important
}

.gMar11 {
	margin-right: 11px!important
}

.gMar-11 {
	margin-right: -11px!important
}

.gMab11 {
	margin-bottom: 11px!important
}

.gMab-11 {
	margin-bottom: -11px!important
}

.gMal11 {
	margin-left: 11px!important
}

.gMal-11 {
	margin-left: -11px!important
}

.gMat12 {
	margin-top: 12px!important
}

.gMat-12 {
	margin-top: -12px!important
}

.gMar12 {
	margin-right: 12px!important
}

.gMar-12 {
	margin-right: -12px!important
}

.gMab12 {
	margin-bottom: 12px!important
}

.gMab-12 {
	margin-bottom: -12px!important
}

.gMal12 {
	margin-left: 12px!important
}

.gMal-12 {
	margin-left: -12px!important
}

.gMat13 {
	margin-top: 13px!important
}

.gMat-13 {
	margin-top: -13px!important
}

.gMar13 {
	margin-right: 13px!important
}

.gMar-13 {
	margin-right: -13px!important
}

.gMab13 {
	margin-bottom: 13px!important
}

.gMab-13 {
	margin-bottom: -13px!important
}

.gMal13 {
	margin-left: 13px!important
}

.gMal-13 {
	margin-left: -13px!important
}

.gMat14 {
	margin-top: 14px!important
}

.gMat-14 {
	margin-top: -14px!important
}

.gMar14 {
	margin-right: 14px!important
}

.gMar-14 {
	margin-right: -14px!important
}

.gMab14 {
	margin-bottom: 14px!important
}

.gMab-14 {
	margin-bottom: -14px!important
}

.gMal14 {
	margin-left: 14px!important
}

.gMal-14 {
	margin-left: -14px!important
}

.gMat15 {
	margin-top: 15px!important
}

.gMat-15 {
	margin-top: -15px!important
}

.gMar15 {
	margin-right: 15px!important
}

.gMar-15 {
	margin-right: -15px!important
}

.gMab15 {
	margin-bottom: 15px!important
}

.gMab-15 {
	margin-bottom: -15px!important
}

.gMal15 {
	margin-left: 15px!important
}

.gMal-15 {
	margin-left: -15px!important
}

.gMat16 {
	margin-top: 16px!important
}

.gMat-16 {
	margin-top: -16px!important
}

.gMar16 {
	margin-right: 16px!important
}

.gMar-16 {
	margin-right: -16px!important
}

.gMab16 {
	margin-bottom: 16px!important
}

.gMab-16 {
	margin-bottom: -16px!important
}

.gMal16 {
	margin-left: 16px!important
}

.gMal-16 {
	margin-left: -16px!important
}

.gMat17 {
	margin-top: 17px!important
}

.gMat-17 {
	margin-top: -17px!important
}

.gMar17 {
	margin-right: 17px!important
}

.gMar-17 {
	margin-right: -17px!important
}

.gMab17 {
	margin-bottom: 17px!important
}

.gMab-17 {
	margin-bottom: -17px!important
}

.gMal17 {
	margin-left: 17px!important
}

.gMal-17 {
	margin-left: -17px!important
}

.gMat18 {
	margin-top: 18px!important
}

.gMat-18 {
	margin-top: -18px!important
}

.gMar18 {
	margin-right: 18px!important
}

.gMar-18 {
	margin-right: -18px!important
}

.gMab18 {
	margin-bottom: 18px!important
}

.gMab-18 {
	margin-bottom: -18px!important
}

.gMal18 {
	margin-left: 18px!important
}

.gMal-18 {
	margin-left: -18px!important
}

.gMat19 {
	margin-top: 19px!important
}

.gMat-19 {
	margin-top: -19px!important
}

.gMar19 {
	margin-right: 19px!important
}

.gMar-19 {
	margin-right: -19px!important
}

.gMab19 {
	margin-bottom: 19px!important
}

.gMab-19 {
	margin-bottom: -19px!important
}

.gMal19 {
	margin-left: 19px!important
}

.gMal-19 {
	margin-left: -19px!important
}

.gMat20 {
	margin-top: 20px!important
}

.gMat-20 {
	margin-top: -20px!important
}

.gMar20 {
	margin-right: 20px!important
}

.gMar-20 {
	margin-right: -20px!important
}

.gMab20 {
	margin-bottom: 20px!important
}

.gMab-20 {
	margin-bottom: -20px!important
}

.gMal20 {
	margin-left: 20px!important
}

.gMal-20 {
	margin-left: -20px!important
}

.gMat21 {
	margin-top: 21px!important
}

.gMat-21 {
	margin-top: -21px!important
}

.gMar21 {
	margin-right: 21px!important
}

.gMar-21 {
	margin-right: -21px!important
}

.gMab21 {
	margin-bottom: 21px!important
}

.gMab-21 {
	margin-bottom: -21px!important
}

.gMal21 {
	margin-left: 21px!important
}

.gMal-21 {
	margin-left: -21px!important
}

.gMat22 {
	margin-top: 22px!important
}

.gMat-22 {
	margin-top: -22px!important
}

.gMar22 {
	margin-right: 22px!important
}

.gMar-22 {
	margin-right: -22px!important
}

.gMab22 {
	margin-bottom: 22px!important
}

.gMab-22 {
	margin-bottom: -22px!important
}

.gMal22 {
	margin-left: 22px!important
}

.gMal-22 {
	margin-left: -22px!important
}

.gMat23 {
	margin-top: 23px!important
}

.gMat-23 {
	margin-top: -23px!important
}

.gMar23 {
	margin-right: 23px!important
}

.gMar-23 {
	margin-right: -23px!important
}

.gMab23 {
	margin-bottom: 23px!important
}

.gMab-23 {
	margin-bottom: -23px!important
}

.gMal23 {
	margin-left: 23px!important
}

.gMal-23 {
	margin-left: -23px!important
}

.gMat24 {
	margin-top: 24px!important
}

.gMat-24 {
	margin-top: -24px!important
}

.gMar24 {
	margin-right: 24px!important
}

.gMar-24 {
	margin-right: -24px!important
}

.gMab24 {
	margin-bottom: 24px!important
}

.gMab-24 {
	margin-bottom: -24px!important
}

.gMal24 {
	margin-left: 24px!important
}

.gMal-24 {
	margin-left: -24px!important
}

.gMat25 {
	margin-top: 25px!important
}

.gMat-25 {
	margin-top: -25px!important
}

.gMar25 {
	margin-right: 25px!important
}

.gMar-25 {
	margin-right: -25px!important
}

.gMab25 {
	margin-bottom: 25px!important
}

.gMab-25 {
	margin-bottom: -25px!important
}

.gMal25 {
	margin-left: 25px!important
}

.gMal-25 {
	margin-left: -25px!important
}

.gMat26 {
	margin-top: 26px!important
}

.gMat-26 {
	margin-top: -26px!important
}

.gMar26 {
	margin-right: 26px!important
}

.gMar-26 {
	margin-right: -26px!important
}

.gMab26 {
	margin-bottom: 26px!important
}

.gMab-26 {
	margin-bottom: -26px!important
}

.gMal26 {
	margin-left: 26px!important
}

.gMal-26 {
	margin-left: -26px!important
}

.gMat27 {
	margin-top: 27px!important
}

.gMat-27 {
	margin-top: -27px!important
}

.gMar27 {
	margin-right: 27px!important
}

.gMar-27 {
	margin-right: -27px!important
}

.gMab27 {
	margin-bottom: 27px!important
}

.gMab-27 {
	margin-bottom: -27px!important
}

.gMal27 {
	margin-left: 27px!important
}

.gMal-27 {
	margin-left: -27px!important
}

.gMat28 {
	margin-top: 28px!important
}

.gMat-28 {
	margin-top: -28px!important
}

.gMar28 {
	margin-right: 28px!important
}

.gMar-28 {
	margin-right: -28px!important
}

.gMab28 {
	margin-bottom: 28px!important
}

.gMab-28 {
	margin-bottom: -28px!important
}

.gMal28 {
	margin-left: 28px!important
}

.gMal-28 {
	margin-left: -28px!important
}

.gMat29 {
	margin-top: 29px!important
}

.gMat-29 {
	margin-top: -29px!important
}

.gMar29 {
	margin-right: 29px!important
}

.gMar-29 {
	margin-right: -29px!important
}

.gMab29 {
	margin-bottom: 29px!important
}

.gMab-29 {
	margin-bottom: -29px!important
}

.gMal29 {
	margin-left: 29px!important
}

.gMal-29 {
	margin-left: -29px!important
}

.gMat30 {
	margin-top: 30px!important
}

.gMat-30 {
	margin-top: -30px!important
}

.gMar30 {
	margin-right: 30px!important
}

.gMar-30 {
	margin-right: -30px!important
}

.gMab30 {
	margin-bottom: 30px!important
}

.gMab-30 {
	margin-bottom: -30px!important
}

.gMal30 {
	margin-left: 30px!important
}

.gMal-30 {
	margin-left: -30px!important
}

.gMat31 {
	margin-top: 31px!important
}

.gMat-31 {
	margin-top: -31px!important
}

.gMar31 {
	margin-right: 31px!important
}

.gMar-31 {
	margin-right: -31px!important
}

.gMab31 {
	margin-bottom: 31px!important
}

.gMab-31 {
	margin-bottom: -31px!important
}

.gMal31 {
	margin-left: 31px!important
}

.gMal-31 {
	margin-left: -31px!important
}

.gMat32 {
	margin-top: 32px!important
}

.gMat-32 {
	margin-top: -32px!important
}

.gMar32 {
	margin-right: 32px!important
}

.gMar-32 {
	margin-right: -32px!important
}

.gMab32 {
	margin-bottom: 32px!important
}

.gMab-32 {
	margin-bottom: -32px!important
}

.gMal32 {
	margin-left: 32px!important
}

.gMal-32 {
	margin-left: -32px!important
}

.gMat33 {
	margin-top: 33px!important
}

.gMat-33 {
	margin-top: -33px!important
}

.gMar33 {
	margin-right: 33px!important
}

.gMar-33 {
	margin-right: -33px!important
}

.gMab33 {
	margin-bottom: 33px!important
}

.gMab-33 {
	margin-bottom: -33px!important
}

.gMal33 {
	margin-left: 33px!important
}

.gMal-33 {
	margin-left: -33px!important
}

.gMat34 {
	margin-top: 34px!important
}

.gMat-34 {
	margin-top: -34px!important
}

.gMar34 {
	margin-right: 34px!important
}

.gMar-34 {
	margin-right: -34px!important
}

.gMab34 {
	margin-bottom: 34px!important
}

.gMab-34 {
	margin-bottom: -34px!important
}

.gMal34 {
	margin-left: 34px!important
}

.gMal-34 {
	margin-left: -34px!important
}

.gMat35 {
	margin-top: 35px!important
}

.gMat-35 {
	margin-top: -35px!important
}

.gMar35 {
	margin-right: 35px!important
}

.gMar-35 {
	margin-right: -35px!important
}

.gMab35 {
	margin-bottom: 35px!important
}

.gMab-35 {
	margin-bottom: -35px!important
}

.gMal35 {
	margin-left: 35px!important
}

.gMal-35 {
	margin-left: -35px!important
}

.gMat36 {
	margin-top: 36px!important
}

.gMat-36 {
	margin-top: -36px!important
}

.gMar36 {
	margin-right: 36px!important
}

.gMar-36 {
	margin-right: -36px!important
}

.gMab36 {
	margin-bottom: 36px!important
}

.gMab-36 {
	margin-bottom: -36px!important
}

.gMal36 {
	margin-left: 36px!important
}

.gMal-36 {
	margin-left: -36px!important
}

.gMat37 {
	margin-top: 37px!important
}

.gMat-37 {
	margin-top: -37px!important
}

.gMar37 {
	margin-right: 37px!important
}

.gMar-37 {
	margin-right: -37px!important
}

.gMab37 {
	margin-bottom: 37px!important
}

.gMab-37 {
	margin-bottom: -37px!important
}

.gMal37 {
	margin-left: 37px!important
}

.gMal-37 {
	margin-left: -37px!important
}

.gMat38 {
	margin-top: 38px!important
}

.gMat-38 {
	margin-top: -38px!important
}

.gMar38 {
	margin-right: 38px!important
}

.gMar-38 {
	margin-right: -38px!important
}

.gMab38 {
	margin-bottom: 38px!important
}

.gMab-38 {
	margin-bottom: -38px!important
}

.gMal38 {
	margin-left: 38px!important
}

.gMal-38 {
	margin-left: -38px!important
}

.gMat39 {
	margin-top: 39px!important
}

.gMat-39 {
	margin-top: -39px!important
}

.gMar39 {
	margin-right: 39px!important
}

.gMar-39 {
	margin-right: -39px!important
}

.gMab39 {
	margin-bottom: 39px!important
}

.gMab-39 {
	margin-bottom: -39px!important
}

.gMal39 {
	margin-left: 39px!important
}

.gMal-39 {
	margin-left: -39px!important
}

.gMat40 {
	margin-top: 40px!important
}

.gMat-40 {
	margin-top: -40px!important
}

.gMar40 {
	margin-right: 40px!important
}

.gMar-40 {
	margin-right: -40px!important
}

.gMab40 {
	margin-bottom: 40px!important
}

.gMab-40 {
	margin-bottom: -40px!important
}

.gMal40 {
	margin-left: 40px!important
}

.gMal-40 {
	margin-left: -40px!important
}

.gMat41 {
	margin-top: 41px!important
}

.gMat-41 {
	margin-top: -41px!important
}

.gMar41 {
	margin-right: 41px!important
}

.gMar-41 {
	margin-right: -41px!important
}

.gMab41 {
	margin-bottom: 41px!important
}

.gMab-41 {
	margin-bottom: -41px!important
}

.gMal41 {
	margin-left: 41px!important
}

.gMal-41 {
	margin-left: -41px!important
}

.gMat42 {
	margin-top: 42px!important
}

.gMat-42 {
	margin-top: -42px!important
}

.gMar42 {
	margin-right: 42px!important
}

.gMar-42 {
	margin-right: -42px!important
}

.gMab42 {
	margin-bottom: 42px!important
}

.gMab-42 {
	margin-bottom: -42px!important
}

.gMal42 {
	margin-left: 42px!important
}

.gMal-42 {
	margin-left: -42px!important
}

.gMat43 {
	margin-top: 43px!important
}

.gMat-43 {
	margin-top: -43px!important
}

.gMar43 {
	margin-right: 43px!important
}

.gMar-43 {
	margin-right: -43px!important
}

.gMab43 {
	margin-bottom: 43px!important
}

.gMab-43 {
	margin-bottom: -43px!important
}

.gMal43 {
	margin-left: 43px!important
}

.gMal-43 {
	margin-left: -43px!important
}

.gMat44 {
	margin-top: 44px!important
}

.gMat-44 {
	margin-top: -44px!important
}

.gMar44 {
	margin-right: 44px!important
}

.gMar-44 {
	margin-right: -44px!important
}

.gMab44 {
	margin-bottom: 44px!important
}

.gMab-44 {
	margin-bottom: -44px!important
}

.gMal44 {
	margin-left: 44px!important
}

.gMal-44 {
	margin-left: -44px!important
}

.gMat45 {
	margin-top: 45px!important
}

.gMat-45 {
	margin-top: -45px!important
}

.gMar45 {
	margin-right: 45px!important
}

.gMar-45 {
	margin-right: -45px!important
}

.gMab45 {
	margin-bottom: 45px!important
}

.gMab-45 {
	margin-bottom: -45px!important
}

.gMal45 {
	margin-left: 45px!important
}

.gMal-45 {
	margin-left: -45px!important
}

.gMat46 {
	margin-top: 46px!important
}

.gMat-46 {
	margin-top: -46px!important
}

.gMar46 {
	margin-right: 46px!important
}

.gMar-46 {
	margin-right: -46px!important
}

.gMab46 {
	margin-bottom: 46px!important
}

.gMab-46 {
	margin-bottom: -46px!important
}

.gMal46 {
	margin-left: 46px!important
}

.gMal-46 {
	margin-left: -46px!important
}

.gMat47 {
	margin-top: 47px!important
}

.gMat-47 {
	margin-top: -47px!important
}

.gMar47 {
	margin-right: 47px!important
}

.gMar-47 {
	margin-right: -47px!important
}

.gMab47 {
	margin-bottom: 47px!important
}

.gMab-47 {
	margin-bottom: -47px!important
}

.gMal47 {
	margin-left: 47px!important
}

.gMal-47 {
	margin-left: -47px!important
}

.gMat48 {
	margin-top: 48px!important
}

.gMat-48 {
	margin-top: -48px!important
}

.gMar48 {
	margin-right: 48px!important
}

.gMar-48 {
	margin-right: -48px!important
}

.gMab48 {
	margin-bottom: 48px!important
}

.gMab-48 {
	margin-bottom: -48px!important
}

.gMal48 {
	margin-left: 48px!important
}

.gMal-48 {
	margin-left: -48px!important
}

.gMat49 {
	margin-top: 49px!important
}

.gMat-49 {
	margin-top: -49px!important
}

.gMar49 {
	margin-right: 49px!important
}

.gMar-49 {
	margin-right: -49px!important
}

.gMab49 {
	margin-bottom: 49px!important
}

.gMab-49 {
	margin-bottom: -49px!important
}

.gMal49 {
	margin-left: 49px!important
}

.gMal-49 {
	margin-left: -49px!important
}

.gMat50 {
	margin-top: 50px!important
}

.gMat-50 {
	margin-top: -50px!important
}

.gMar50 {
	margin-right: 50px!important
}

.gMar-50 {
	margin-right: -50px!important
}

.gMab50 {
	margin-bottom: 50px!important
}

.gMab-50 {
	margin-bottom: -50px!important
}

.gMal50 {
	margin-left: 50px!important
}

.gMal-50 {
	margin-left: -50px!important
}

.gPa0 {
	padding: 0!important
}

.gPat0 {
	padding-top: 0!important
}

.gPar0 {
	padding-right: 0!important
}

.gPab0 {
	padding-bottom: 0!important
}

.gPal0 {
	padding-left: 0!important
}

.gPa1 {
	padding: 1px!important
}

.gPat1 {
	padding-top: 1px!important
}

.gPar1 {
	padding-right: 1px!important
}

.gPab1 {
	padding-bottom: 1px!important
}

.gPal1 {
	padding-left: 1px!important
}

.gPa2 {
	padding: 2px!important
}

.gPat2 {
	padding-top: 2px!important
}

.gPar2 {
	padding-right: 2px!important
}

.gPab2 {
	padding-bottom: 2px!important
}

.gPal2 {
	padding-left: 2px!important
}

.gPa3 {
	padding: 3px!important
}

.gPat3 {
	padding-top: 3px!important
}

.gPar3 {
	padding-right: 3px!important
}

.gPab3 {
	padding-bottom: 3px!important
}

.gPal3 {
	padding-left: 3px!important
}

.gPa4 {
	padding: 4px!important
}

.gPat4 {
	padding-top: 4px!important
}

.gPar4 {
	padding-right: 4px!important
}

.gPab4 {
	padding-bottom: 4px!important
}

.gPal4 {
	padding-left: 4px!important
}

.gPa5 {
	padding: 5px!important
}

.gPat5 {
	padding-top: 5px!important
}

.gPar5 {
	padding-right: 5px!important
}

.gPab5 {
	padding-bottom: 5px!important
}

.gPal5 {
	padding-left: 5px!important
}

.gPa6 {
	padding: 6px!important
}

.gPat6 {
	padding-top: 6px!important
}

.gPar6 {
	padding-right: 6px!important
}

.gPab6 {
	padding-bottom: 6px!important
}

.gPal6 {
	padding-left: 6px!important
}

.gPa7 {
	padding: 7px!important
}

.gPat7 {
	padding-top: 7px!important
}

.gPar7 {
	padding-right: 7px!important
}

.gPab7 {
	padding-bottom: 7px!important
}

.gPal7 {
	padding-left: 7px!important
}

.gPa8 {
	padding: 8px!important
}

.gPat8 {
	padding-top: 8px!important
}

.gPar8 {
	padding-right: 8px!important
}

.gPab8 {
	padding-bottom: 8px!important
}

.gPal8 {
	padding-left: 8px!important
}

.gPa9 {
	padding: 9px!important
}

.gPat9 {
	padding-top: 9px!important
}

.gPar9 {
	padding-right: 9px!important
}

.gPab9 {
	padding-bottom: 9px!important
}

.gPal9 {
	padding-left: 9px!important
}

.gPa10 {
	padding: 10px!important
}

.gPat10 {
	padding-top: 10px!important
}

.gPar10 {
	padding-right: 10px!important
}

.gPab10 {
	padding-bottom: 10px!important
}

.gPal10 {
	padding-left: 10px!important
}

.gPa11 {
	padding: 11px!important
}

.gPat11 {
	padding-top: 11px!important
}

.gPar11 {
	padding-right: 11px!important
}

.gPab11 {
	padding-bottom: 11px!important
}

.gPal11 {
	padding-left: 11px!important
}

.gPa12 {
	padding: 12px!important
}

.gPat12 {
	padding-top: 12px!important
}

.gPar12 {
	padding-right: 12px!important
}

.gPab12 {
	padding-bottom: 12px!important
}

.gPal12 {
	padding-left: 12px!important
}

.gPa13 {
	padding: 13px!important
}

.gPat13 {
	padding-top: 13px!important
}

.gPar13 {
	padding-right: 13px!important
}

.gPab13 {
	padding-bottom: 13px!important
}

.gPal13 {
	padding-left: 13px!important
}

.gPa14 {
	padding: 14px!important
}

.gPat14 {
	padding-top: 14px!important
}

.gPar14 {
	padding-right: 14px!important
}

.gPab14 {
	padding-bottom: 14px!important
}

.gPal14 {
	padding-left: 14px!important
}

.gPa15 {
	padding: 15px!important
}

.gPat15 {
	padding-top: 15px!important
}

.gPar15 {
	padding-right: 15px!important
}

.gPab15 {
	padding-bottom: 15px!important
}

.gPal15 {
	padding-left: 15px!important
}

.gPa16 {
	padding: 16px!important
}

.gPat16 {
	padding-top: 16px!important
}

.gPar16 {
	padding-right: 16px!important
}

.gPab16 {
	padding-bottom: 16px!important
}

.gPal16 {
	padding-left: 16px!important
}

.gPa17 {
	padding: 17px!important
}

.gPat17 {
	padding-top: 17px!important
}

.gPar17 {
	padding-right: 17px!important
}

.gPab17 {
	padding-bottom: 17px!important
}

.gPal17 {
	padding-left: 17px!important
}

.gPa18 {
	padding: 18px!important
}

.gPat18 {
	padding-top: 18px!important
}

.gPar18 {
	padding-right: 18px!important
}

.gPab18 {
	padding-bottom: 18px!important
}

.gPal18 {
	padding-left: 18px!important
}

.gPa19 {
	padding: 19px!important
}

.gPat19 {
	padding-top: 19px!important
}

.gPar19 {
	padding-right: 19px!important
}

.gPab19 {
	padding-bottom: 19px!important
}

.gPal19 {
	padding-left: 19px!important
}

.gPa20 {
	padding: 20px!important
}

.gPat20 {
	padding-top: 20px!important
}

.gPar20 {
	padding-right: 20px!important
}

.gPab20 {
	padding-bottom: 20px!important
}

.gPal20 {
	padding-left: 20px!important
}

.gPa21 {
	padding: 21px!important
}

.gPat21 {
	padding-top: 21px!important
}

.gPar21 {
	padding-right: 21px!important
}

.gPab21 {
	padding-bottom: 21px!important
}

.gPal21 {
	padding-left: 21px!important
}

.gPa22 {
	padding: 22px!important
}

.gPat22 {
	padding-top: 22px!important
}

.gPar22 {
	padding-right: 22px!important
}

.gPab22 {
	padding-bottom: 22px!important
}

.gPal22 {
	padding-left: 22px!important
}

.gPa23 {
	padding: 23px!important
}

.gPat23 {
	padding-top: 23px!important
}

.gPar23 {
	padding-right: 23px!important
}

.gPab23 {
	padding-bottom: 23px!important
}

.gPal23 {
	padding-left: 23px!important
}

.gPa24 {
	padding: 24px!important
}

.gPat24 {
	padding-top: 24px!important
}

.gPar24 {
	padding-right: 24px!important
}

.gPab24 {
	padding-bottom: 24px!important
}

.gPal24 {
	padding-left: 24px!important
}

.gPa25 {
	padding: 25px!important
}

.gPat25 {
	padding-top: 25px!important
}

.gPar25 {
	padding-right: 25px!important
}

.gPab25 {
	padding-bottom: 25px!important
}

.gPal25 {
	padding-left: 25px!important
}

.gPa26 {
	padding: 26px!important
}

.gPat26 {
	padding-top: 26px!important
}

.gPar26 {
	padding-right: 26px!important
}

.gPab26 {
	padding-bottom: 26px!important
}

.gPal26 {
	padding-left: 26px!important
}

.gPa27 {
	padding: 27px!important
}

.gPat27 {
	padding-top: 27px!important
}

.gPar27 {
	padding-right: 27px!important
}

.gPab27 {
	padding-bottom: 27px!important
}

.gPal27 {
	padding-left: 27px!important
}

.gPa28 {
	padding: 28px!important
}

.gPat28 {
	padding-top: 28px!important
}

.gPar28 {
	padding-right: 28px!important
}

.gPab28 {
	padding-bottom: 28px!important
}

.gPal28 {
	padding-left: 28px!important
}

.gPa29 {
	padding: 29px!important
}

.gPat29 {
	padding-top: 29px!important
}

.gPar29 {
	padding-right: 29px!important
}

.gPab29 {
	padding-bottom: 29px!important
}

.gPal29 {
	padding-left: 29px!important
}

.gPa30 {
	padding: 30px!important
}

.gPat30 {
	padding-top: 30px!important
}

.gPar30 {
	padding-right: 30px!important
}

.gPab30 {
	padding-bottom: 30px!important
}

.gPal30 {
	padding-left: 30px!important
}

.gOuterLink {
	color: #3972b4;
	word-wrap: break-word;
	word-break: break-all
}

.gBandMember {
	font-weight: 700;
	word-wrap: break-word;
	word-break: break-all;
	color: #3972b4;
	font-weight: 600;
	font-size: 1.5rem
}

.gBtnReset {
	border: 0;
	background: 0 0;
	border-radius: 0
}

.gSpaceWall {
	height: 9px;
	background-color: #f0f2f3
}

.gSpaceWall.-h10 {
	height: 10px
}

.gSpaceWallBg {
	background-color: #f0f2f3
}

.gIconNewMark {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #ea3323;
	vertical-align: top
}

.gBodyBgGray {
	background-color: #f0f2f3
}

.gBodyBgWhite {
	background-color: #fff!important
}

.gOverflowX {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.gOverflowY {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.gDimmed {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, .7)
}

.commentList .gDimmed {
	background-color: rgba(250, 250, 250, .7)
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
table,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	line-height: 1.3
}

body {
	color: #222;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased
}

fieldset,
img {
	border: 0
}

img {
	vertical-align: top
}

ol,
ul {
	list-style: none
}

a {
	text-decoration: none;
	color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

address,
em {
	font-style: normal
}

table {
	border-collapse: collapse
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: 0 0;
	outline: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none
}

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

input::-webkit-input-placeholder {
	color: #ccc
}

input::-moz-placeholder {
	color: #ccc
}

input:-ms-input-placeholder {
	color: #ccc
}

input::-ms-input-placeholder {
	color: #ccc
}

input::placeholder {
	color: #ccc
}

textarea {
	-webkit-appearance: none;
	outline: 0
}

input[type=text],
textarea {
	-webkit-user-modify: read-write-plaintext-only
}

button {
	border: 0;
	border-radius: 0;
	background-color: transparent
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background-color: transparent
}

.skin11 .sf_afterColor:after,
.skin11 .sf_beforeColor:before,
.skin11 .sf_color {
	color: #f875c0!important
}

.skin11 .sf_tAfterBg:after,
.skin11 .sf_tBeforeBg:before {
	background-color: #f875c0!important
}

.skin11 .sf_border {
	border-color: #f875c0!important
}

.skin11 .sf_afterBg:after,
.skin11 .sf_beforeBg:before,
.skin11 .sf_bg {
	background-color: #f875c0!important
}

.skin10 .sf_afterBg:after,
.skin10 .sf_beforeBg:before,
.skin10 .sf_bg {
	background-color: #525a62!important
}

.skin9 .sf_afterColor:after,
.skin9 .sf_beforeColor:before,
.skin9 .sf_color {
	color: #5471d8!important
}

.skin9 .sf_tAfterBg:after,
.skin9 .sf_tBeforeBg:before {
	background-color: #5471d8!important
}

.skin9 .sf_border {
	border-color: #5471d8!important
}

.skin9 .sf_afterBg:after,
.skin9 .sf_beforeBg:before,
.skin9 .sf_bg {
	background-color: #5471d8!important
}

.skin8 .sf_afterBg:after,
.skin8 .sf_beforeBg:before,
.skin8 .sf_bg {
	background-color: #959799!important
}

.skin7 .sf_afterColor:after,
.skin7 .sf_beforeColor:before,
.skin7 .sf_color {
	color: #fdb00d!important
}

.skin7 .sf_tAfterBg:after,
.skin7 .sf_tBeforeBg:before {
	background-color: #fdb00d!important
}

.skin7 .sf_border {
	border-color: #fdb00d!important
}

.skin7 .sf_afterBg:after,
.skin7 .sf_beforeBg:before,
.skin7 .sf_bg {
	background-color: #fdb00d!important
}

.skin6 .sf_afterColor:after,
.skin6 .sf_beforeColor:before,
.skin6 .sf_color {
	color: #ff703d!important
}

.skin6 .sf_tAfterBg:after,
.skin6 .sf_tBeforeBg:before {
	background-color: #ff703d!important
}

.skin6 .sf_border {
	border-color: #ff703d!important
}

.skin6 .sf_afterBg:after,
.skin6 .sf_beforeBg:before,
.skin6 .sf_bg {
	background-color: #ff703d!important
}

.skin5 .sf_afterColor:after,
.skin5 .sf_beforeColor:before,
.skin5 .sf_color {
	color: #ff5b72!important
}

.skin5 .sf_tAfterBg:after,
.skin5 .sf_tBeforeBg:before {
	background-color: #ff5b72!important
}

.skin5 .sf_border {
	border-color: #ff5b72!important
}

.skin5 .sf_afterBg:after,
.skin5 .sf_beforeBg:before,
.skin5 .sf_bg {
	background-color: #ff5b72!important
}

.skin4 .sf_afterColor:after,
.skin4 .sf_beforeColor:before,
.skin4 .sf_color {
	color: #9370f0!important
}

.skin4 .sf_tAfterBg:after,
.skin4 .sf_tBeforeBg:before {
	background-color: #9370f0!important
}

.skin4 .sf_border {
	border-color: #9370f0!important
}

.skin4 .sf_afterBg:after,
.skin4 .sf_beforeBg:before,
.skin4 .sf_bg {
	background-color: #9370f0!important
}

.skin3 .sf_afterColor:after,
.skin3 .sf_beforeColor:before,
.skin3 .sf_color {
	color: #32b0e5!important
}

.skin3 .sf_tAfterBg:after,
.skin3 .sf_tBeforeBg:before {
	background-color: #32b0e5!important
}

.skin3 .sf_border {
	border-color: #32b0e5!important
}

.skin3 .sf_afterBg:after,
.skin3 .sf_beforeBg:before,
.skin3 .sf_bg {
	background-color: #32b0e5!important
}

.skin2 .sf_afterColor:after,
.skin2 .sf_beforeColor:before,
.skin2 .sf_color {
	color: #00b994!important
}

.skin2 .sf_tAfterBg:after,
.skin2 .sf_tBeforeBg:before {
	background-color: #00b994!important
}

.skin2 .sf_border {
	border-color: #00b994!important
}

.skin2 .sf_afterBg:after,
.skin2 .sf_beforeBg:before,
.skin2 .sf_bg {
	background-color: #00b994!important
}

.skin1 .sf_afterColor:after,
.skin1 .sf_beforeColor:before,
.skin1 .sf_color {
	color: #21c700!important
}

.skin1 .sf_tAfterBg:after,
.skin1 .sf_tBeforeBg:before {
	background-color: #21c700!important
}

.skin1 .sf_border {
	border-color: #21c700!important
}

.skin1 .sf_afterBg:after,
.skin1 .sf_beforeBg:before,
.skin1 .sf_bg {
	background-color: #21c700!important
}

.skin10 .sf_afterColor:after,
.skin10 .sf_bAfterColor:after,
.skin10 .sf_bBeforeColor:before,
.skin10 .sf_beforeColor:before,
.skin10 .sf_color {
	color: #34cc6c!important
}

.sf_tAfterBg:after,
.sf_tBeforeBg:before {
	background-color: #34cc6c!important
}

.skin8 .sf_afterColor:after,
.skin8 .sf_bAfterColor:after,
.skin8 .sf_bBeforeColor:before,
.skin8 .sf_beforeColor:before,
.skin8 .sf_color {
	color: #34cc6c!important
}

.sf_tAfterBg:after,
.sf_tBeforeBg:before {
	background-color: #34cc6c!important
}

.stkr_1 {
	background-position: 0 0!important
}

.stkr_2 {
	background-position: -75px 0!important
}

.stkr_3 {
	background-position: -150px 0!important
}

.stkr_4 {
	background-position: -225px 0!important
}

.stkr_5 {
	background-position: -300px 0!important
}

.stkr_6 {
	background-position: -375px 0!important
}

.stkr_7 {
	background-position: -450px 0!important
}

.stkr_8 {
	background-position: -525px 0!important
}

.stkr_9 {
	background-position: -600px 0!important
}

.stkr_10 {
	background-position: -675px 0!important
}

.stkr_11 {
	background-position: -750px 0!important
}

.stkr_12 {
	background-position: -825px 0!important
}

.stkr_13 {
	background-position: -900px 0!important
}

.stkr_14 {
	background-position: -975px 0!important
}

.stkr_15 {
	background-position: -1050px 0!important
}

.stkr_16 {
	background-position: -1125px 0!important
}

.stkr_17 {
	background-position: -1200px 0!important
}

.stkr_18 {
	background-position: -1275px 0!important
}

.stkr_19 {
	background-position: -1350px 0!important
}

.stkr_20 {
	background-position: -1425px 0!important
}

.stkr_21 {
	background-position: -1500px 0!important
}

.stkr_22 {
	background-position: -1575px 0!important
}

.stkr_23 {
	background-position: -1650px 0!important
}

.stkr_24 {
	background-position: -1725px 0!important
}

.stkr_25 {
	background-position: -1800px 0!important
}

.stkr_26 {
	background-position: -1875px 0!important
}

.stkr_27 {
	background-position: -1950px 0!important
}

.stkr_28 {
	background-position: -2025px 0!important
}

.stkr_29 {
	background-position: -2100px 0!important
}

.stkr_30 {
	background-position: -2175px 0!important
}

.stkr_31 {
	background-position: -2250px 0!important
}

.stkr_32 {
	background-position: -2325px 0!important
}

.stkr_33 {
	background-position: -2400px 0!important
}

.stkr_34 {
	background-position: -2475px 0!important
}

.stkr_35 {
	background-position: -2550px 0!important
}

.stkr_36 {
	background-position: -2625px 0!important
}

.stkr_37 {
	background-position: -2700px 0!important
}

.stkr_38 {
	background-position: -2775px 0!important
}

.stkr_39 {
	background-position: -2850px 0!important
}

.stkr_40 {
	background-position: -2925px 0!important
}

.stkr_41 {
	background-position: -3000px 0!important
}

.stkr_42 {
	background-position: -3075px 0!important
}

.stkr_43 {
	background-position: -3150px 0!important
}

.stkr_44 {
	background-position: -3225px 0!important
}

.stkr_45 {
	background-position: -3300px 0!important
}

.stkr_46 {
	background-position: -3375px 0!important
}

.stkr_47 {
	background-position: -3450px 0!important
}

.stkr_48 {
	background-position: -3525px 0!important
}

.stkr_49 {
	background-position: -3600px 0!important
}

.stkr_50 {
	background-position: -3675px 0!important
}

.stkr_51 {
	background-position: -3750px 0!important
}

.stkr_52 {
	background-position: -3825px 0!important
}

.stkr_53 {
	background-position: -3900px 0!important
}

.stkr_54 {
	background-position: -3975px 0!important
}

.stkr_55 {
	background-position: -4050px 0!important
}

.stkr_56 {
	background-position: -4125px 0!important
}

.stkr_57 {
	background-position: -4200px 0!important
}

.stkr_58 {
	background-position: -4275px 0!important
}

.stkr_59 {
	background-position: -4350px 0!important
}

.stkr_60 {
	background-position: -4425px 0!important
}

.stkr_61 {
	background-position: -4500px 0!important
}

.stkr_62 {
	background-position: -4575px 0!important
}

.stkr_63 {
	background-position: -4650px 0!important
}

.stkr_64 {
	background-position: -4725px 0!important
}

.stkr_65 {
	background-position: -4800px 0!important
}

.stkr_66 {
	background-position: -4875px 0!important
}

.stkr_67 {
	background-position: -4950px 0!important
}

.stkr_68 {
	background-position: -5025px 0!important
}

.stkr_69 {
	background-position: -5100px 0!important
}

.stkr_70 {
	background-position: -5175px 0!important
}

.stkr_71 {
	background-position: -5250px 0!important
}

.stkr_72 {
	background-position: -5325px 0!important
}

.stkr_73 {
	background-position: -5400px 0!important
}

.stkr_74 {
	background-position: -5475px 0!important
}

.stkr_75 {
	background-position: -5550px 0!important
}

.stkr_76 {
	background-position: -5625px 0!important
}

.stkr_77 {
	background-position: -5700px 0!important
}

.stkr_78 {
	background-position: -5775px 0!important
}

.stkr_79 {
	background-position: -5850px 0!important
}

.stkr_80 {
	background-position: -5925px 0!important
}

.stkr_81 {
	background-position: -6000px 0!important
}

.stkr_82 {
	background-position: -6075px 0!important
}

.stkr_83 {
	background-position: -6150px 0!important
}

.stkr_84 {
	background-position: -6225px 0!important
}

.stkr_85 {
	background-position: -6300px 0!important
}

.stkr_86 {
	background-position: -6375px 0!important
}

.stkr_87 {
	background-position: -6450px 0!important
}

.stkr_88 {
	background-position: -6525px 0!important
}

.stkr_89 {
	background-position: -6600px 0!important
}

.stkr_90 {
	background-position: -6675px 0!important
}

.stkr_91 {
	background-position: -6750px 0!important
}

.stkr_92 {
	background-position: -6825px 0!important
}

.stkr_93 {
	background-position: -6900px 0!important
}

.stkr_94 {
	background-position: -6975px 0!important
}

.stkr_95 {
	background-position: -7050px 0!important
}

.stkr_96 {
	background-position: -7125px 0!important
}

.stkr_97 {
	background-position: -7200px 0!important
}

.stkr_98 {
	background-position: -7275px 0!important
}

.stkr_99 {
	background-position: -7350px 0!important
}

.stkr_100 {
	background-position: -7425px 0!important
}

.listKeepingRegion {
	display: none
}

.listKeepingRegion.-show {
	display: block
}

.header {
	position: fixed;
	z-index: 30;
	left: 0;
	right: 0;
	top: 0;
	background: #fff
}

.groupBand .header {
	background: 0 0
}

.header.-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.header .sf_beforeBg .topConfirmButton {
	color: #fff
}

.header .topbarArea.-bottomShadow {
	-webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .08)
}

.header .topbarArea:before {
	display: none
}

.header .topbarArea.-active:before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	content: ''
}

.header .topbarArea.-active .topbarBox {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 20
}

.header .topbarArea.-active .sectionTitleWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header .topbarArea.-active .sectionTitleWrap:empty {
	display: none
}

.header .topbarArea .sectionTitleWrap {
	display: none
}

.header .topbarArea .topbarBox {
	background-color: transparent
}

.header .topbarArea .topbarBox .status_title {
	margin: 0 auto;
	text-align: center;
	line-height: 4.4rem;
	font-size: 1.8rem;
	color: #fff;
	overflow: hidden;
	display: block;
	max-width: 52%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarArea .topbarBox .status_title.badge {
	-o-text-overflow: initial;
	text-overflow: initial
}

.header .topbarArea .topbarBox .status_title.badge strong {
	vertical-align: top;
	font-weight: 400;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarArea .topbarBox .status_title.badge .uOfficialBand {
	top: 13px
}

.header .topbarArea .topbarBox .single_band_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.header .topbarArea .topbarBox .single_band_cover .band_cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.header .topbarArea .topbarBox .single_band_cover .band_cover .cover_image {
	width: 100%
}

.header .topbarArea .topbarBox .single_band_cover .band_cover:before {
	content: "";
	display: none
}

.header .topbarArea .topbarBox .functionWrap {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right
}

.header .topbarArea .topbarBox .functionWrap .btnOption {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 24px
}

.header .topbarArea .topbarBox .functionWrap .btnOption .iconMoreOption {
	margin: -1px 0 0 13px
}

.header .topbarArea~.container {
	padding-top: 0
}

.invitationCardViewSection .header .topbarArea .topbarBox {
	background-color: #f0f2f3
}

.header .topbarBox {
	width: 100%;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 53px;
	padding: 0 15px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.header .topbarBox.-justifyBetween {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header .topbarBox .topSearchInputFormWrap {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 11px
}

.header .topbarBox .topSearchInputFormWrap .form {
	display: block;
	width: 100%
}

.header .topbarBox .topSearchInput {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

.header .topbarBox .topSearchInput.-on .btnReset {
	display: block
}

.header .topbarBox .topSearchInput.-on .btnSearch {
	background-color: #11c473
}

.header .topbarBox .topSearchInput .box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 35px;
	border-radius: 3px;
	padding: 0 12px;
	background-color: #f6f6f6;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header .topbarBox .topSearchInput .label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-find)
}

.header .topbarBox .topSearchInput .input {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	margin-left: 8px;
	border: 0;
	background: 0 0;
	font-size: 1.5rem;
	color: #222
}

.header .topbarBox .topSearchInput .input::-webkit-input-placeholder {
	color: #aaa
}

.header .topbarBox .topSearchInput .input::-moz-placeholder {
	color: #aaa
}

.header .topbarBox .topSearchInput .input:-ms-input-placeholder {
	color: #aaa
}

.header .topbarBox .topSearchInput .input::-ms-input-placeholder {
	color: #aaa
}

.header .topbarBox .topSearchInput .input::placeholder {
	color: #aaa
}

.header .topbarBox .topSearchInput .btnReset {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 0 0 15px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: none;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-search-reset)
}

.header .topbarBox .btnSearch {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 45px;
	height: 35px;
	margin-left: 8px;
	padding: 0 10px;
	border-radius: 3px;
	background: #d6d7db;
	font-size: 1.3rem;
	color: #fff
}

.header .topbarBox .moreOptionWrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 20px
}

.header .topbarBox .moreOptionWrap .btnOption {
	display: inline-block;
	vertical-align: top
}

.header .topbarBox .moreOptionWrap .btnOption .iconMoreOption {
	margin-right: -8px
}

.header .topbarBox .btnText {
	font-size: 1.6rem;
	line-height: normal;
	color: #777
}

.header .topbarBox .btnText.-textWhite {
	color: #fff
}

.header .topbarBox .btnText:disabled {
	opacity: .5
}

.header .topbarBox .bandLogo {
	display: block;
	width: 69px;
	height: 25px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 69px 25px;
	mask-size: 69px 25px;
	background-color: #040000
}

.header .topbarBox .sectionTitleWrap {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 20px
}

.header .topbarBox .sectionTitleWrap .title {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: normal;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarBox .sectionTitleWrap .title .uOfficialBand {
	position: relative;
	top: 3px;
	margin-right: 2px
}

.header .topbarBox .sectionTitleWrap .title.-big {
	font-size: 1.8rem
}

.header .topbarBox .sectionTitleWrap .subTitle {
	display: block;
	margin: 1px 0 0 0;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: normal;
	color: #999;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarBox .sectionTitleWrap.-alignLeft {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.header .topbarBox .sectionTitleWrap.-hasSkinBg .title {
	color: #fff
}

.header .topbarBox .sectionTitleWrap.-hasSkinBg .subTitle {
	color: rgba(255, 255, 255, .5)
}

.header .topbarBox .sectionTitle {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 20px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: normal;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarBox .discoverTitle {
	font-size: 1.8rem;
	font-weight: 600;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.header .topbarBox .searchLink {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-search);
	vertical-align: top
}

.header .topbarBox .newchatLink {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-plus);
	margin-left: 9px;
	vertical-align: top
}

.header .topbarBox .writePostLink {
	width: 22px;
	height: 24px;
	-webkit-mask-image: url(#icon_post_write-24);
	mask-image: url(#icon_post_write-24);
	-webkit-mask-size: 22px 24px;
	mask-size: 22px 24px;
	background-color: #222;
	margin-left: 9px;
	vertical-align: top
}

.header .topbarBox .createBandLink {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-plus);
	margin-left: 20px;
	vertical-align: top
}

.header .topbarBox .btnBack {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20px;
	height: 18px;
	-webkit-mask-image: url(#icon-back-15);
	mask-image: url(#icon-back-15);
	-webkit-mask-size: 20px 18px;
	mask-size: 20px 18px;
	background-color: #fff
}

.header .topbarBox .btnBack.-w24 {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#ico-back-w24);
	mask-image: url(#ico-back-w24);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #fff
}

.header .topbarBox .btnBack.-c222 {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#ico-back-24);
	mask-image: url(#ico-back-24);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #222
}

.header .topbarBox .btnBack.-flexFixed {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.bandSelectionSection .header .topbarBox .btnBack {
	background-color: #000
}

.header .topbarBox .btnClose {
	width: 17px;
	height: 17px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 17px 17px;
	mask-size: 17px 17px;
	background-color: #fff;
	display: inline-block;
	overflow: hidden;
	vertical-align: top
}

.header .topbarBox .btnClose.-cA3 {
	background-color: #a3a3a3
}

.header .topbarBox .btnClose.-c222 {
	background-color: #222
}

.header .topbarBox .btnClose.-flexFixed {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.header .topbarBox .btnHelp {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 21px;
	height: 21px;
	background-size: 21px 21px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-profile-help)
}

.header .topbarBox .btnHome {
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#ico-home-go);
	mask-image: url(#ico-home-go);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #777;
	display: inline-block;
	overflow: hidden;
	vertical-align: top
}

.header .topbarBox .btnHome.-flexFixed {
	position: absolute;
	left: 15px
}

.header .topbarBox .topConfirmButton {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.header .topbarBox .iconGoThisBand {
	width: 22px;
	height: 21px;
	-webkit-mask-image: url(#ico-gnb-goto-dn);
	mask-image: url(#ico-gnb-goto-dn);
	-webkit-mask-size: 22px 21px;
	mask-size: 22px 21px;
	background-color: #fff;
	margin-top: 2px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top
}

.header .topbarBox .submitButton {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 10px
}

.header .topbarBox .submitButton.-colorGreen {
	color: #3bd06f
}

.header .topbarBox .submitButton.-colorGreen:disabled {
	color: #aaa
}

.header .topbarBox .submitButton .buttonText {
	color: #fff;
	line-height: 5.3rem
}

.header .topbarBox .submitButton:disabled {
	color: #aaa
}

.header .topbarBox .btnPostWrite {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon_post_write-24)
}

.gnbArea {
	height: 45px;
	background-color: #fff
}

.gnbBox {
	border-bottom: 1px solid #e3e3e3
}

.gnbList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 45px
}

.gnbList .gnbListItem {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.gnbList .gnbListItemLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.gnbList .gnbListItemLink:before {
	display: block;
	overflow: hidden;
	background-color: #c4c4c4;
	content: ''
}

.gnbList .gnbListItemLink:after {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: #222;
	content: ''
}

.gnbList .gnbListItemLink.-iconHome:before {
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-home);
	mask-image: url(#icon-home);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px
}

.gnbList .gnbListItemLink.-iconFeed:before {
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-feed);
	mask-image: url(#icon-feed);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px
}

.gnbList .gnbListItemLink.-iconNotice:before {
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-notice);
	mask-image: url(#icon-notice);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px
}

.gnbList .gnbListItemLink.-iconChat:before {
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-chat);
	mask-image: url(#icon-chat);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px
}

.gnbList .gnbListItemLink.-iconMore:before {
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-more);
	mask-image: url(#icon-more);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px
}

.gnbList .newCount {
	position: absolute;
	left: 50%;
	top: 3px;
	min-width: 17px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	background-color: #ea3323;
	border-radius: 65px;
	font-size: 1.1rem;
	text-align: center;
	opacity: .9;
	color: #fff;
	line-height: 1.8rem
}

.gnbList .-active .gnbListItemLink:before {
	background-color: #222
}

.gnbList .-active .gnbListItemLink:after {
	display: block
}

.container.-flexFlexible {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.container .chattingSection,
.container .feedSection,
.container .globalHomeSection,
.container .moreSettingSection,
.container .newsSection {
	padding-top: 98px
}

.groupBand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	background-color: #f0f2f3
}

.groupBand .container.-postWriteContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.groupBand .groupBandMenuSection {
	position: -webkit-sticky;
	position: sticky;
	top: 53px;
	z-index: 20
}

.groupBand .groupBandTopBtnList {
	display: inline-block;
	position: fixed;
	right: 16px;
	top: 15px;
	z-index: 30;
	font-size: 0
}

.groupBand .groupBandTopBtnList .btnTextStyle {
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500
}

.groupBand .groupBandTopBtnList .uIconPostWrite {
	margin-left: 20px
}

.groupBand .groupBandTopBtnList .uIconGroupbandMore {
	margin-left: 10px
}

.groupBand .boardWrap {
	z-index: 10;
	position: relative
}

.groupBand .btnBandFooterJoinWrap {
	z-index: 1000;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%
}

.groupBand .btnBandFooterJoinWrap .btnJoin {
	width: 100%;
	height: 50px;
	padding: 0 50px;
	background: #39cf6d;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff
}

.groupBand .btnBandFooterJoinWrap .uIconGroupbandMore {
	position: absolute;
	right: 8px;
	top: 14px
}

.groupBandHeaderCoverSection {
	position: relative;
	min-height: 100px;
	max-height:500px;
	background-position: top center;
	background-size: cover;
	margin-top: -3px
}

.groupBandHeaderCoverSection:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 60px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
	content: ''
}

.groupBandHeaderCoverSection:after {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0));
	content: ''
}

.groupBandInfoSection {
	padding: 15px;
	background-color: #fff
}

.groupBandInfoSection .groupBandInfoBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%
}

.groupBandInfoSection .groupBandInfoBox .bandName {
	position: relative;
	padding-right: 22px;
	font-weight: 600;
	color: #222;
	font-size: 2.5rem;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.groupBandInfoSection .groupBandInfoBox a.bandName:after {
	position: absolute;
	top: 7px;
	right: 0;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-arrow-right-15)
}

.groupBandInfoSection .bandMemberInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1
}

.groupBandInfoSection .bandMemberInfo .dot {
	margin: 0 6px;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #888;
	content: ''
}

.groupBandInfoSection .bandMemberInfo .bandMemberCount {
	font-size: 1.3rem;
	color: #222
}

.groupBandInfoSection .bandMemberInfo .bandMemberLeaderName {
	font-size: 1.3rem;
	font-weight: 400;
	color: #222
}

.groupBandInfoSection .bandMemberInfo .bandMemberInviteLink {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.3rem
}

.groupBandInfoSection .bandMemberInfo .iconPlus {
	margin: 0 4px 0 10px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	width: 15px;
	height: 15px;
	-webkit-mask-image: url(#ico-plus-visit);
	mask-image: url(#ico-plus-visit);
	-webkit-mask-size: 15px 15px;
	mask-size: 15px 15px
}

.groupBandInfoSection .bandMemberSummary {
	margin-top: 12px
}

.groupBandInfoSection .bandMemberSummary .desc {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #222
}

.groupBandInfoSection .btnWrite {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 32px;
	padding: 0 20px;
	margin-left: 20px;
	border-radius: 16px;
	white-space: nowrap;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700
}

.groupBandMenuSection {
	overflow-x: auto;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .12);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .12);
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

.groupBandMenuSection .groupBandMenuItem {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	height: 40px;
	text-align: center;
	line-height: 4rem
}

.groupBandMenuSection .groupBandMenuItem .groupBandMenuLink {
	position: relative;
	display: block;
	white-space: nowrap;
	font-size: 1.4rem;
	color: #555;
	font-weight: 500;
	padding: 0 18px
}

.groupBandMenuSection .groupBandMenuItem .groupBandMenuLink:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 5px;
	left: 5px;
	height: 2px;
	content: ''
}

.groupBandMenuSection .groupBandMenuItem .groupBandMenuLink .unit {
	display: inline-block;
	vertical-align: top;
	height: 14px;
	margin: 13px 0 0 5px;
	padding: 0 5px;
	border-radius: 7px;
	line-height: 1.4rem;
	color: #fff;
	font-size: .9rem;
	font-weight: 500;
	background-color: #ea3323
}

.groupBandMenuSection .groupBandMenuItem .groupBandMenuLink .gIconNewMark {
	position: absolute;
	right: 12px;
	top: 10px
}

.groupBandMenuSection .groupBandMenuItem .groupBandMenuLink.sf_color {
	font-weight: 600
}

.groupBandTabMenuSection {
	padding-top: 53px
}

.groupBandContentSection {
	padding-top: 53px
}

.bandChattingSection {
	background-color: #fff
}

.tabMenuBox {
	position: -webkit-sticky;
	position: sticky;
	top: 53px;
	z-index: 11
}

.tabMenuBox .tabMenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.tabMenuBox .tabMenu .-shadow {
	-webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12)
}

.tabMenuBox .tabMenuItem {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	width: 100%;
	height: 40px
}

.tabMenuBox .tabMenuButton,
.tabMenuBox .tabMenuLink {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	line-height: 4rem
}

.tabMenuBox .tabMenuButton.-active:after,
.tabMenuBox .tabMenuLink.-active:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background-color: #bbb;
	content: ''
}

.tabMenuBox .countStatus {
	margin-left: 2px
}

.globalSettingSection,
.invitationCardViewSection {
	background: #f0f2f3;
	height: 100vh
}

.makeBandCreateSection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	background-color: #fff
}

.groupSearchTagSection .header {
	background-color: #fff
}

.discoverWrap .titleWrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.discoverWrap .titleWrap .title {
	font-size: 1.9rem;
	font-weight: 700;
	letter-spacing: .51px;
	color: #222
}

.discoverWrap .titleWrap .moreLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	color: #222;
	text-decoration: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1
}

.discoverWrap .titleWrap .moreLink .txt {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.discoverWrap .titleWrap .moreLink:after {
	margin-left: 6px;
	width: 5px;
	height: 9px;
	background-size: 5px 9px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-arrow-r-w5)
}

.discoverWrap .hotBandPostLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 48px;
	margin: 40px 15px 0;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: .21px;
	color: #222;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px
}

.discoverWrap .hotBandPostLink:before {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-discover-trendingposts)
}

.discoverWrap .hotBandPostLink .txt {
	display: block;
	margin-left: 10px
}

.discoverWrap .newStartBandsWrap .bandListWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px 15px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.discoverWrap .newStartBandsWrap .bandListWrap .list {
	width: calc(50% - 16px)
}

.discoverWrap .newStartBandsWrap .bandListWrap .list:nth-child(n+3) {
	margin-top: 16px
}

.discoverWrap .newStartBandsWrap .bandListWrap .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.discoverWrap .newStartBandsWrap .bandListWrap .thumb {
	overflow: hidden;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 2px
}

.discoverWrap .newStartBandsWrap .bandListWrap .thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	content: '';
	border-radius: 2px;
	border-color: rgba(0, 0, 0, .03);
	border-style: solid;
	border-width: 1px
}

.discoverWrap .newStartBandsWrap .bandListWrap .thumb img {
	width: 100%;
	height: auto
}

.discoverWrap .newStartBandsWrap .bandListWrap .name {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 12px;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.7rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.discoverWrap .newStartBandsWrap .bandListWrap .name .uOfficialBand {
	position: relative;
	top: 1px
}

.discoverWrap .appStoreLinkWrap {
	padding-top: 31px;
	margin: 0 15px;
	text-align: center;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.discoverWrap .appStoreLinkWrap .txt {
	font-size: 1.5rem;
	letter-spacing: .19px;
	color: #222
}

.discoverWrap .appStoreLinkWrap .link {
	display: block;
	margin: 20px 0 40px
}

.discoverWrap .discoverOpenBandsPostWrap .postListSwiperWrap {
	margin: 0 15px
}

.discoverWrap .discoverOpenBandsPostWrap .postListWrap {
	font-size: 0
}

.discoverWrap .discoverOpenBandsPostWrap .postListWrap.-type2 {
	padding-top: 10px
}

.discoverWrap .discoverOpenBandsPostWrap .postListWrap.-type2 .postListItem {
	padding: 18px 15px 16px;
	background: #fff
}

.discoverWrap .discoverOpenBandsPostWrap .postListWrap.-type2 .postListItem+.postListItem {
	margin-top: 10px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem {
	margin: 0 15px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem.swiper-slide {
	margin: 0
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body .pTxt {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-weight: 500;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body .pTxt strong {
	font-weight: 400;
	background-color: #fcf4c9
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body .attach {
	overflow: hidden;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 68px;
	flex: 0 0 68px;
	margin-left: 12px;
	border-radius: 3px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body .attach img {
	width: 100%;
	height: auto;
	border-radius: 3px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .body .attach .imgNum {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1px 4px;
	border-radius: 1px;
	background-color: rgba(0, 0, 0, .5);
	font-size: 1rem;
	color: #fff;
	line-height: normal
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 11px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo .thumb {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	width: 24px;
	height: 24px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo .thumb img {
	width: 100%;
	height: auto;
	border-radius: 2px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo .nameWrap {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo .nameWrap .uOfficialBand {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 -5px 0 6px
}

.discoverWrap .discoverOpenBandsPostWrap .postListItem .bandInfo .nameWrap .name {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 8px;
	font-size: 1.3rem;
	color: #222;
	line-height: 1;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.discoverWrap .discoverOpenBandsPostWrap .postListPagination {
	position: static;
	margin: 20px 0 16px;
	line-height: 1;
	font-size: 0
}

.discoverWrap .discoverOpenBandsPostWrap .postListPagination .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	margin: 0 3px;
	background: #eee;
	opacity: 1
}

.discoverWrap .discoverOpenBandsPostWrap .postListPagination .swiper-pagination-bullet-active {
	background: #ccc
}

.discoverWrap .discoverKeywordTabList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: hidden;
	overflow-x: auto;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	-webkit-overflow-scrolling: touch
}

.discoverWrap .discoverKeywordTabList:after {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15px;
	flex: 0 0 15px;
	width: 15px;
	content: ''
}

.discoverWrap .discoverKeywordTabList .list {
	height: 40px;
	margin-left: 15px
}

.discoverWrap .discoverKeywordTabList .list+.list {
	margin-left: 30px
}

.discoverWrap .discoverKeywordTabList .keyword {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding: 0 2px;
	font-size: 1.5rem;
	color: #aaa;
	white-space: nowrap;
	text-align: center
}

.discoverWrap .discoverKeywordTabList .keyword.-active {
	font-weight: 700;
	color: #222
}

.discoverWrap .discoverKeywordTabList .keyword.-active:after {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #262626;
	content: ''
}

.discoverBandListWrap .discoverBandList .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 15px;
	padding: 15px 0;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.discoverBandListWrap .discoverBandList .item+.item {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.discoverBandListWrap .discoverBandList .thumb {
	overflow: hidden;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 84px;
	flex: 0 0 84px;
	width: 84px;
	height: 84px;
	border-radius: 3px
}

.discoverBandListWrap .discoverBandList .thumb img {
	width: 100%;
	height: auto
}

.discoverBandListWrap .discoverBandList .thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 3px;
	content: '';
	border-color: rgba(0, 0, 0, .03);
	border-style: solid;
	border-width: 1px
}

.discoverBandListWrap .discoverBandList .txtWrap {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 12px
}

.discoverBandListWrap .discoverBandList .nameArea {
	display: block;
	margin-top: 2px
}

.discoverBandListWrap .discoverBandList .nameWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0
}

.discoverBandListWrap .discoverBandList .nameWrap .uOfficialBand {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 6px
}

.discoverBandListWrap .discoverBandList .nameWrap .name {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.8rem;
	letter-spacing: -.57px;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.discoverBandListWrap .discoverBandList .pSubTxt {
	margin-top: 6px;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.7rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.discoverBandListWrap .discoverBandList .bandInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 6px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0;
	line-height: 1
}

.discoverBandListWrap .discoverBandList .bandInfo .dot {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 2px;
	height: 2px;
	margin: 0 6px;
	background-color: #888
}

.discoverBandListWrap .discoverBandList .bandInfo .leaderName,
.discoverBandListWrap .discoverBandList .bandInfo .memberCount {
	font-size: 1.2rem;
	color: #888
}

.discoverBandListWrap .discoverBandList .bandInfo .memberCount {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.discoverBandListWrap .discoverBandList .bandInfo .leaderName {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.discoverBandListWrap .discoverBandList .moreBandLink {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 22px;
	margin-top: 8px;
	padding: 0 9px;
	border-radius: 11px;
	background-color: #f7f7f7;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.discoverBandListWrap .discoverBandList .moreBandLink .txt {
	display: block;
	font-size: 1.1rem;
	color: #222;
	line-height: 1
}

.discoverBandListWrap .discoverBandList .moreBandLink:after {
	display: block;
	margin-left: 4px;
	content: '';
	width: 5px;
	height: 10px;
	-webkit-mask-image: url(#icon-arrow-7-r);
	mask-image: url(#icon-arrow-7-r);
	-webkit-mask-size: 5px 10px;
	mask-size: 5px 10px;
	background-color: #333
}

.profileWrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh
}

.profileWrap.-hasTitleHeader {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.profileWrap.-bgBlack {
	background: #000
}

.profileWrap .inner {
	width: 100%;
	margin: auto;
	padding: 25px
}

.profileWrap .inner.-spaceNone {
	padding: 0
}

.profileWrap .since {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.3rem;
	color: #666;
	line-height: 1
}

.profileWrap .since .uMemberStateMark {
	margin-right: 9px
}

.profileWrap .nameWrap {
	margin-top: 20px;
	line-height: normal;
	text-align: center
}

.profileWrap .nameWrap .name {
	font-size: 2.4rem;
	color: #222;
	font-weight: 400;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileWrap .nameWrap .nickname {
	margin-top: 1px;
	font-size: 1.5rem;
	color: #444;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileWrap .notMember {
	margin: 5px 0 0 0;
	font-size: 1.4rem;
	line-height: 1.8rem;
	letter-spacing: -.2px;
	text-align: center;
	color: #444
}

.profileWrap .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 11px;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: -.19px;
	color: #444
}

.profileWrap .info .dot {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 2px;
	flex: 0 0 2px;
	width: 2px;
	height: 2px;
	margin: 0 7px;
	background: #888
}

.profileWrap .info .dot:first-of-type,
.profileWrap .info .dot:last-of-type {
	display: none
}

.profileWrap .info .birthday {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.profileWrap .info .birthday:before {
	position: relative;
	top: -1px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 5px;
	width: 13px;
	height: 16px;
	background-size: 13px 16px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-birth)
}

.profileWrap .functionBtnWrap {
	text-align: center;
	margin: 25px auto 0;
	width: 245px
}

.profileWrap .functionBtnWrap .functionBtn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.profileWrap .functionBtnWrap .functionBtn li {
	width: 65px
}

.profileWrap .functionBtnWrap .functionBtn li+li {
	margin-left: 25px
}

.profileWrap .functionBtnWrap .functionBtn li:nth-child(n+4) {
	margin-top: 20px
}

.profileWrap .functionBtnWrap .functionBtn li:nth-child(3n+1) {
	margin-left: 0
}

.profileWrap .functionBtnWrap .functionBtn .btnItem {
	width: 100%;
	font-size: 1.1rem;
	line-height: normal;
	color: #222;
	text-align: center
}

.profileWrap .functionBtnWrap .functionBtn .ico {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	margin-bottom: 5px;
	border-radius: 50%;
	border-color: #bdbdbd;
	border-style: solid;
	border-width: 1px
}

.profileWrap .functionBtnWrap .functionBtn .ico.-edit:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-setting)
}

.profileWrap .functionBtnWrap .functionBtn .ico.-call:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-phone)
}

.profileWrap .functionBtnWrap .functionBtn .ico.-sms:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-sms)
}

.profileWrap .functionBtnWrap .functionBtn .ico.-chat:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-chat)
}

.profileWrap .functionBtnWrap .functionBtn .ico.-posts:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-post)
}

.profileWrap .btnMenu {
	z-index: 100;
	position: fixed;
	right: 8px;
	top: 14px;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-more-black-24)
}

.profileWrap .btnClose {
	z-index: 100;
	position: fixed;
	left: 16px;
	top: 16px;
	width: 17px;
	height: 17px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 17px 17px;
	mask-size: 17px 17px;
	background-color: #222
}

.profileWrap .btnClose.-cWhite {
	background-color: #fff
}

.profileWrap .profileImageView {
	position: relative;
	text-align: center
}

.profileWrap .profileImageView:after {
	z-index: 20;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	right: 0;
	height: 219px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .56)));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .56));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .56));
	content: ''
}

.profileWrap .profileImageView .img {
	z-index: 10;
	position: relative;
	max-width: 100%;
	height: auto;
	vertical-align: top
}

.profileWrap .profileImageView .txtArea {
	z-index: 30;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 24px;
	padding: 0 20px;
	text-align: center
}

.profileWrap .profileImageView .txtArea .name {
	margin: 0;
	font-size: 2.1rem;
	line-height: normal;
	color: #fff;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileWrap .profileImageView .txtArea .desc {
	margin: 2px 0 0 0;
	color: #fff;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.6rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.profileWrap .profileImageView .txtArea .since {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5px 0 0 0
}

.profileWrap .profileImageView .txtArea .since .txt {
	font-size: 1.3rem;
	color: #fff;
	line-height: 1
}

.profileWrap .profileImageUpdateAt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 17px;
	opacity: .4;
	text-align: center;
	font-size: 1.2rem;
	color: #fff
}

.profileWrap .profileEditView .inputWrap .input {
	width: 100%;
	height: 34px;
	font-size: 2.4rem;
	color: #222;
	border-color: #b0b0b0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.profileWrap .profileEditView .inputWrap .input::-webkit-input-placeholder {
	color: #ccc;
	font-size: 1.8rem
}

.profileWrap .profileEditView .inputWrap .input::-moz-placeholder {
	color: #ccc;
	font-size: 1.8rem
}

.profileWrap .profileEditView .inputWrap .input:-ms-input-placeholder {
	color: #ccc;
	font-size: 1.8rem
}

.profileWrap .profileEditView .inputWrap .input::-ms-input-placeholder {
	color: #ccc;
	font-size: 1.8rem
}

.profileWrap .profileEditView .inputWrap .input::placeholder {
	color: #ccc;
	font-size: 1.8rem
}

.profileWrap .profileEditView .inputWrap .input:focus {
	border-bottom-color: #00c86a!important
}

.profileWrap .profileEditView .inputWrap .input.-h39 {
	height: 39px
}

.profileWrap .profileEditView .inputWrap+.inputWrap {
	margin-top: 12px
}

.profileWrap .profileEditView .desc {
	margin: 0;
	font-size: 1.2rem;
	line-height: normal;
	color: #666;
	text-align: center
}

.profileWrap .profileEditView .desc a {
	font-weight: 600;
	color: #222;
	text-decoration: underline
}

.profileWrap .profileEditView .footer {
	padding: 8px 0;
	background-color: rgba(255, 255, 255, .98)
}

.profileWrap .profileEditView .footer.-isSticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0
}

.profileWrap .profileEditView .footer.-isSticky:before {
	position: absolute;
	display: block;
	top: 0;
	left: -25px;
	right: -25px;
	height: 1px;
	content: '';
	border-color: #ddd;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.profileSetSelectView {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh
}

.profileSetSelectView .btnsWrap {
	z-index: 100;
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	left: 0;
	top: 0;
	width: 100%;
	height: 53px;
	padding: 0 15px;
	background: #fff
}

.profileSetSelectView .btnsWrap .btnClose {
	width: 17px;
	height: 17px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 17px 17px;
	mask-size: 17px 17px;
	background-color: #222
}

.profileSetSelectView .btnsWrap .btnConfirm {
	padding: 0 5px;
	font-size: 1.7rem;
	color: #aaa
}

.profileSetSelectView .btnsWrap .btnConfirm.-active {
	color: #48c384
}

.profileSetSelectView .currentProfileInfo {
	padding: 53px 15px 0;
	text-align: center
}

.profileSetSelectView .currentProfileInfo .name {
	margin-top: 15px;
	font-size: 2rem;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	color: #222
}

.profileSetSelectView .currentProfileInfo .desc {
	margin-top: 16px;
	font-size: 1.5rem;
	line-height: normal;
	text-align: center;
	color: #222
}

.profileSetSelectView .currentProfileInfo .desc2 {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: normal;
	color: #999
}

.profileSetSelectView .profileList {
	margin: 20px 0 0 15px
}

.profileSetSelectView .profileList .item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 13px 15px 13px 0;
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.profileSetSelectView .profileList .thumb {
	position: relative;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 47px;
	flex: 0 0 47px
}

.profileSetSelectView .profileList .thumb .coverImg {
	width: 47px;
	height: auto;
	border-radius: 4px
}

.profileSetSelectView .profileList .thumb:after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	border-color: rgba(0, 0, 0, .02);
	border-style: solid;
	border-width: 1px
}

.profileSetSelectView .profileList .txt {
	overflow: hidden;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 12px
}

.profileSetSelectView .profileList .txt .bandName {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: normal;
	color: #000;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileSetSelectView .profileList .txt .nameWrap {
	margin-top: 4px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.3rem;
	color: #666;
	line-height: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileSetSelectView .profileList .txt .nameWrap .uProfile {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.profileSetSelectView .profileList .txt .nameWrap .name {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.profileSetSelectView .profileList .select {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: right
}

.profileSetSelectView .profileList .select .used {
	font-size: 1.3rem;
	font-weight: 600;
	color: #39cf6d
}

.commentList.-postDetailComment {
	padding-left: 12px;
	padding-right: 12px;
	border-top: 1px solid #ededed;
	background: #fafafa;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.commentList.-postDetailComment:empty {
	display: none
}

.commentList.-postSimpleComment {
	border-top: 1px solid #eee
}

.commentList.-postSimpleComment .commentItem {
	padding-left: 20px;
	padding-right: 20px
}

.commentList.-postSearchComment {
	border-top: 1px solid #e6e6e6
}

.commentList.-postSearchComment .commentItem {
	padding-left: 15px;
	padding-right: 15px
}

.commentList.-postDetailComment .commentItem {
	padding: 12px 0
}

.commentList.-postDetailComment .commentItem+.commentItem {
	border-top-color: #f0f0f0
}

.commentList.-postDetailComment .commentItem .body {
	padding-left: 12px;
	padding-right: 9px
}

.commentList .-postSearchComment,
.commentList.-postSimpleComment {
	background: #fff
}

.commentList .-postSearchComment .commentItem,
.commentList.-postSimpleComment .commentItem {
	padding-top: 14px;
	padding-bottom: 14px
}

.commentList .-postSearchComment .commentItem+.commentItem,
.commentList.-postSimpleComment .commentItem+.commentItem {
	border-color: #eee
}

.commentList .-postSearchComment .commentItem .body,
.commentList.-postSimpleComment .commentItem .body {
	padding-left: 8px
}

.commentList .goToCommentArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #f0f0f0;
	background: #fafafa
}

.commentList .goToCommentArea * {
	display: block;
	padding: 14px 0;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.commentList .goComment {
	font-size: 1.4rem;
	font-weight: 700;
	color: #333
}

.commentList .goComment.-more,
.commentList .goComment.-prev {
	text-align: left
}

.commentList .goComment.-count,
.commentList .goComment.-first {
	text-align: right
}

.commentList .gotoComments:last-of-type .goToCommentArea {
	border-bottom: 0;
	border-top: 1px solid #f0f0f0
}

.commentList .commentItem {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.commentList .commentItem.-commentHidden .txt {
	color: #aaa
}

.commentList .commentItem+.commentItem {
	border-top-width: 1px;
	border-top-style: solid
}

.commentList .commentItem .uProfile {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.commentList .commentItem .body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	min-width: 0;
	width: 100%
}

.commentList .commentItem .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	font-size: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.commentList .commentItem .nameBox {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-right: 10px
}

.commentList .commentItem .name {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1.4rem;
	font-weight: 600;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.commentList .commentItem .subName {
	padding-left: 6px;
	padding-right: 10px;
	font-size: 1.3rem;
	color: #999;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.commentList .commentItem .subName:empty {
	display: none
}

.commentList .commentItem .txt {
	font-size: 1.4rem;
	padding-top: 3px;
	color: #222;
	line-height: 1.27;
	word-wrap: break-word
}

.commentList .commentItem .txt:empty {
	display: none
}

.commentList .commentItem .time {
	font-size: 1.2rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: auto;
	color: #aaa;
	line-height: 1
}

.commentList .commentItem .attachFile,
.commentList .commentItem .emotion,
.commentList .commentItem .photo,
.commentList .commentItem .sticker,
.commentList .commentItem .video {
	display: inline-block;
	position: relative;
	margin-top: 8px
}

.commentList .commentItem .attachFile img,
.commentList .commentItem .emotion img,
.commentList .commentItem .photo img,
.commentList .commentItem .sticker img,
.commentList .commentItem .video img {
	border-radius: 4px;
	vertical-align: top
}

.commentList .commentItem .video .player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-comment-video-player)
}

.commentList .commentItem .attachFile {
	position: relative;
	display: block;
	padding: 10px 18px 10px 40px;
	font-size: 0;
	background-color: #fff;
	border: solid .5px rgba(0, 0, 0, .05)
}

.commentList .commentItem .attachFile:before {
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-reply-attachment-file)
}

.commentList .commentItem .attachFile .title {
	font-size: 1.2rem;
	line-height: 1.3;
	color: #333;
	font-weight: 600;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.7rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.commentList .commentItem .attachFile .info {
	display: block;
	padding-top: 3px;
	font-size: 1.2rem;
	color: #999
}

.commentList .commentItem .attachFile.-disabled .title {
	color: #aaa
}

.commentList .commentItem .attachFile.-disabled .info {
	color: #888
}

.commentList .commentItem .emotion {
	margin-top: 10px;
	font-size: 0;
	line-height: 1
}

.commentList .commentItem .emotion * {
	vertical-align: top;
	line-height: 1;
	font-size: 1.3rem;
	color: #999
}

.commentList .commentItem .emotion .time {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.commentList .commentItem .emotion .time:after {
	content: "\00b7";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	color: #999;
	font-size: 1.6rem;
	line-height: 1.6rem;
	vertical-align: top
}

.commentList .commentItem .emotion .iconLike {
	margin-right: 3px
}

.commentList .commentItem .emotion .iconLike:before {
	margin-top: 1px;
	vertical-align: top;
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-reply-like)
}

.commentList .commentItem .emotion .iconLike.-active:before {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-reply-like-active)
}

.commentList .commentItem .emotion .iconLike.-active,
.commentList .commentItem .emotion .iconLike.-active .count,
.commentList .commentItem .emotion .iconLike.-active .count:after,
.commentList .commentItem .emotion .iconLike.-active+.text {
	color: #36c367!important
}

.commentList .commentItem .emotion .count {
	margin-left: 2px
}

.commentList .commentItem .emotion .count:after {
	content: "\00b7";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 3px;
	font-size: 1.6rem;
	line-height: 1.6rem;
	vertical-align: top
}

.commentList .commentItem .optionMenu {
	position: absolute;
	top: 7px;
	right: -3px;
	text-align: center
}

.commentList .commentItem .optionMenu:before {
	width: 19px;
	height: 30px;
	background-size: 19px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-more-comment)
}

.commentList .commentItem .audioArea {
	margin: 5px 0
}

.commentList .commentItem .audioArea .uVoicePlayer {
	background: #f0f1f3;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-right: 15px
}

.commentModify .scrollWrap {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 16px;
	height: 200px;
	background: #fff;
	-webkit-overflow-scrolling: touch
}

.commentModify .mentions-input {
	position: relative
}

.commentModify .mentions {
	position: absolute;
	width: 100%;
	background: #fff
}

.commentModify .mentions strong {
	position: relative;
	font-weight: 400;
	background: #e9f2ff
}

.commentModify .mentions-input .textArea,
.commentModify .mentions-input .textArea+div {
	font-size: 1.6rem;
	line-height: 2rem;
	white-space: pre-wrap;
	word-wrap: break-word
}

.commentModify .mentions-input .mentions,
.commentModify .mentions-input .textArea {
	overflow: hidden;
	width: 100%;
	height: 132px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #222;
	outline: 0;
	resize: none
}

.commentModify .mentions-input .mentions div,
.commentModify .mentions-input .mentions span,
.commentModify .mentions-input .mentions strong {
	font-size: 1.6rem;
	color: transparent;
	line-height: 2rem
}

.commentModify .mentions-input {
	position: relative
}

.commentWriteInput {
	position: relative;
	padding: 12px 0;
	border-top: 1px solid #ededed;
	background-color: #fafafa
}

.commentWriteInput .commentWriteInputComponent {
	position: relative;
	margin: 0 12px;
	display: block;
	border: 1px solid #d9d9d9;
	background: #fff;
	border-radius: 22px
}

.commentWriteInput .commentWriteInputComponent.-fakeInput {
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.commentWriteInput .commentWriteInputComponent.-fakeInput .fakeInputButton {
	display: block
}

.commentWriteInput .commentWriteInputComponent.-fakeInput .mentions-input {
	display: none
}

.commentWriteInput .commentWriteInputComponent.-fakeInput .textArea {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0
}

.commentWriteInput .commentWriteInputComponent.-fakeInput .buttonArea {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: static
}

.commentWriteInput .commentWriteInputComponent.-fakeInput .submitArea {
	position: static;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-right: 8px
}

.commentWriteInput .commentWriteInputComponent.-attachedMedia {
	height: auto
}

.commentWriteInput .commentWriteInputComponent.-attachedMedia .textArea {
	height: 72px;
	padding-right: 105px
}

.commentWriteInput .textArea {
	position: relative;
	padding-right: 15px;
	padding-left: 10px;
	margin: 13px 0 46px
}

.commentWriteInput .textArea .textInput {
	z-index: 10;
	position: relative;
	background: 0 0;
	border: 0;
	outline: 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #222;
	resize: none;
	overflow: hidden;
	overflow-y: auto;
	height: 35px;
	-webkit-overflow-scrolling: touch
}

.commentWriteInput .textArea .textInput::-webkit-input-placeholder {
	color: #aaa
}

.commentWriteInput .textArea .textInput::-moz-placeholder {
	color: #aaa
}

.commentWriteInput .textArea .textInput:-ms-input-placeholder {
	color: #aaa
}

.commentWriteInput .textArea .textInput::-ms-input-placeholder {
	color: #aaa
}

.commentWriteInput .textArea .textInput::placeholder {
	color: #aaa
}

.commentWriteInput .textArea .fakeInputButton {
	display: none;
	font-size: 1.5rem;
	font-weight: 400;
	color: #aaa;
	width: 100%
}

.commentWriteInput .textArea .mentions-input {
	position: relative;
	max-height: 72px;
	line-height: 1.9rem
}

.commentWriteInput .textArea .mentions-input .mentions,
.commentWriteInput .textArea .mentions-input .textInput {
	overflow: hidden;
	width: 100%;
	color: #222
}

.commentWriteInput .textArea .mentions-input .mentions,
.commentWriteInput .textArea .mentions-input .textInput,
.commentWriteInput .textArea .mentions-input .textInput~div {
	font-size: 1.5rem;
	line-height: 1.9rem;
	min-height: 35px;
	white-space: pre-wrap;
	word-wrap: break-word
}

.commentWriteInput .textArea .mentions-input .mentions,
.commentWriteInput .textArea .mentions-input .textInput~div {
	top: 0;
	left: 0
}

.commentWriteInput .textArea .mentions-input .mentions {
	position: absolute;
	background: #fff
}

.commentWriteInput .textArea .mentions-input .mentions div,
.commentWriteInput .textArea .mentions-input .mentions span,
.commentWriteInput .textArea .mentions-input .mentions strong {
	font-size: 1.5rem;
	color: transparent;
	line-height: 1.9rem
}

.commentWriteInput .textArea .mentions-input .mentions strong {
	position: relative;
	font-weight: 400;
	background-color: rgba(0, 147, 252, .2)
}

.commentWriteInput .buttonArea {
	position: absolute;
	bottom: 11px;
	left: 11px;
	z-index: 10;
	font-size: 0
}

.commentWriteInput .buttonArea .fileUpload {
	position: relative;
	margin-right: 12px;
	vertical-align: top;
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-comment-input-plus)
}

.commentWriteInput .buttonArea .fileUpload input {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	cursor: pointer
}

.commentWriteInput .buttonArea .stickerUpload {
	margin-right: 15px;
	vertical-align: top;
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-comment-input-sticker)
}

.commentWriteInput .buttonArea .stickerUpload.-active {
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-comment-input-sticker-active)
}

.commentWriteInput .submitArea {
	position: absolute;
	bottom: 8px;
	right: 8px
}

.commentWriteInput .submitArea .submitButton {
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0 12px;
	text-align: right;
	color: #fff;
	border: 0;
	height: 28px;
	border-radius: 14px;
	background-color: #e0e2e3
}

.commentWriteInput .submitArea .submitButton.-active {
	background-color: #39cf6d
}

.commentWriteInput .uploadPreview {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 70px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 1px;
	border: solid .5px rgba(0, 0, 0, .03);
	background: #fafafa
}

.commentWriteInput .uploadPreview.-closeSticker {
	bottom: 100%
}

.commentWriteInput .uploadPreview .playButton {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-comment-attach-play-32)
}

.commentWriteInput .uploadPreview .image {
	max-width: 100%;
	max-height: 100%
}

.commentWriteInput .uploadPreview .close {
	position: absolute;
	right: -4px;
	top: -4px;
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-btn-delete-19)
}

.photoCommentsInput {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	padding-bottom: 0;
	z-index: 40;
	background: #fafafa;
	-webkit-box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1)
}

.photoCommentsInput .photoComments {
	position: relative
}

.photoCommentsInput .photoComments.activeSticker {
	min-height: 367px
}

.photoCommentsInput .closeArea {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 17px
}

.photoCommentsInput .closeArea .comments,
.photoCommentsInput .closeArea .emotions {
	font-size: 1.4rem;
	color: #555
}

.photoCommentsInput .closeArea .emotions+.comments:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	background: #ccc;
	margin: -2px 5px 0
}

.photoCommentsInput .closeArea .closeButton {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: right;
	color: #222;
	padding: 0 12px;
	margin-left: auto
}

.photoCommentsInput .commentList {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.photoCommentsInput .commentContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.photoCommentsInput .commentContent .uEmotionSelectedListWrap {
	border-top: 0
}

.photoCommentsInput .commentWriteInputWrap {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0
}

.cCommentOnly {
	position: relative;
	display: block;
	font-size: 1.4rem;
	margin-top: 9px;
	padding: 12px 15px 15px;
	background: #fff
}

.cCommentOnly .name {
	color: #777;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.cCommentOnly .name strong {
	margin-right: 5px;
	color: #333
}

.cCommentOnly .comment {
	color: #000;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.cCommentOnly .comment strong {
	color: #295292;
	font-weight: 700
}

.cCommentOnly .body {
	margin-top: 3px;
	color: #7b7b81;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.cCommentOnly .date {
	margin-top: 6px;
	font-size: 1.1rem;
	color: #999
}

.settingLayoutTitle {
	font-size: 1.4rem;
	font-weight: 500;
	color: #555;
	padding: 25px 15px 9px
}

.myInfoNotice {
	font-size: 1.2rem;
	line-height: normal;
	color: #888;
	padding: 15px 22px 15px 18px
}

.myProfileManageSection {
	border-color: #e0e0e0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.myProfileManageSection+.myProfileManageSection {
	margin-top: 10px
}

.myInfo :disabled {
	color: #222
}

.myInfo .profileList {
	overflow-x: scroll;
	padding: 16px 0;
	font-size: 0;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.myInfo .profileList li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-left: 16px
}

.myInfo .profileList li:first-child {
	margin-left: 17px
}

.myInfo .profileList .name {
	display: block;
	width: 67px;
	overflow: hidden;
	margin-top: 10px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.3rem;
	color: #222;
	white-space: nowrap
}

.myInfo .profileList.-onlyOne {
	padding: 15px
}

.myInfo .profileList.-onlyOne li {
	width: 100%;
	text-align: left;
	margin: 0
}

.myInfo .profileList.-onlyOne li>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.myInfo .profileList.-onlyOne .uProfile {
	float: left;
	margin-right: 8px
}

.myInfo .profileList.-onlyOne .name {
	margin-top: 0;
	font-size: 1.6rem;
	line-height: 2.1rem
}

.accountManagement .-phoneNumber {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.accountManagement .-phoneNumber:before {
	margin: 11px 10px 11px 0;
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-phone-36)
}

.accountManagement .-email:before {
	margin: 11px 10px 11px 0;
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-email-36)
}

.accountManagement .-onlyText {
	padding: 15px 0;
	font-weight: 500
}

.accountManagement .facebookConnect,
.accountManagement .lineConnect,
.accountManagement .naverConnect {
	padding: 11px 10px 11px 0
}

.accountManagement .facebookConnect:before,
.accountManagement .lineConnect:before,
.accountManagement .naverConnect:before {
	margin-right: 10px
}

.accountManagement .naverConnect:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-naver-36)
}

.accountManagement .facebookConnect:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-facebook-36)
}

.accountManagement .lineConnect:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-line-36)
}

.accountManagement .googleConnect:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-google-36)
}

.accountManagement .title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: left
}

.accountManagement .connected,
.accountManagement .notConnected {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.accountManagement .connected .error,
.accountManagement .notConnected .error {
	vertical-align: top
}

.accountManagement .connected {
	color: #3bd06f
}

.accountManagement .notConnected {
	color: #888
}

.accountManagement .error {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-error-20)
}

.accountManagement .errorMassage {
	display: block;
	font-size: 1.3rem;
	color: #e55
}

.settingWarning {
	padding: 14px 15px 14px;
	background-color: #fff5f5;
	font-size: 1.2rem;
	color: #ce0000;
	line-height: 1.5rem
}

.settingComponentList {
	background: #fff;
	padding: 0 15px
}

.settingComponentList+.settingComponentList {
	border-top: 1px solid #eee
}

.settingComponentList .item {
	position: relative
}

.settingComponentList .item+.item {
	border-top: 1px solid #eee
}

.settingComponentList .item .select {
	font-size: 1.5rem;
	padding: 0;
	-webkit-appearance: none
}

.settingComponentList .flexBox {
	position: relative;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.settingComponentList .flexBox>* {
	display: block
}

.settingComponentList .flexBox .uBtn {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	font-size: 1.2rem;
	padding: 0 10px
}

.settingComponentList .-pointColor {
	color: #ce0000
}

.settingComponentList.-myInfo .item {
	display: block
}

.settingComponentList.-myInfo .item.flexBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.settingComponentList.-myInfo .item.flexBox .formDataItem {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 0;
	width: auto
}

.settingComponentList.-myInfo .item .label {
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: normal;
	color: #666
}

.settingComponentList.-myInfo .item .formDataItem {
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: normal;
	color: #222
}

.settingComponentList.-myInfo .error {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.settingComponentList.-myInfo .error:after {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-setting-error)
}

.settingComponentList.-myInfo .snsConnect {
	font-size: 0
}

.settingComponentList.-myInfo .snsConnect>* {
	margin: 13px 0 13px 10px
}

.settingComponentList.-myInfo .snsConnect>span {
	display: inline-block;
	position: relative
}

.settingComponentList.-myInfo .snsConnect .notConnectedError {
	position: absolute;
	top: -5px;
	right: -5px
}

.settingComponentList.-myInfo .snsConnect .notConnectedError:before {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-connect-error)
}

.settingComponentList.-myInfo .snsConnect .emailConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-my-account-mail-28)
}

.settingComponentList.-myInfo .snsConnect .emailNotConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-my-account-mail-disabled-28)
}

.settingComponentList.-myInfo .snsConnect .naverConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-naver-28)
}

.settingComponentList.-myInfo .snsConnect .naverNotConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-naver-disabled-28)
}

.settingComponentList.-myInfo .snsConnect .facebookConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-facebook-28)
}

.settingComponentList.-myInfo .snsConnect .facebookNotConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-facebook-disabled-28)
}

.settingComponentList.-myInfo .snsConnect .lineConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-line-28)
}

.settingComponentList.-myInfo .snsConnect .lineNotConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-line-disabled-28)
}

.settingComponentList.-myInfo .snsConnect .googleConnected:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-acc-google-28)
}

.settingComponentList.-myInfo .snsConnect .googleNotConnect:before {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-acc-google-disabled-28)
}

.settingComponentList.-profileBindBandList .uCoverImage {
	margin: 11px 0;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.settingComponentList.-profileBindBandList .text {
	padding-left: 12px;
	padding-right: 12px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.settingComponentList.-iconArrowChild .link {
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 30px 18px 0;
	color: #222;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left
}

.settingComponentList.-iconArrowChild .link:after {
	position: absolute;
	right: -6px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-setting-gotonext)
}

.settingComponentList.-chatCommentSubmitWay .title,
.settingComponentList.-loginBlocking .title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.settingComponentList.-chatCommentSubmitWay .uSwitch,
.settingComponentList.-loginBlocking .uSwitch {
	margin: 15px 0 12px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.settingComponentList.-deviceConnect {
	background: 0 0;
	padding: 0
}

.settingComponentList.-deviceConnect .item {
	padding: 0 15px;
	background: #fff
}

.settingComponentList.-deviceConnect .item+.item {
	margin-top: 9px
}

.settingComponentList.-deviceConnect .item .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0 18px
}

.settingComponentList.-deviceConnect .uBtn {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 8px;
	margin-left: 15px;
	font-size: 1.2rem
}

.settingComponentList.-deviceConnect .title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.6rem;
	font-weight: 500;
	color: #222
}

.settingComponentList.-deviceConnect .connectInfo {
	display: block;
	border-top: 1px solid #eee;
	padding: 14px 0 12px
}

.settingComponentList.-deviceConnect .connectInfo .text {
	font-size: 1.3rem;
	font-weight: 500;
	color: #777
}

.settingComponentList.-loginBlocking {
	margin-top: 23px
}

.settingComponentList.-groupBandIntro:last-of-type {
	margin-top: 10px
}

.settingComponentList.-groupBandIntro .item {
	font-size: 1.6rem
}

.settingComponentList.-groupBandIntro .profileSet {
	padding: 13px 0
}

.settingComponentList.-groupBandIntro .profileSet .title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.settingComponentList.-groupBandIntro .moreSetItemDesc {
	display: block;
	font-size: 1.2rem;
	line-height: 1.42;
	color: #777;
	margin-top: 3px
}

.settingComponentList.-groupBandIntro .profileImg {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.profileNotListDesc {
	font-size: 1.4rem;
	line-height: 1.21;
	color: #777;
	padding: 14px;
	text-align: center;
	background: #fff;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.profileNotListDesc.-errorIcon:before {
	vertical-align: top;
	margin-right: 5px;
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-set-notice)
}

.bandForProfile {
	text-align: center
}

.bandForProfile .bandName {
	font-size: 1.8rem;
	font-weight: 600;
	color: #000
}

.bandForProfile .desc {
	font-size: 1.3rem;
	color: #555;
	padding: 4px 20px 20px
}

.profileChange {
	text-align: center
}

.profileChange .-attachment {
	margin-bottom: 28px
}

.profileChange .-attachment .photoUpload {
	z-index: 100;
	position: absolute;
	bottom: 4px;
	right: 2px;
	width: 24px;
	height: 20px;
	background-size: 24px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-camera-profile-upload)
}

.profileChange .inputText {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.9rem;
	color: #222;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd
}

.profileChange .inputText:focus {
	border-color: #39cf6d
}

.profileChange .desc {
	font-size: 1.3rem;
	color: #777
}

.profileChange .uBtn {
	margin-top: 16px
}

.accountDelete {
	margin-top: 23px
}

.accountDelete .accountDeleteInfo {
	padding: 20px 15px;
	background: #fff
}

.accountDelete .title {
	font-size: 1.8rem;
	font-weight: 600;
	color: #222
}

.accountDelete .list {
	font-size: 1.5rem;
	font-weight: 500;
	color: #333;
	margin-top: 15px
}

.accountDelete .list li+li {
	margin-top: 15px
}

.accountDelete .list li {
	position: relative;
	padding-left: 10px
}

.accountDelete .list li:before {
	position: absolute;
	top: 7px;
	left: 0;
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 50%
}

.accountDelete .point {
	display: block;
	margin-top: 20px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #3bd06f
}

.accountDelete .desc {
	margin-top: 7px
}

.accountDelete .checkWrap {
	margin-top: 28px
}

.accountDelete .confirm {
	font-size: 1.7rem;
	font-weight: 600;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #3bd06f;
	margin: 25px 16px 16px;
	width: calc(100% - 32px);
	padding: 12px
}

.chatCmtSettingWrap {
	height: 100vh;
	background-color: #f0f2f3
}

.nothingList {
	padding-top: 53px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nothingList p {
	font-size: 1.4rem;
	line-height: 1.25;
	color: #999
}

.myInfoBox .myProfileName {
	color: #222;
	font-size: 1.8rem;
	font-weight: 700
}

.myInfoBox .myInfoText {
	color: #222;
	font-size: 1.3rem;
	font-weight: 500
}

.myInfoBox .myInfoText+.myInfoText:before {
	margin: -3px 6px 0 -1px;
	display: inline-block;
	width: 2px;
	height: 2px;
	vertical-align: middle;
	background-color: #888;
	content: ''
}

.mySettingList .mySettingLink {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 88px;
	padding: 0 30px;
	text-align: center
}

.mySettingList .mySettingLink:before {
	margin: 16px auto 5px;
	vertical-align: top
}

.mySettingList .mySettingLink.-notice:before {
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-notice)
}

.mySettingList .mySettingLink.-setting:before {
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-setting)
}

.mySettingList .mySettingLink.-invite:before {
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-invite)
}

.mySettingList .mySettingLink .mySettingItemText {
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	display: block;
	color: #222;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.5rem
}

.mySettingList .-connectEmailError.-setting:before {
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-setting-more-error)
}

.bandAdBox .bandAdLink {
	position: relative;
	display: block;
	padding: 22px 0 23px;
	color: #222;
	font-size: 1.6rem;
	font-weight: 500
}

.bandAdBox .bandAdLink:after {
	width: 8px;
	height: 13px;
	background-size: 8px 13px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-8-r);
	position: absolute;
	top: 25px;
	right: 0;
	width: 8px;
	height: 14px;
	vertical-align: top;
	background-size: 8px 14px
}

.bandAdBox .bandAdLink .logoIcon {
	position: absolute;
	right: 18px
}

.bandAdBox .bandAdLink .logoIcon.-facebook {
	width: 46px;
	height: 46px;
	background-size: 46px 46px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon_facebook);
	top: 20px;
	width: 23px;
	height: 23px;
	vertical-align: top;
	background-size: 23px 23px
}

.bandDownloadBox.-tThinLine {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.bandDownloadBox .bandAppDownloadLink {
	position: relative;
	padding: 13px 0
}

.bandDownloadBox .bandAppDownloadLink:after {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-down);
	position: absolute;
	top: 25px;
	right: 0;
	width: 17px;
	height: 17px;
	vertical-align: top;
	background-size: 17px 17px
}

.bandDownloadBox .bandAppDownloadLink .bandAppLogo {
	display: block;
	width: 39px;
	height: 39px
}

.bandDownloadBox .bandAppDownloadLink .bandDownloadText {
	color: #222;
	font-size: 1.4rem;
	font-weight: 500
}

.bandDownloadBox .bandAppDownloadLink .bandDownloadSubText {
	color: #222;
	font-size: 1.3rem;
	font-weight: 500
}

.scheduleExportArea {
	padding: 30px 15px
}

.scheduleExportArea .noticeGuideBox .noticeGuideTitle {
	color: #888
}

.scheduleExportArea .noticeGuideBox .noticeGuideDesc {
	font-size: 2.2rem;
	line-height: 1.27
}

.scheduleExportArea .noticeGuideBox .noticeGuideSubDesc {
	font-size: 1.3rem;
	line-height: 1.38;
	color: #aaa
}

.scheduleExportArea .calendarNameBox .calendarName {
	font-size: 2.2rem;
	font-weight: 500
}

.scheduleExportArea .saveScheduleBox {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px
}

.scheduleExportArea .platformListItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 53px
}

.scheduleExportArea .platformListItem+.platformListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	margin-top: 0
}

.scheduleExportArea .platformListItemLink {
	position: relative;
	line-height: 2.7rem;
	font-weight: 500;
	color: #212121
}

.scheduleExportArea .platformListItemLink:after {
	width: 14px;
	height: 14px;
	-webkit-mask-image: url(#ico-arrow-right-15);
	mask-image: url(#ico-arrow-right-15);
	-webkit-mask-size: 14px 14px;
	mask-size: 14px 14px;
	background-color: #ccc;
	position: absolute;
	right: -1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: ''
}

.scheduleExportArea .platformListItemLink .icon {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top
}

.scheduleExportArea .platformListItemLink .-apple {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -37px 0;
	background-size: 98px auto
}

.scheduleExportArea .platformListItemLink .-google {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -37px;
	background-size: 98px auto
}

.scheduleExportArea .platformListItemLink .-outlook {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -68px -31px;
	background-size: 98px auto
}

.scheduleExportArea .platformListItemLink .-outlookSystem {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -68px 0;
	background-size: 98px auto
}

.scheduleExportArea .platformListItemLink .-yahoo {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -68px;
	background-size: 98px auto
}

.scheduleExportArea .platformListItemLink .-naver {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -31px -37px;
	background-size: 98px auto
}

.scheduleExportArea .urlLinkTitle {
	font-size: 1.4rem;
	font-weight: 400;
	color: #555
}

.scheduleExportArea .urlLinkBox {
	overflow: hidden;
	border-radius: 3px;
	background-color: #f0f2f3
}

.scheduleExportArea .urlText {
	width: 100%;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	padding: 16px 12px;
	background-color: #fafafa;
	text-align: center;
	color: #aaa;
	word-break: break-all;
	vertical-align: top
}

.scheduleExportArea .scheduleDelete {
	font-size: 1.3rem;
	text-align: center
}

.scheduleExportArea .scheduleDelete .buttonText {
	font-size: 1.3rem;
	font-weight: 700
}

.bandMemberSection {
	background-color: #fff
}

.memberButtonBox .button {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 63px;
	margin: 0 16px;
	font-size: 1.6rem;
	line-height: 1.9rem
}

.memberButtonBox .button:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	margin-left: 10px
}

.memberButtonBox .iconApply,
.memberButtonBox .iconInvite {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 6px;
	vertical-align: top
}

.memberButtonBox .iconInvite {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-member-invite)
}

.memberButtonBox .iconApply {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-member-apply)
}

.memberButtonBox .buttonText {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.memberButtonBox .applicationCount {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.memberButtonBox .gIconNewMark {
	position: absolute;
	left: -10px
}

.bandMemberArea .areaTitle {
	margin-top: 30px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.7rem
}

.bandMemberArea .noticeGuideBox {
	padding: 10px 0
}

.bandMemberArea .noticeGuideBox .noticeGuideDesc {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #888
}

.bandMemberArea .buttonMoreMember {
	display: block;
	position: relative;
	padding: 10px 0 10px 48px
}

.bandMemberArea .buttonMoreMember:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-search-36);
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.bandMemberArea .buttonMoreMember .moreDesc {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem
}

.bandMemberArea .buttonMoreMember .subMoreDesc {
	font-size: 1.4rem;
	line-height: 1.7rem
}

.bandMemberList .uFlexListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	min-height: 68px
}

.bandMemberSection .bandMemberList .uFlexListItem {
	min-height: 80px
}

.memberApplicantSection .bandMemberList .uFlexListItem {
	min-height: 80px
}

.bandMemberList .uFlexListItem:only-child {
	border-bottom: 0
}

.bandMemberList .thumbnail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.bandMemberList .thumbnail:before {
	display: none
}

.bandMemberList .majorInfo {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 30px 0 12px;
	font-size: 1.2rem;
	line-height: 1.6rem
}

.bandMemberList .minorInfo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.bandMemberList .userName {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8rem
}

.bandMemberList .userDescription {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.5rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.bandMemberList .userEtcInfo {
	color: #888
}

.bandMemberList .buttonLine {
	border-style: solid;
	border-width: 1px;
	min-width: 65px;
	padding: 0 10px;
	border-radius: 2px;
	font-size: 1.2rem;
	line-height: 2.5rem
}

.bandMemberList .invitationType {
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #777
}

.invitationTypeSection {
	background-color: #fff
}

.invitationTypeSection .btnBack {
	background-color: #000
}

.inviteListArea .buttonIcon.-cafe {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-cafe)
}

.inviteListArea .buttonIcon.-message {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-message)
}

.inviteListArea .buttonIcon.-linkShare {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-linkShare)
}

.inviteListArea .buttonIcon.-email {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-email)
}

.inviteListArea .buttonIcon.-bandlogo {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-band)
}

.inviteListArea .buttonIcon.-inviteCode {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-invitecode)
}

.inviteListArea .buttonIcon.-qrcode {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-circle-qrcode)
}

.inviteListArea .-flowRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	padding: 0 11px
}

.inviteListArea .-flowRow .inviteListItem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 70px;
	margin: 0 12px 10px;
	text-align: center
}

.inviteListArea .-flowRow .inviteButton {
	display: block
}

.inviteListArea .-flowRow .buttonLabel {
	display: block;
	min-height: 30px;
	margin-top: 6px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #666
}

.inviteListArea .-flowColum {
	padding: 0 16px
}

.inviteListArea .-flowColum .inviteButton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.inviteListArea .-flowColum .inviteListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	min-height: 55px;
	line-height: 5.5rem
}

.inviteListArea .-flowColum .buttonIcon {
	margin-right: 14px
}

.bandSelectionSection {
	background-color: #fff
}

.bandSelectionSection .topbarArea {
	background-color: #fff
}

.bandSelectionSection .topbarBox .groupBandTitle {
	display: block
}

.groupBandListArea {
	padding: 0 16px
}

.groupBandListArea .submitButton {
	position: fixed;
	right: 16px;
	top: 16px;
	z-index: 30
}

.groupBandListArea .submitButton .buttonText {
	font-size: 1.7rem;
	line-height: 2rem;
	color: #3bd06f
}

.groupBandListArea .submitButton .buttonText:disabled {
	color: #aaa
}

.groupBandListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	min-height: 74px
}

.groupBandListItem .majorInfo .itemTitleS .itemTitleName {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2rem
}

.inviteCodeArea {
	padding: 30px 0
}

.inviteCodeArea .invitationCodeDesc {
	text-align: center
}

.inviteCodeArea .guideText {
	font-size: 1.6rem;
	line-height: 2rem
}

.inviteCodeArea .guideText em {
	color: #11c473
}

.inviteCodeArea .guideSubText {
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #666
}

.inviteCodeArea .invitationCodeBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 50px
}

.inviteCodeArea .inviteCode {
	min-width: 131px;
	width: 131px;
	height: 43px;
	margin: 0 3px;
	border-radius: 2px;
	border: solid 1px #e6e6e6
}

.inviteCodeArea .inviteCode .inputText {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #fff;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	line-height: 4.3rem
}

.inviteCodeArea .inviteCode .inputText[value=''] {
	background-color: #f7f7f7
}

.inviteCodeArea .buttonInvite {
	display: block;
	max-width: 267px;
	width: 100%;
	height: 44px;
	margin: 0 auto;
	border-radius: 2px;
	background-color: #3bd06f;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 4.4rem;
	color: #fff
}

.inviteCodeArea .tipGuideBox {
	background-color: #f4f4f4;
	text-align: center
}

.inviteCodeArea .tipGuideBox .tipGuideTitle {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.8rem
}

.inviteCodeArea .tipGuideBox .tipGuideDesc {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #666
}

.inviteCodeArea .tipGuideBox .tipGuideImage {
	position: relative;
	width: 250px;
	height: 146px;
	margin: 0 auto;
	background: url() no-repeat;
	background-size: 250px auto;
	font-size: 1.1rem;
	line-height: 1.5rem
}

.inviteCodeArea .tipGuideBox .imageTitle {
	position: absolute;
	left: 59px;
	top: 11px
}

.inviteCodeArea .tipGuideBox .imageText {
	position: absolute;
	left: 80px;
	top: 109px;
	width: 90px;
	word-break: break-word;
	font-weight: 500;
	line-height: 1.15
}

.memberSelectionSection {
	background-color: #fff
}

.memberSelectCount {
	position: fixed;
	right: 20px;
	top: 0;
	z-index: 100
}

.memberSelectCount .buttonText {
	font-size: 1.6rem;
	line-height: 5.3rem;
	color: rgba(255, 255, 255, .5)
}

.memberSelectCount .buttonText.-active {
	color: #fff
}

.memberSelectCount .selectCount {
	position: absolute;
	right: -8px;
	top: 7px;
	min-width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	font-size: 1.1rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.6rem
}

.bandMemberSelectionBox {
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.bandMemberSelectionList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	overflow-x: scroll;
	padding-bottom: 13px;
	-webkit-overflow-scrolling: touch
}

.bandMemberSelectionList .bandMemberSelectionItem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50px;
	margin: 0 7px;
	text-align: center
}

.bandMemberSelectionList .bandMemberSelectionItem:first-of-type {
	padding-left: 6px
}

.bandMemberSelectionList .bandMemberSelectionItem:last-of-type {
	padding-right: 14px
}

.bandMemberSelectionList .bandMemberSelectionItem .buttonReset {
	position: relative;
	width: 100%
}

.bandMemberSelectionList .bandMemberSelectionItem .buttonReset:after {
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-circle-close);
	position: absolute;
	right: -1px;
	top: 26px
}

.bandMemberSelectionList .bandMemberSelectionItem .userName {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-top: 6px;
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #333
}

.memberApplicantSection {
	background-color: #fff
}

.memberApplicantSection .noticeGuideBox {
	background-color: #f0f0f0
}

.memberApplicantSection .noticeGuideBox .noticeGuideDesc {
	color: #666
}

.modalLayerView {
	z-index: 10000;
	position: absolute;
	width: 100%;
	min-height: 100vh;
	top: 0;
	left: 0
}

.modalWrap {
	z-index: 1000;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	padding: 30px;
	background-color: rgba(0, 0, 0, .6);
	-webkit-overflow-scrolling: touch
}

.modalWrap .buttonModalClose {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}

.modalContent {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 315px;
	margin: auto;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px
}

.modalContent.-spaceNone {
	padding: 0
}

.modalContent.-modalMenu {
	padding: 9px 0
}

.modalContent .checkWrap {
	margin-top: 20px
}

.modalContent .noticeGuideBox .-boldText {
	font-weight: 600
}

.modalContent .noticeGuideBox .-alignCenter {
	text-align: center
}

.modalContent .noticeGuideDesc {
	font-size: 1.8rem;
	line-height: 2.4rem
}

.modalContent .noticeGuideSubDesc {
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #777
}

.modalContent .qrcodeBox {
	text-align: center
}

.modalContent .urlLinkBox {
	min-height: 49px;
	border-radius: 3px;
	background-color: rgba(240, 242, 243, .5)
}

.modalContent .urlLinkBox .inputText {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	border: 0;
	background-color: transparent;
	font-size: 1.5rem;
	line-height: 4.9rem;
	color: #444;
	-webkit-tap-highlight-color: transparent
}

.modalContent .tipGuideBox {
	padding: 10px 20px 20px;
	border-radius: 3px;
	background-color: #f2f2f2
}

.modalContent .tipGuideBox .tipLabel {
	display: inline-block;
	height: 15px;
	padding: 0 5px;
	border-radius: 3px;
	background-color: #b8b8b8;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #fff
}

.modalContent .tipGuideBox .tipGuideDesc {
	margin-top: 8px
}

.modalContent .tipGuideBox .tipGuideDesc strong {
	display: block
}

.modalContent .inviteByCafeBox .buttonCafe {
	display: block;
	min-height: 50px;
	margin: 9px 0;
	font-size: 1.6rem;
	line-height: 5rem;
	color: #fff
}

.modalContent .inviteByCafeBox .-naverCafe {
	background-color: #00c800
}

.modalContent .inviteByCafeBox .-naverCafe:before {
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 0;
	background-size: 98px auto;
	margin: 8px 13px 0;
	vertical-align: top;
	content: ''
}

.modalContent .inviteByCafeBox .-daumCafe {
	background-color: #f47c6c
}

.modalContent .inviteByCafeBox .-daumCafe:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-invite-cafe-naver);
	margin: 6px 12px 0 13px;
	vertical-align: top
}

.modalContent .joinQnaBox {
	padding-top: 17px;
	font-size: 1.5rem;
	line-height: 1.9rem;
	word-wrap: break-word;
	border-color: #ddd;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.modalContent .joinQuestion {
	color: #666
}

.modalContent .joinAnswer {
	overflow-y: auto;
	max-height: 58px;
	-webkit-overflow-scrolling: touch
}

.modalContent .punishmentListBox {
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.modalContent .punishmentListItem {
	position: relative;
	margin: 5px 0;
	padding-left: 8px;
	line-height: 1.43;
	font-size: 1.3rem;
	color: #666
}

.modalContent .punishmentListItem:before {
	position: absolute;
	display: block;
	width: 2px;
	height: 2px;
	left: 0;
	top: 7px;
	background: #999;
	content: ''
}

.modalContent .punishmentListItem.-multiEllipsis {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.43;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.modalHeader .title {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.28;
	font-style: normal;
	color: #222;
	text-align: center;
	padding-top: 4px
}

.modalHeader .title.-colorBlock {
	color: #000
}

.modalHeader .titleDesc {
	text-align: center;
	font-size: 1.3rem;
	color: #555
}

.modalHeader.-bottomLine {
	padding-bottom: 14px;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.modalHeader.-bottomLine+.modalBody {
	margin-top: 14px
}

.modalHeader+.modalBody {
	margin-top: 23px
}

.modalFooter {
	margin-top: 20px
}

.modalButtonBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.modalButtonBox .uBtn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1
}

.modalButtonBox .uBtn+.uBtn {
	margin-left: 8px
}

.modalButtonBox.-topLine {
	padding-top: 23px;
	border-top: 1px solid #eee
}

.modalButtonBox.-flowColum {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column
}

.modalButtonBox.-flowColum .uBtn+.uBtn {
	margin-left: 0
}

.modalDesc {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.44;
	color: #333
}

.modalDesc .emailId,
.modalDesc strong {
	color: #3bd06f
}

.modalDesc .emailId {
	display: inline-block;
	padding-top: 6px
}

.modalProfileArea {
	text-align: center
}

.modalProfileArea .userStatus {
	margin-top: 15px
}

.modalProfileArea .userName {
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem
}

.modalProfileArea .userEtcInfo {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #555
}

.modalMsgDesc {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #555
}

.modalMsgDesc .firstLine {
	display: block;
	margin-bottom: 7px;
	font-size: 1.6rem;
	line-height: 1.9rem;
	color: #333
}

.modalMsgDesc .firstLine+br {
	display: none
}

.modalBandJoinInfoCard .cover {
	width: 100%;
	height: auto;
	border-radius: 4px 4px 0 0
}

.modalBandJoinInfoCard .infoWrap {
	padding: 20px 20px 12px
}

.modalBandJoinInfoCard .bandName {
	font-size: 2.2rem;
	font-weight: 600;
	line-height: normal;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.modalBandJoinInfoCard .bandName .uOfficialBand {
	position: relative;
	top: 4px
}

.modalBandJoinInfoCard .bandInfo {
	margin-top: 7px;
	font-size: 1.3rem;
	line-height: normal;
	color: #888
}

.modalBandJoinInfoCard .intro {
	margin-top: 7px;
	font-size: 1.3rem;
	line-height: 1.6rem;
	color: #222
}

.modalBandJoinInfoCard .agree {
	margin-top: 8px;
	padding-top: 5px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #888;
	border-color: #d6d7db;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.modalBandJoinInfoCard .linkReport {
	margin-top: 10px;
	text-align: center
}

.modalBandJoinInfoCard .linkReport a {
	font-size: 1.2rem;
	line-height: normal;
	color: #666
}

.saveScheduleBox .buttonText {
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #444
}

.saveScheduleBox .buttonText:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	margin: 2px 0 -2px 4px;
	vertical-align: top
}

.platformListItem+.platformListItem {
	margin-top: 20px
}

.modalMoreMenu {
	position: relative;
	z-index: 10;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 315px;
	padding: 8px 0;
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	margin: auto
}

.modalMoreMenu .menuItemLink {
	display: block;
	width: 100%;
	padding: 12px 15px;
	color: #030303;
	text-align: center
}

.fileStatus {
	position: relative;
	margin: 0 10px
}

.fileStatus .fileName {
	overflow: hidden;
	min-height: 18px;
	padding-right: 50px;
	font-size: 1.4rem;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.fileStatus .fileCount {
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 1.3rem;
	color: #7a7a7a
}

.fileStatus .-current {
	color: #11c473
}

.fileStatus .-total {
	color: #333
}

.progressBarBox {
	margin: 13px 10px 0;
	border-radius: 2px;
	background-color: #d8d8d8
}

.progressBarBox .progressBar {
	width: 0;
	height: 5px;
	background-color: #11c473
}

.shareGroupBandArea .shareTitleBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.shareGroupBandArea .shareTitleBox .shareTitle {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.5rem;
	font-weight: 600
}

.shareGroupBandArea .shareTitleBox .shareMore {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1.4rem;
	color: #888
}

.shareGroupBandArea .shareTitleBox .shareMore:after {
	width: 7px;
	height: 11px;
	background-size: 7px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-6-r);
	margin-left: 8px
}

.shareGroupBandArea .shareGroupBand {
	overflow-x: auto;
	padding-bottom: 20px;
	margin-top: 15px;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	-webkit-overflow-scrolling: touch
}

.shareGroupBandArea .uCardList .cardListItem {
	width: 64px
}

.shareGroupBandArea .uCardList .cardListItem+.cardListItem {
	margin-left: 15px
}

.shareGroupBandArea .uCardList .cardThumbBox {
	height: 64px
}

.shareGroupBandArea .uCardList .cardName {
	font-size: 1.3rem;
	color: #444;
	line-height: 1.5rem
}

.shareGroupBandArea .shareSnsList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.shareGroupBandArea .shareSnsList .shareSnsItem {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	width: 60px
}

.shareGroupBandArea .shareSnsList .shareSnsLink {
	display: block;
	text-align: center
}

.shareGroupBandArea .shareSnsList .snsLabel {
	display: block;
	padding: 0 5px;
	color: #888;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.5rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.shareGroupBandArea .shareSnsList .iconFacebook {
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-sns-facebook)
}

.shareGroupBandArea .shareSnsList .iconTwitter {
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-sns-twitter)
}

.shareGroupBandArea .shareSnsList .iconCafe {
	width: 49px;
	height: 49px;
	background-size: 49px 49px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-sns-cafe)
}

.shareGroupBandArea .shareSnsList .iconUrl {
	width: 49px;
	height: 49px;
	background-size: 49px 49px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-sns-url)
}

.promptInputBox .inputText {
	border-color: #39cf6d;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	width: 100%;
	padding-bottom: 10px;
	font-size: 1.9rem;
	line-height: 2.4rem
}

.modalProfileSetSelectWrap .bandName {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	color: #000
}

.modalProfileSetSelectWrap .desc {
	margin-top: 4px;
	font-size: 1.3rem;
	line-height: normal;
	color: #555
}

.modalProfileSetSelectWrap .list {
	overflow-y: auto;
	max-height: 210px;
	margin-top: 12px;
	-webkit-overflow-scrolling: touch
}

.modalProfileSetSelectWrap .list .item {
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.modalProfileSetSelectWrap .list .label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0
}

.modalProfileSetSelectWrap .list .label .thumb {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.modalProfileSetSelectWrap .list .label .name {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 11px;
	font-size: 1.5rem;
	line-height: normal;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.modalProfileSetSelectWrap .list .label .checkBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	margin-left: 20px
}

.modalProfileSetSelectWrap .btnAddProfile {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	font-size: 1.4rem;
	line-height: normal;
	color: #777
}

.modalProfileSetSelectWrap .btnAddProfile:before {
	margin-right: 8px;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-add-new-profile)
}

.modalUsingAppWrap .coverImg {
	text-align: center
}

.modalUsingAppWrap .coverImg .cover {
	margin-top: 10px;
	width: 82px;
	height: auto;
	border-radius: 3px
}

.modalUsingAppWrap .coverImg .logo {
	width: 63px;
	height: 63px;
	background-size: 63px 63px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon_bandapp_logo)
}

.modalUsingAppWrap .bandPreviewTitle {
	margin-top: 15px;
	font-weight: 500;
	color: #222;
	text-align: center;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	font-size: 1.6rem;
	line-height: 2rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.modalUsingAppWrap .bandPreviewTitle .uOfficialBand {
	position: relative;
	top: 1px;
	vertical-align: top;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.modalUsingAppWrap .bandPreviewMsg {
	margin-top: 4px;
	font-size: 1.4rem;
	line-height: 2rem;
	text-align: center;
	color: #222
}

.modalUsingAppWrap .bandPreviewJoinMsg {
	margin-top: 2px;
	font-size: 1.4rem;
	line-height: normal;
	text-align: center;
	color: #777
}

.modalUsingAppWrap .msg1 {
	margin-top: 15px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	text-align: center;
	color: #222
}

.modalUsingAppWrap .msg2 {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: normal;
	text-align: center;
	color: rgba(119, 119, 119, .9)
}

.modalUsingAppWrap .uBandAppDown {
	padding: 15px 0 0
}

.modalUsingAppWrap .linkToMove {
	margin-top: 15px;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: center
}

.modalUsingAppWrap .linkToMove a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #777
}

.modalUsingAppWrap .linkToMove a:after {
	margin-left: 4px;
	width: 7px;
	height: 11px;
	background-size: 7px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-6-r)
}

.modalJoinQuestionAnswerWrap .title {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	color: #000
}

.modalJoinQuestionAnswerWrap .writeText {
	margin: 20px 0
}

.modalJoinQuestionAnswerWrap .writeText .question {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #3bd06f
}

.modalJoinQuestionAnswerWrap .writeText .question:before {
	display: block;
	content: 'Q.'
}

.modalJoinQuestionAnswerWrap .writeText .answer {
	margin-top: 20px
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer {
	overflow-y: auto;
	width: 100%;
	height: 50px;
	border: 0;
	font-size: 1.6rem;
	line-height: normal;
	resize: none;
	-webkit-overflow-scrolling: touch
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer::-webkit-input-placeholder {
	color: #ccc
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer::-moz-placeholder {
	color: #ccc
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer:-ms-input-placeholder {
	color: #ccc
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer::-ms-input-placeholder {
	color: #ccc
}

.modalJoinQuestionAnswerWrap .writeText .answer .joinAnswer::placeholder {
	color: #ccc
}

.modalMenuWrap .button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 45px;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2rem;
	color: #222
}

.modalMenuWrap .button input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.modalCheckList .modalCheckItem {
	padding: 15px 0
}

.modalCheckList .modalCheckItem+.modalCheckItem {
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.modalCheckList .modalCheckLabel {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.modalCheckList .labelText {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.modalCheckList .labelText .labelTitle {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #222
}

.modalCheckList .labelText .labelDesc {
	font-size: 1.4rem;
	color: #777
}

.myProfileSettingArea .myProfileSettingTitle {
	font-size: 1.5rem;
	font-weight: 600
}

.myProfileSettingArea .myProfileList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.myProfileSettingArea .myProfileListItem {
	width: 73px
}

.myProfileSettingArea .myProfileListItem+.myProfileListItem {
	margin-left: 13px
}

.myProfileSettingArea .myProfileItemLink {
	display: block;
	text-align: center
}

.myProfileSettingArea .myProfileItemLink .userName {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.2rem
}

.myProfileSettingArea .fileUpload {
	overflow: hidden;
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px
}

.albumSection {
	min-height: 100%
}

.albumHome {
	min-height: 100%
}

.dataUploadBox {
	text-align: center
}

.albumList {
	margin: 0;
	padding: 10px 0 0;
	overflow: hidden
}

.-empty .albumList {
	padding: 0
}

.albumList .listTitle {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden
}

.albumList .albumBox {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 34px 15px 15px;
	background: #fff;
	border-top: 1px solid #ededed
}

.albumList .albumLink {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #333
}

.albumList .albumLink .txt {
	overflow: hidden;
	display: block;
	margin: 16px 40px 0 17px;
	white-space: nowrap
}

.albumList .albumLink .txt .title {
	overflow: hidden;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 600;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 75%;
	white-space: nowrap;
	vertical-align: top;
	color: #222
}

.albumList .albumLink .numbers {
	position: relative;
	margin-left: 7px;
	padding-left: 8px;
	line-height: 1.6rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: #888
}

.albumList .albumLink .numbers:before {
	position: absolute;
	top: 4px;
	left: 0;
	height: 10px;
	width: 1px;
	background-color: #ddd;
	content: ""
}

.albumList .albumInfo {
	padding: 6px 0 13px 0
}

.albumList .albumInfo .lastUpdate {
	font-size: 1.3rem;
	color: #888
}

.albumList .albumImgList {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
	grid-auto-rows: minmax(105px, auto)
}

.albumList .albumImgItem .albumImg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.albumList .albumImgItem .albumImg:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .1;
	-webkit-box-shadow: inset 0 0 .6px .4px #000;
	box-shadow: inset 0 0 .6px .4px #000;
	content: ''
}

.albumList .albumImgItem .albumImg img {
	width: 100%
}

.albumList .btnAddPhoto {
	position: absolute;
	right: 17px;
	top: 16px;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-photo-plus)
}

.albumList .albumSort {
	margin-top: 10px;
	position: relative;
	padding: 12px 17px;
	font-size: 1.4rem;
	color: #555;
	background: #fff
}

.albumDetailSection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh
}

.albumDetailSection .uEmpty {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.albumDetailSection .btnPhotoUpload {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 4rem;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #222
}

.albumDetailTopArea {
	background-color: #fff;
	padding: 33px 31px 23px
}

.albumDetailTopArea .sectionTitle {
	text-align: center;
	font-size: 2.3rem;
	font-weight: 500;
	color: #222
}

.albumDetailTopArea .btnIconPhotoUpload {
	display: inline-block;
	margin: 10px 3px 0 0;
	vertical-align: top;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#ico-photo-upload-s);
	mask-image: url(#ico-photo-upload-s);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #fff
}

.albumDataBox {
	margin-top: 10px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	color: #888
}

.albumDataBox .dateInfo+.countInfo:before {
	margin: 3px 7px 0;
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: ''
}

.allPhotoListWrap {
	margin-top: 10px;
	background-color: #fff
}

.allPhotoList {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
	grid-auto-rows: minmax(115px, auto)
}

.allPhotoList .allPhotoListItem {
	position: relative
}

.allPhotoList .allPhotoListItem .imgBox {
	display: block
}

.allPhotoList .allPhotoListItem:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .1;
	-webkit-box-shadow: inset 0 0 .6px .4px #000;
	box-shadow: inset 0 0 .6px .4px #000;
	content: ''
}

.allPhotoList .allPhotoListItem.-iconPlay:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-play-40)
}

.allPhotoList .allPhotoListItem .uVideoExpired {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	content: ''
}

.allPhotoList .allPhotoListItem .iconExpired {
	width: 50px;
	height: 50px;
	-webkit-mask-image: url(#icon-expiration-60);
	mask-image: url(#icon-expiration-60);
	-webkit-mask-size: 50px 50px;
	mask-size: 50px 50px;
	background-color: #fff;
	display: block
}

.allPhotoList .allPhotoListItem.-iconGif:before {
	width: 27px;
	height: 15px;
	background-size: 27px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-gif-ss-2);
	width: 29px;
	height: 17px;
	background-size: 29px 17px;
	position: absolute;
	left: 6px;
	bottom: 6px;
	content: ''
}

.allPhotoList .allPhotoListItem img {
	width: 100%
}

.allPhotoList .loadingIcon1 {
	position: absolute;
	left: 0;
	top: 35px;
	height: 100px;
	margin: 0 auto!important
}

.allPhotoList .commentCountArea {
	position: absolute;
	right: 6px;
	bottom: 8px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, .6)
}

.allPhotoList .commentCountArea .likeCount {
	font-size: 1.5rem;
	color: #fff
}

.allPhotoList .commentCountArea .likeCount:before {
	margin: 2px 2px 0 0;
	vertical-align: top;
	content: '';
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-face-14-f)
}

.allPhotoList .commentCountArea .likeCount+.commentCount {
	margin-left: 4px
}

.allPhotoList .commentCountArea .commentCount {
	font-size: 1.5rem;
	color: #fff
}

.allPhotoList .commentCountArea .commentCount:before {
	margin: 3px 2px 0 0;
	vertical-align: top;
	content: '';
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-comment-14-f)
}

.photoViewerWrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	z-index: 30
}

.photoViewerWrap .viewerHeader {
	position: absolute;
	height: 54px;
	top: 0;
	right: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 10
}

.photoViewerWrap .viewerHeader .btnViewerClose {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 15px;
	min-width: 53px;
	text-align: left
}

.photoViewerWrap .viewerHeader .viewerInfoBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0 25px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 54px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff
}

.photoViewerWrap .viewerHeader .albumName {
	font-weight: 500;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.photoViewerWrap .viewerHeader .headerBtnBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 8px;
	margin-top: 16px;
	min-width: 60px;
	text-align: right
}

.photoViewerWrap .viewerHeader .headerBtnBox .btnDownload {
	margin-right: 9px;
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-photo-download)
}

.photoViewerWrap .viewerHeader .headerBtnBox .btnDownload+.btnOption {
	margin-left: -4px
}

.photoViewerWrap .viewerHeader .headerBtnBox .btnOption {
	display: inline-block;
	vertical-align: top;
	margin-left: 9px
}

.photoViewerWrap .swipe_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.photoViewerWrap .swipe_master {
	display: table;
	table-layout: fixed;
	overflow: hidden;
	height: 100%
}

.photoViewerWrap .viewerContentWrap {
	position: relative;
	height: 100%
}

.photoViewerWrap .viewerContentWrap:before {
	position: absolute;
	height: 160px;
	top: 0;
	right: 0;
	left: 0;
	opacity: .5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(54%, rgba(0, 0, 0, .36)), color-stop(87%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(top, #000, rgba(0, 0, 0, .36) 54%, rgba(0, 0, 0, .05) 87%, rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, .36) 54%, rgba(0, 0, 0, .05) 87%, rgba(0, 0, 0, 0));
	content: '';
	z-index: 2
}

.photoViewerWrap .viewerContentWrap:after {
	position: absolute;
	height: 177px;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: .73;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(24%, rgba(0, 0, 0, .74)), color-stop(55%, rgba(0, 0, 0, .36)), color-stop(82%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, .74) 24%, rgba(0, 0, 0, .36) 55%, rgba(0, 0, 0, .05) 82%, rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, #000, rgba(0, 0, 0, .74) 24%, rgba(0, 0, 0, .36) 55%, rgba(0, 0, 0, .05) 82%, rgba(0, 0, 0, 0));
	content: '';
	z-index: 2
}

.photoViewerWrap .viewerContentWrap.-video:before {
	height: 54px
}

.photoViewerWrap .viewerContentWrap.-video:after {
	height: 115px
}

.photoViewerWrap .viewerContentWrap.-video.-hideInfoBar:after {
	display: none
}

.photoViewerWrap .viewerContentWrap.-video.-hideInfoBar .mejs-container .mejs-controls {
	bottom: 0!important
}

.photoViewerWrap .viewerContentWrap.-video.-chat:after {
	height: 68px
}

.photoViewerWrap .viewerContentWrap.-video.-chat .mejs-container .mejs-controls {
	bottom: 68px
}

.photoViewerWrap .viewerContentWrap .contentsImg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.photoViewerWrap .viewerContentWrap .innerVideo {
	width: 100%
}

.photoViewerWrap .viewerContentWrap .expirationContents {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1
}

.photoViewerWrap .viewerContentWrap .expirationText {
	font-size: 1.5rem;
	color: #fff
}

.photoViewerWrap .mejs-container {
	width: 100%!important;
	height: 100%!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.photoViewerWrap .mejs-container .mejs-controls {
	bottom: 115px
}

.photoViewerWrap .mejs-poster {
	width: 100%!important;
	height: auto!important
}

.photoViewerWrap .mejs-mediaelement {
	position: static;
	font-size: 0
}

.photoViewerWrap .mejs-mediaelement video {
	width: 100%!important;
	max-height: 100vh;
	height: auto!important
}

.photoViewerWrap .mejs-layers {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.photoViewerWrap .mejs-layers .mejs-overlay {
	width: 100%!important;
	height: 100%!important
}

.photoViewerWrap .authorInfoWrap {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 3
}

.photoViewerWrap .infoBox {
	margin: 0 14px 0 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.photoViewerWrap .infoBox .uProfile {
	overflow: hidden;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 14px 0 14px
}

.photoViewerWrap .infoBox .uProfile .profileInner {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.photoViewerWrap .infoBox .uProfile .textInfo {
	overflow: hidden;
	margin: 0 8px 0 9px;
	display: inline-block;
	vertical-align: middle
}

.photoViewerWrap .infoBox .uProfile .name {
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #fff;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.photoViewerWrap .infoBox .uProfile .date {
	display: block;
	font-weight: 500;
	font-size: 1.3rem;
	color: #fff
}

.photoViewerWrap .infoBox .reactionInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	line-height: 1
}

.photoViewerWrap .infoBox .reactionInfo .viewFace {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500
}

.photoViewerWrap .infoBox .reactionInfo .viewFace .uEmotion+.uEmotion {
	margin-left: -10px
}

.photoViewerWrap .infoBox .reactionInfo .viewFace .uEmotion:last-of-type {
	margin-right: 4px
}

.photoViewerWrap .infoBox .reactionInfo .viewFace+.viewComment:before {
	margin: 0 5px 0 4px;
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #fff;
	content: ''
}

.photoViewerWrap .infoBox .reactionInfo .viewComment {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500
}

.photoViewerWrap .reactionBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 47px;
	margin: 0 16px;
	border-color: rgba(255, 255, 255, .5);
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.photoViewerWrap .reactionBox .btnComment,
.photoViewerWrap .reactionBox .btnReaction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
	height: 46px;
	color: #fff;
	line-height: 0
}

.photoViewerWrap .reactionBox .btnComment:before,
.photoViewerWrap .reactionBox .btnReaction:before {
	margin: 0 5px 0 0
}

.photoViewerWrap .reactionBox .btnReaction:not(.-on):before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-photo-face)
}

.photoViewerWrap .reactionBox .btnReaction.-on {
	color: #2ecc71
}

.photoViewerWrap .reactionBox .btnComment:before {
	width: 18px;
	height: 17px;
	background-size: 18px 17px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-photo-comment)
}

.photoViewerWrap .faceAnimation {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90px;
	height: 90px;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: faceAnimationKeyFrame;
	animation-name: faceAnimationKeyFrame
}

@-webkit-keyframes faceAnimationKeyFrame {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes faceAnimationKeyFrame {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.chattingWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff
}

.chattingWrap .topbarArea {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chattingWrap .sChatPop {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden
}

.chattingWrap .chatRoom {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	background-color: #fff
}

.chattingWrap .noticeWrap {
	position: fixed;
	display: block;
	min-height: 35px;
	top: 53px;
	right: 0;
	left: 0;
	overflow: hidden;
	z-index: 20;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.chattingWrap .noticeWrap.-hide {
	display: none
}

.chattingWrap .noticeWrap.-hide+.chatList {
	padding-top: 0
}

.chattingWrap .noticeWrap+.chatList {
	padding-top: 53px
}

.chattingWrap .chatList {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: 50px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.chattingWrap .chatWriteSection {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 50px
}

.chattingWrap .mentions-input {
	padding-left: 19px;
	padding-top: 7px
}

.chattingWrap .mentions {
	position: absolute;
	overflow: hidden;
	margin-right: 50px
}

.chattingWrap .mentions div {
	width: 100%;
	outline: 0;
	border: 0;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.25;
	font-size: 1.6rem;
	color: transparent
}

.chattingWrap .mentions strong {
	font-weight: 400;
	background-color: #e6f4ff
}

.chattingWrap .btnSticker {
	position: absolute;
	top: 16px;
	right: 65px;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-chat-sticker)
}

.chattingWrap .btnSticker.-on {
	background-image: none;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#icon-chat-sticker);
	mask-image: url(#icon-chat-sticker);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #2ecc71
}

.chatInputBox {
	position: relative;
	margin: 6px 0;
	padding-right: 50px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 36px;
	max-height: 131px;
	border-radius: 18px;
	overflow: hidden;
	overflow-y: auto;
	background-color: #f0f1f3;
	-webkit-overflow-scrolling: touch
}

.chatInputBox .chatTextInput {
	position: relative;
	width: 100%;
	outline: 0;
	border: 0;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.25;
	font-size: 1.6rem;
	z-index: 10;
	background-color: transparent
}

.chatInputBox .chatTextInput[contenteditable=true]:empty:before {
	content: attr(placeholder);
	display: block;
	color: #aaa
}

.chatInputBox .chatTextInput::-webkit-input-placeholder {
	color: #aaa
}

.chatInputBox .chatTextInput::-moz-placeholder {
	color: #aaa
}

.chatInputBox .chatTextInput:-ms-input-placeholder {
	color: #aaa
}

.chatInputBox .chatTextInput::-ms-input-placeholder {
	color: #aaa
}

.chatInputBox .chatTextInput::placeholder {
	color: #aaa
}

.chatWriteFrom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.noticeWrap.-allView {
	height: auto
}

.noticeWrap.-allView .noticeContentArea {
	max-height: 142px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-line-clamp: initial;
	line-clamp: initial;
	-webkit-overflow-scrolling: touch
}

.noticeWrap.-allView .noticeContentArea .noticeTitle {
	display: block
}

.noticeWrap.-allView .btnWillClose {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	display: inline-block
}

.noticeWrap.-allView .btnWillOpen {
	display: none
}

.noticeWrap.-allView .authorInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.noticeWrap.-allView .noticeBottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.noticeWrap.-allView .noticeBtnWrap {
	top: 9px;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.noticeWrap.-notify {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 16px
}

.noticeWrap.-notify .notifiyTextWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.noticeWrap.-notify .uIconReport {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px
}

.noticeWrap.-notify .notifiyText {
	padding: 11px 0 11px 14px;
	line-height: 1.36;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 1.4rem;
	color: #333
}

.noticeWrap.-notify .uIconCloseFill {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	-webkit-mask-size: 10px 10px;
	mask-size: 10px 10px;
	background-color: #666
}

.noticeWrap .noticeBtnWrap {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.noticeWrap .btnWillClose {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 11px;
	height: 7px;
	background-size: 11px 7px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-arrow-down-11);
	display: none
}

.noticeWrap .btnWillOpen {
	width: 11px;
	height: 7px;
	background-size: 11px 7px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-arrow-down-11)
}

.noticeWrap .noticeContentWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.noticeWrap .noticeContentArea {
	margin: 8px 53px 8px 16px;
	color: #333;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.noticeWrap .noticeContentArea .noticeTitle {
	padding-right: 5px;
	white-space: nowrap
}

.noticeWrap .authorInfo {
	display: none;
	margin: 10px 16px 0;
	font-size: 1.3rem
}

.noticeWrap .authorInfo .name {
	color: #222
}

.noticeWrap .authorInfo .name+.time:before {
	margin: 8px 5px 0;
	display: inline-block;
	vertical-align: top;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .4);
	content: ''
}

.noticeWrap .authorInfo .time {
	color: rgba(34, 34, 34, .5)
}

.noticeWrap .noticeBottom {
	display: none;
	margin: 13px 16px 0;
	height: 40px;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.noticeWrap .noticeBottom .btnNoticeBottom {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #222
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .messageInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 56px;
	padding: 0 15px 0 12px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .profileBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .profileBox .uProfile {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .profileBox .messgeContBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-left: 6px
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .profileBox .messgaContText {
	line-height: 1.5;
	font-size: 1.2rem;
	color: #aaa
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .profileBox .messgaContText strong {
	font-size: 1.3rem;
	font-weight: 400;
	color: #222
}

.sChatPop.-originalMessage .hiddenTopMsgWrap .btnBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.sChatPop.-originalMessage .chatList {
	top: 56px;
	padding-bottom: 0
}

.sChatPop .newMessageAlertWrap {
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	height: 43px;
	margin: 0;
	color: #fff;
	z-index: 10
}

.sChatPop .newMessageAlertWrap:after {
	z-index: -1;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: .75;
	background: #000;
	content: ''
}

.sChatPop .newMessageAlertWrap .messageTxt {
	margin: 0 22px;
	line-height: 4.3rem;
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.sChatPop .newMessageAlertWrap .messageTxt:before {
	position: relative;
	top: 3px;
	margin: 0 10px 0 0
}

.sChatPop .chatInputWrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 116px
}

.sChatPop .chatInputWrap .cStickerCollection {
	display: none;
	overflow: hidden;
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 194px;
	margin: 0 0 1px 0
}

.sChatPop .message_write_component .write_sticker {
	display: none;
	margin-top: 0
}

.sChatPop .message_write_component .write_btn {
	display: block
}

.chatRoom .spamGuide {
	position: relative;
	z-index: 21;
	height: 44px;
	border-bottom: 1px solid #d4d4d5;
	background: #fafafa
}

.chatRoom .spamGuide .icon-chat-img-report {
	position: absolute;
	left: 15px;
	top: 50%;
	display: block;
	margin-top: -14px;
	font-size: 2.8rem;
	width: 28px;
	height: 28px;
	color: #7c7c7c
}

.chatRoom .spamGuide .icon-chat-img-report:before {
	vertical-align: top
}

.chatRoom .spamGuide p {
	font-size: 1.2rem;
	color: #333;
	padding: 5px 35px 4px 54px;
	line-height: 1.7rem
}

.chatRoom .spamGuide .close {
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.1rem;
	width: 40px;
	height: 100%;
	color: #7c7c7c
}

.chatRoom .spamGuide .close:before {
	vertical-align: middle
}

.chatRoom .logWrap {
	position: relative;
	overflow: hidden
}

.chatRoom .logWrap:after,
.chatRoom .logWrap:before {
	display: table;
	content: ' '
}

.chatRoom .logWrap:after {
	clear: both
}

.chatRoom .logEvent {
	text-align: center;
	font-size: 1.2rem;
	margin: 12px 20px
}

.chatRoom .logEvent .time {
	color: #999;
	font-size: 1.1rem
}

.chatRoom .logEvent .invited {
	padding: 0 14px;
	color: #999
}

.chatRoom .logFriend .pfImg,
.chatRoom .logMy .pfImg {
	position: absolute;
	top: 0;
	left: 8px;
	width: 33px;
	height: 33px;
	background: url(#profile-default) no-repeat 0 0;
	background-size: 100% 100%
}

.chatRoom .logFriend .pfImg img,
.chatRoom .logMy .pfImg img {
	width: 33px;
	height: 33px;
	border-radius: 50%
}

.chatRoom .logFriend .pfImg .uMemberStateMark,
.chatRoom .logMy .pfImg .uMemberStateMark {
	border-color: #fafafa!important
}

.chatRoom .logFriend .pfName,
.chatRoom .logMy .pfName {
	display: block;
	margin: -2px 0 1px 7px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 700
}

.chatRoom .logFriend .pfName .author,
.chatRoom .logMy .pfName .author {
	color: #333;
	font-size: 1.2rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.chatRoom .logFriend .pfName .author.-disabled,
.chatRoom .logMy .pfName .author.-disabled {
	cursor: default;
	pointer-events: none
}

.chatRoom .logFriend .msg,
.chatRoom .logMy .msg {
	display: inline-block;
	max-width: 100%;
	position: relative;
	padding-bottom: 8px;
	font-size: 0
}

.chatRoom .logFriend .msg.-stickerWrap .msgMain .messageBodyWrap,
.chatRoom .logMy .msg.-stickerWrap .msgMain .messageBodyWrap {
	padding: 0;
	background: 0 0;
	border: 0
}

.chatRoom .logFriend .msg.-stickerWrap .msgMain .messageBodyWrap:after,
.chatRoom .logMy .msg.-stickerWrap .msgMain .messageBodyWrap:after {
	display: none
}

.chatRoom .logFriend .msg.-stickerWrap .msgMain .messageBodyWrap img,
.chatRoom .logMy .msg.-stickerWrap .msgMain .messageBodyWrap img {
	width: 100%;
	max-width: 126px;
	max-height: 126px
}

.chatRoom .logFriend .msg.-voiceWrap,
.chatRoom .logMy .msg.-voiceWrap {
	max-width: 254px
}

.chatRoom .logFriend .msg.-voiceWrap:after,
.chatRoom .logMy .msg.-voiceWrap:after {
	display: none
}

.chatRoom .logFriend .msg.-voiceWrap img,
.chatRoom .logMy .msg.-voiceWrap img {
	max-width: 100%;
	vertical-align: top
}

.chatRoom .logFriend .msg.-voiceWrap .msgMain .messageBodyWrap,
.chatRoom .logMy .msg.-voiceWrap .msgMain .messageBodyWrap {
	padding: 0;
	border: 0
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd,
.chatRoom .logMy .msg.msgFileAdd .fileAdd {
	display: block;
	padding-left: 46px;
	line-height: 1.7rem;
	color: #333!important
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd:hover,
.chatRoom .logMy .msg.msgFileAdd .fileAdd:hover {
	text-decoration: none!important
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd .data,
.chatRoom .logFriend .msg.msgFileAdd .fileAdd .day,
.chatRoom .logMy .msg.msgFileAdd .fileAdd .data,
.chatRoom .logMy .msg.msgFileAdd .fileAdd .day {
	color: #777;
	font-size: 1.2rem
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd .day,
.chatRoom .logMy .msg.msgFileAdd .fileAdd .day {
	margin-left: 10px
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd .icon-file-on,
.chatRoom .logMy .msg.msgFileAdd .fileAdd .icon-file-on {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	font-size: 1.6rem;
	border-radius: 50%
}

.chatRoom .logFriend .msg.msgFileAdd .fileAdd .icon-file-on:before,
.chatRoom .logMy .msg.msgFileAdd .fileAdd .icon-file-on:before {
	position: absolute;
	top: 9px;
	left: 11px
}

.chatRoom .logFriend .msg .msgMain,
.chatRoom .logMy .msg .msgMain {
	position: relative;
	text-align: left;
	word-wrap: break-word
}

.chatRoom .logFriend .msg .messageBodyWrap,
.chatRoom .logMy .msg .messageBodyWrap {
	position: relative;
	padding: 8px 12px 8px;
	border-radius: 25px;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #333
}

.chatRoom .logFriend .msg .messageBodyWrap.-typeNotNormal,
.chatRoom .logMy .msg .messageBodyWrap.-typeNotNormal {
	color: #777;
	font-size: 1.5rem
}

.chatRoom .logFriend .msg .messageBodyWrap.-typeNotNormal:before,
.chatRoom .logMy .msg .messageBodyWrap.-typeNotNormal:before {
	position: absolute;
	left: 9px;
	top: 50%;
	margin-top: -11px;
	color: #999;
	font-size: 2rem
}

.chatRoom .logFriend .msg .messageBodyWrap.-normalImg,
.chatRoom .logMy .msg .messageBodyWrap.-normalImg {
	max-width: 215px;
	max-height: 350px;
	padding: 0;
	border: 1px solid rgba(153, 153, 153, .1);
	border-top-right-radius: 25px!important;
	border-top-left-radius: 25px!important;
	overflow: hidden;
	background-color: transparent
}

.chatRoom .logFriend .msg .messageBodyWrap.-normalImg:after,
.chatRoom .logMy .msg .messageBodyWrap.-normalImg:after {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-normalImg img,
.chatRoom .logMy .msg .messageBodyWrap.-normalImg img {
	max-width: 100%;
	vertical-align: top
}

.chatRoom .logFriend .msg .messageBodyWrap.-normalImg .imageClip .time,
.chatRoom .logMy .msg .messageBodyWrap.-normalImg .imageClip .time {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-video .iconMultiMedia,
.chatRoom .logMy .msg .messageBodyWrap.-video .iconMultiMedia {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-play-40)
}

.chatRoom .logFriend .msg .messageBodyWrap.-video .imageClip .time,
.chatRoom .logMy .msg .messageBodyWrap.-video .imageClip .time {
	display: block
}

.chatRoom .logFriend .msg .messageBodyWrap.-gifImg .iconMultiMedia,
.chatRoom .logMy .msg .messageBodyWrap.-gifImg .iconMultiMedia {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 35px;
	height: 20px;
	background-size: 35px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-gif-m)
}

.chatRoom .logFriend .msg .messageBodyWrap.-gifImg .imageClip .time,
.chatRoom .logMy .msg .messageBodyWrap.-gifImg .imageClip .time {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-giphy,
.chatRoom .logMy .msg .messageBodyWrap.-giphy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 245px;
	max-height: 350px;
	padding: 0;
	border-top-right-radius: 25px!important;
	border-top-left-radius: 25px!important;
	overflow: hidden
}

.chatRoom .logFriend .msg .messageBodyWrap.-giphy:after,
.chatRoom .logMy .msg .messageBodyWrap.-giphy:after {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-giphy .source,
.chatRoom .logMy .msg .messageBodyWrap.-giphy .source {
	padding: 8px 12px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #777
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap {
	max-width: 245px;
	overflow: hidden;
	border-top-right-radius: 25px!important;
	border-top-left-radius: 25px!important
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap:after,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap:after {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap img,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap img {
	max-width: 100%;
	vertical-align: top
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .msgText,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .msgText {
	padding-bottom: 5px
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .msgText .gOuterLink,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .msgText .gOuterLink {
	line-height: 1.23;
	color: #3972b4
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetWrap,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetWrap {
	margin: 0 -12px
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetThum,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetThum {
	position: relative;
	display: block
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetThum img,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetThum img {
	width: 100%;
	max-width: 245px;
	max-height: 140px
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetInfo,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetInfo {
	display: block;
	margin: 8px 12px 4px
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetInfo .snippetTit,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetInfo .snippetTit {
	line-height: 1.23;
	font-size: 1.5rem;
	color: #222
}

.chatRoom .logFriend .msg .messageBodyWrap.-snippetWrap .snippetInfo .snippetLink,
.chatRoom .logMy .msg .messageBodyWrap.-snippetWrap .snippetInfo .snippetLink {
	display: block;
	margin-top: 7px;
	line-height: 1.23;
	font-size: 1.1rem;
	color: #3972b4
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap {
	max-width: 245px;
	padding: 0;
	overflow: hidden;
	border-top-right-radius: 25px!important;
	border-top-left-radius: 25px!important
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap:after,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap:after {
	display: none
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap img,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap img {
	max-width: 100%;
	vertical-align: top
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap .snippetInfo,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap .snippetInfo {
	display: block;
	margin: 8px 12px 0
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap .snippetInfo .snippetTit,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap .snippetInfo .snippetTit {
	line-height: 1.23;
	font-size: 1.5rem;
	color: #222
}

.chatRoom .logFriend .msg .messageBodyWrap.-locationWrap .snippetInfo .snippetTxt,
.chatRoom .logMy .msg .messageBodyWrap.-locationWrap .snippetInfo .snippetTxt {
	display: block;
	margin: 7px 0 15px;
	line-height: 1.25;
	font-size: 1.2rem;
	color: #888
}

.chatRoom .logFriend .msg .messageBodyWrap .imageClip,
.chatRoom .logMy .msg .messageBodyWrap .imageClip {
	position: relative;
	display: block
}

.chatRoom .logFriend .msg .messageBodyWrap .imageClip:before,
.chatRoom .logMy .msg .messageBodyWrap .imageClip:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 35px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .4)));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15) 49%, rgba(0, 0, 0, .4));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15) 49%, rgba(0, 0, 0, .4));
	content: ''
}

.chatRoom .logFriend .msg .messageBodyWrap .imageClip .time,
.chatRoom .logMy .msg .messageBodyWrap .imageClip .time {
	position: absolute;
	right: 10px;
	bottom: 6px;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 700
}

.chatRoom .logFriend .msg .messageBodyWrap .iconFile,
.chatRoom .logMy .msg .messageBodyWrap .iconFile {
	position: absolute;
	top: 7px;
	left: 12px
}

.chatRoom .logFriend .msg .messageBodyWrap .msgText,
.chatRoom .logMy .msg .messageBodyWrap .msgText {
	display: block;
	font-size: inherit;
	line-height: inherit;
	word-wrap: break-word;
	white-space: pre-wrap
}

.chatRoom .logFriend .msg .messageBodyWrap .chatContactBox,
.chatRoom .logMy .msg .messageBodyWrap .chatContactBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 43px
}

.chatRoom .logFriend .msg .messageBodyWrap .chatContactBox .iconContact,
.chatRoom .logMy .msg .messageBodyWrap .chatContactBox .iconContact {
	position: absolute;
	top: 0;
	left: 0
}

.chatRoom .logFriend .msg .messageBodyWrap .chatContactBox .contactLabel,
.chatRoom .logMy .msg .messageBodyWrap .chatContactBox .contactLabel {
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.33;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.chatRoom .logFriend .msg .messageBodyWrap .chatContactBox .contactData,
.chatRoom .logMy .msg .messageBodyWrap .chatContactBox .contactData {
	display: block;
	color: rgba(34, 34, 34, .4);
	font-size: 1.2rem
}

.chatRoom .logFriend .msg .aside,
.chatRoom .logMy .msg .aside {
	position: absolute;
	bottom: 3px
}

.chatRoom .logFriend .msg .aside .msgAside,
.chatRoom .logMy .msg .aside .msgAside {
	line-height: 1.5
}

.chatRoom .logFriend .msg .aside .msgAside .read,
.chatRoom .logFriend .msg .aside .msgAside .time,
.chatRoom .logMy .msg .aside .msgAside .read,
.chatRoom .logMy .msg .aside .msgAside .time {
	display: block;
	font-size: 1rem;
	line-height: 1.3rem;
	color: #aaa;
	white-space: nowrap
}

.chatRoom .logFriend .msg .aside .msgAside .progress,
.chatRoom .logMy .msg .aside .msgAside .progress {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 3px;
	text-align: left;
	margin-left: 23px;
	margin-bottom: 5px;
	font-size: 0;
	line-height: 0;
	background: #ccc
}

.chatRoom .logFriend .msg .aside .msgAside .progress em,
.chatRoom .logMy .msg .aside .msgAside .progress em {
	display: inline-block;
	height: 100%;
	background: #3cd370;
	overflow: hidden
}

.chatRoom .logFriend .msg .aside .msgAside .progress .btnCancel,
.chatRoom .logMy .msg .aside .msgAside .progress .btnCancel {
	position: absolute;
	top: -7px;
	left: -23px;
	width: 17px;
	height: 17px
}

.chatRoom .logFriend .msg .aside .msgAside .error,
.chatRoom .logMy .msg .aside .msgAside .error {
	position: relative;
	display: block;
	margin-top: 3px;
	width: 15px;
	height: 15px;
	-webkit-mask-image: url(#ico-error-20);
	mask-image: url(#ico-error-20);
	-webkit-mask-size: 15px 15px;
	mask-size: 15px 15px;
	background-color: #f72038
}

.chatRoom .logFriend .msg .aside .msgAside .send,
.chatRoom .logMy .msg .aside .msgAside .send {
	position: relative;
	margin-top: 1px;
	font-size: .8rem;
	color: #b5b5b8
}

.chatRoom .logFriend .msg .aside .menuOption,
.chatRoom .logMy .msg .aside .menuOption {
	position: absolute;
	bottom: 4px
}

.chatRoom .logFriend .msg .aside .menuOption .btnMore,
.chatRoom .logMy .msg .aside .menuOption .btnMore {
	position: relative;
	margin-top: 1px;
	width: 20px;
	text-align: center
}

.chatRoom .logFriend .msg .aside .menuOption .btnMore:before,
.chatRoom .logMy .msg .aside .menuOption .btnMore:before {
	display: inline-block;
	vertical-align: top;
	opacity: .2;
	width: 6px;
	height: 17px;
	-webkit-mask-image: url(#ico-gnb-option);
	mask-image: url(#ico-gnb-option);
	-webkit-mask-size: 6px 17px;
	mask-size: 6px 17px;
	background-color: #000;
	content: ''
}

.chatRoom .logFriend {
	padding: 0 75px 0 46px
}

.chatRoom .logFriend .msg {
	float: left
}

.chatRoom .logFriend .msg+.msg {
	clear: left
}

.chatRoom .logFriend .msg.msgVoice .uVoicePlayer {
	background: #f1f1f1
}

.chatRoom .logFriend .msg .msgMain {
	padding-left: 7px
}

.chatRoom .logFriend .msg .messageBodyWrap {
	border-top-left-radius: 0!important;
	background-color: #f0f1f3
}

.chatRoom .logFriend .msg .messageBodyWrap:after {
	content: '';
	position: absolute;
	left: -5px;
	top: 0;
	width: 5px;
	height: 6px;
	overflow: hidden;
	display: inline-block;
	background-image: url();
	background-repeat: no-repeat;
	background-size: 5px 6px
}

.chatRoom .logFriend .msg .aside {
	left: 100%;
	padding-left: 6px;
	padding-right: 22px;
	text-align: left
}

.chatRoom .logFriend .msg .aside .menuOption {
	right: 0
}

.chatRoom .logMy {
	padding: 0 8px 0 95px
}

.chatRoom .logMy .msg {
	float: right;
	text-align: right
}

.chatRoom .logMy .msg+.msg {
	clear: right
}

.chatRoom .logMy .msg.msgVoice .uVoicePlayer {
	background: #daf3e7
}

.chatRoom .logMy .msg .msgMain {
	padding-right: 7px
}

.chatRoom .logMy .msg .messageBodyWrap {
	border-top-right-radius: 0!important;
	background-color: #daf3e7
}

.chatRoom .logMy .msg .messageBodyWrap:after {
	content: '';
	position: absolute;
	right: -4px;
	top: 0;
	width: 4px;
	height: 5px;
	overflow: hidden;
	display: inline-block;
	background-image: url();
	background-repeat: no-repeat;
	background-size: 4px 5px
}

.chatRoom .logMy .msg .aside {
	right: 100%;
	padding-right: 6px;
	padding-left: 22px;
	text-align: right
}

.chatRoom .logMy .msg .aside .menuOption {
	left: 0
}

.chatRoom .logMy .pfImg,
.chatRoom .logMy .pfName {
	display: none
}

.chatRoom .log3rd .messageBodyWrap {
	width: 200px
}

.chatRoom .log3rd .messageBodyWrap .appAlert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.chatRoom .log3rd .messageBodyWrap .appAlert .appAlertImg {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden
}

.chatRoom .log3rd .messageBodyWrap .appAlert .appAlertImg img {
	width: 100%;
	height: 100%;
	border-radius: 5px
}

.chatRoom .log3rd .messageBodyWrap .appAlert .appAlertText {
	padding-left: 5px;
	font-weight: 700;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.25;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.chatRoom .log3rd .messageBodyWrap .log3rdText {
	padding: 11px 0 7px;
	line-height: 1.25;
	font-size: 1.3rem;
	color: #666
}

.chatRoom .log3rd .messageBodyWrap .log3rdImg {
	display: block;
	text-align: center;
	font-size: 0
}

.chatRoom .log3rd .messageBodyWrap .log3rdImg img {
	max-width: 176px;
	height: auto!important
}

.chatRoom .log3rd .messageBodyWrap .log3rdImg img.hType {
	width: auto!important;
	max-height: 176px
}

.chatRoom .log3rd .messageBodyWrap .thirdPartyLink {
	position: relative;
	display: block;
	height: 31px;
	line-height: 3.5rem;
	font-size: 1.3rem;
	font-weight: 700;
	color: #777
}

.chatRoom .log3rd .messageBodyWrap .thirdPartyLink .uIconArrowR {
	position: absolute;
	top: 11px;
	right: 0;
	width: 8px;
	height: 12px;
	-webkit-mask-size: 8px 12px;
	mask-size: 8px 12px;
	background-color: #999
}

.chatWriteArea {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 50px;
	z-index: 50
}

.chatWriteFormInner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.chatWriteBox {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	background-color: #fff;
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.chatFileUpload {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chatFileUpload .btnChatFile {
	margin: 14px;
	vertical-align: top
}

.btnSendToMessage {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 9px;
	width: 31px;
	height: 31px;
	background-size: 31px 31px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-chat-send)
}

.btnSendToMessage.-on {
	background-image: none;
	width: 31px;
	height: 31px;
	-webkit-mask-image: url(#icon-chat-send);
	mask-image: url(#icon-chat-send);
	-webkit-mask-size: 31px 31px;
	mask-size: 31px 31px;
	background-color: #2ecc71
}

.chatWritePreviewArea {
	position: relative;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: center;
	background-color: rgba(79, 80, 89, .9)
}

.chatWritePreviewArea .mediaWrap {
	display: inline-block;
	margin: 10px 0
}

.chatWritePreviewArea .mediaWrap img {
	max-width: 110px
}

.chatWritePreviewArea .btnClose {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 12px;
	height: 12px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	background-color: #fff
}

.chatStickerArea {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chatListWrap {
	margin: 0 15px
}

.chatListWrap .chatListTitle {
	font-size: 1.4rem;
	font-weight: 400;
	color: #222
}

.chatListWrap .itemDate {
	font-size: 1.2rem;
	color: #888
}

.chatListWrap .newCount {
	display: inline-block;
	padding: 0 6px;
	min-width: 20px;
	height: 20px;
	border-radius: 10px;
	vertical-align: top;
	line-height: 2rem;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	background-color: #39cf6d
}

.chatListWrap .uFlexList .itemText {
	font-size: 1.4rem;
	color: #888
}

.chatListWrap .chatEmptyBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.chatListWrap .chatEmptyBox .emptyMsg {
	text-align: center;
	line-height: 1.31;
	font-size: 1.3rem;
	color: #333
}

.chatMakingWrap {
	height: 100vh;
	margin-top: 53px;
	overflow: hidden
}

.chatMakingWrap .chattingRoomThumBox {
	display: block;
	padding-top: 30px;
	text-align: center
}

.chatMakingWrap .profileThum {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 120px
}

.chatMakingWrap .profileThum .img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.chatMakingWrap .btnProfileUpload {
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 26px;
	height: 22px
}

.chatMakingWrap .btnProfileUpload .imgUpload {
	opacity: 0
}

.chatMakingWrap .chattingRoomInfoBox {
	margin-top: 30px
}

.chatMakingWrap .chattingRoomInfoBox .chattingRoomInfoDesc {
	margin: 0 17px;
	line-height: 1.25;
	font-size: 1.4rem;
	font-weight: 500;
	color: #999
}

.chattingRoomInfoInputBox {
	padding: 15px;
	background-color: #fff
}

.chattingRoomInfoInputBox .labelName {
	display: block;
	font-size: 1.6rem;
	color: #222
}

.chattingRoomInfoInputBox .inputText {
	margin-top: 5px;
	width: 100%
}

.chattingRoomInfoInputBox .inputText::-webkit-input-placeholder {
	color: #999
}

.chattingRoomInfoInputBox .inputText::-moz-placeholder {
	color: #999
}

.chattingRoomInfoInputBox .inputText:-ms-input-placeholder {
	color: #999
}

.chattingRoomInfoInputBox .inputText::-ms-input-placeholder {
	color: #999
}

.chattingRoomInfoInputBox .inputText::placeholder {
	color: #999
}

.chatRoomMemberSection {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 60
}

.chatRoomMemberSection .chatRoomMemberArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 74px;
	background-color: #fff
}

.chatRoomMemberSection .chatRoomMemberAdd,
.chatRoomMemberSection .chatRoomMemberBottom,
.chatRoomMemberSection .chatRoomMemberTitle {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chatRoomMemberSection .chatRoomMemberTitle {
	margin-left: 15px;
	padding: 17px 0 18px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #222;
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.chatRoomMemberSection .btnChatRoomMemberAdd {
	margin-left: 15px;
	padding: 19px 0 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	font-size: 1.6rem;
	color: #222;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.chatRoomMemberSection .btnChatRoomMemberAdd:before {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#ico-member-invite-17);
	mask-image: url(#ico-member-invite-17);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
	background-color: #222
}

.chatRoomMemberSection .chatRoomMemberBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.chatRoomMemberSection .chatRoomMemberList {
	margin-left: 15px
}

.chatRoomMemberSection .chatRoomMemberItem {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 0
}

.chatRoomMemberSection .chatRoomMemberItem+.chatRoomMemberItem:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 50px;
	content: '';
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.chatRoomMemberSection .uProfile {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chatRoomMemberSection .profileInfo {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 10px
}

.chatRoomMemberSection .profileInfo .name {
	font-size: 1.3rem;
	font-weight: 600;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 13px;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.chatRoomMemberSection .profileInfo .nickname {
	font-size: 1.3rem;
	color: #999;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 13px;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.chatRoomMemberSection .chatStartbuttonBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.chatRoomMemberSection .chatStartbuttonBox .btnChatDirect {
	margin-right: 15px
}

.chatRoomMemberSection .chatRoomMemberBottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 17px 0;
	font-size: 1.4rem;
	color: #222;
	border-color: #ccc;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.chatRoomMemberSection .chatRoomMemberBottom:before {
	margin-right: 5px;
	vertical-align: top;
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-chat-out)
}

.pageBandWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	background: #f0f2f3
}

.pageHeader {
	position: relative;
	background: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.pageHeader:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 60px;
	opacity: .25;
	z-index: 10;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	content: ''
}

.pageHeader .pageTitleWrap {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 20
}

.pageHeader .pageTitleWrap .bandLogoLink {
	display: block;
	width: 60px;
	height: 22px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 60px 22px;
	mask-size: 60px 22px;
	background-color: #fff
}

.pageHeader .pageHeaderCover {
	height: 160px;
	max-height: 160px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover
}

.pageContents {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.pageContTopInfo {
	margin: -32px 0 0;
	padding: 0 15px;
	background-color: #fff
}

.pageContTopInfo .pageProfileWrap {
	overflow: hidden
}

.pageContTopInfo .pageProfileWrap .pageProfileName {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 8px;
	font-size: 2.2rem;
	color: #222;
	font-weight: 700;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.pageContTopInfo .pageProfileWrap .pageProfileName .uOfficialBand {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 5px;
	vertical-align: initial
}

.pageContTopInfo .pageProfileWrap .pageProfileThumbWrap {
	position: relative;
	display: inline-block;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	vertical-align: top;
	text-align: center;
	overflow: hidden
}

.pageContTopInfo .pageProfileWrap .pageProfileThumbWrap:empty {
	background-color: #5c636a
}

.pageContTopInfo .pageProfileWrap .pageProfileThumbWrap:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	width: 31px;
	height: 31px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -49px 0;
	background-size: 96px auto
}

.pageContTopInfo .pageProfileWrap .pageProfileThumbWrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 10;
	content: ''
}

.pageContTopInfo .pageProfileWrap .pageProfileInfoBox {
	margin-top: 5px;
	padding-bottom: 7px
}

.pageContTopInfo .pageProfileWrap .pageProfileHost,
.pageContTopInfo .pageProfileWrap .pageSubscribeData {
	display: inline-block;
	vertical-align: top;
	font-size: 1.3rem;
	color: #888
}

.pageContTopInfo .pageProfileWrap .pageProfileHost+.pageSubscribeData:before {
	margin: 6px 6px 0 2px;
	display: inline-block;
	vertical-align: top;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #aaa;
	content: ''
}

.pageContTopInfo .pageProfileThumb {
	position: relative;
	width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: 50%;
	z-index: 2
}

.pageContTopInfo .btnSubscribeText {
	position: absolute;
	top: 171px;
	right: 15px
}

.pageContMainInfo {
	margin: 10px 0 0;
	padding: 13px 15px 16px;
	background-color: #fff
}

.pageContMainInfo .pageBandIntroName {
	line-height: 1.36;
	font-size: 1.4rem;
	font-weight: 500;
	color: #222
}

.pageContMainInfo .shortIntro {
	line-height: 1.08;
	letter-spacing: -.11px;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 1.9rem;
	font-weight: 700;
	color: #222
}

.bandContIntro {
	padding-top: 9px;
	line-height: 1.36;
	font-size: 1.4rem;
	color: #222
}

.bandContIntro.-shortcut {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.36;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.bandContIntro .gOuterLink {
	font-size: 1.4rem
}

.btnIntroMore {
	font-size: 1.4rem;
	color: #999
}

.pageContDetail {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 16px;
	background-color: #fff
}

.pageContDetail .pageContDetailInfo {
	padding: 15px 0
}

.pageContDetail .pageContDetailInfo .hashTag {
	font-size: 1.5rem;
	color: #285292;
	font-weight: 600
}

.pageContDetail .pageContDetailInfo img {
	max-width: 100%
}

.pageContDetail div,
.pageContDetail p {
	font-size: 1.5rem;
	line-height: 1.3
}

.postWriterInfoWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.postWriterInfoWrap .profileThumbWrap {
	position: relative
}

.postWriterInfoWrap .profileThumb {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	border-color: rgba(0, 0, 0, .05);
	border-style: solid;
	border-width: 1px
}

.postWriterInfoWrap .profileThumb:empty {
	background-color: #90989f
}

.postWriterInfoWrap .profileThumb:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -7px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -81px -17px;
	background-size: 96px auto;
	z-index: 0
}

.postWriterInfoWrap .profileThumbImg {
	position: relative;
	width: 35px;
	height: 35px;
	z-index: 1
}

.postWriterInfoWrap .profileIcon {
	position: absolute;
	z-index: 2;
	right: -3px;
	bottom: -3px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -49px -32px;
	background-size: 96px auto
}

.postWriterInfoWrap .profileInfoTxt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	overflow: hidden
}

.postWriterInfoWrap .nameInfo,
.postWriterInfoWrap .timeInfo {
	display: block
}

.postWriterInfoWrap .nameInfo .pageBandName {
	font-size: 1.4rem;
	color: #222;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.postWriterInfoWrap .nameInfo .pageBandName .uOfficialBand {
	margin: 2px 3px 0 0
}

.postWriterInfoWrap .nameInfo .pageBandWriter {
	color: #999
}

.postWriterInfoWrap .timeInfo {
	font-size: 1.2rem;
	color: #999
}

.postCountWrap .postCountComment,
.postCountWrap .postCountFace {
	font-size: 1.3rem;
	color: #666
}

.postCountWrap .postCountFace+.postCountComment:before {
	margin: 8px 5px;
	display: inline-block;
	vertical-align: top;
	width: 2px;
	height: 2px;
	background: #777;
	content: ''
}

.pageFooter {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.emotionListViewWrap .emotionTab {
	overflow: auto;
	-webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12);
	-webkit-overflow-scrolling: touch
}

.emotionListViewWrap .emotionTab .list {
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch
}

.emotionListViewWrap .emotionTab .list .item {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1.3rem;
	line-height: 1;
	color: #aaa
}

.emotionListViewWrap .emotionTab .list .item .btnShowType {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 38px;
	padding: 0 10px
}

.emotionListViewWrap .emotionTab .list .item.-on:after {
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	content: ''
}

.emotionListViewWrap .emotionList .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.emotionListViewWrap .emotionList .item .btnShowProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: 0 16px;
	font-size: 0
}

.emotionListViewWrap .emotionList .item .profileImg {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.emotionListViewWrap .emotionList .item .uEmotion {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 12px
}

.emotionListViewWrap .emotionList .item .name {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 12px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: normal;
	color: #222;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.globalHomeSection {
	padding-bottom: 20px
}

.globalHomeSection .gIconNewMark {
	position: absolute;
	margin: 7px 0 0 -4px
}

.globalHomeSection .-pointColor {
	color: #48c385
}

.globalHomeSection .areaTitle {
	margin-top: 22px;
	font-size: 1.3rem;
	font-weight: 500
}

.bandInviteArea .areaTitle {
	margin-left: 15px
}

.bandInviteArea .bandInviteBox {
	overflow-x: auto;
	padding: 0 0 10px 15px;
	margin-top: 12px;
	-webkit-overflow-scrolling: touch
}

.bandInviteArea .bandInviteBox::-webkit-scrollbar {
	display: none
}

.bandInviteArea .uFlexList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bandInviteArea .uFlexListItem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 235px;
	padding-right: 24px
}

.bandInviteArea .uFlexListItem .itemTitleS .itemTitleName {
	font-weight: 400
}

.bandInviteArea .uFlexListItem .itemText.-ellipsis {
	-webkit-line-clamp: 1;
	word-break: break-all
}

.bandInviteArea .uFlexListLink {
	width: 100%
}

.myBandArea {
	padding: 0 15px
}

.myBandArea .bandListBox {
	margin-top: 12px
}

.bandGuideArea {
	padding: 30px 15px 10px
}

.bandGuideList {
	border-top: 1px solid #eee
}

.bandGuideList .bandGuideListItem {
	position: relative;
	border-bottom: 1px solid #eee
}

.bandGuideList .bandGuideButton {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	text-align: left;
	line-height: 5.1rem
}

.bandGuideList .uIconBandCreate,
.bandGuideList .uIconBandGuide,
.bandGuideList .uIconBandSearch {
	margin: 13px 8px 0 0;
	vertical-align: top
}

.bandGuideList .iconNewMark {
	position: absolute;
	left: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0
}

.beginnerGuideArea {
	padding: 17px 30px 0;
	text-align: center
}

.beginnerGuideArea .areaTitle {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.39
}

.beginnerGuideArea .beginnerGuideList {
	margin-top: 11px
}

.beginnerGuideArea .uFlexListItem {
	padding: 16px 0 20px
}

.beginnerGuideArea .uFlexListItem+.uFlexListItem {
	border-top: 1px solid #e6e6e6
}

.beginnerGuideArea .uFlexListItem .iconBandCreate {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band)
}

.beginnerGuideArea .uFlexListItem .iconBandSearch {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-search-36)
}

.beginnerGuideArea .uFlexListItem .iconBandInvitaion {
	width: 31px;
	height: 32px;
	background-size: 31px 32px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band-invitation)
}

.beginnerGuideArea .uFlexListItem:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	vertical-align: top;
	margin-top: 2px;
	margin-right: 10px
}

.beginnerGuideArea .uFlexListLink {
	width: 100%;
	text-align: left
}

.beginnerGuideArea .thumbnail {
	display: block;
	width: 50px;
	vertical-align: top;
	text-align: center
}

.beginnerGuideArea .thumbnail:before {
	display: none
}

.beginnerGuideArea .itemContents {
	margin-left: 10px
}

.beginnerGuideArea .itemTitleName {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.9rem
}

.beginnerGuideArea .itemSubText {
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #666
}

.beginnerGuideArea .guideTextLink {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	font-size: 1.3rem;
	line-height: 1.9rem
}

.beginnerGuideArea .guideTextLink:after {
	margin-left: 4px;
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r)
}

.feedSection,
.openFeedSection {
	background-color: #f0f2f3
}

.openFeedLink {
	display: block;
	height: 50px;
	padding: 0 16px;
	margin-top: 10px;
	background-color: #fff;
	font-size: 1.6rem;
	line-height: 5rem
}

.openFeedLink:before {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-discover-trendingposts);
	margin: 16px 12px 0 0;
	vertical-align: top
}

.feedTitBand {
	padding: 10px 16px 9px;
	border-bottom: 1px solid #f0f0f0;
	background-color: #fff;
	font-size: 1.3rem
}

.feedTitBand .linkBand {
	display: block
}

.feedArea .feedSubTitle {
	padding: 0 16px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #222
}

.feedArea .cCard {
	position: relative;
	margin-top: 10px
}

.feedArea .cCardTitle {
	height: 39px;
	background-color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 3.9rem
}

.feedArea .cCardTitle.-borderBottom {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.feedArea .cCardMoreLink {
	display: block;
	height: 39px;
	background-color: #fff;
	font-size: 1.3rem;
	line-height: 3.9rem
}

.feedArea .cCardMoreLink.-borderTop {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.feedArea .-floatingLink {
	position: absolute;
	right: 14px;
	top: 10px;
	height: auto;
	background-color: transparent;
	line-height: 1.8rem
}

.feedArea .-floatingLink:after {
	width: 5px;
	height: 9px;
	-webkit-mask-image: url(#ico-arrow-r-w5);
	mask-image: url(#ico-arrow-r-w5);
	-webkit-mask-size: 5px 9px;
	mask-size: 5px 9px;
	background-color: #222;
	display: inline-block;
	margin: 4px 0 0 4px;
	vertical-align: top;
	content: ''
}

.feedArea .discoverBandListWrap {
	background-color: #fff
}

.feedArea .recommendFeed {
	border: 1px solid rgba(221, 221, 221, .5);
	margin: 15px;
	background-color: #fff
}

.feedArea .adCardWrap {
	margin-top: 10px;
	background-color: #fff
}

.feedArea .adPost .authorInfo .desc {
	font-size: 1.2rem;
	color: #aaa
}

.feedArea .adCardTitle {
	padding-left: 15px;
	height: 36px;
	line-height: 3.6rem;
	font-size: 1.3rem;
	font-weight: 700;
	color: #222;
	border-color: #ebebeb;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.feedArea .adCard .thumbBox {
	width: 100%
}

.feedArea .adCard .thumbBox .thumb {
	max-height: 230px;
	overflow: hidden;
	text-align: center
}

.feedArea .adCard .thumbItem {
	width: 100%!important;
	max-width: 100%
}

.feedArea .adCard .adInfoBox {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.feedArea .adCard .adInfoTextBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 37px
}

.feedArea .adCard .adInfoTextBox .title {
	font-weight: 600;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.2;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.feedArea .adCard .adInfoTextBox .desc {
	margin-top: 5px;
	font-weight: 400;
	color: #999;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.2;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.feedArea .adCard .adInfoBtnBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.feedArea .adPostList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px
}

.feedArea .adPostList .adCard .thumbBox .thumb {
	border-radius: 4px
}

.feedArea .adPostList .adCard .adInfoBox {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 10px 3px
}

.feedArea .adPostList .adCard .adInfoBtnBox {
	margin-top: 10px;
	width: 100%
}

.feedArea .adPostList .adCard .adInfoBtnBox .uBtn {
	width: 100%
}

.feedArea .adPostListItem+.adPostListItem {
	margin-left: 8px
}

.feedArea .recommendCardList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px 20px
}

.feedArea .recommendCardList.-smallType .recCardArea {
	width: 134px
}

.feedArea .recommendCardList.-smallType .thumb {
	width: 134px;
	height: 100px;
	border-radius: 2px;
	overflow: hidden
}

.feedArea .recommendCardList.-smallType .thumb .coverImg {
	width: 100%;
	height: 100%
}

.feedArea .recommendCardList.-bigType .recCardArea {
	width: 214px
}

.feedArea .recommendCardList.-bigType .thumb {
	width: 214px;
	height: 161px;
	border-radius: 4px;
	overflow: hidden
}

.feedArea .recommendCardList.-bigType .thumb .coverImg {
	width: 100%;
	height: 100%
}

.feedArea .recommendCardList.-bigType .uOfficialBand.-size14 {
	margin-top: 2px
}

.feedArea .recommendCardList .recCardArea {
	overflow: hidden
}

.feedArea .recommendCardList .recBandUri {
	display: block
}

.feedArea .recommendCardList .recBandUri .bandInfoText {
	margin-top: 7px;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.32;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.feedArea .recommendCardList .recBandUri .bandInfoTitle {
	margin-top: 10px;
	font-weight: 600;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.6rem;
	line-height: 1.13;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.feedArea .recommendCardList .recBandUri .bandInfoDesc {
	margin-top: 5px;
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.31;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.feedArea .recommendCardList .moreKeywordBandLink {
	display: inline-block;
	margin-top: 6px;
	padding: 0 9px;
	height: 24px;
	border-radius: 12px;
	line-height: 2.4rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #222;
	background-color: #f7f7f7
}

.feedArea .recommendCardList .moreKeywordBandLink:after {
	display: inline-block;
	vertical-align: top;
	margin: 6px 0 0 5px;
	content: '';
	width: 6px;
	height: 11px;
	-webkit-mask-image: url(#icon-arrow-7-r);
	mask-image: url(#icon-arrow-7-r);
	-webkit-mask-size: 6px 11px;
	mask-size: 6px 11px;
	background-color: #333
}

.feedArea .recommendCardList .bandMoreLink {
	display: block;
	padding: 45px 30px 0 15px;
	font-size: 1.3rem;
	color: rgba(34, 34, 34, .92)
}

.feedArea .recommendCardList .bandMoreLink:before {
	margin-bottom: 7px;
	vertical-align: top;
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-btn-more)
}

.feedArea .recommendCardItem+.recommendCardItem {
	margin-left: 12px
}

.feedArea .recommendFeedListType .discoverBandList {
	margin-top: -15px
}

.thumbListWrap {
	background-color: #fff
}

.thumbListWrap .item:last-of-type {
	margin-right: 15px
}

.noGuideCard {
	display: block;
	padding: 20px;
	margin-top: 10px;
	background-color: #fff
}

.noGuideCard.-noFeed {
	padding-top: 35px;
	padding-bottom: 35px
}

.noGuideCard .cardTitle {
	display: block;
	font-size: 2rem;
	font-weight: 500
}

.noGuideCard .cardDesc {
	display: block;
	font-size: 1.3rem
}

.noGuideCard .iconPost {
	width: 47px;
	height: 48px;
	background-size: 47px 48px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-post-none)
}

.noGuideCard .buttonMore {
	display: inline-block;
	height: 35px;
	padding: 0 15px;
	border-radius: 3px;
	background-color: #3bd06f;
	font-size: 1.3rem;
	line-height: 3.5rem;
	color: #fff
}

.feedMissionCard {
	position: relative;
	margin-top: 10px;
	background: #fff
}

.feedMissionCard.-text {
	display: block;
	padding: 25px 20px
}

.feedMissionCard.-text .title {
	display: block;
	font-size: 2rem;
	font-weight: 500;
	line-height: normal;
	color: #222
}

.feedMissionCard.-text .desc {
	display: block;
	margin-top: 11px;
	font-size: 1.3rem;
	line-height: normal;
	color: #222
}

.feedMissionCard.-button {
	padding: 32px 20px;
	text-align: center
}

.feedMissionCard.-button .title {
	font-size: 2.1rem;
	color: #222
}

.feedMissionCard.-button .desc {
	margin-top: 8px;
	font-size: 1.4rem;
	color: #888
}

.feedMissionCard.-button .btnConfirm {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 190px;
	min-height: 32px;
	margin-top: 15px;
	padding: 7px 15px;
	border-radius: 2px;
	background-color: #3bd06f;
	font-size: 1.3rem;
	font-weight: 600;
	color: #fff
}

.feedMissionCard.-button .btnClose {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-attached-delete)
}

.postCard {
	background-color: #fff
}

.postList .postCard {
	margin-top: 10px
}

.postCard .sticker {
	margin: 0 16px
}

.posts {
	position: relative
}

.posts .optionMenuButton {
	position: absolute;
	right: 12px;
	top: 16px
}

.posts .optionButton {
	display: block
}

.posts .optionButton:before {
	width: 19px;
	height: 30px;
	background-size: 19px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-more-comment);
	vertical-align: top
}

.posts .postsName {
	margin-right: 15px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.2rem
}

.posts .postOwnerName {
	font-size: 1.3rem;
	line-height: 1.7rem
}

.posts .postDesc {
	padding-top: 14px
}

.posts .postDesc.-borderTop {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.posts .postAuthorBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px
}

.posts .postInfo {
	margin-left: 8px;
	font-size: 1.2rem;
	color: #aaa
}

.posts .authorInfo {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.posts .authorInfo .name {
	font-size: 1.3rem;
	color: #222
}

.posts .postContent {
	position: relative;
	padding: 0 16px
}

.posts .postContent .uWidget:last-of-type {
	margin-bottom: 0
}

.posts .postText {
	word-wrap: break-word;
	line-height: 2rem
}

.posts .hashTag {
	font-weight: 700;
	color: #3972b4
}

.posts .buttonMore {
	margin: 2px 0;
	color: #888
}

.postCountBox {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1;
	color: #888
}

.postCountBox .readCount {
	margin-left: auto
}

.postCountBox .readCount:before {
	margin: 1px 4px 0 0;
	vertical-align: top;
	width: 15px;
	height: 10px;
	background-size: 15px 10px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-feed-post-view)
}

.postCountBox .dot {
	display: block;
	width: 2px;
	height: 2px;
	margin: 0 6px;
	background-color: #ccc
}

.postCountBox .countStatus {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1
}

.postCountBox .countStatus+.countStatus {
	margin-left: 10px
}

.postCountBox .countStatus.-emotions .uEmotion {
	position: relative;
	z-index: 9;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.postCountBox .countStatus.-emotions .uEmotion+.uEmotion {
	z-index: 9;
	margin-left: -5px
}

.postCountBox .countStatus.-emotions .count {
	margin-left: 2px
}

.postAddBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	height: 45px;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.postAddBox .addCol {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.postAddBox .addCol .buttonText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	height: 45px;
	font-size: 1.3rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	outline: 0
}

.postAddBox .addCol .buttonText:before {
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(56, 56, 56, .95);
	content: ''
}

.postAddBox .addCol .buttonText.-active:before {
	display: block
}

.postAddBox .addCol .iconComment:before {
	margin: 0 5px 0 0;
	vertical-align: top;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-post-reply)
}

.postAddBox .addCol .iconShare:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-post-share);
	margin: 0 5px 0 0;
	vertical-align: top
}

.postAddBox .addCol .iconEmotion {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1
}

.postAddBox .addCol .iconEmotion:before {
	margin: 0 5px 0 0;
	vertical-align: top;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-post-like)
}

.postAddBox .addCol .iconEmotion.-active {
	color: #11c473
}

.postAddBox .addCol .iconEmotion.-active:before {
	display: none
}

.postAddBox .addCol .iconEmotion.-active .uEmotion {
	margin-right: 5px
}

.postWriteSection .header {
	background-color: #fff
}

.postWriteArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.postWriteArea .postWriteForm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.postWriteArea .postTextareaBox {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	padding: 15px;
	height: 204px;
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

.postWriteArea .mentions-input {
	position: relative
}

.postWriteArea .mentions,
.postWriteArea .textarea,
.postWriteArea .textarea~div {
	white-space: pre-wrap;
	word-wrap: break-word
}

.postWriteArea .mentions {
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.postWriteArea .mentions div,
.postWriteArea .mentions sapn,
.postWriteArea .mentions strong {
	font-size: 1.6rem;
	color: transparent;
	word-wrap: break-word
}

.postWriteArea .mentions strong {
	position: relative;
	z-index: 20;
	font-weight: 400;
	background-color: rgba(0, 147, 252, .2)
}

.postWriteArea .textarea {
	position: relative;
	z-index: 10;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	font-size: 1.6rem;
	color: #222;
	resize: none
}

.postWriteArea .textarea::-webkit-input-placeholder {
	color: #888
}

.postWriteArea .textarea::-moz-placeholder {
	color: #888
}

.postWriteArea .textarea:-ms-input-placeholder {
	color: #888
}

.postWriteArea .textarea::-ms-input-placeholder {
	color: #888
}

.postWriteArea .textarea::placeholder {
	color: #888
}

.postWriteArea .toolbarList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 44px;
	padding: 0 4px;
	background-color: #fff;
	border-color: #efefef;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.postWriteArea .toolbarListItem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 12px
}

.postWriteArea .stickerButton {
	vertical-align: top
}

.postWriteArea .inputFile {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	opacity: 0
}

.postWriteArea .inputFileLabel {
	position: relative;
	vertical-align: top
}

.postWriteArea .iconSticker {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-sticker)
}

.postWriteArea .iconSticker.-active {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-sticker-active)
}

.postWriteArea .iconPhoto {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-photo)
}

.postWriteArea .iconVideo {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-video)
}

.postWriteArea .submitButton {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 30
}

.postWriteArea .submitButton .buttonText {
	padding: 16px 15px;
	font-size: 1.6rem;
	color: #aaa
}

.postWriteArea .submitButton .-active {
	color: #48c385
}

.postWriteArea.-modify .modifyTextArea {
	border: 0;
	position: relative;
	z-index: 10;
	width: 100%;
	background: 0;
	resize: none
}

.postWriteArea.-modify .attachButton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 45px;
	padding: 0 18px;
	background: #fff;
	border-top: 1px solid #efefef
}

.postWriteArea.-modify .attachButton .sticker {
	overflow: hidden;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-sticker)
}

.postWriteArea.-modify .attachButton .upload {
	overflow: hidden;
	position: relative;
	margin-left: 13px;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-photo)
}

.postWriteArea.-modify .attachButton .upload .imageUploadButton {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.postWriteArea.-modify .attachButton.-disabled .sticker {
	pointer-events: none;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-sticker-disabled)
}

.postWriteArea.-modify .attachButton.-disabled .upload {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-write-photo-disabled)
}

.postWriteArea.-modify .attachButton.-disabled .upload .imageUploadButton {
	display: none
}

.postWriteArea.-modify .attachedPreview {
	margin-top: 9px;
	background: #fff
}

.stickerCollectionView:not(:empty)+.postWriteArea.-modify .attachedPreview {
	display: none
}

.postWriteArea.-modify .attachedPreview:not(:empty) {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.postWriteArea.-modify .attachedPreview .attachedSnippet {
	position: relative;
	margin: 16px;
	height: 60px;
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 1px
}

.postWriteArea.-modify .attachedPreview .attachedSnippet .previewArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.postWriteArea.-modify .attachedPreview .imgPreview {
	height: 100%
}

.postWriteArea.-modify .attachedPreview .imgPreview .iconPlayer:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-play-60)
}

.postWriteArea.-modify .attachedPreview .imgPreview.-sticker {
	padding: 4px;
	border-color: rgba(0, 0, 0, .05);
	border-style: solid;
	border-width: 0;
	border-right-width: 1px
}

.postWriteArea.-modify .attachedPreview .imgPreview.-sticker .img {
	width: 52px;
	height: 52px
}

.postWriteArea.-modify .attachedPreview .imgPreview.-image {
	position: relative;
	border-color: rgba(0, 0, 0, .05);
	border-style: solid;
	border-width: 1px
}

.postWriteArea.-modify .attachedPreview .imgPreview.-image .img {
	height: 100%
}

.postWriteArea.-modify .attachedPreview .textBody {
	font-size: 1.4rem;
	color: #222;
	padding-right: 50px;
	padding-left: 12px
}

.postWriteArea.-modify .attachedPreview .previewFile {
	min-width: 0;
	padding-left: 57px;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.postWriteArea.-modify .attachedPreview .previewFile:before {
	position: absolute;
	left: 18px;
	top: 18px;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-reply-attachment-file)
}

.postWriteArea.-modify .attachedPreview .delete {
	position: absolute;
	right: 7px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 10px
}

.postWriteArea.-modify .attachedPreview .delete:before {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-attached-delete)
}

.postsDetailArea {
	position: relative;
	font-size: 1.5rem;
	line-height: 2.1rem;
	background-color: #fff
}

.postsDetailArea .readCount:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 9px 5px 0 7px;
	background-color: #aaa;
	vertical-align: top;
	content: ''
}

.postsDetailArea .noticeReaders {
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	display: block;
	padding: 0 5px;
	margin: 0 16px 10px;
	font-size: 1.2rem;
	color: #aaa;
	line-height: 3.5rem
}

.postsDetailArea .noticeReaders em {
	color: #16c197
}

.postsDetailArea .shareBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 31px;
	font-size: 1.2rem;
	color: #333;
	line-height: 3.1rem
}

.postsDetailArea .shareBox .buttonShare {
	height: 100%;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 3px 0 0 3px
}

.postsDetailArea .shareBox .buttonShare:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-post-share);
	margin: 1px 4px 0 0;
	vertical-align: top
}

.postsDetailArea .shareBox .shareCount {
	display: inline-block;
	min-width: 28px;
	padding: 0 10px;
	margin-left: -1px;
	border: 1px solid #ddd;
	border-radius: 0 3px 3px 0
}

.postWriteAttach {
	margin-top: 9px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	background: #fff
}

.postAttachItemBox {
	margin-top: 9px;
	background: #fff
}

.stickerCollectionView:not(:empty)+.postAttachItemBox {
	display: none
}

.postAttachItemBox:not(:empty) {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.postAttachItemBox .postAttachItem {
	position: relative;
	padding: 16px 16px 12px
}

.postAttachItemBox .postAttachItem:last-of-type {
	padding-bottom: 16px
}

.postAttachItemBox .attachItemTitle {
	font-size: 1.4rem;
	font-weight: 600
}

.postAttachItemBox .buttonConfirm {
	width: 100%;
	height: 44px;
	background-color: #39cf6d;
	line-height: 4.4rem;
	color: #fff
}

.postAttachItemBox .attachStickerBox,
.postAttachItemBox .mediaListItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	margin-top: 10px;
	font-size: 1.4rem
}

.postAttachItemBox .attachStickerBox:before,
.postAttachItemBox .mediaListItem:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 10;
	content: '';
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 1px
}

.postAttachItemBox .attachStickerBox .buttonClose,
.postAttachItemBox .mediaListItem .buttonClose {
	position: absolute;
	right: 7px;
	top: 50%;
	z-index: 20;
	width: 30px;
	height: 30px;
	margin-top: -15px
}

.postAttachItemBox .attachStickerBox .buttonClose:before,
.postAttachItemBox .mediaListItem .buttonClose:before {
	width: 12px;
	height: 12px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	background-color: #999;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: ''
}

.postAttachItemBox .stickerThumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0 4px;
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 0;
	border-right-width: 1px
}

.postAttachItemBox .stickerImg {
	width: 100%
}

.postAttachItemBox .statusDesc {
	padding-left: 12px
}

.postAttachItemBox .statusDesc .attachCount {
	display: block;
	margin-top: 3px;
	font-size: 1.2rem;
	color: #888
}

.postAttachItemBox .mediaThumb {
	position: relative;
	width: 60px;
	height: 60px
}

.postAttachItemBox .mediaImg {
	width: 100%
}

.postAttachItemBox .iconGif {
	width: 31px;
	height: 16px;
	background-size: 31px 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-gif-m);
	position: absolute;
	right: 5px;
	bottom: 5px
}

.postAttachItemBox .albumSelect {
	position: absolute;
	right: 13px;
	top: 14px
}

.postAttachItemBox .albumSelect:after {
	width: 11px;
	height: 11px;
	-webkit-mask-image: url(#icon-arrow-8-r);
	mask-image: url(#icon-arrow-8-r);
	-webkit-mask-size: 11px 11px;
	mask-size: 11px 11px;
	background-color: #aaa;
	display: inline-block;
	margin-top: 5px;
	vertical-align: top;
	content: ''
}

.postAttachItemBox .albumSelect .buttonText {
	font-size: 1.3rem;
	color: #888
}

.albumSelectSection {
	background-color: #fff
}

.albumSelectSection .btnBack {
	background-color: #000
}

.albumSelectSection .buttonMakeAlbum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 69px;
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.2rem
}

.albumSelectSection .buttonMakeAlbum .iconPlus {
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #f4f5f6;
	vertical-align: top;
	content: ''
}

.albumSelectSection .buttonMakeAlbum .iconPlus:before {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-album-make);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.albumSelectSection .buttonMakeAlbum:after {
	width: 8px;
	height: 13px;
	background-size: 8px 13px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-8-r);
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.albumSelectSection .albumList {
	padding-top: 0
}

.albumSelectSection .uFlexListItem {
	height: 69px;
	padding-right: 45px;
	border-color: #f2f2f2;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.albumSelectSection .uFlexListItem .thumbnail {
	overflow: hidden;
	width: 44px;
	height: 44px;
	border-radius: 4px;
	background-color: #f4f5f6
}

.albumSelectSection .uFlexListItem .thumbnail:before {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-album-default);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.albumSelectSection .uFlexListItem .thumbnailImg {
	position: relative;
	width: 100%
}

.albumSelectSection .uFlexListItem .albumTitle {
	display: block;
	color: #333;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.6rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.albumSelectSection .uFlexListItem .albumCreatedAt {
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #888
}

.albumSelectSection .noSelectAlbum .thumbnail:before {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-noSelectAlbum);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.albumSelectSection .inputRadioLabel:after {
	right: 10px
}

.albumSelectSection .submitButton {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 30
}

.albumSelectSection .submitButton .buttonText {
	padding: 16px 15px;
	font-size: 1.7rem;
	color: #aaa
}

.albumSelectSection .submitButton .-active {
	color: #48c385
}

.bandJoinBtnBox {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0
}

.bandJoinBtnBox .btnJoin {
	width: 100%;
	height: 50px;
	padding: 0 50px;
	background-color: #39cf6d;
	line-height: 5rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff
}

.bandJoinBtnBox .btnInfo {
	width: 21px;
	height: 21px;
	-webkit-mask-image: url(#ico-profile-set-notice);
	mask-image: url(#ico-profile-set-notice);
	-webkit-mask-size: 21px 21px;
	mask-size: 21px 21px;
	background-color: #fff;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.joinComment {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	display: block;
	position: relative;
	padding: 17px 20px;
	background-color: #fafafa;
	font-size: 1.4rem;
	color: #777;
	line-height: 1.9rem
}

.joinComment em {
	color: #3bd06f
}

.bandInfoCard {
	border-color: #dbdbdb;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	padding: 0 20px 20px
}

.bandInfoCard .bandInfoCardLink {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	-webkit-box-shadow: 0 .5px .5px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 .5px .5px 0 rgba(0, 0, 0, .08)
}

.bandInfoCard .moreText {
	margin: 25px 0 0;
	color: #555;
	font-size: 1.5rem;
	text-align: center
}

.bandInfoCard .uCoverImage .coverImg {
	width: 100%;
	border-radius: 0
}

.bandInfoCard .bandInfoBox {
	border-color: #e0e0e0;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	padding: 20px;
	background-color: #fff;
	color: #222
}

.bandInfoCard .bandInfoBox .bandName {
	font-size: 2.2rem;
	font-weight: 700
}

.bandInfoCard .bandInfoBox .bandMemberInfo {
	margin-top: 7px;
	font-size: 1.3rem;
	color: #888
}

.bandInfoCard .bandInfoBox .bandMemberLeaderName:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 6px 4px 0 2px;
	border-radius: 50%;
	background-color: #888;
	vertical-align: top;
	content: ''
}

.bandInfoCard .bandInfoBox .bandDescription {
	margin-top: 6px;
	font-size: 1.3rem;
	line-height: 1.7rem;
	word-wrap: break-word;
	word-break: break-all
}

.bandInfoCard .linkText {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	display: block;
	padding: 17px 0 17px;
	background-color: #fff;
	text-align: center;
	font-size: 1.4rem;
	color: #444
}

.appInstallArea {
	margin-top: 10px;
	background-color: #fff
}

.appInstallArea .desc {
	font-weight: 600
}

.appInstallArea .buttonMore {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	display: block;
	width: 100%;
	height: 45px;
	font-size: 1.4rem;
	line-height: 4.5rem;
	color: #666
}

.appInstallArea .buttonMore:after {
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#ico-arrow-down-10);
	mask-image: url(#ico-arrow-down-10);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #aaa;
	display: inline-block;
	margin: 12px 0 0 4px;
	vertical-align: top;
	content: ''
}

.attendeesMemberSection {
	padding: 10px 16px;
	background-color: #fff
}

.attendeesMemberArea {
	position: relative;
	margin-top: 20px
}

.attendeesMemberArea .areaTitle {
	font-size: 1.3rem;
	font-weight: 400
}

.attendeesMemberArea .memberSort {
	position: absolute;
	right: 0;
	top: 0
}

.attendeesMemberArea .memberSort .buttonText {
	font-size: 1.2rem
}

.attendeesMemberArea .memberSort .buttonText:after {
	width: 11px;
	height: 11px;
	-webkit-mask-image: url(#ico-arrow-down-10);
	mask-image: url(#ico-arrow-down-10);
	-webkit-mask-size: 11px 11px;
	mask-size: 11px 11px;
	background-color: #aaa;
	display: inline-block;
	margin: 2px 0 0 4px;
	vertical-align: top;
	content: ''
}

.attendeesMemberArea .attendanceList {
	margin-top: 10px
}

.attendeesMemberArea .attendanceList .attendanceItem {
	padding: 0
}

.signupItemDetail {
	padding: 20px 15px 17px;
	background-color: #fff;
	font-size: 2.1rem;
	font-weight: 600
}

.signupAttendeesSection .bandMemberArea {
	padding: 0 16px;
	background-color: #fff
}

.signupAttendeesSection .bandMemberArea .areaTitle {
	padding-top: 20px;
	margin-top: 0
}

.signupAttendeesSection .bandMemberArea .memberType {
	color: #222
}

.votersMemberSection .bandMemberArea {
	background-color: #fff
}

.votersMemberSection .sortBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 10px 16px
}

.votersMemberSection .areaTitle {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-top: 0
}

.votersMemberSection .memberSort {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.votersMemberSection .memberSort .buttonText {
	font-size: 1.2rem
}

.votersMemberSection .memberSort .buttonText:after {
	width: 11px;
	height: 11px;
	-webkit-mask-image: url(#ico-arrow-down-10);
	mask-image: url(#ico-arrow-down-10);
	-webkit-mask-size: 11px 11px;
	mask-size: 11px 11px;
	background-color: #aaa;
	display: inline-block;
	margin: 2px 0 0 4px;
	vertical-align: top;
	content: ''
}

.votersMemberSection .bandMemberList {
	margin-top: 0;
	padding: 0 16px
}

.postHistorySection .bandMemberList .uFlexListItem {
	min-height: 84px
}

.postHistorySection .bandMemberList .uFlexListItem:only-child {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.postHistorySection .bandMemberList .majorInfo {
	padding-left: 0
}

.postHistorySection .bandMemberList .userName {
	font-size: 1.3rem
}

.postHistorySection .bandMemberList .statusText {
	color: #777
}

.sharePost {
	border-color: #e3e3e3;
	border-style: solid;
	border-width: 1px;
	margin-top: 10px;
	padding-bottom: 15px
}

.sharePost .postAuthorBox,
.sharePost .postCountBox {
	display: none
}

.sharePost .postContent {
	padding-bottom: 0!important
}

.sharePost .sharedPostBand {
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	padding: 10px 0;
	margin-bottom: 10px
}

.sharePost .majorInfo {
	overflow: hidden
}

.sharePost .postBandName {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	font-weight: 600
}

.sharePost .postBandName .uOfficialBand {
	margin-top: 4px
}

.sharePost .postAuthorName {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color: #888
}

.sharePost .uWidget.-collageList {
	margin-left: 0;
	margin-right: 0
}

.sharePost .shareBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem
}

.sharePost .shareBox .shareCount {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border: 0;
	font-size: 1.3rem
}

.sharePost .shareBox .buttonShare {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-radius: 0;
	font-size: 1.3rem
}

.sharePost .shareBox .buttonShare:before {
	margin-top: -1px
}

.groupBandIntro {
	background: #fff
}

.groupBandIntro .infoBody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 20px 16px 0
}

.groupBandIntro .thumb {
	width: 70px;
	border-radius: 5px
}

.groupBandIntro .text {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-left: 15px
}

.groupBandIntro .bandNameTitle {
	font-size: 1.8rem;
	font-weight: 600;
	color: #222
}

.groupBandIntro .bandShortcut {
	padding-top: 5px;
	font-size: 1.3rem;
	color: #222
}

.groupBandIntro .bandTypeDesc {
	padding: 16px 16px 0;
	font-size: 1.3rem;
	font-weight: 500;
	color: #777
}

.groupBandIntro .bandDesc {
	padding: 16px 16px 0;
	font-size: 1.4rem;
	font-weight: 500;
	color: #222
}

.groupBandIntro .bandKeyWordList {
	margin: 15px 0 17px;
	padding: 0 13px;
	font-size: 0
}

.groupBandIntro .bandKeyWord {
	display: inline-block;
	font-size: 1.4rem;
	color: #222;
	height: 30px;
	margin: 5px 3px 0;
	padding: 7px 13px;
	border-radius: 15px;
	background-color: #f5f6f8
}

.groupBandIntro .invite {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 54px;
	border-top: 1px solid #ededed
}

.groupBandIntro .invite .icon {
	margin-right: 7px;
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-member-invite-17)
}

.groupBandIntro .buttonInvite {
	font-size: 1.5rem;
	font-weight: 500;
	color: #222
}

.settingComponentList.-calendarList .calendarColor {
	display: inline-block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border-radius: 50%
}

.findInvitationWrap {
	padding: 25px 26px
}

.findInvitationWrap .desc {
	font-size: 1.7rem;
	line-height: 2.3rem;
	text-align: center;
	color: #333
}

.findInvitationWrap .inputArea {
	margin-top: 24px;
	text-align: center
}

.findInvitationWrap .btnCheckCode {
	width: 100%;
	height: 45px;
	margin-top: 30px;
	border-radius: 3px;
	font-size: 1.7rem;
	font-weight: 600;
	color: #fff;
	background: #3bd06f
}

.findInvitationWrap .btnCheckCode:disabled {
	background: #c8cace
}

.invitationCardViewWrap {
	padding: 0 25px 25px
}

.invitationCardViewWrap .bandCover {
	position: relative;
	width: 138px;
	margin: 0 auto
}

.invitationCardViewWrap .bandCover:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	content: '';
	border-color: rgba(0, 0, 0, .02);
	border-style: solid;
	border-width: 1px
}

.invitationCardViewWrap .bandCover .img {
	width: 100%;
	height: auto;
	border-radius: 4px
}

.invitationCardViewWrap .bandTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 16px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: normal;
	color: #222
}

.invitationCardViewWrap .bandTitle .uOfficialBand {
	margin-right: 3px
}

.invitationCardViewWrap .inviteInfo {
	margin-top: 4px;
	line-height: normal;
	text-align: center;
	color: #777;
	font-size: 1.4rem
}

.invitationCardViewWrap .inviteInfo strong {
	font-weight: 700;
	color: #48c385
}

.invitationCardViewWrap .inviteInfo .uOfficialBand {
	vertical-align: -1px
}

.invitationCardViewWrap .linkPreview {
	margin-top: 11px;
	font-size: 1.4rem;
	line-height: normal;
	text-align: center
}

.invitationCardViewWrap .linkPreview a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #444
}

.invitationCardViewWrap .linkPreview a:after {
	margin-left: 4px;
	width: 7px;
	height: 11px;
	background-size: 7px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-6-r)
}

.invitationCardViewWrap .buttonWrap {
	margin-top: 32px
}

.invitationCardViewWrap .sourceInfo {
	margin-top: 16px;
	font-size: 1.2rem;
	line-height: 1.33;
	text-align: center
}

.invitationCardViewWrap .sourceInfo a {
	color: #999
}

.invitationCardViewWrap .sourceInfo strong {
	font-weight: 700
}

.invitationCardViewWrap .sourceInfo .icoHelp {
	vertical-align: top;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-invite-help)
}

.invitationUrlViewWrap {
	background-color: #f7f8f9
}

.invitationUrlViewWrap .mainPanel {
	position: relative;
	min-height: 100vh;
	padding: 20px 20px 78px
}

.invitationUrlViewWrap .mainPanel.-showWhatIsBand {
	min-height: auto
}

.invitationUrlViewWrap .logo {
	text-align: center
}

.invitationUrlViewWrap .logo a:after {
	display: inline-block;
	content: '';
	vertical-align: top;
	width: 65px;
	height: 24px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 65px 24px;
	mask-size: 65px 24px;
	background-color: #040000
}

.invitationUrlViewWrap .bandCover {
	position: relative;
	width: 138px;
	margin: 20px auto 0
}

.invitationUrlViewWrap .bandCover:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	content: '';
	border-color: rgba(0, 0, 0, .02);
	border-style: solid;
	border-width: 1px
}

.invitationUrlViewWrap .bandCover .img {
	width: 100%;
	height: auto;
	border-radius: 4px
}

.invitationUrlViewWrap .inviteInfo {
	margin-top: 16px;
	line-height: normal;
	text-align: center;
	color: #555;
	font-size: 1.4rem
}

.invitationUrlViewWrap .inviteInfo:first-line {
	color: #222
}

.invitationUrlViewWrap .inviteInfo .bandNameTitle,
.invitationUrlViewWrap .inviteInfo .userNickname {
	font-weight: 700
}

.invitationUrlViewWrap .inviteInfo .bandNameTitle:after,
.invitationUrlViewWrap .inviteInfo .userNickname:after {
	display: inline;
	content: ' '
}

.invitationUrlViewWrap .inviteInfo .userNickname {
	color: #34cc6c
}

.invitationUrlViewWrap .inviteInfo .bandNameTitle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333;
	vertical-align: top
}

.invitationUrlViewWrap .inviteInfo .bandNameTitle .uOfficialBand {
	margin-right: 5px
}

.invitationUrlViewWrap .whatBand {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 18px;
	text-align: center
}

.invitationUrlViewWrap .whatBand .btnShowIntro {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 42px;
	padding: 0 22px;
	border-radius: 50px;
	background-color: rgba(57, 207, 109, .95);
	font-size: 1.5rem;
	line-height: normal;
	color: #fff;
	visibility: visible
}

.invitationUrlViewWrap .whatBand .btnShowIntro:after {
	display: block;
	margin-left: 7px;
	content: '';
	width: 11px;
	height: 13px;
	-webkit-mask-image: url(#ico-invite-arrow-down);
	mask-image: url(#ico-invite-arrow-down);
	-webkit-mask-size: 11px 13px;
	mask-size: 11px 13px;
	background-color: #fff
}

.invitationUrlViewWrap .whatBand .btnShowIntro.-disabled {
	visibility: hidden
}

.invitationUrlViewWrap .introArea {
	overflow: hidden;
	position: relative;
	padding: 0 27px 70px;
	visibility: hidden;
	background-color: #f7f8f9
}

.invitationUrlViewWrap .introArea.-active {
	visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

.invitationUrlViewWrap .introArea .bandIntroSummary {
	padding: 20px 3px;
	text-align: left
}

.invitationUrlViewWrap .introArea .bandIntroSummary .bandIntroTxt {
	line-height: 2.2rem;
	font-size: 1.5rem;
	color: #555
}

.invitationUrlViewWrap .introArea .bandIntroSummary .bandIntroTxt+.bandIntroTxt {
	padding-top: 20px
}

.invitationUrlViewWrap .introArea .swiperWrap {
	position: relative;
	text-align: center
}

.invitationUrlViewWrap .introArea .swiper-container {
	padding-bottom: 30px;
	overflow: visible
}

.invitationUrlViewWrap .introArea .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: .6;
	text-align: center;
	font-size: 1.8rem
}

.invitationUrlViewWrap .introArea .swiper-slide.swiper-slide-active {
	opacity: 1;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-name: activeOpacity;
	animation-name: activeOpacity
}

.invitationUrlViewWrap .introArea .swiper-slide .thumbnailImg {
	width: 100%
}

.invitationUrlViewWrap .introArea .swiper-pagination-bullets {
	width: 100%;
	bottom: 0;
	text-align: center
}

.invitationUrlViewWrap .introArea .swiper-pagination-bullet {
	margin: 0 5px;
	width: 5px;
	height: 5px;
	opacity: 1;
	background-color: #cbcdd0
}

.invitationUrlViewWrap .introArea .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #36cc6c
}

.invitationUrlViewWrap .introArea .contralBtnWrap {
	display: none
}

.invitationUrlViewWrap .introArea .swiper-button-next,
.invitationUrlViewWrap .introArea .swiper-button-prev {
	display: none
}

.invitationUrlViewWrap .introArea .appDownBanner {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 70px;
	text-align: left;
	z-index: 10;
	background: #33353e
}

.invitationUrlViewWrap .introArea .appDownBanner.-active {
	display: block
}

.invitationUrlViewWrap .introArea .bridgeBanner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 0 15px
}

.invitationUrlViewWrap .introArea .bridgeBanner:before {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon_bandapp_logo)
}

.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 9px;
	color: #fff;
	line-height: normal
}

.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc .bridgeBandAppDescTit {
	display: block;
	font-size: 1.5rem;
	font-weight: 700
}

.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc .bridgeBandAppDescTxt {
	display: block;
	margin-top: 1px;
	font-size: 1.2rem
}

.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppBtnLink {
	display: inline-block;
	width: 87px;
	height: 34px;
	border-radius: 3px;
	vertical-align: top;
	font-size: 1.3rem;
	color: #fff;
	background-color: #23c431
}

@-webkit-keyframes slideUp {
	from {
		margin-top: 100%;
		opacity: 0
	}
	to {
		margin-top: 0;
		opacity: 1
	}
}

@keyframes slideUp {
	from {
		margin-top: 100%;
		opacity: 0
	}
	to {
		margin-top: 0;
		opacity: 1
	}
}

@-webkit-keyframes activeOpacity {
	from {
		opacity: .6
	}
	to {
		opacity: 1
	}
}

@keyframes activeOpacity {
	from {
		opacity: .6
	}
	to {
		opacity: 1
	}
}

.invalidInvitationView {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh
}

.invalidInvitationView .bandFindLink,
.invalidInvitationView .inviteNotFound {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 50%
}

.invalidInvitationView .inviteNotFound {
	background: #fff
}

.invalidInvitationView .inviteNotFound .logo {
	width: 65px;
	height: 24px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 65px 24px;
	mask-size: 65px 24px;
	background-color: #cdcccc
}

.invalidInvitationView .inviteNotFound .title {
	margin-top: 18px;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: normal;
	color: #333;
	text-align: center
}

.invalidInvitationView .inviteNotFound .desc {
	margin-top: 7px;
	font-size: 1.4rem;
	line-height: 1.9rem;
	color: #777;
	text-align: center
}

.invalidInvitationView .bandFindLink {
	background: #f7f8f9;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.calendarSection {
	position: relative;
	background-color: #fff
}

.monthlyCalendarArea {
	position: -webkit-sticky;
	position: sticky;
	top: 93px;
	z-index: 10;
	background-color: #fff;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.monthlyCalendarArea .calendarMenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 12px 0 10px
}

.monthlyCalendarArea .calendarMenu .buttonText {
	position: absolute;
	left: 17px;
	top: 23px
}

.monthlyCalendarArea .calendarMenu .buttonPrev {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-calendar-gotonext);
	margin-top: 3px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	vertical-align: top
}

.monthlyCalendarArea .calendarMenu .buttonNext {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-calendar-gotonext);
	margin-top: 3px;
	vertical-align: top
}

.monthlyCalendarArea .calendarMenu .currentMonth {
	display: inline-block;
	margin: 0 12px;
	font-size: 1.9rem;
	vertical-align: top;
	line-height: 1.55
}

.monthlyCalendarArea .month.-fold {
	overflow: hidden;
	height: 0
}

.monthlyCalendarArea .month.-fold .buttonFold {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.monthlyCalendarArea .buttonFold {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-fold_arrow);
	position: absolute;
	right: 12px;
	top: 24px
}

.monthlyCalendarArea .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 40px
}

.monthlyCalendarArea .dayNameRow {
	height: 27px
}

.monthlyCalendarArea .day,
.monthlyCalendarArea .dayName {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1;
	width: 40px;
	text-align: center
}

.monthlyCalendarArea .day {
	position: relative;
	font-size: 1.7rem;
	line-height: 3.2rem
}

.monthlyCalendarArea .date {
	display: block
}

.monthlyCalendarArea .calendarColor {
	display: block;
	margin-top: -6px
}

.monthlyCalendarArea .calendarMark {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 2px;
	border-radius: 50%;
	background-color: #aaa;
	vertical-align: top
}

.monthlyCalendarArea .calendarMore {
	width: 6px;
	height: 6px;
	-webkit-mask-image: url(#icon-calendar-more);
	mask-image: url(#icon-calendar-more);
	-webkit-mask-size: 6px 6px;
	mask-size: 6px 6px;
	background-color: #222;
	display: inline-block;
	margin-top: -1px;
	vertical-align: top
}

.monthlyCalendarArea .dayName {
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #ccc
}

.monthlyCalendarArea .-disabled {
	color: #aaa
}

.monthlyCalendarArea .-active {
	width: 32px;
	height: 32px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #dbdbdb;
	color: #fff
}

.monthlyCalendarArea .-active+.calendarColor .calendarMark,
.monthlyCalendarArea .-active+.calendarColor .calendarMore {
	background-color: #fff!important
}

.scheduleArea .scheduleDate {
	padding: 0 14px;
	background-color: #f6f6f6;
	font-size: 1.3rem;
	line-height: 2.4rem
}

.scheduleListItem {
	position: relative
}

.scheduleListItem+.scheduleListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.scheduleListItem .date {
	position: absolute;
	left: 0;
	top: 17px;
	width: 70px;
	padding-right: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

.scheduleListItem .newIcon {
	position: absolute;
	left: -8px;
	top: 8px;
	width: 4px;
	height: 4px
}

.scheduleListItem .scheduleInfoBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 74px;
	padding: 15px 17px 15px 0;
	margin-left: 70px
}

.scheduleListItem .scheduleInfoBox+.scheduleInfoBox {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.scheduleListItem .day {
	display: block;
	font-size: 2.5rem;
	line-height: 2.7rem
}

.scheduleListItem .dayName {
	display: block;
	margin-top: -2px;
	font-size: 1.1rem;
	line-height: 1.3rem
}

.scheduleListItem .scheduleInfo {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.3rem;
	line-height: 1.7rem
}

.scheduleListItem .scheduleName {
	position: relative
}

.scheduleListItem .scheduleName .nameText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.8rem;
	line-height: 2.5rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.scheduleListItem .scheduleTime {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.scheduleListItem .location:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 4px 0;
	border-radius: 50%;
	background-color: #222;
	vertical-align: top;
	content: ''
}

.scheduleListItem .attendanceStatus+.attendanceStatus:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 4px 0;
	border-radius: 50%;
	background-color: #222;
	vertical-align: top;
	content: ''
}

.scheduleListItem .calendarColor {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.scheduleListItem .calendarName {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1.3rem;
	line-height: 1.7rem;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.scheduleListItem .calendarName .calendarMark {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 4px 5px 0 0;
	border-radius: 50%;
	vertical-align: top
}

.scheduleListItem .countStatus {
	display: inline-block;
	height: 21px;
	padding: 0 9px;
	border-radius: 10px;
	background-color: #f5f5f5;
	font-size: 1.2rem;
	line-height: 2.1rem
}

.scheduleListItem .countStatus+.countStatus {
	margin-left: 7px
}

.scheduleListItem .countStatus:before {
	margin: 4px 4px 0 0;
	vertical-align: top
}

.scheduleListItem .countStatus.-file:before {
	width: 13px;
	height: 12px;
	background-size: 13px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-calendar-file-13)
}

.scheduleListItem .countStatus.-file.-disabled {
	color: #ccc
}

.scheduleListItem .countStatus.-file.-disabled:before {
	opacity: .4
}

.scheduleListItem .countStatus.-comment:before {
	width: 13px;
	height: 13px;
	background-size: 13px 13px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-calendar-comment-13)
}

.scheduleListItem .userName {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.scheduleListItem .userName:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 4px 0;
	border-radius: 50%;
	background-color: #222;
	vertical-align: top;
	content: ''
}

.scheduleListItem .scheduleInfoEtc {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: auto
}

.scheduleListItem .scheduleInfoEtc .thumbnail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 3px 0 0 25px;
	border-radius: 2px
}

.scheduleListItem .scheduleInfoEtc .thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.scheduleListItem .scheduleInfoEtc .thumbnailCount {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 16px;
	padding: 0 5px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, .5);
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #fff
}

.scheduleListItem .scheduleType {
	display: inline-block
}

.scheduleListItem .scheduleType.birthday {
	width: 26px;
	height: 26px;
	-webkit-mask-image: url(#icon-birthday);
	mask-image: url(#icon-birthday);
	-webkit-mask-size: 26px 26px;
	mask-size: 26px 26px;
	margin: 10px 4px -10px 10px;
	vertical-align: top
}

.scheduleListItem .scheduleType.bandOpen {
	width: 26px;
	height: 26px;
	-webkit-mask-image: url(#icon-band-created);
	mask-image: url(#icon-band-created);
	-webkit-mask-size: 26px 26px;
	mask-size: 26px 26px;
	margin: 8px 4px -10px 10px;
	vertical-align: top
}

.scheduleListItem .scheduleType.holiday {
	width: 26px;
	height: 26px;
	-webkit-mask-image: url(#icon-holiday);
	mask-image: url(#icon-holiday);
	-webkit-mask-size: 26px 26px;
	mask-size: 26px 26px;
	margin: 10px 4px -10px 10px;
	vertical-align: top
}

.scheduleListItem.-passDay {
	color: #8f8f8f
}

.scheduleListItem.-passDay .attendanceStatus:before,
.scheduleListItem.-passDay .location:before,
.scheduleListItem.-passDay .scheduleType,
.scheduleListItem.-passDay .userName:before {
	background-color: #8f8f8f!important
}

.schedulDetailSection {
	background-color: #fff
}

.schedulDetailSection .iconClose {
	background-color: #fff
}

.scheduleDetailArea {
	padding: 18px 17px 20px
}

.scheduleDetailArea .optionMenuButton {
	right: -8px;
	top: -1px
}

.scheduleDetailArea .buttonBox {
	padding: 13px 0;
	margin-top: 12px;
	background-color: #fafafa;
	text-align: center;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px
}

.scheduleDetailArea .buttonSaveSchedule {
	border-radius: 3px;
	padding: 0 13px;
	background-color: #fff;
	font-size: 1.5rem;
	line-height: 3.6rem;
	border-style: solid;
	border-width: 1px
}

.scheduleDetailArea .buttonSaveSchedule:before {
	display: inline-block;
	margin: 10px 4px 0 0;
	vertical-align: top;
	content: '';
	width: 16px;
	height: 17px;
	-webkit-mask-image: url(#icon-down-31);
	mask-image: url(#icon-down-31);
	-webkit-mask-size: 16px 17px;
	mask-size: 16px 17px
}

.scheduleDetailArea .calendar {
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #999
}

.scheduleDetailArea .calendar .date {
	display: block
}

.scheduleDetailArea .calendarColor {
	font-size: 1.3rem;
	line-height: 1.7rem
}

.scheduleDetailArea .calendarMark {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 5px 4px 0 0;
	border-radius: 50%;
	background-color: #aaa;
	vertical-align: top
}

.scheduleDetailArea .scheduleInfoEtc {
	font-size: 1.3rem;
	line-height: 1.7rem
}

.scheduleDetailArea .alarmMessage {
	margin-right: 16px
}

.scheduleDetailArea .iconAlarm {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-calendar-alarm);
	margin: 1px 7px 0 0;
	vertical-align: top
}

.scheduleDetailArea .iconRepeat {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-calendar-remind);
	margin: 1px 7px 0 0;
	vertical-align: top
}

.scheduleDetailArea .buttonText {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 10px 15px 0;
	font-size: 1.3rem;
	text-align: left;
	line-height: 1.7rem
}

.scheduleDetailArea .buttonText:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px
}

.attachmentArea .uCollage {
	display: block
}

.attachmentArea .address {
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #888
}

.attachmentArea .thumbnailImg {
	width: 100%
}

.linkedPostBox .uEmotionView {
	display: inline-block;
	margin-right: 10px
}

.linkedPostBox .uCommentView {
	display: inline-block
}

.commentCountBox {
	height: 38px;
	padding: 0 16px;
	background-color: #f6f7f9;
	font-size: 1.2rem;
	line-height: 3.8rem;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.rsvpList {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-botto-width: 1px
}

.rsvpListItem {
	min-height: 62px;
	padding: 15px 0
}

.rsvpListItem+.rsvpListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.rsvpListItem .majorInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative
}

.rsvpListItem .uInputRadio {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.rsvpListItem .buttonAttendee {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 30px;
	text-align: right
}

.rsvpListItem .buttonAttendee:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	margin-left: 5px
}

.rsvpListItem .inputRadioLabel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rsvpListItem .inputRadioLabel:before {
	position: absolute;
	left: -40px
}

.rsvpListItem .optionInfo {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 14px
}

.rsvpListItem .optionTitle {
	display: block
}

.rsvpListItem .rsvpUserName {
	display: block;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color: #aaa
}

.responseStatusBox {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	padding: 13px 0
}

.responseStatusBox .responseStatus {
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.5rem
}

.responseStatusBox .nonresponseCount:after {
	width: 6px;
	height: 11px;
	background-size: 6px 11px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-arrow-7-r);
	margin: 2px 0 -2px 4px;
	vertical-align: top
}

.rsvpMemberSection .bandMemberList {
	background-color: #fff
}

.rsvpMemberSection .userSelectDate {
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #888
}

.groupNoticeList {
	margin: 0 15px
}

.groupNoticeItem {
	padding: 16px 0 12px;
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.noticeLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.noticeLink .noticeInfoBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-right: 15px
}

.noticeLink .noticeThumb {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 48px
}

.noticeLink .noticeThumb img {
	width: 100%;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .03)
}

.noticeLink .noticeThumb .uIconPlay {
	z-index: 10
}

.noticeLink .noticeData {
	position: relative
}

.noticeLink .noticeData .iconNew {
	position: absolute;
	left: -8px;
	top: 3px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #e53935
}

.noticeLink .noticeData .noticeText {
	color: #000;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 14;
	line-height: 1.29;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.noticeLink .noticeAuthBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.noticeLink .noticeAuthBox .authName {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-left: 8px;
	font-size: 1.2rem;
	color: #888;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 12px;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.noticeLink .noticeAuthBox .authName+.readCount:before {
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #bbb;
	content: ''
}

.noticeLink .noticeAuthBox .readCount {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	display: inline-block;
	font-size: 1.2rem;
	color: #888
}

.noticeArea {
	position: relative;
	padding: 12px 15px 0;
	margin-top: 10px;
	background-color: #fff;
	font-size: 1.4rem;
	color: #000
}

.noticeArea .areaTitle {
	font-size: 1.4rem;
	font-weight: 400
}

.noticeArea .noticeListItem {
	position: relative
}

.noticeArea .noticeListItem+.noticeListItem {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.noticeArea .noticeListItem .gIconNewMark {
	position: absolute;
	left: -7px;
	top: 50%;
	margin-top: -2px
}

.noticeArea .noticeItemLink {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 4rem
}

.noticeArea .moreLink {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 1.2rem;
	color: #aaa;
	line-height: 1.4rem
}

.noticeArea .moreLink:after {
	width: 11px;
	height: 11px;
	-webkit-mask-image: url(#ico-arrow-right-15);
	mask-image: url(#ico-arrow-right-15);
	-webkit-mask-size: 11px 11px;
	mask-size: 11px 11px;
	background-color: #999;
	margin-top: 1px;
	display: inline-block;
	vertical-align: top;
	content: ''
}

.noticeArea .moreLink .isCountless {
	display: inline-block;
	margin: -1px 0 0 1px;
	vertical-align: top
}

.tagArea {
	background-color: #fff
}

.boardWrap .tagArea {
	margin-top: 10px
}

.tagArea .tagList {
	overflow-x: auto;
	padding: 0 16px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.tagArea .tagItem {
	display: inline-block;
	height: 43px;
	font-size: 1.4rem;
	line-height: 4.3rem
}

.tagArea .tagItem+.tagItem {
	margin-left: 17px
}

.hashTagSection {
	overflow: hidden;
	background-color: #f0f2f3
}

.hashTagTitle {
	margin: 30px 15px 12px;
	font-size: 1.3rem;
	color: #222;
	font-weight: 400
}

.hashTagList {
	background-color: #fff
}

.hashTagItem {
	padding: 0 15px
}

.hashTagLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 50px;
	padding: 14px 0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: rgba(238, 238, 238, .5)
}

.hashTagLink .hashTagName {
	margin-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.5rem;
	color: #222
}

.hashTagLink .tagCount {
	white-space: nowrap;
	font-size: 1.5rem;
	color: #888
}

.hashTagLink .mainTag {
	display: inline-block;
	height: 21px;
	vertical-align: top;
	padding: 0 5px;
	border-radius: 2px;
	line-height: 1.9rem;
	white-space: nowrap;
	font-size: 1.1rem;
	border-style: solid;
	border-width: 1px
}

.imageCrop {
	z-index: 2000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000
}

.imageCrop .cropArea {
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse
}

.imageCrop .cropArea .crop {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 78px 0
}

.imageCrop .cropArea .crop>.jcrop-holder {
	margin: 0 auto
}

.imageCrop .cropArea .crop>.jcrop-holder>div:first-child {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.imageCrop .cropArea .jcrop-hline,
.imageCrop .cropArea .jcrop-vline {
	background: #11c473
}

.imageCrop .cropArea .jcrop-vline {
	width: 2px;
	opacity: 1!important
}

.imageCrop .cropArea .jcrop-hline {
	height: 2px;
	opacity: 1!important
}

.imageCrop .cropArea .jcrop-handle {
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: #11c473;
	opacity: 1!important
}

.imageCrop .btns {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 0;
	white-space: nowrap
}

.imageCrop .btns button {
	position: relative;
	display: inline-block;
	width: 50%;
	height: 78px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: #010101;
	font-size: 2.5rem;
	color: #fff
}

.imageCrop .btns button:before {
	display: block;
	padding-top: 27px
}

.imageCrop .btns .btnCancle:before {
	color: #999
}

.imageCrop .btns .btnConfirm:before {
	color: #11c473
}

.imageCrop .btns .btnConfirm:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	clear: both;
	width: 1px;
	height: 36px;
	margin-top: 23px;
	background: #333
}

.postContSection {
	margin-top: 10px
}

.postSearchItem {
	margin-top: 10px;
	background-color: #fff
}

.postSearchLink {
	position: relative;
	padding: 15px;
	display: block
}

.postSearchLink .postAuthorBox {
	position: relative;
	padding: 0!important;
	z-index: 10
}

.postSearchLink .authorInfo .name {
	font-size: 1.4rem;
	font-weight: 700;
	color: #222
}

.postSearchLink .postContentView {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.postSearchLink .postContText {
	margin-top: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.27;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.postSearchLink .postContText strong {
	font-weight: 400;
	background-color: #fcf4c9
}

.postSearchLink .postContImg {
	margin-left: 20px;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 70px;
	height: 70px;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, .03)
}

.postSearchLink .postContImg img {
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.postSearchLink .postContImg .imgNum {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 16px;
	line-height: 1.6rem;
	padding: 0 5px;
	color: #fff;
	font-size: 1.2rem;
	background-color: rgba(0, 0, 0, .5)
}

.postSearchLink .addComment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
	font-size: 1.3rem;
	color: #777
}

.postSearchLink .emotionBox {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: top
}

.postSearchLink .emotionBox .uEmotion+.uEmotion {
	margin-left: -10px
}

.postSearchLink .emotionBox .emotionText {
	display: block
}

.postSearchLink .emotionBox+.commentBox {
	margin-left: 12px
}

.postSearchLink .commentBox {
	display: block
}

.postSearchLink .postRealLink {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.makingBandContainer {
	overflow: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-overflow-scrolling: touch
}

.makingBandWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100% - 60px);
	margin: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: center
}

.makingBandWrap .makingDesc {
	margin-top: 10px
}

.makingBandWrap .makingDesc .descText {
	font-size: 1.3rem;
	font-weight: 500;
	color: #999
}

.makingBandWrap .makingDesc .descLink {
	font-size: 1.3rem;
	font-weight: 500;
	color: #999;
	text-decoration: underline
}

.makingBandWrap .bandTypeModalOpen {
	font-size: 1.5rem;
	font-weight: 500;
	color: #333
}

.makingBandWrap .bandTypeModalOpen:after {
	margin-top: 4px;
	margin-left: 2px;
	vertical-align: top;
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-arrow-r-w12)
}

.makingBandNameWrap {
	margin: 0 0 15px
}

.makingBandNameWrap .inputBandName {
	width: 100%;
	font-size: 2.6rem;
	font-weight: 500;
	color: #333
}

.makingBandNameWrap .inputBandName::-webkit-input-placeholder {
	color: #ddd
}

.makingBandNameWrap .inputBandName::-moz-placeholder {
	color: #ddd
}

.makingBandNameWrap .inputBandName:-ms-input-placeholder {
	color: #ddd
}

.makingBandNameWrap .inputBandName::-ms-input-placeholder {
	color: #ddd
}

.makingBandNameWrap .inputBandName::placeholder {
	color: #ddd
}

.makingBandCoverWrap {
	text-align: center
}

.makingBandCoverWrap .bandCoverImgBox {
	position: relative;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	width: 115px;
	height: 115px;
	border-radius: 18px;
	background-color: #f7f7f7
}

.makingBandCoverWrap .bandCoverImgBox:before {
	margin-top: 31px;
	vertical-align: top;
	width: 36px;
	height: 29px;
	background-size: 36px 29px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-photo-add)
}

.makingBandCoverWrap .bandCoverImgBox.-on {
	width: 188px;
	height: 141px;
	border-radius: 5px;
	border-color: rgba(0, 0, 0, .05);
	overflow: hidden;
	border-style: solid;
	border-width: 1px
}

.makingBandCoverWrap .bandCoverImgBox .coverImg {
	width: 100%;
	max-height: 140px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 10
}

.makingBandCoverWrap .bandCoverImgBox .coverInputText {
	margin-top: 7px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #a9a9a9
}

.makingBandCoverListWrap {
	z-index: 40;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	-webkit-overflow-scrolling: touch
}

.makingBandCoverListWrap .itemCoverImg {
	width: 100%
}

.selectedBandTypeWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 18px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.selectedBandTypeWrap .selectedBandTypeBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.selectedBandTypeWrap .selectedBandTypeTitle {
	display: block;
	font-size: 1.6rem;
	color: #222
}

.selectedBandTypeWrap .selectedBandTypeDesc {
	padding-top: 7px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #333
}

.selectedBandTypeWrap .btnChangeBandType {
	margin-bottom: 6px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 18px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #2ecc71
}

.cs {
	height: auto;
	min-height: 100%;
	background: #f6f6f6;
	font-size: 1.4rem;
	line-height: 1.4
}

.csNotice.-detailPage .cs {
	background: #fff
}

.csNotice.-detailPage .cs .cBx {
	background: #fff
}

.csHelp.-detailPage .cs {
	background: #fff
}

.csHelp.-detailPage .cs .cBx {
	background: #fff
}

.cs a {
	color: #222;
	text-decoration: none
}

.cs.-navOn #nav .btnNav {
	opacity: 1
}

.cs.-navOn #nav ul {
	display: block
}

.cs.-navOn #nav ul li {
	display: table;
	width: 100%
}

.cs.-navOn #nav:before {
	z-index: -1;
	position: fixed;
	left: 0;
	top: 44px;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	content: ''
}

.cs #wrap {
	min-height: 100%;
	height: 100%
}

.cs #nav {
	z-index: 200;
	float: none;
	overflow: visible;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	max-width: none;
	border: 0;
	border-radius: 0;
	background: 0 0
}

.cs #nav .btnBack,
.cs #nav .btnNav,
.cs #nav .btnSearch {
	display: none;
	position: absolute;
	background: 0 0;
	color: #fff;
	font-size: 0
}

.cs #nav .btnBack {
	display: none;
	top: 10px;
	left: 14px;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#ico-back-w24);
	mask-image: url(#ico-back-w24);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #fff
}

.cs #nav .btnNav {
	display: block;
	top: 11px;
	left: 14px;
	width: 22px;
	height: 22px;
	-webkit-mask-image: url(#icon-more);
	mask-image: url(#icon-more);
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
	background-color: #fff
}

.cs #nav .btnSearch {
	top: 12px;
	right: 15px;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#icon-search);
	mask-image: url(#icon-search);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #fff
}

.csHelp .cs #nav .btnSearch {
	display: block
}

.-detailPage .cs #nav .btnBack {
	display: block
}

.-detailPage .cs #nav .btnNav {
	display: none
}

.cs #nav ul {
	display: none;
	position: absolute;
	left: 0;
	top: 44px;
	width: 100%;
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #e0e0e0
}

.cs #nav ul li {
	position: relative;
	display: table-row;
	border: 0;
	background: 0 0!important
}

.cs #nav ul li:first-child {
	border-top: 0
}

.cs #nav ul li:first-child a {
	border-top: 0
}

.cs #nav ul li.on {
	background: #f9f9fa
}

.cs #nav ul li.on:before {
	display: block
}

.cs #nav ul li.on a {
	padding-right: 30px;
	font-weight: 700;
	color: #535353
}

.cs #nav ul a {
	display: table-cell;
	height: 43px;
	padding: 0;
	border-top: 1px solid #eee;
	text-align: left;
	font-size: 1.4rem;
	vertical-align: middle;
	line-height: 1;
	word-break: keep-all;
	word-wrap: break-word;
	color: #333
}

.cs #content {
	width: 100%;
	padding: 44px 0 0 0
}

.cs .mat1 {
	margin-top: 13px
}

.cs .mat2 {
	margin-top: 13px
}

.cs .titWrap {
	z-index: 100;
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	background: #28c35e
}

.cs .titWrap>*,
.cs .titWrap>.tit {
	overflow: visible;
	position: static;
	display: table-cell;
	height: auto;
	padding: 0;
	background: 0 0;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	line-height: normal;
	font-size: 1.7rem;
	font-weight: 400;
	border-bottom: 1px solid #efefef
}

.cs .mSearchTitle {
	display: block;
	padding: 15px 15px 4px;
	font-size: 1.3rem;
	color: #555;
	font-weight: 400
}

.cs .mSearchTitle em {
	color: #34cc6c
}

.csHelp.-detailPage .cs .mSearchTitle {
	display: none
}

.cs .tblList {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0e0e0!important;
	border-width: 1px 0!important;
	border-radius: 0
}

.cs .tblList li+li {
	border-top: 1px solid #f0f0f0
}

.cs .tblList .tbl {
	position: relative;
	display: table;
	width: 100%;
	padding: 0 35px 0 15px
}

.csHelp.-detailPage .cs .tblList .tbl {
	pointer-events: none
}

.csHelp.-detailPage .cs .tblList .tbl>div {
	padding-top: 12px
}

.cs .tblList .tbl.content {
	display: none;
	padding: 0 15px;
	background: #f6f6f6!important;
	color: #4b4b4b;
	font-size: 1.4rem
}

.cs .tblList .tbl.content>* {
	height: auto
}

.cs .tblList .tbl.content * {
	font-size: 1.4rem!important
}

.cs .tblList .tbl>* {
	display: table-cell;
	height: auto!important;
	padding: 17px 0 16px;
	vertical-align: middle
}

.cs .tblList .tbl>:before {
	position: absolute;
	display: block;
	margin-top: -6px;
	top: 50%;
	right: 13px;
	content: '';
	width: 7px;
	height: 12px;
	-webkit-mask-image: url(#icon-arrow-7-r);
	mask-image: url(#icon-arrow-7-r);
	-webkit-mask-size: 7px 12px;
	mask-size: 7px 12px;
	background-color: #aaa
}

.cs .tblList .tbl .tit {
	line-height: 1.5;
	font-size: 1.3rem;
	color: #333
}

.cs .tblList .on .tbl>:before {
	display: none
}

.cs .tblList .on .tbl>:after {
	display: block;
	color: #333
}

.cs .tblList .on .tbl.content {
	display: table
}

.cs .tblList .on .tbl .tit {
	color: #333;
	font-weight: 700
}

.cs .tblList .none {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: calc(100vh - 84px);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #999
}

.csNotice .cs .tblList {
	border-top: 0!important
}

.csNotice .cs .tblList strong {
	color: #333;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.4
}

.csNotice .cs .tblList span {
	color: #aaa;
	font-size: 1.2rem
}

.csNotice .cs .tblList a {
	line-height: 1.4
}

.csHelp .tblList .tbl .tit {
	font-weight: 400
}

.csHelp.-detailPage {
	background: #fff
}

.csHelp.-detailPage .categoryBox {
	display: none
}

.csHelp.-searchResultPage .categoryBox {
	display: none
}

.csHelp.-detailPage .tblList {
	padding-top: 2px;
	border: 0!important
}

.csHelp.-detailPage li {
	display: none;
	border-top: 0!important;
	background: #fff
}

.csHelp.-detailPage li :after {
	display: none
}

.csHelp.-detailPage li.on {
	display: block
}

.csHelp.-detailPage li.on .tit {
	font-size: 1.5rem;
	padding: 0 15px 0 0
}

.csHelp.-detailPage li.on .content {
	background: 0 0!important
}

.searchInputWrap {
	display: none;
	border: 0!important
}

.searchInputWrap .searchInput {
	overflow: hidden;
	z-index: 300;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 44px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #28c35e
}

.searchInputWrap .searchInput:before {
	position: absolute;
	display: block;
	top: 12px;
	left: 15px;
	content: '';
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(#icon-search);
	mask-image: url(#icon-search);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	background-color: #fff
}

.searchInputWrap .searchInput .tbl {
	display: table;
	width: 100%;
	height: 100%
}

.searchInputWrap .searchInput .tbl .cell {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap
}

.searchInputWrap .searchInput .tdInput input {
	width: calc(100% - 43px);
	margin: 0 0 0 43px;
	border: 0;
	font-size: 1.6rem;
	color: #fff;
	background: 0 0
}

.searchInputWrap .searchInput .tdInput input::-webkit-input-placeholder {
	color: #fff!important
}

.searchInputWrap .searchInput .tdInput input::-moz-placeholder {
	color: #fff!important
}

.searchInputWrap .searchInput .tdInput input:-ms-input-placeholder {
	color: #fff!important
}

.searchInputWrap .searchInput .tdInput input::-ms-input-placeholder {
	color: #fff!important
}

.searchInputWrap .searchInput .tdInput input::placeholder {
	color: #fff!important
}

.searchInputWrap .searchInput .tdInput.-focus,
.searchInputWrap .searchInput .tdInput.on {
	z-index: 10;
	position: relative;
	background: 0 0!important
}

.searchInputWrap .searchInput .tdInput.-focus~.tdBtns .btnSubmit,
.searchInputWrap .searchInput .tdInput.on~.tdBtns .btnSubmit {
	z-index: 20;
	display: block;
	position: absolute;
	top: 10px;
	right: 11px;
	font-size: 0;
	line-height: 1
}

.searchInputWrap .searchInput .tdInput.-focus~.tdBtns .btnSubmit:before,
.searchInputWrap .searchInput .tdInput.on~.tdBtns .btnSubmit:before {
	font-size: 1.6rem;
	color: #00d86b
}

.searchInputWrap .searchInput .tdInput.-focus~.tdTxtClear .btnTxtClear,
.searchInputWrap .searchInput .tdInput.on~.tdTxtClear .btnTxtClear {
	z-index: 20;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 0;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	-webkit-mask-image: url(#icon-search-reset);
	mask-image: url(#icon-search-reset);
	-webkit-mask-size: 16px 16px;
	mask-size: 16px 16px;
	background-color: #fff
}

.searchInputWrap .searchInput .btnCancel,
.searchInputWrap .searchInput .btnClose,
.searchInputWrap .searchInput .btnSubmit,
.searchInputWrap .searchInput .btnTxtClear {
	display: none;
	background: 0 0;
	border: 0
}

.searchInputWrap .searchInput .tdTxtClear {
	width: 24px;
	text-align: right
}

.searchInputWrap .searchInput .tdBtns {
	width: 30px;
	text-align: right;
	padding: 0 15px 0 10px
}

.searchInputWrap .searchInput .tdBtns .btnCancel,
.searchInputWrap .searchInput .tdBtns .btnSubmit {
	position: relative!important;
	display: inline-block!important;
	width: auto;
	height: 26px;
	top: 0!important;
	right: 0!important;
	background: 0 0;
	border-radius: 3px;
	color: #fff;
	font-size: 1.6rem;
	text-indent: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border: 0
}

.searchInputWrap .searchInput .tdBtns .btnCancel:before,
.searchInputWrap .searchInput .tdBtns .btnSubmit:before {
	display: none
}

.searchInputWrap .searchInput .tdBtns .btnCancel .gSrOnly,
.searchInputWrap .searchInput .tdBtns .btnSubmit .gSrOnly {
	overflow: hidden!important;
	position: static!important;
	width: auto!important;
	height: auto!important;
	font-size: 1.6rem!important;
	line-height: 1!important;
	z-index: auto;
	opacity: 1!important;
	font-weight: 400
}

.searchInputWrap .btnClose {
	position: fixed;
	display: none;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 44px;
	background: 0 0
}

.searchInputWrap.-on {
	display: block
}

.searchInputWrap.-on .tdBtns .btnCancel {
	display: none!important
}

.searchInputWrap.-dimmed:after {
	z-index: 200;
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .6);
	content: ''
}

.searchInputWrap.-dimmed .btnClose {
	display: block
}

.searchInputWrap.-statusOn .tdBtns .btnSubmit {
	display: none!important
}

.searchInputWrap.-statusOn .tdBtns .btnCancel {
	display: inline-block!important
}

.searchInputWrap.-statusOn .tdInput.-enabledBtnSubmit~.tdBtns .btnSubmit {
	display: inline-block!important
}

.searchInputWrap.-statusOn .tdInput.-enabledBtnSubmit~.tdBtns .btnCancel {
	display: none!important
}

.cs .btnGoList {
	display: none
}

.cs .categoryBox {
	overflow: hidden!important;
	overflow-x: auto!important;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #ddd!important;
	-webkit-overflow-scrolling: touch!important;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.cs .categoryBox::-webkit-scrollbar {
	display: none
}

.cs .categoryBox .category {
	display: block;
	margin: 0 15px;
	font-size: 0;
	white-space: nowrap
}

.cs .categoryBox .category:after,
.cs .categoryBox .category:before {
	display: table;
	content: ' '
}

.cs .categoryBox .category:after {
	clear: both
}

.cs .categoryBox .category :after,
.cs .categoryBox .category :before,
.cs .categoryBox .category:after,
.cs .categoryBox .category:before {
	display: none!important
}

.cs .categoryBox .category li {
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
	min-width: 75px;
	max-width: 112px;
	height: 60px;
	padding: 0 10px;
	vertical-align: middle;
	border: 1px solid #e4e4e4!important;
	line-height: 5.7rem;
	text-align: center;
	font-size: 1.3rem;
	color: #555
}

.cs .categoryBox .category li * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.cs .categoryBox .category li+li {
	margin-left: -1px
}

.cs .categoryBox .category li.mobileLastChild {
	overflow: hidden;
	display: inline-block;
	border: 0!important;
	min-width: 0;
	padding: 0 0 0 16px
}

.cs .categoryBox .category li.on {
	z-index: 100;
	position: relative;
	background: 0 0;
	border: 1px solid #34cc6c!important
}

.cs .categoryBox .category li.on a {
	font-weight: 700;
	color: #34cc6c
}

.cs .categoryBox .category li.on a:after {
	width: 1px;
	height: 53px;
	right: -1px;
	top: -1px
}

.cs .categoryBox .category li.on a:before {
	display: block
}

.cs .categoryBox .category li a {
	display: inline-block;
	padding: 0;
	white-space: normal;
	line-height: 1.3;
	vertical-align: middle;
	color: #777;
	font-size: 1.3rem
}

.cs .cBx {
	float: right;
	overflow: hidden;
	padding: 15px;
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 0
}

.cs .cBx.paNone {
	padding: 0
}

.cs .cBx.ovh {
	overflow: hidden
}

.cs .cBx.pTB {
	padding-top: 15px;
	padding-bottom: 14px
}

.cs .cBx.pLR30 {
	padding: 0 15px
}

.cs .cBx.pLR28 {
	padding-left: 15px;
	padding-right: 15px
}

.cs .cBx.pB0 {
	padding-bottom: 0
}

.cs .cBx .bxTit {
	margin: 0 0 33px 0;
	padding: 31px 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.5;
	font-size: 1.7rem;
	font-weight: 700;
	color: #000;
	text-align: center
}

.cs .cBx .bxTit strong {
	font-weight: 700;
	color: #34cc6c
}

.csNotice.-detailPage .cs .cBx {
	border: 0!important
}

.csNotice.-detailPage .cs .listView {
	max-width: 650px
}

.cs .listView .head h2 {
	color: #333;
	font-size: 1.4rem;
	font-weight: 400
}

.cs .listView .head h2.bold {
	font-weight: 700
}

.cs .listView .head h2~p {
	margin-top: 3px
}

.cs .listView .head p {
	color: #999;
	font-size: 1.2rem;
	line-height: 1
}

.cs .listView .body {
	margin: 20px 0 0 0
}

.cs .listView .body * {
	font-size: 1.4rem;
	line-height: 1.43
}

.cs .listView .body a {
	display: inline!important
}

.cs .listView .body img {
	max-width: 100%!important;
	height: auto!important;
	line-height: 1!important;
	vertical-align: top!important
}

.cs .loading {
	height: calc(100vh - 44px);
	background: url() no-repeat 50% 50%
}

.cs .borderBox {
	overflow: hidden;
	position: relative;
	border-top: 1px solid #dcdcdc;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none
}

.cs .borderBox+.borderBox,
.cs .borderBox+.mSearchTitle+.borderBox {
	margin-top: 14px
}

.csHelp.-searchResultPage:not(.-detailPage) .cs .borderBox+.borderBox,
.csHelp.-searchResultPage:not(.-detailPage) .cs .borderBox+.mSearchTitle+.borderBox {
	margin: 0!important
}

.cs .borderBox.mat0 {
	margin-top: 0!important;
	border-top-color: transparent!important
}

.csNotice .cs .borderBox {
	border: 0!important
}

.bandLiveWrap {
	height: 100vh;
	background-color: #f0f2f3
}

.bandLiveWrap .pageBandDownWrap {
	padding: 0 20px;
	background-color: #f0f2f3
}

.liveCard {
	padding: 0 16px 15px;
	background-color: #fff
}

.liveCard .uMemberStateMark {
	bottom: -3px;
	right: -3px;
	width: 17px;
	height: 17px
}

.liveCard .uMemberStateMark:before {
	vertical-align: top
}

.liveCard .uMemberStateMark.-coleader,
.liveCard .uMemberStateMark.-leader {
	width: 17px;
	height: 17px;
	background-size: 17px 17px
}

.liveCard .liveIntroArea {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.liveCard .liveIntroArea .profileBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 30px
}

.liveCard .liveIntroArea .profileBox .profileInfoBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 7px
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .nameInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	font-weight: 600;
	color: #222
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .nameInfo strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: 600;
	word-break: break-all
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .nameInfo span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .etcInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .etcInfo .bandNameInfo {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 1px 0 0 0;
	word-break: break-all
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .etcInfo .viewCountInfo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	line-height: 1.7rem
}

.liveCard .liveIntroArea .profileBox .profileInfoBox .bandNameInfo,
.liveCard .liveIntroArea .profileBox .profileInfoBox .viewCountInfo {
	font-size: 1.2rem;
	color: #aaa
}

.liveCard .liveIntroArea .explainBox .explainText {
	font-size: 1.5rem;
	color: #333;
	line-height: 1.27;
	word-wrap: break-word
}

.liveCard .videoBox {
	position: relative
}

.liveCard .livingStopState {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.liveCard .livingStopState .btnLivePlay {
	width: 48px;
	height: 48px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 0;
	background-size: 96px auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	border: 0
}

.liveCard .liveState {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 21px;
	padding: 0 6px 0 5px;
	border-radius: 2px;
	background-color: #ff273b;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.2rem;
	color: #fff;
	z-index: 1
}

.notSupportSection {
	min-height: 100vh;
	padding: 48px 0;
	background-color: #f7f8f9;
	text-align: center
}

.notSupportSection .bandLogo {
	position: relative;
	margin: 0 auto;
	width: 70px;
	height: 25px;
	background-size: 70px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band-logo)
}

.notSupportSection .bandLogo a {
	display: block;
	width: 100%;
	height: 100%
}

.notSupportSection .guideTitle {
	padding: 0 20px;
	font-size: 2.2rem;
	font-weight: 600;
	color: #333;
	letter-spacing: .1px;
	line-height: 1.36
}

.notSupportSection .guideText {
	padding: 0 20px;
	color: #555;
	line-height: 1.27
}

.notSupportSection .guideSubText {
	font-size: 1.3rem
}

.bandLeaveArea .bandLeaveNotice {
	padding: 30px 16px;
	background-color: #fff
}

.bandLeaveArea .noticeTitle {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center
}

.bandLeaveArea .leaveDescription {
	font-size: 1.3rem;
	line-height: 1.35;
	letter-spacing: -.4px;
	color: #666
}

.bandLeaveArea .inputCheckLabel {
	font-size: 1.4rem;
	font-weight: 500
}

.shareStickerWrap {
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	padding: 50px 20px 0;
	-webkit-overflow-scrolling: touch
}

.shareStickerWrap .stickerInfo {
	margin: 0;
	text-align: center
}

.shareStickerWrap .stickerInfo .stickerImg {
	vertical-align: top;
	height: auto
}

.shareStickerWrap .stickerInfo .caption {
	margin-top: 15px;
	font-size: 1.8rem;
	font-weight: 600;
	color: #222
}

.shareStickerWrap .stickerDesc {
	text-align: center;
	margin-top: 8px;
	line-height: 1.7rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: #999
}

.bandBlockedSection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	background-color: #fff;
	text-align: center
}

.bandBlockedSection .container {
	margin: auto;
	padding: 0 15px 53px
}

.bandBlockedSection .guideTitle {
	font-size: 2.1rem;
	font-weight: 700;
	color: #333;
	line-height: 1.36
}

.bandBlockedSection .guideArea:before {
	display: block;
	margin: 0 auto;
	content: '';
	width: 90px;
	height: 80px;
	-webkit-mask-image: url(#ico-error-90);
	mask-image: url(#ico-error-90);
	-webkit-mask-size: 90px 80px;
	mask-size: 90px 80px;
	background-color: #1d1d1b
}

.bandBlockedSection .guideText {
	font-size: 1.4rem;
	color: #777;
	line-height: 1.36
}

.bandBlockedSection .guideSubText {
	font-size: 1.3rem
}

.stickerCollectionView {
	position: relative;
	z-index: 10;
	background-color: #fafafa;
	border-color: #cacaca;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.commentWriteInput .stickerCollectionView {
	margin-top: 12px;
	margin-bottom: -12px
}

.stickerCollectionView .stickerHeader {
	overflow: hidden;
	position: relative;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 44px;
	margin: 0;
	background-color: #fff
}

.stickerCollectionView .btn_nav {
	display: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
	border: 0;
	background: url() no-repeat 0 0
}

.stickerCollectionView .prev {
	position: absolute;
	z-index: 2;
	left: 0;
	top: -1px;
	width: 38px;
	height: 43px;
	background-position: 13px -30px
}

.stickerCollectionView .next {
	position: absolute;
	z-index: 2;
	right: 0;
	top: -1px;
	width: 38px;
	height: 43px;
	background-position: -27px -30px
}

.stickerCollectionView .next:hover {
	background-position: -27px 13px
}

.stickerCollectionView .stickerNav {
	position: absolute;
	width: 100%;
	height: 44px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.stickerCollectionView .stickerNav .kindOfStickerItem {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 44px;
	text-align: center
}

.stickerCollectionView .stickerNav button {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: transparent;
	cursor: pointer;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.stickerCollectionView .stickerNav .on {
	background-color: #ebebeb
}

.stickerCollectionView .stickerListWrap {
	overflow-y: auto;
	max-height: 260px;
	margin: 0;
	-webkit-overflow-scrolling: touch
}

.stickerCollectionView .stickerListWrap .stickerList {
	padding: 5px 10px 0;
	overflow: hidden;
	text-align: left;
	font-size: 0
}

.stickerCollectionView .stickerListWrap .stickerList ul {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 4px;
	grid-row-gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
	grid-auto-rows: minmax(70px, auto)
}

.stickerCollectionView .stickerListWrap .stickerList .thumb {
	display: block;
	overflow: hidden;
	width: 78px;
	height: 100%;
	margin: 0 auto;
	text-indent: -9999px;
	cursor: pointer
}

.waitingBandWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	background: #f0f2f3
}

.waitingHeader {
	position: relative;
	background: #000;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.waitingHeader:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: .1;
	z-index: 10;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(55%, rgba(34, 34, 34, .1)), to(#000));
	background-image: -o-linear-gradient(bottom, rgba(34, 34, 34, .1) 55%, #000 100%);
	background-image: linear-gradient(to top, rgba(34, 34, 34, .1) 55%, #000 100%);
	content: ''
}

.waitingHeader .waitingTitleWrap {
	position: absolute;
	top: 8px;
	left: 15px;
	right: 15px;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-shadow: 0 0 12px rgba(0, 0, 0, .3);
	z-index: 20
}

.waitingHeader .waitingTitleWrap .bandLogoLink {
	position: absolute;
	top: 8px;
	left: 0;
	width: 60px;
	height: 22px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 60px 22px;
	mask-size: 60px 22px;
	background-color: #fff
}

.waitingHeader .waitingTitleWrap .waitingTitle {
	text-align: center;
	color: #fff;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 2.4rem;
	line-height: 3rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.waitingHeader .waitingTitleWrap .recruitingInfo {
	margin-top: 5px;
	font-size: 1.2rem;
	color: #fff
}

.waitingHeader .waitingTitleWrap .applyCount+.attendCount:before {
	margin: 2px 7px 0 2px;
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 11px;
	background-color: #fff;
	content: ''
}

.waitingHeader .waitingHeaderCover {
	height: 160px;
	max-height: 160px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	opacity: .85
}

.waitingContents {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.beforeStartText {
	padding: 14px 15px;
	line-height: 2.1rem;
	font-size: 1.6rem;
	color: #222;
	text-align: center;
	background: #fff
}

.beforeStartText em {
	color: #2ecc71;
	font-weight: 700
}

.waitingContMainInfo {
	margin: 10px 0 0;
	padding: 16px 15px 16px;
	background-color: #fff
}

.missionTitleWrap {
	padding-top: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e7e7e7
}

.missionTitleWrap .orderByInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.4rem
}

.missionTitleWrap strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	font-weight: 700;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.missionTitleWrap span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.missionTitleWrap .missionTitle {
	word-break: break-word;
	font-size: 1.9rem;
	color: #222;
	font-weight: 700
}

.missionTitleWrap .missionDateInfo {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	padding: 0 6px;
	line-height: 1.9rem;
	border-radius: 3px;
	background-color: #f6f7f8
}

.missionTitleWrap .frequencyInfo {
	font-size: 1.1rem;
	color: #2ecc71;
	font-weight: 700
}

.missionTitleWrap .frequencyInfo+.priodInfo:before {
	margin: 3px 7px 0 0;
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 14px;
	background-color: #d6d6d6;
	content: ''
}

.missionTitleWrap .priodInfo {
	font-size: 1.1rem;
	color: #444
}

.missionContentBox {
	padding: 17px 0 24px;
	border-bottom: 1px solid #f0f0f0
}

.missionContentBox:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.missionContentBox .missionSubTitle {
	font-size: 1.5rem;
	color: #222;
	font-weight: 600
}

.missionContentBox .missionSubTitle .uIconFaceBad,
.missionContentBox .missionSubTitle .uIconFaceGood {
	margin: 2px 7px 0 0;
	vertical-align: top
}

.missionContentBox .missionText {
	line-height: 1.3;
	font-size: 1.5rem;
	color: #222
}

.missionContentBox .missionMedia {
	position: relative
}

.missionContentBox .missionMedia img {
	border-radius: 7px;
	width: 100%
}

.waitingFooter {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.uMemberStateMark.-iconType {
	position: absolute;
	bottom: -3px;
	right: -3px
}

.uMemberStateMark.-iconType.-leader {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-badge-leader-14)
}

.uMemberStateMark.-iconType.-coleader {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-badge-co-leader-14)
}

.uMemberStateMark.-iconType18 {
	position: absolute;
	bottom: -2px;
	right: -2px
}

.uMemberStateMark.-iconType18.-leader {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-badge-leader-18)
}

.uMemberStateMark.-iconType18.-coleader {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-badge-co-leader-18)
}

.uMemberStateMark.-iconTransparent {
	position: absolute;
	bottom: -2px;
	right: -2px
}

.uMemberStateMark.-iconTransparent.-leader {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-leadermark-15)
}

.uMemberStateMark.-iconTransparent.-coleader {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-coleadermark-15)
}

.uMemberStateMark.-textType {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 15px;
	padding: 0 6px;
	border-radius: 10px;
	background-color: #888;
	font-size: 1rem;
	line-height: .9rem;
	color: #fff
}

.uMemberStateMark.-textType.-coleader:before,
.uMemberStateMark.-textType.-leader:before {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	margin-right: 3px;
	content: ''
}

.uMemberStateMark.-textType.-leader {
	background: #23b877
}

.uMemberStateMark.-textType.-leader:before {
	width: 10px;
	height: 6px;
	-webkit-mask-image: url(#ico-p-mark-leader);
	mask-image: url(#ico-p-mark-leader);
	-webkit-mask-size: 10px 6px;
	mask-size: 10px 6px;
	background-color: #fff
}

.uMemberStateMark.-textType.-coleader:before {
	width: 10px;
	height: 6px;
	-webkit-mask-image: url(#ico-p-mark-leader);
	mask-image: url(#ico-p-mark-leader);
	-webkit-mask-size: 10px 6px;
	mask-size: 10px 6px;
	background-color: #fff
}

.uEmpty {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 55px 0;
	background-color: #fff
}

.uEmpty.-heightAuto {
	height: auto
}

.uEmpty.-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.uEmpty .uEmptyIcon.-iconPost {
	width: 45px;
	height: 46px;
	background-size: 45px 46px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-uEmpty-post)
}

.uEmpty .uEmptyIcon.-iconAlbum {
	width: 45px;
	height: 45px;
	background-size: 45px 45px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-photo-empty)
}

.uEmpty .uEmptyIcon.-iconChatting {
	width: 45px;
	height: 45px;
	background-size: 45px 45px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-chat-empty)
}

.uEmpty .uEmptyIcon+.uEmptyDesc {
	padding-top: 9px
}

.uEmpty .uEmptyTitle {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.17;
	color: #222
}

.uEmpty .uEmptyTitle+.uEmptyDesc {
	padding-top: 9px
}

.uEmpty .uEmptyTitle.-w100 {
	width: 100%
}

.uEmpty .uEmptyTitle.-lightGray {
	color: #c9c9ca
}

.uEmpty .uEmptyDesc {
	font-size: 1.3rem;
	line-height: 1.38;
	color: #333
}

.uEmpty .uEmptyDesc.-lightGray {
	color: #888
}

.uEmpty .uEmptyDesc.-gray {
	color: #666
}

.uEmpty .uEmptyDesc.-w100 {
	width: 100%
}

.uCoverImage {
	position: relative;
	background-color: #ebebeb
}

.uCoverImage.-w18 {
	width: 18px;
	height: 18px
}

.uCoverImage.-w24 {
	width: 24px;
	height: 24px
}

.uCoverImage.-w30 {
	width: 30px;
	height: 30px
}

.uCoverImage.-w36 {
	width: 36px;
	height: 36px
}

.uCoverImage.-w44 {
	width: 44px;
	height: 44px
}

.uCoverImage.-w50 {
	width: 50px;
	height: 50px
}

.uCoverImage.-border {
	border-radius: 50%
}

.uCoverImage.-border:after {
	border-color: rgba(0, 0, 0, .04);
	border-style: solid;
	border-width: 1px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	content: ''
}

.uCoverImage.-border .coverImg {
	border-radius: 50%
}

.uCoverImage .coverImg {
	width: 100%;
	border-radius: 2px
}

.uInputSearch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uInputSearch .uInputSearchBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 35px;
	border-radius: 3px;
	background-color: #f6f6f6
}

.uInputSearch .inputText {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	border: 0;
	background: 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #222
}

.uInputSearch .inputText::-webkit-input-placeholder {
	color: #aaa
}

.uInputSearch .inputText::-moz-placeholder {
	color: #aaa
}

.uInputSearch .inputText:-ms-input-placeholder {
	color: #aaa
}

.uInputSearch .inputText::-ms-input-placeholder {
	color: #aaa
}

.uInputSearch .inputText::placeholder {
	color: #aaa
}

.uInputSearch .iconSearch {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-find);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 6px 0 11px;
	-webkit-mask-image: none;
	mask-image: none;
	background-color: transparent
}

.uInputSearch .buttonBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uInputSearch .buttonSearch {
	height: 35px;
	padding: 0 11px;
	margin-left: 8px;
	border-radius: 3px;
	background-color: #d6d7db;
	font-size: 1.3rem;
	line-height: 3.5rem;
	color: #fff
}

.uInputSearch .buttonSearch.-active {
	background-color: #3bd06f
}

.uInputSearch .buttonReset {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: none;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-search-reset);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 15px
}

.uInputSearch .buttonReset.-active {
	display: block
}

.uInputCheckWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uInputCheckWrap+.uInputCheckWrap {
	margin-top: 15px
}

.uInputCheckWrap .label {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.uInputCheckWrap .label .text {
	display: block;
	font-size: 1.5rem;
	line-height: normal;
	color: #222
}

.uInputCheckWrap .label .value {
	display: block;
	margin-top: 1px;
	font-size: 1.4rem;
	line-height: normal;
	color: #00c86a
}

.uInputCheckWrap .label.-fontColorLightGray {
	color: #555
}

.uInputCheckWrap .uInputCheck {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 20px
}

.uInputCheckWrap .uInputCheck .inputCheck {
	z-index: 100
}

.uInputCheck .inputCheck {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.uInputCheck .inputCheck:checked+.inputCheckLabel:after {
	background-color: #00c86a;
	border: 0;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-input-check-on)
}

.uInputCheck .inputCheckLabel:after {
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #fff;
	vertical-align: top;
	content: ''
}

.uInputCheck.-roundSquare {
	position: relative;
	text-align: center
}

.uInputCheck.-roundSquare .inputCheck:checked+.inputCheckLabel:before {
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-checked)
}

.uInputCheck.-roundSquare .inputCheck:checked+.inputCheckLabel:after {
	display: none
}

.uInputCheck.-roundSquare .inputCheckLabel:before {
	vertical-align: top;
	margin-top: -2px;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-uncheck)
}

.uInputCheck.-roundSquare .inputCheckLabel:after {
	display: none
}

.uInputRadio .inputRadio {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.uInputRadio .inputRadio:checked+.inputRadioLabel:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-input-check-on);
	background-color: #00c86a;
	border: 0
}

.uInputRadio .inputRadioLabel:after {
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	vertical-align: top;
	content: ''
}

.uCollage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uCollage .collageItem {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1
}

.uCollage .collageItem.-border:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	border-color: rgba(0, 0, 0, .05);
	border-style: solid;
	border-width: 1px
}

.uCollage .collageItem.-expiredVideo .uIconPlay {
	display: none
}

.uCollage .collageItem+.collageItem {
	margin-left: 2px
}

.uCollage .collageImage img {
	width: 100%
}

.uCollage .iconGif {
	width: 31px;
	height: 16px;
	background-size: 31px 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-gif-m);
	position: absolute;
	left: 10px;
	bottom: 10px
}

.uCollage .uVideoExpired {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	content: ''
}

.uCollage .uVideoExpired .text {
	display: none
}

.uCollage .iconExpired {
	width: 50px;
	height: 50px;
	-webkit-mask-image: url(#icon-expiration-60);
	mask-image: url(#icon-expiration-60);
	-webkit-mask-size: 50px 50px;
	mask-size: 50px 50px;
	background-color: #fff;
	display: block
}

.uCollage .communicationStatus {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	right: 10px;
	bottom: 10px;
	height: 20px;
	padding: 0 10px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .7);
	font-size: 1.3rem;
	color: #fff;
	line-height: 1
}

.uCollage .communicationStatus .iconComment,
.uCollage .communicationStatus .iconEmotion {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uCollage .communicationStatus .iconComment:before,
.uCollage .communicationStatus .iconEmotion:before {
	display: block;
	margin-right: 3px;
	content: ''
}

.uCollage .communicationStatus .iconEmotion:before {
	width: 15px;
	height: 15px;
	-webkit-mask-image: url(#ico-face-14-f);
	mask-image: url(#ico-face-14-f);
	-webkit-mask-size: 15px 15px;
	mask-size: 15px 15px;
	background-color: #fff
}

.uCollage .communicationStatus .iconEmotion+.iconComment {
	margin-left: 4px
}

.uCollage .communicationStatus .iconComment:before {
	width: 15px;
	height: 15px;
	-webkit-mask-image: url(#ico-comment-14-f);
	mask-image: url(#ico-comment-14-f);
	-webkit-mask-size: 15px 15px;
	mask-size: 15px 15px;
	background-color: #fff
}

.uCollage .moreMedia {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .6)
}

.uCollage .moreMedia .moreText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	color: #fff
}

.uCollage .moreMedia .moreText:before {
	content: "+";
	position: relative;
	top: -1px
}

.uCollage[data-collage="1"] .collageImage {
	overflow: hidden;
}

.uCollage[data-collage="1"] .-expiredVideo {
	min-height: 180px
}

.uCollage[data-collage="3"] .uVideoExpired .iconExpired {
	marsk-size: 30px 30px
}

.uFlexList .thumbnail {
	position: relative
}

.uFlexList .thumbnail:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	z-index: 2;
	content: '';
	border-color: rgba(0, 0, 0, .04);
	border-style: solid;
	border-width: 1px
}

.uFlexList .thumbnail.-circle {
	border-radius: 50%;
	overflow: hidden
}

.uFlexList .thumbnail.-circle:before {
	border-radius: 50%
}

.uFlexList .thumbnail img {
	width: 100%;
	height: 100%
}

.uFlexList .itemBox.-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uFlexList .itemTitleS {
	line-height: 1.21;
	font-size: 1.4rem;
	color: #222
}

.uFlexList .itemTitleS .itemTitleName {
	vertical-align: middle;
	font-weight: 700;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.uFlexList .itemTitleS .itemType {
	white-space: nowrap
}

.uFlexList .itemTitleS .itemType.-at:before {
	padding-right: 2px;
	color: #30cd67;
	content: '@'
}

.uFlexList .itemTitleS .itemCommentCount {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 15px;
	padding: 0 6px 0 4px;
	border-radius: 8px;
	vertical-align: top;
	line-height: 1.5rem;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	background-color: #ccc
}

.uFlexList .itemTitleS .itemCommentCount:before {
	content: '';
	margin-top: 4px;
	margin-right: 3px;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-alert-commnet);
	width: 8px;
	height: 8px;
	background-size: 8px 8px
}

.uFlexList .itemText {
	color: #222;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uFlexList .itemText.-sub {
	color: #999;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.6rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uFlexList .itemText.-flexUi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uFlexList .itemLabel {
	display: inline-block;
	vertical-align: top;
	height: 15px;
	padding: 0 6px;
	border-radius: 8px;
	line-height: 1.5rem;
	color: #fff;
	font-size: 1rem;
	background-color: #ccc
}

.uFlexList .itemSubText {
	line-height: 1.25;
	white-space: nowrap;
	font-size: 1.2rem;
	color: #999
}

.uFlexList .itemSubText.-ellipsis {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.6rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.uFlexList .itemSubText.-flexSubUiTypeA {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.uFlexList .itemSubText+.itemSubText:before {
	margin: 0 6px;
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	background-color: #aaa;
	content: ''
}

.uFlexList .itemRoundButton {
	display: inline-block;
	height: 25px;
	padding: 0 9px;
	border-radius: 13px;
	border: 1px solid #888;
	font-size: 1.2rem;
	line-height: 2.4rem
}

.uFlexList .minorInfo {
	position: relative
}

.uFlexList .minorInfo.-video:after {
	margin: -15px 0 0 -15px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-play-60);
	width: 30px;
	height: 30px;
	background-size: 30px 30px
}

.uFlexList .minorInfo img {
	width: 100%;
	height: 100%;
	border-radius: 2px
}

.uFlexList .minorInfo .imgCount {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 18px;
	padding: 0 4px;
	border-radius: 1.5px;
	line-height: 1.8rem;
	color: #fff;
	font-size: 1rem;
	background-color: rgba(0, 0, 0, .8);
	z-index: 2
}

.uFlexListItem,
.uFlexListLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.uFlexListItem.-highlightBg,
.uFlexListLink.-highlightBg {
	background-color: #fefef2
}

.uFlexListItem.-highlightBg .majorInfo .itemCommentCount,
.uFlexListLink.-highlightBg .majorInfo .itemCommentCount {
	background-color: #39cf6d
}

.uFlexListItem.-justifyBetween,
.uFlexListLink.-justifyBetween {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.uFlexListItem.-justifyAround,
.uFlexListLink.-justifyAround {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.uFlexListItem.-alignItemFlexStart,
.uFlexListLink.-alignItemFlexStart {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.uFlexListItem.-bLine,
.uFlexListLink.-bLine {
	border-color: #eee;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.uFlexListItem .uFlexBox,
.uFlexListLink .uFlexBox {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.uFlexListItem .uFixBox,
.uFlexListLink .uFixBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uFlexListItem .uFixBox.-w90,
.uFlexListLink .uFixBox.-w90 {
	width: 90px;
	height: 90px
}

.uFlexListItem .uFixBox.-w78,
.uFlexListLink .uFixBox.-w78 {
	width: 78px;
	height: 78px
}

.uFlexListItem .uFixBox.-w75,
.uFlexListLink .uFixBox.-w75 {
	width: 75px;
	height: 75px
}

.uFlexListItem .uFixBox.-w56,
.uFlexListLink .uFixBox.-w56 {
	width: 56px;
	height: 56px
}

.uFlexListItem .uFixBox.-w50,
.uFlexListLink .uFixBox.-w50 {
	width: 50px;
	height: 50px
}

.uFlexListItem .uFixBox.-w44,
.uFlexListLink .uFixBox.-w44 {
	width: 44px;
	height: 44px
}

.uFlexListItem.-arrowListLink,
.uFlexListLink.-arrowListLink {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-right: 15px
}

.uFlexListItem.-arrowListLink:after,
.uFlexListLink.-arrowListLink:after {
	width: 6px;
	height: 11px;
	-webkit-mask-image: url(#icon-arrow-7-r);
	mask-image: url(#icon-arrow-7-r);
	-webkit-mask-size: 6px 11px;
	mask-size: 6px 11px;
	background-color: #ccc;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background-color: #ccc;
	content: ''
}

.uFlexListItem.-selectable,
.uFlexListLink.-selectable {
	position: relative
}

.uFlexListItem.-selectable .thumbnail,
.uFlexListLink.-selectable .thumbnail {
	position: relative;
	z-index: 20
}

.uFlexListItem.-selectable .inputCheckLabel,
.uFlexListItem.-selectable .inputRadioLabel,
.uFlexListLink.-selectable .inputCheckLabel,
.uFlexListLink.-selectable .inputRadioLabel {
	display: block;
	width: 100%;
	height: 100%
}

.uFlexListItem.-selectable .inputCheckLabel:after,
.uFlexListItem.-selectable .inputRadioLabel:after,
.uFlexListLink.-selectable .inputCheckLabel:after,
.uFlexListLink.-selectable .inputRadioLabel:after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.newsSection .minorInfo:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	z-index: 2;
	content: '';
	border-color: rgba(0, 0, 0, .04);
	border-style: solid;
	border-width: 1px
}

.chattingSection .-isPinned {
	position: relative
}

.chattingSection .-isPinned:before {
	position: absolute;
	left: 47px;
	top: 50px;
	content: '';
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-pinned-18);
	width: 24px;
	height: 24px;
	z-index: 2;
	background-size: 24px 24px
}

.chattingSection .uFlexListLink {
	padding-left: 15px;
	padding-right: 15px
}

.chattingSection .itemText {
	color: #888;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.chattingSection .itemText.-sub {
	color: #888;
	font-size: 1.2rem
}

.chattingSection .itemDate {
	font-size: 1.2rem;
	color: #888
}

.chattingSection .newCount {
	display: inline-block;
	vertical-align: top;
	height: 20px;
	padding: 0 7px;
	border-radius: 10px;
	line-height: 2.1rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: #fff;
	background-color: #39cf6d
}

.uCardList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uCardList .cardListItem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%
}

.uCardList.-mainBandList {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 15px;
	grid-row-gap: 40px;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr))
}

.uCardList.-mainBandList .cardListItem {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: auto
}

.uCardList .cardListItemLink {
	display: block
}

.uCardList .cardListItemLink .uOfficialBand {
	margin-top: 2px
}

.uCardList .cardThumbBox {
	position: relative;
	padding-top: 75%
}

.uCardList .cardThumb {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #ebebeb;
	border-radius: 5px
}

.uCardList .cardThumb:before {
	width: 70px;
	height: 25px;
	background-size: 70px 25px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#icon-band-logo);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .1
}

.uCardList .cardThumb.-border:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	content: '';
	border-color: rgba(0, 0, 0, .04);
	border-style: solid;
	border-width: 1px
}

.uCardList .cardThumb.-dimmed:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .3);
	content: ''
}

.uCardList .cardThumb .icon {
	position: absolute
}

.uCardList .cardThumb .icon.uIconPlay {
	z-index: 10
}

.uCardList .cardThumb .cardThumbImage {
	position: relative;
	width: 100%
}

.uCardList .cardTextBox .cardName {
	font-size: 1.5rem;
	line-height: 1.9rem
}

.uCardList .cardTextBox .cardSubText {
	font-size: 1.2rem;
	line-height: 1.7rem
}

.uCardList .cardTextBox .emphasisText:after {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 3px 0 5px;
	background-color: #48c385;
	vertical-align: top;
	content: ''
}

.uCardList .cardTextBox .-ellipsis {
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.uCardList .cardTextBox .-multiEllipsis {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uVoicePlayer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 7px 9px;
	height: 50px;
	width: auto;
	border-radius: 25px;
	font-size: 0;
	background: 0 0
}

.uVoicePlayer .control {
	overflow: hidden;
	position: relative;
	width: auto;
	height: 100%;
	vertical-align: top;
	outline: 0
}

.uVoicePlayer .control.-play:before {
	vertical-align: top;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-voice-play-30)
}

.uVoicePlayer .control.-stop:before {
	vertical-align: top;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-voice-stop-30)
}

.uVoicePlayer .control.-pause:before {
	vertical-align: top;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-voice-pause-30)
}

.uVoicePlayer .control.-pause+.status:before {
	background: url() no-repeat 0 0
}

.uVoicePlayer .control.-pause+.status .timeText {
	color: #48c385
}

.uVoicePlayer .control.-loading:before {
	vertical-align: top;
	-webkit-animation: uLoadingAni .9s ease-in-out infinite;
	animation: uLoadingAni .9s ease-in-out infinite;
	width: 37px;
	height: 37px;
	background-size: 37px 37px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#loading)
}

.uVoicePlayer .status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%
}

.uVoicePlayer .status:before {
	margin: 0 10px 0 11px;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 30px;
	background: url() no-repeat 0 0;
	background-size: 90px auto!important;
	content: ''
}

.uVoicePlayer .status .timeText {
	display: inline-block;
	vertical-align: top;
	color: #333;
	font-weight: 500;
	font-size: 1.5rem
}

@-webkit-keyframes uLoadingAni {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes uLoadingAni {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.uLoading {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: uLoadingAni .9s ease-in-out infinite;
	animation: uLoadingAni .9s ease-in-out infinite;
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#loading)
}

.uLoading.-size32 {
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#loading)
}

@keyframes uLoadingAni {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.uEmotion.-size19After,
.uEmotion.-size26After,
.uEmotion.-size28After,
.uEmotion.-size40After,
.uEmotion.-size43After {
	position: relative
}

.uEmotion.-size19After:after,
.uEmotion.-size26After:after,
.uEmotion.-size28After:after,
.uEmotion.-size40After:after,
.uEmotion.-size43After:after {
	z-index: 2;
	position: relative
}

.uEmotion {
	vertical-align: top
}

.uEmotion.-selected:before {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	content: ''
}

.uEmotion.-size19.-like {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -107px -158px;
	background-size: 201px auto
}

.uEmotion.-size19.-smile {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px -137px;
	background-size: 201px auto
}

.uEmotion.-size19.-best {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -87px -158px;
	background-size: 201px auto
}

.uEmotion.-size19.-surprise {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -67px -158px;
	background-size: 201px auto
}

.uEmotion.-size19.-sad {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -47px -158px;
	background-size: 201px auto
}

.uEmotion.-size19.-angry {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -27px -158px;
	background-size: 201px auto
}

.uEmotion.-size19After {
	width: 19px;
	height: 19px
}

.uEmotion.-size19After.-like:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -107px -158px;
	background-size: 201px auto
}

.uEmotion.-size19After.-smile:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px -137px;
	background-size: 201px auto
}

.uEmotion.-size19After.-best:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -87px -158px;
	background-size: 201px auto
}

.uEmotion.-size19After.-surprise:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -67px -158px;
	background-size: 201px auto
}

.uEmotion.-size19After.-sad:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -47px -158px;
	background-size: 201px auto
}

.uEmotion.-size19After.-angry:after {
	width: 19px;
	height: 19px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -27px -158px;
	background-size: 201px auto
}

.uEmotion.-size26.-like {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px -29px;
	background-size: 201px auto
}

.uEmotion.-size26.-smile {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -145px -129px;
	background-size: 201px auto
}

.uEmotion.-size26.-best {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px -110px;
	background-size: 201px auto
}

.uEmotion.-size26.-surprise {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px -83px;
	background-size: 201px auto
}

.uEmotion.-size26.-sad {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px -56px;
	background-size: 201px auto
}

.uEmotion.-size26.-angry {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -158px;
	background-size: 201px auto
}

.uEmotion.-size26After {
	width: 26px;
	height: 26px
}

.uEmotion.-size26After.-like:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px -29px;
	background-size: 201px auto
}

.uEmotion.-size26After.-smile:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -145px -129px;
	background-size: 201px auto
}

.uEmotion.-size26After.-best:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px -110px;
	background-size: 201px auto
}

.uEmotion.-size26After.-surprise:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px -83px;
	background-size: 201px auto
}

.uEmotion.-size26After.-sad:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px -56px;
	background-size: 201px auto
}

.uEmotion.-size26After.-angry:after {
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 -158px;
	background-size: 201px auto
}

.uEmotion.-size28.-like {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -129px;
	background-size: 201px auto
}

.uEmotion.-size28.-smile {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -29px -129px;
	background-size: 201px auto
}

.uEmotion.-size28.-best {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -58px -129px;
	background-size: 201px auto
}

.uEmotion.-size28.-surprise {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -87px -129px;
	background-size: 201px auto
}

.uEmotion.-size28.-sad {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -116px -129px;
	background-size: 201px auto
}

.uEmotion.-size28.-angry {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -173px 0;
	background-size: 201px auto
}

.uEmotion.-size28After {
	width: 28px;
	height: 28px
}

.uEmotion.-size28After.-like:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 -129px;
	background-size: 201px auto
}

.uEmotion.-size28After.-smile:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -29px -129px;
	background-size: 201px auto
}

.uEmotion.-size28After.-best:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -58px -129px;
	background-size: 201px auto
}

.uEmotion.-size28After.-surprise:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -87px -129px;
	background-size: 201px auto
}

.uEmotion.-size28After.-sad:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -116px -129px;
	background-size: 201px auto
}

.uEmotion.-size28After.-angry:after {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -173px 0;
	background-size: 201px auto
}

.uEmotion.-size40.-like {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -88px;
	background-size: 201px auto
}

.uEmotion.-size40.-smile {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -132px -41px;
	background-size: 201px auto
}

.uEmotion.-size40.-best {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -132px 0;
	background-size: 201px auto
}

.uEmotion.-size40.-surprise {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -82px -88px;
	background-size: 201px auto
}

.uEmotion.-size40.-sad {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -41px -88px;
	background-size: 201px auto
}

.uEmotion.-size40.-angry {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -132px -82px;
	background-size: 201px auto
}

.uEmotion.-size40After {
	width: 40px;
	height: 40px
}

.uEmotion.-size40After.-like:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 -88px;
	background-size: 201px auto
}

.uEmotion.-size40After.-smile:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -132px -41px;
	background-size: 201px auto
}

.uEmotion.-size40After.-best:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -132px 0;
	background-size: 201px auto
}

.uEmotion.-size40After.-surprise:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -82px -88px;
	background-size: 201px auto
}

.uEmotion.-size40After.-sad:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -41px -88px;
	background-size: 201px auto
}

.uEmotion.-size40After.-angry:after {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -132px -82px;
	background-size: 201px auto
}

.uEmotion.-size43.-like {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -88px 0;
	background-size: 201px auto
}

.uEmotion.-size43.-smile {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -44px -44px;
	background-size: 201px auto
}

.uEmotion.-size43.-best {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 -44px;
	background-size: 201px auto
}

.uEmotion.-size43.-surprise {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -44px 0;
	background-size: 201px auto
}

.uEmotion.-size43.-sad {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: -88px -44px;
	background-size: 201px auto
}

.uEmotion.-size43.-angry {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url();
	background-position: 0 0;
	background-size: 201px auto
}

.uEmotion.-size43After {
	width: 43px;
	height: 43px
}

.uEmotion.-size43After.-like:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -88px 0;
	background-size: 201px auto
}

.uEmotion.-size43After.-smile:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -44px -44px;
	background-size: 201px auto
}

.uEmotion.-size43After.-best:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 -44px;
	background-size: 201px auto
}

.uEmotion.-size43After.-surprise:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -44px 0;
	background-size: 201px auto
}

.uEmotion.-size43After.-sad:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -88px -44px;
	background-size: 201px auto
}

.uEmotion.-size43After.-angry:after {
	width: 43px;
	height: 43px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 0;
	background-size: 201px auto
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-like:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -176px 0
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-smile:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -88px -88px
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-best:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 -88px
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-surprise:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -88px 0
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-sad:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: -176px -88px
}

.uEmotion.-mediaViewerEmotionSelectionEffect.-angry:after {
	width: 86px;
	height: 86px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	content: '';
	background-image: url();
	background-position: 0 0
}

.uEmotionSelectWrap {
	display: none;
	z-index: 1000;
	position: absolute;
	left: 50%;
	bottom: 44px;
	width: 100%;
	height: 55px;
	padding: 0 9px;
	margin-left: -50%
}

.uEmotionSelectWrap.-arrowLeftBottom {
	bottom: 56px
}

.uEmotionSelectWrap.-arrowLeftBottom:before {
	display: block;
	top: 100%;
	left: 40px
}

.uEmotionSelectWrap:before {
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(56, 56, 56, .95);
	content: ''
}

.uEmotionSelectWrap .uEmotionList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 310px;
	padding: 6px;
	background: rgba(56, 56, 56, .95);
	border-radius: 55px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0
}

.photoViewerWrap .uEmotionSelectWrap:before {
	display: inline-block;
	top: auto;
	bottom: -5px;
	left: 95px
}

.uEmotionSelectedListWrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 65px;
	background: #fafafa;
	padding-left: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-color: #efefef;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.uCommentEmotionCountWrap:not(:empty)~.uEmotionSelectedListWrap {
	border-top: none
}

.uEmotionSelectedListWrap:before {
	position: absolute;
	left: 12px;
	right: 12px;
	top: 100%;
	content: '';
	border-color: #efefef;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.uEmotionSelectedListWrap .btnShowEmotions {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 38px;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	background-size: 38px 38px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#img-reply-expression-default)
}

.uEmotionSelectedListWrap .emptyTxt {
	margin: 0 17px;
	font-size: 1.4rem;
	line-height: normal;
	color: #888
}

.uEmotionSelectedListWrap .memberList {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 38px;
	margin-left: 8px;
	padding: 0 0 3px 0
}

.uEmotionSelectedListWrap .memberList .member {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 35px;
	flex: 0 0 35px;
	width: 35px;
	height: 35px;
	margin-bottom: 5px
}

.uEmotionSelectedListWrap .memberList .member+.member {
	margin-left: 11px
}

.uEmotionSelectedListWrap .memberList .memberProfileImg {
	width: 35px;
	height: 35px;
	vertical-align: top;
	border-radius: 50%
}


.uEmotionSelectedListWrap .memberList .btnActorFace {
	position: relative
}

.uEmotionSelectedListWrap .memberList .uEmotion {
	position: absolute;
	right: -5px;
	bottom: -5px;
	z-index: 10
}

.uEmotionSelectedListWrap .btnShowAll {
	display: block;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	margin: 0 3px 0 10px
}

.uEmotionSelectedListWrap .btnShowAll:before {
	width: 15px;
	height: 15px;
	-webkit-mask-image: url(#ico-arrow-right-15);
	mask-image: url(#ico-arrow-right-15);
	-webkit-mask-size: 15px 15px;
	mask-size: 15px 15px;
	background-color: #999;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: ''
}

.uCommentEmotionCountWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 11px 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uCommentEmotionCountWrap:empty {
	display: none
}

.uCommentEmotionCountWrap .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	font-size: 1.3rem;
	color: #222
}

.uCommentEmotionCountWrap .dot {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1px;
	flex: 0 0 1px;
	width: 1px;
	height: 1px;
	margin: 0 6px;
	background-color: #aaa
}

.simpleLineThemeForm {
	padding: 0 26px
}

.simpleLineThemeForm .rowBox {
	position: relative
}

.simpleLineThemeForm .label {
	position: absolute;
	top: 15px;
	left: 0;
	display: none;
	font-size: 1.3rem;
	color: #ccc
}

.simpleLineThemeForm .label:first-of-type {
	margin-top: 0
}

.simpleLineThemeForm .input {
	width: 100%;
	margin-top: 47px;
	font-size: 2.1rem;
	color: #222;
	padding-bottom: 10px;
	border-bottom: 1px solid #b8b8b8
}

.simpleLineThemeForm .input:focus,
.simpleLineThemeForm .input:valid {
	border-bottom: 1px solid #3bd06f
}

.simpleLineThemeForm .input:focus+.label,
.simpleLineThemeForm .input:valid+.label {
	display: block
}

.simpleLineThemeForm .error {
	padding-top: 4px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.12;
	color: #f70112
}

.inputReadOnlyText {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	border: 0;
	background-color: transparent;
	font-size: 1.5rem;
	line-height: 4.9rem;
	color: #444;
	-webkit-tap-highlight-color: transparent
}

.inputCode {
	width: 131px;
	height: 43px;
	border-radius: 2px;
	vertical-align: top;
	font-size: 2.7rem;
	font-weight: 800;
	text-align: center;
	color: #222;
	line-height: 4.1rem;
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 1px
}

.inputCode::-webkit-input-placeholder {
	color: #dfdfdf;
	font-size: 2.1rem;
	font-weight: 600
}

.inputCode::-moz-placeholder {
	color: #dfdfdf;
	font-size: 2.1rem;
	font-weight: 600
}

.inputCode:-ms-input-placeholder {
	color: #dfdfdf;
	font-size: 2.1rem;
	font-weight: 600
}

.inputCode::-ms-input-placeholder {
	color: #dfdfdf;
	font-size: 2.1rem;
	font-weight: 600
}

.inputCode::placeholder {
	color: #dfdfdf;
	font-size: 2.1rem;
	font-weight: 600
}

.inputCode+.inputCode {
	margin-left: 4px
}

.uCover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 132px;
	font-size: 1.3rem;
	vertical-align: top;
	border: 1px solid #d6d6d8;
	border-radius: 4px;
	border-bottom-width: 2px;
	border-bottom-color: #dddddf;
	background: #fff
}

.uCover .cover {
	position: relative;
	text-align: center;
	font-size: 0
}

.uCover .cover:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background: url() repeat-x;
	background-size: 1px 11px
}

.uCover .cover .coverImg {
	width: 100%;
	height: 108px
}

.uCover .bandName {
	display: table;
	table-layout: fixed;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 45px;
	color: #383838;
	border-bottom: 1px solid #d6d6d8;
	border-radius: 0 0 2px 2px
}

.uCover .bandName .bandWrap {
	display: table-cell;
	width: 100%;
	padding: 0 10px;
	color: #555;
	text-align: center;
	vertical-align: middle
}

.uCover .bandName .uriText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.7rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.uCover .bandName.pTxt {
	height: 88px;
	text-align: center
}

.uCover .bandName.pTxt .uriText {
	padding: 10px 10px 0;
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.uCover .bandName.pTxt .inviteFrom {
	padding: 4px 10px 0;
	color: #999;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.7rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uCover .newIcon {
	position: absolute;
	left: 4px;
	bottom: 52px;
	width: 8px;
	height: 8px
}

.uCover .uOfficialBand {
	position: absolute;
	right: 6px;
	bottom: -9px
}

.uCover.aside {
	width: 100%;
	min-width: 210px
}

.uCover.aside .cover .coverImg {
	height: 156px!important
}

.uProfile {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 0
}

.uProfile .profileInner {
	display: block;
	position: relative;
	font-size: 0;
	background: #ebebeb;
	border-radius: 50%;
	background: url(#profile-default) no-repeat 0 0;
	background-size: 100% 100%
}

.uProfile .profileInner:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff
}

.uProfile .profileInner img {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	vertical-align: top
}

.uProfile .profileInner .iconCamera {
	z-index: 10;
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 29px;
	height: 24px;
	background-size: 29px 24px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-profile-camera)
}

.uProfile.-coleader .uMemberStateMark {
	background-color: #888
}

.uProfile.-pageIcon:before {
	position: absolute;
	right: -2px;
	bottom: -2px;
	z-index: 1
}

.uProfile.-pageIcon .profileInner {
	position: relative;
	background-color: #5c636a
}

.uProfile.-pageIcon .profileInner:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-profile-page34)
}

.uProfile .photo_submit {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.uProfile .photo_submit.icon-camera-bg:before {
	font-size: 2.5rem;
	color: #fff;
	width: 1px;
	display: inline-block;
	padding-right: 23px
}

.uProfile .photo_submit .icon-camera:before {
	position: absolute;
	left: 2px;
	top: 2px;
	font-size: 2.2rem;
	color: #222;
	width: 1px;
	display: inline-block;
	padding-right: 23px
}

.uProfile .photo_submit .image_upload {
	position: absolute;
	right: -3px;
	top: -3px;
	opacity: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 100
}

.uProfile.-border:after {
	border-color: rgba(0, 0, 0, .04);
	border-style: solid;
	border-width: 1px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	content: ''
}

.uProfile.-w16.-pageIcon .profileInner:before {
	width: 7px;
	height: 7px;
	background-size: 7px 7px
}

.uProfile.-w16 .profileInner {
	width: 16px;
	height: 16px
}

.uProfile.-w16 .profileInner:before {
	font-size: 1.2rem
}

.uProfile.-w20.-pageIcon:before {
	width: 13px;
	height: 13px;
	background-size: 13px 13px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w20.-pageIcon .profileInner:before {
	width: 9px;
	height: 9px;
	background-size: 9px 9px
}

.uProfile.-w20 .profileInner {
	width: 20px;
	height: 20px
}

.uProfile.-w20 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w20 .uMemberStateMark {
	width: 13px;
	height: 13px
}

.uProfile.-w20 .uMemberStateMark.-coleader,
.uProfile.-w20 .uMemberStateMark.-leader {
	width: 13px;
	height: 13px;
	background-size: 13px 13px
}

.uProfile.-w24.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w24.-pageIcon .profileInner:before {
	width: 11px;
	height: 11px;
	background-size: 11px 11px
}

.uProfile.-w24 .profileInner {
	width: 24px;
	height: 24px
}

.uProfile.-w24 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w25.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w25.-pageIcon .profileInner:before {
	width: 11px;
	height: 11px;
	background-size: 11px 11px
}

.uProfile.-w25 .profileInner {
	width: 25px;
	height: 25px
}

.uProfile.-w25 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w30.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w30.-pageIcon .profileInner:before {
	width: 13px;
	height: 13px;
	background-size: 13px 13px
}

.uProfile.-w30 .profileInner {
	width: 30px;
	height: 30px
}

.uProfile.-w30 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w34.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w34.-pageIcon .profileInner:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px
}

.uProfile.-w34 .profileInner {
	width: 34px;
	height: 34px
}

.uProfile.-w34 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w36.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w36.-pageIcon .profileInner:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px
}

.uProfile.-w36 .profileInner {
	width: 36px;
	height: 36px
}

.uProfile.-w36 .profileInner:before {
	font-size: 1.5rem
}

.uProfile.-w38.-pageIcon:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w38.-pageIcon .profileInner:before {
	width: 15px;
	height: 15px;
	background-size: 15px 15px
}

.uProfile.-w38 .profileInner {
	width: 38px;
	height: 38px
}

.uProfile.-w38 .profileInner:before {
	font-size: 1.6rem
}

.uProfile.-w40.-pageIcon:before {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w40.-pageIcon .profileInner:before {
	width: 17px;
	height: 17px;
	background-size: 17px 17px
}

.uProfile.-w40 .profileInner {
	width: 40px;
	height: 40px
}

.uProfile.-w40 .profileInner.-coleader,
.uProfile.-w40 .profileInner.-leader {
	background: 0 0
}

.uProfile.-w40 .profileInner.-coleader .maskImg,
.uProfile.-w40 .profileInner.-leader .maskImg {
	display: block;
	width: 40px;
	height: 40px;
	width: 40px;
	height: 40px;
	-webkit-mask-image: url(#ico-photo-profileMask);
	mask-image: url(#ico-photo-profileMask);
	-webkit-mask-size: 40px 40px;
	mask-size: 40px 40px;
	background-color: rgba(0, 0, 0, 0)
}

.uProfile.-w40 .profileInner:before {
	font-size: 1.8rem
}

.uProfile.-w44.-pageIcon:before {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-page-mark-17)
}

.uProfile.-w44.-pageIcon .profileInner:before {
	width: 19px;
	height: 19px;
	background-size: 19px 19px
}

.uProfile.-w44 .profileInner {
	width: 44px;
	height: 44px
}

.uProfile.-w50.-pageIcon .profileInner:before {
	width: 21px;
	height: 21px;
	background-size: 21px 21px
}

.uProfile.-w50 .profileInner {
	width: 50px;
	height: 50px
}

.uProfile.-w53.-pageIcon .profileInner:before {
	width: 21px;
	height: 21px;
	background-size: 21px 21px
}

.uProfile.-w53 .profileInner {
	width: 53px;
	height: 53px
}

.uProfile.-w60.-pageIcon .profileInner:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px
}

.uProfile.-w60 .profileInner {
	width: 60px;
	height: 60px
}

.uProfile.-w60 .profileInner:before {
	font-size: 3rem
}

.uProfile.-w67.-pageIcon .profileInner:before {
	width: 26px;
	height: 26px;
	background-size: 26px 26px
}

.uProfile.-w67 .profileInner {
	width: 67px;
	height: 67px
}

.uProfile.-w67 .profileInner:before {
	font-size: 3rem
}

.uProfile.-w70.-pageIcon .profileInner:before {
	width: 26px;
	height: 26px;
	background-size: 26px 26px
}

.uProfile.-w70 .profileInner {
	width: 70px;
	height: 70px
}

.uProfile.-w70 .profileInner:before {
	font-size: 4.5rem
}

.uProfile.-w90.-pageIcon .profileInner:before {
	width: 36px;
	height: 36px;
	background-size: 36px 36px
}

.uProfile.-w90 .profileInner {
	width: 90px;
	height: 90px
}

.uProfile.-w90 .profileInner:before {
	font-size: 5.5rem
}

.uProfile.-w90 .uMemberStateMark {
	bottom: 5px;
	right: 1px;
	width: 20px;
	height: 20px
}

.uProfile.-w90 .uMemberStateMark.-coleader,
.uProfile.-w90 .uMemberStateMark.-leader {
	width: 20px;
	height: 20px;
	background-size: 20px 20px
}

.uProfile.-w100.-pageIcon .profileInner:before {
	width: 40px;
	height: 40px;
	background-size: 40px 40px
}

.uProfile.-w100 .profileInner {
	width: 100px;
	height: 100px
}

.uProfile.-w140.-pageIcon .profileInner:before {
	width: 48px;
	height: 48px;
	background-size: 48px 48px
}

.uProfile.-w140 .profileInner {
	width: 140px;
	height: 140px
}

.uProfile.-w140 .profileInner:before {
	font-size: 9rem
}

.uBtn {
	overflow: hidden;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 15px;
	border-radius: 3px;
	background: #3bd06f;
	color: #fff;
	font-size: 1.7rem;
	line-height: normal;
	vertical-align: top
}

a.uBtn {
	text-decoration: none!important
}

.uBtn.-noWrap {
	white-space: nowrap
}

.uBtn.-w100 {
	width: 100%
}

.uBtn.-lightGray {
	background: rgba(170, 170, 170, .8)
}

.uBtn[disabled] {
	background: #d6d7db
}

.uBtn.-h25 {
	min-height: 25px
}

.uBtn.-h30 {
	min-height: 30px
}

.uBtn.-h35 {
	min-height: 35px
}

.uBtn.-reverse {
	color: #34cc6c;
	background: #fff;
	border-color: #34cc6c;
	border-style: solid;
	border-width: 1px
}

.uBtn.-reverse[disabled] {
	color: #d6d7db;
	border-color: #d6d7db;
	border-style: solid;
	border-width: 1px
}

.uBtn.-delete {
	color: #ff4c4c;
	background: #fff;
	border-color: #ff4c4c;
	border-style: solid;
	border-width: 1px
}

.uBtn.-grayBorder {
	color: #444;
	background-color: #fff;
	border-color: rgba(204, 204, 204, .8);
	border-style: solid;
	border-width: 1px
}

.uBtn.-darkBorder {
	background: #fff;
	color: #444;
	border-color: #777;
	border-style: solid;
	border-width: 1px
}

.uBtn.-modalGrayBorder {
	background: #fff;
	color: #444;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px
}

.uBtnSubscribeText {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	padding: 0 15px;
	border-radius: 16px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	background-color: #07c721
}

.uBtnSubscribeText:before {
	margin: 4px 6px 0 0;
	vertical-align: top;
	width: 10px;
	height: 10px;
	background-size: 10px 10px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-plus-10)
}

.uBtnSubscribeText.-onlyText {
	height: auto;
	display: block;
	padding: 0;
	border-radius: 0;
	font-size: 1.6rem;
	font-weight: 500;
	color: #07c721;
	background-color: transparent
}

.uBtnSubscribeText.-onlyText:before {
	display: none
}

.uSwitch[type=checkbox] {
	position: relative;
	height: 30px;
	padding: 2px;
	width: 50px;
	background: #dedede;
	border-radius: 15px;
	border: 0;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.uSwitch[type=checkbox]:checked,
.uSwitch[type=checkbox][checked=checked] {
	background: #11c473
}

.uSwitch[type=checkbox]:after {
	position: absolute;
	content: '';
	height: 26px;
	width: 26px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	border-radius: 15px;
	cursor: pointer;
	background: #fff;
	-webkit-transition: all .1s ease-in .1s;
	-o-transition: all .1s ease-in .1s;
	transition: all .1s ease-in .1s
}

.uSwitch[type=checkbox]:checked:after,
.uSwitch[type=checkbox][checked=checked]:after {
	left: 21px
}

.uIconSearch {
	vertical-align: top;
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#icon-search-24);
	mask-image: url(#icon-search-24);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #fff
}

.uIconPostWrite {
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon_post_write-24)
}

.uIconChatAdd {
	vertical-align: top;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#icon-plus);
	mask-image: url(#icon-plus);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #fff
}

.uIconPhotoAdd {
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-plus-24)
}

.uIconGroupbandMore {
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-topbar-more)
}

.uIconMoreOption {
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-topbar-more)
}

.uIconClose {
	vertical-align: top;
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-x-viewer)
}

.uIconCloseFill {
	vertical-align: top;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#icon-close-24);
	mask-image: url(#icon-close-24);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #fff
}

.uIconReport {
	vertical-align: top;
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-report)
}

.uIconFile {
	width: 33px;
	height: 33px;
	background-size: 33px 33px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-file)
}

.uIconContact {
	width: 33px;
	height: 33px;
	background-size: 33px 33px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-chat-contact)
}

.uIconChatMsg {
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-plus-chatting_message)
}

.uIconProfileUploadCamera {
	width: 26px;
	height: 22px;
	background-size: 26px 22px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-profile-cameraBG)
}

.uIconSetting {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-member-setting)
}

.uIconChatting {
	display: block;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#icon-chat-26);
	mask-image: url(#icon-chat-26);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px
}

.uIconBandCreate {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-home-bandcreate)
}

.uIconBandCreateBeginner {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-home-bandcreateBeginner)
}

.uIconBandGuide {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-home-bandguide)
}

.uIconBandSearch {
	width: 23px;
	height: 23px;
	background-size: 23px 23px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-home-bandsearch)
}

.uIconBandSearchBeginner {
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-home-bandsearchBeginner)
}

.uIconArrowR {
	width: 11px;
	height: 17px;
	-webkit-mask-image: url(#btn-arrow-right);
	mask-image: url(#btn-arrow-right);
	-webkit-mask-size: 11px 17px;
	mask-size: 11px 17px;
	background-color: #777
}

.uIconPlay {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-play-40)
}

.uIconPlay.-size48 {
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-play-48)
}

.uIconPlay.-size70 {
	width: 70px;
	height: 70px;
	background-size: 70px 70px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-play-40)
}

.uIconExpirationWhite {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-expiration-60)
}

.uIconFaceGood {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-good)
}

.uIconFaceBad {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#ico-bad)
}

.uWidget {
	margin: 10px 0
}

.uWidget .addonIframe {
	width: 100%;
	border: 0
}

.uWidget.-collageList {
	margin-left: -16px;
	margin-right: -16px
}

.snippet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60px;
	background-color: #f9f9f9
}

.snippet:before {
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	content: ''
}

.snippet .mejs-container {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.snippet .snippetThumb {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.snippet .snippetThumb .thumbnailImg {
	width: 100%
}

.snippet .snippetInfo {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 12px 15px
}

.snippet .snippetInfo .snippetTitle {
	font-weight: 700;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.snippet .snippetInfo .snippetTitle.-multiLine {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.snippet .snippetInfo .snippetTitle+.snippetText {
	margin-top: 4px
}

.snippet .snippetInfo .snippetText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.snippet .snippetInfo .snippetLink {
	margin-top: 6px;
	color: #888;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.snippet[data-thumbnail=type1] {
	height: 80px
}

.snippet[data-thumbnail=type1] .snippetThumb {
	width: 80px;
	height: 80px
}

.snippet[data-thumbnail=type2] .snippetThumb {
	overflow: hidden;
	width: 100px;
	height: 150px
}

.snippet[data-thumbnail=type2] .snippetThumb .thumbnailImg {
	width: auto;
	height: 100%
}

.snippet[data-thumbnail=type2] .snippetInfo .snippetTitle {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.3;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.snippet[data-thumbnail=type2] .snippetInfo .snippetText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.snippet[data-thumbnail=type3] {
	display: block
}

.snippet[data-thumbnail=type3]:before {
	display: none
}

.snippet[data-thumbnail=type3] .snippetThumb {
	z-index: 2
}

.snippet[data-thumbnail=type3] .snippetThumb:before {
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	border-bottom: 0;
	content: ''
}

.snippet[data-thumbnail=type3] .snippetInfo {
	display: block;
	position: relative;
	padding: 15px
}

.snippet[data-thumbnail=type3] .snippetInfo:before {
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	content: ''
}

.uWidgetItem {
	position: relative
}

.uWidgetItem .itemSummary {
	border-color: #e3e3e3;
	border-style: solid;
	border-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60px;
	background-color: #f9f9f9
}

.uWidgetItem .itemThumbnail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uWidgetItem .itemAttachmentIcon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 54px;
	margin-bottom: auto;
	text-align: center
}

.uWidgetItem .itemAttachmentIcon [class^=icon] {
	display: inline-block;
	margin-top: 14px;
	vertical-align: top
}

.uWidgetItem .itemAttachmentIcon .iconPostFile {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-file);
	mask-image: url(#icon-attachment-file);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconVote {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-vote);
	mask-image: url(#icon-attachment-vote);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconN {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-n);
	mask-image: url(#icon-attachment-n);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconTodo {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-todo);
	mask-image: url(#icon-attachment-todo);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconAttendance {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-attendence);
	mask-image: url(#icon-attachment-attendence);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconMarkdown {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-markdown);
	mask-image: url(#icon-attachment-markdown);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconAlbum {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-album);
	mask-image: url(#icon-attachment-album);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconCalendar {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-calendar);
	mask-image: url(#icon-attachment-calendar);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentIcon .iconSignup {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(#icon-attachment-signup);
	mask-image: url(#icon-attachment-signup);
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px
}

.uWidgetItem .itemAttachmentInfo {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 12px 15px 12px 0
}

.uWidgetItem .attachmentStatus {
	font-size: 1.3rem;
	color: #888
}

.uWidgetItem .attachmentStatus .typeName {
	margin-right: 5px;
	font-weight: 700
}

.uWidgetItem .attachmentStatus+.attachmentTitle {
	margin-top: 4px
}

.uWidgetItem .attachmentTitle {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.6rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uWidgetItem .attachmentTitle+.attachmentText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.2rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 2px
}

.uWidgetItem .attachmentText {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uWidgetItem .date {
	font-size: 1.2rem
}

.uWidgetItem .date+.remainingTime:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 5px 0 3px;
	background-color: #888;
	border-radius: 50%;
	vertical-align: top;
	content: ''
}

.uWidgetItem .remainingTime {
	margin-top: 5px;
	font-size: 1.2rem
}

.uWidgetItem .guideText {
	border-color: #ddd;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	padding-top: 7px;
	margin-top: 4px;
	font-size: 1.2rem;
	color: #888
}

.uWidgetItem .buttonDownload {
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 1px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 35px;
	height: 35px;
	margin-right: 15px;
	border-radius: 3px;
	background-color: #fff
}

.uWidgetItem .buttonDownload:before {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url(#icon-down);
	mask-image: url(#icon-down);
	-webkit-mask-size: 18px 18px;
	mask-size: 18px 18px;
	background-color: #b3b3b3;
	display: inline-block;
	vertical-align: top;
	content: ''
}

.uWidgetItem.-map .attachmentTitle {
	font-size: 1.5rem;
	font-weight: 700
}

.uWidgetItem.-map .itemAttachmentInfo {
	padding-left: 10px
}

.uWidgetItem.-map .itemThumbnail {
	width: 80px;
	height: 80px
}

.uWidgetItem.-map .thumbnailImg {
	width: 100%;
	height: 100%
}

.uWidgetItem.-file .attachmentTitle {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.uWidgetItem.-markdown .attachmentTitle {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.3rem;
	line-height: 1.9rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #666
}

.uWidgetItem.-album .attachmentText {
	font-size: 1.3rem
}

.uWidgetItem.-schedule .attachmentText {
	font-size: 1.3rem
}

.-preview .uWidgetItem.-vote .itemDetail {
	display: block;
	margin-top: 10px
}

.-preview .uWidgetItem.-vote .iconMore {
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	padding-bottom: 5px
}

.-preview .uWidgetItem.-vote .iconMore:after {
	width: 19px;
	height: 30px;
	-webkit-mask-image: url(#ico-more-comment);
	mask-image: url(#ico-more-comment);
	-webkit-mask-size: 19px 30px;
	mask-size: 19px 30px;
	background-color: #dbdbdb;
	display: block;
	margin-left: 40px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	content: ''
}

.-preview .uWidgetItem.-vote .labelTitle {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.-preview .uWidgetItem.-vote .pollQuestionItem {
	border-color: #f2f2f2;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px
}

.-preview .uWidgetItem.-vote .cCheckList {
	min-height: 46px;
	border-bottom: 0
}

.-preview .uWidgetItem.-vote .inputCheckLabel:after {
	border-color: #f2f2f2;
	border-style: solid;
	border-width: 1px;
	width: 13px;
	height: 13px;
	background-image: none
}

.uWidgetItem .itemDetail .scheduleDescription {
	margin: 15px 0;
	font-size: 1.4rem;
	line-height: 1.7rem
}

.uWidgetItem .pollQuestionList .pollQuestionItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uWidgetItem .pollQuestionList .uInputCheck {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 13px
}

.uWidgetItem .pollQuestionList .inputCheck:checked+.inputCheckLabel:after {
	background-color: transparent
}

.uWidgetItem .pollQuestionList .cCheckList {
	border-color: #f2f2f2;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 76px;
	padding: 16px 10px 16px 0;
	margin-left: 16px;
	font-size: 1.1rem
}

.uWidgetItem .pollQuestionList .labelTitle {
	font-size: 1.5rem;
	word-wrap: break-word
}

.uWidgetItem .pollQuestionList .buttonText {
	position: relative;
	font-size: 1.1rem;
	color: #888
}

.uWidgetItem .pollQuestionList .buttonText:after {
	width: 5px;
	height: 9px;
	-webkit-mask-image: url(#ico-arrow-r-w5);
	mask-image: url(#ico-arrow-r-w5);
	-webkit-mask-size: 5px 9px;
	mask-size: 5px 9px;
	background-color: #999;
	display: inline-block;
	margin: 3px 0 0 3px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .pollQuestionList .graphBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.1rem;
	color: #999
}

.uWidgetItem .pollQuestionList .bar {
	height: 8px;
	margin-right: 5px
}

.uWidgetItem .pollQuestionList .voteCount {
	font-weight: 700;
	line-height: 1.4rem
}

.uWidgetItem .pollQuestionList .labelDesc {
	color: #aaa
}

.uWidgetItem .pollQuestionList .finishLabel {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ccc;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 2.5rem;
	color: #fff
}

.uWidgetItem .pollQuestionList .moreSubjectVoters .buttonText {
	color: #222
}

.uWidgetItem .pollQuestionList.-finish .inputCheckLabel {
	display: none
}

.uWidgetItem .btnAddItem {
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid #f2f2f2;
	text-align: left;
	line-height: 2.4rem;
	color: #999
}

.uWidgetItem .btnAddItem:before {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(#ico-plus-visit);
	mask-image: url(#ico-plus-visit);
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
	background-color: #ccc;
	display: inline-block;
	margin: 0 16px 0 10px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .pollNon {
	padding: 12px 15px;
	font-size: 1.1rem;
	color: #aaa
}

.uWidgetItem .pollNon .pollNonInfo {
	color: #222
}

.uWidgetItem .pollNon .pollNonInfo:after {
	width: 5px;
	height: 9px;
	-webkit-mask-image: url(#ico-arrow-r-w5);
	mask-image: url(#ico-arrow-r-w5);
	-webkit-mask-size: 5px 9px;
	mask-size: 5px 9px;
	background-color: #999;
	display: inline-block;
	margin: 7px 0 0 4px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .pollNon .pollNonInfo.-finish {
	color: #888
}

.uWidgetItem .pollNon .pollNonInfo.-finish:after {
	display: none
}

.uWidgetItem .pollNon .voterCount {
	font-weight: 700
}

.uWidgetItem .billCheckList .billCheckItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

.uWidgetItem .billCheckList .billCheckItem+.billCheckItem {
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.uWidgetItem .billCheckList .billCheckItem.-active .labelDesc {
	text-decoration: line-through;
	color: #aaa
}

.uWidgetItem .billCheckList .cCheckList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 65px;
	padding: 15px 0;
	margin-right: 10px
}

.uWidgetItem .billCheckList .status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	margin-left: 14px;
	font-size: 1.2rem
}

.uWidgetItem .billCheckList .labelTitle {
	overflow: hidden;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.uWidgetItem .billCheckList .labelDesc {
	font-size: 1.4rem
}

.uWidgetItem .billCheckList .uInputCheck {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uWidgetItem .billCheckList .inputCheck:checked+.inputCheckLabel:after {
	display: none
}

.uWidgetItem .billCheckList .inputCheckLabel:after {
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 50%
}

.uWidgetItem .todoCheckList .todoCheckItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uWidgetItem .todoCheckList .todoCheckItem.-active .labelTitle {
	text-decoration: line-through;
	color: #aaa
}

.uWidgetItem .todoCheckList .cCheckList {
	border-color: #f2f2f2;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 70px;
	padding: 15px 0;
	margin-left: 15px
}

.uWidgetItem .todoCheckList .status {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	word-break: break-word;
	word-wrap: break-word
}

.uWidgetItem .todoCheckList .labelTitle {
	display: block
}

.uWidgetItem .todoCheckList .buttonText {
	position: relative;
	font-size: 1.1rem;
	color: #888
}

.uWidgetItem .todoCheckList .buttonText:after {
	width: 5px;
	height: 9px;
	-webkit-mask-image: url(#ico-arrow-r-w5);
	mask-image: url(#ico-arrow-r-w5);
	-webkit-mask-size: 5px 9px;
	mask-size: 5px 9px;
	background-color: #999;
	display: inline-block;
	margin: 3px 0 0 3px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .todoCheckList .uProfile {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 10px
}

.uWidgetItem .todoCheckList .uInputCheck {
	margin-left: 15px
}

.uWidgetItem .todoCheckList .inputCheck:checked+.inputCheckLabel:after {
	background-color: transparent
}

.uWidgetItem.-attendance .itemDetail {
	display: none
}

.uWidgetItem.-attendance .itemDetail .buttonText {
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	position: relative;
	width: 100%;
	padding: 12px 0;
	font-size: 1.1rem;
	text-align: left;
	color: #68686b
}

.uWidgetItem.-attendance .itemDetail .buttonText:after {
	width: 5px;
	height: 9px;
	-webkit-mask-image: url(#ico-arrow-r-w5);
	mask-image: url(#ico-arrow-r-w5);
	-webkit-mask-size: 5px 9px;
	mask-size: 5px 9px;
	background-color: #999;
	display: inline-block;
	margin: 3px 0 0 4px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .signupViewDate {
	margin: 15px 0 0 14px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #222
}

.uWidgetItem .signupSameTimeWrap {
	margin-left: 14px
}

.uWidgetItem .signupSameTimeWrap+.signupSameTimeWrap {
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.uWidgetItem .signupSameTimeWrap+.signupSameTimeWrap .timeSetting {
	padding-top: 30px
}

.uWidgetItem .signupSameTimeWrap .timeSetting {
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	padding-bottom: 7px
}

.uWidgetItem .signupSameTimeWrap .timeInfoData {
	font-size: 1.3rem;
	color: #777
}

.uWidgetItem .signupSameTimeWrap .timeInfoData+.btnChangeTimezone:before {
	display: inline-block;
	vertical-align: top;
	margin: 7px 5px 0 2px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #999;
	content: ''
}

.uWidgetItem .signupSameTimeWrap .btnChangeTimezone {
	border: 0;
	outline: 0;
	background-color: transparent
}

.uWidgetItem .signupViewItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-height: 50px
}

.uWidgetItem .signupViewItem+.signupViewItem .inputCheckLabel {
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.uWidgetItem .signupAttendInfo {
	position: absolute;
	right: 0;
	top: 16px
}

.uWidgetItem .signupApplyInfo {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.uWidgetItem .signupApplyInfo .uInputCheck {
	overflow: hidden;
	width: 100%
}

.uWidgetItem .signupApplyInfo .inputCheck:disabled+.inputCheckLabel:before {
	display: none
}

.uWidgetItem .signupApplyInfo .inputCheck:disabled+.inputCheckLabel:after {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #d6d6d6;
	background-color: #eee!important;
	background-image: none;
	border-radius: 50%;
	content: ''
}

.uWidgetItem .signupApplyInfo .inputCheckLabel {
	display: block;
	margin-left: 40px
}

.uWidgetItem .signupApplyInfo .inputCheckLabel.-disabled,
.uWidgetItem .signupApplyInfo .inputCheckLabel.-lastChecked {
	color: #a8a8a8
}

.uWidgetItem .signupApplyInfo .inputCheckLabel .labeTitle {
	display: block;
	margin-right: 90px;
	word-wrap: break-word
}

.uWidgetItem .signupApplyInfo .inputCheckLabel .labelDesc {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.1rem;
	line-height: 1.4rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 3px;
	color: #a8a8a8
}

.uWidgetItem .signupApplyInfo .inputCheckLabel:after {
	display: none;
	position: absolute;
	left: 0;
	top: 16px
}

.uWidgetItem .signupApplyInfo .inputCheckLabel {
	padding: 16px 0
}

.uWidgetItem .signupApplyInfo .inputCheckLabel:before {
	position: absolute;
	left: 0;
	top: 16px;
	width: 24px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 50%;
	content: ''
}

.uWidgetItem .signupApplyItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.uWidgetItem .signupAttendInfo {
	color: #999;
	font-size: 1.3rem
}

.uWidgetItem .signupAttendInfo:after {
	width: 10px;
	height: 10px;
	-webkit-mask-image: url(#icon-arrow-8-r);
	mask-image: url(#icon-arrow-8-r);
	-webkit-mask-size: 10px 10px;
	mask-size: 10px 10px;
	background-color: #999;
	display: inline-block;
	margin: 6px 0 0 6px;
	vertical-align: top;
	content: ''
}

.uWidgetItem .buttonBox {
	padding: 9px 0;
	border-top: 1px solid #d8d8d8;
	background-color: #fafafa;
	text-align: center
}

.uWidgetItem .buttonBox .lineButton {
	border-color: #fafaf;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	height: 35px;
	padding: 0 10px;
	border-radius: 2px;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 3.5rem
}

.uWidgetItem .buttonBox .iconVote {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin: 10px 5px 0 0;
	background-color: #ccc;
	vertical-align: top
}

.uWidgetItem .buttonBox .iconDownload {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url(#icon-down);
	mask-image: url(#icon-down);
	-webkit-mask-size: 18px 18px;
	mask-size: 18px 18px;
	display: inline-block;
	margin: 6px 3px 0 0;
	vertical-align: top;
	content: ''
}

.uWidgetItem .audioArea {
	margin: 5px 0
}

.uWidgetItem .audioArea .uVoicePlayer {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 57px;
	padding-right: 15px;
	border-radius: 7px;
	background-color: #f0f1f3
}

.-disabled .attachmentStatus {
	color: #ccc!important
}

.-disabled .attachmentStatus .sf_color {
	color: #ccc!important
}

.-disabled .itemAttachmentIcon .sf_bg {
	background-color: #ccc!important
}

.-disabled .itemAttachmentInfo {
	color: #aaa!important
}

.-expanded .itemSummary {
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 1px;
	border-left: 0;
	border-right: 0;
	background-color: #fafafa
}

.-expanded .attachmentTitle {
	font-size: 1.5rem
}

.-expanded .noticeGuide {
	border-color: #ebebeb;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	padding: 11px 15px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #999
}

.-expanded .itemDetail {
	border-bottom: 1px solid #e0e0e0
}

.-expanded .-map {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.-expanded .-map .itemSummary {
	border-color: #f4f4f4;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #f4f4f4;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column
}

.-expanded .-map .itemThumbnail {
	width: 100%;
	height: auto
}

.-expanded .-map .itemAttachmentInfo {
	border-color: #f4f4f4;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	min-height: 58px;
	padding: 11px 15px;
	background-color: #fff
}

.-expanded .-file .itemSummary {
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 1px
}

.-expanded .-file .attachmentTitle {
	display: block;
	font-size: 1.4rem
}

.-expanded .-file .itemAttachmentIcon {
	margin-bottom: 0
}

.-expanded .-file .iconPostFile {
	margin-top: 0
}

.-expanded .-vote .uInputCheck {
	margin: 24px 0 auto 10px
}

.-expanded .-calendar .attachmentText {
	font-size: 1.2rem
}

.-expanded .-calendar .attachmentText.-deleted {
	font-size: 1.5rem
}

.-expanded .-calendar .moreButton {
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 34px;
	padding: 0 6px 0 9px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .6);
	font-size: 1.3rem;
	line-height: 3.4rem;
	color: #fff
}

.-expanded .-calendar .moreButton:after {
	width: 12px;
	height: 12px;
	-webkit-mask-image: url(#ico-arrow-r-w12);
	mask-image: url(#ico-arrow-r-w12);
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	background-color: #999;
	display: inline-block;
	margin: 10px 0 0 2px;
	vertical-align: top;
	content: ''
}

.-expanded .-attendance .itemDetail {
	display: block
}

.attendanceList .attendanceItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

.attendanceList .attendanceItem+.attendanceItem {
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.attendanceList .cCheckList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	overflow: hidden;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 65px;
	padding: 15px 0;
	margin: 0 10px
}

.attendanceList .labelTitle {
	display: block;
	overflow: hidden;
	word-wrap: break-word
}

.attendanceList .status {
	font-size: 1.2rem;
	color: #888
}

.uOfficialBand {
	vertical-align: top
}

.uOfficialBand.-size14 {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band-official-14)
}

.uOfficialBand.-size16 {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band-official-16)
}

.uOfficialBand.-size17 {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon-band-official-17)
}

.bandAppBannerActive:before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #33363e;
	content: ''
}

.bandAppBanner {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	right: 0;
	top: -50px;
	z-index: 999999;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	padding: 0 15px;
	background-color: #33363e
}

.bandAppBannerActive .bandAppBanner {
	top: 0
}

.bandAppBannerActive .groupBand .groupBandMenuSection {
	top: 103px
}

.bandAppBannerActive .header {
	top: 50px
}

.bandAppBannerActive .container .chattingSection,
.bandAppBannerActive .container .feedSection,
.bandAppBannerActive .container .globalHomeSection,
.bandAppBannerActive .container .moreSettingSection,
.bandAppBannerActive .container .newsSection {
	padding-top: 149px
}

.bandAppBannerActive .container .groupBandTopBtnList {
	top: 64px
}

.bandAppBannerActive .container .openFeedSection {
	padding-top: 103px
}

.bandAppBannerActive .container .postsDetailArea {
	padding-top: 50px
}

.bandAppBanner .bandAppLogoArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.bandAppBanner .bandAppLogoArea .bandAppLogo {
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-image: url(#icon_bandapp_logo)
}

.bandAppBanner .bandAppLogoArea .bandAppTitle {
	display: block;
	margin-left: 12px;
	font-size: 1.6rem;
	color: #fff
}

.bandAppBanner .bandAppLinkArea {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-left: 20px;
	color: #fff;
	font-size: 1.3rem
}

.bandAppBanner .bandAppLinkArea .textLink {
	display: block;
	line-height: normal;
	color: #fff
}

.bandAppBanner .bandAppLinkArea .textLink.-desktopViewLink {
	display: none
}

.bandAppBanner .bandAppLinkArea .bar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1px;
	flex: 0 0 1px;
	display: none;
	width: 1px;
	height: 12px;
	margin: 0 15px;
	opacity: .2;
	border-color: #fff;
	border-style: solid;
	border-width: 0;
	border-left-width: 1px
}

.bandAppBanner .bandAppLinkArea .buttonLink {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	padding: 0 14px;
	margin-left: 15px;
	border-radius: 3px;
	background-color: #07c721;
	line-height: 2.8rem
}

.bandAppBanner .bandAppLinkArea .appInstallLink,
.bandAppBanner .bandAppLinkArea .desktopViewLink {
	color: #bbb
}

.bandAppBanner .bandAppLinkArea .appInstallLink:before,
.bandAppBanner .bandAppLinkArea .desktopViewLink:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 13px;
	background: rgba(255, 255, 255, .1);
	content: ''
}

.uTabs {
	background: #fff
}

.uTabs+.post_search {
	padding-top: 87px;
	background: #eaebec!important
}

.uTabs+.post_search .detail_images {
	margin-top: 8px
}

.uTabs .tabWrap {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 41px
}

.uTabs .tab {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.uTabs .btn {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #777;
	border: 0;
	background: 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.4rem
}

.uTabs .btn.-on:after {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	content: ''
}

.uLoginHeader {
	z-index: 10000;
	width: 100%;
	background: #01d12b
}

.uLoginHeader.-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.uLoginHeader .headerInner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	padding: 0 10px
}

.uLoginHeader .headerInner .logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uLoginHeader .headerInner .logoLink {
	display: block;
	width: 60px;
	height: 22px;
	-webkit-mask-image: url(#icon-band-logo);
	mask-image: url(#icon-band-logo);
	-webkit-mask-size: 60px 22px;
	mask-size: 60px 22px;
	background-color: #fff
}

.uLoginHeader .headerInner .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.uLoginHeader .headerInner .btns .signUp {
	margin-right: 14px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500
}

.uLoginHeader .headerInner .btns .btnLogin {
	height: 27px;
	width: 72px;
	border-radius: 2px;
	color: #21c531;
	font-size: 1.4rem;
	font-weight: 500;
	background: #fff
}

.uFileName {
	position: relative;
	display: block;
	line-height: 1.4rem;
	font-size: 1.5rem;
	padding-right: 33px
}

.uFileName .name {
	font-size: inherit;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.uFileName .uExtension {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 33px;
	font-size: inherit
}

.uFileName.uExtensionNone {
	padding-right: 0
}

.uBandAppDown {
	padding: 27px 20px 30px;
	text-align: center;
	width: 100%
}

.uBandAppDown .bandAppDownTxtBold {
	word-break: break-word;
	font-size: 1.5rem;
	font-weight: 700;
	color: #222
}

.uBandAppDown .bandAppDownTxtBold span {
	color: #555;
	font-weight: 400
}

.uBandAppDown .bandAppDownTxtNormal {
	padding-top: 4px;
	font-size: 1.4rem;
	color: rgba(34, 34, 34, .6)
}

.appInstallArea .uBandAppDown .bandAppDownTxtNormal {
	color: #222
}

.uBandAppDown .bandAppDownTxtSmall {
	font-size: 1.2rem;
	color: #666
}

.uBandAppDown .bandAppDownTxtThin {
	font-size: 1.3rem;
	color: #222
}

.uBandAppDown .continueInBrowser {
	display: block;
	width: 100%;
	margin-top: 20px;
	font-size: 1.3rem;
	color: #aaa
}

.uBandAppDown .continueInBrowser:after {
	margin-top: 2px;
	margin-left: 3px;
	vertical-align: top;
	width: 7px;
	height: 12px;
	background-size: 7px 12px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-arrow-next-small)
}

.uThumbList {
	padding: 0 15px;
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.feedArea .uThumbList {
	background-color: #fff
}

.uThumbList.-tiles {
	overflow: auto;
	margin-bottom: 15px;
	-webkit-overflow-scrolling: touch
}

.uThumbList.-tiles .thumbList {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px
}

.uThumbList.-tiles .thumbList.-gap3 {
	grid-column-gap: 3px;
	grid-row-gap: 3px
}

.uThumbList.-tiles .thumbList .item {
	width: auto;
	height: auto;
	margin: 0;
	white-space: normal
}

.uThumbList .thumbList {
	white-space: nowrap;
	font-size: 0
}

.uThumbList .thumbList .item {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 75px;
	margin-right: 10px;
	vertical-align: top
}

.uThumbList .thumbList:after {
	display: block;
	width: 15px;
	content: ''
}

.uThumbList .thumbList .link {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 2px;
	background: rgba(0, 0, 0, .3)
}

.uThumbList .thumbList .txt {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 9px;
	font-size: 1.3rem;
	line-height: normal;
	white-space: normal;
	letter-spacing: .05px;
	color: #fff
}

.uThumbList .thumbList .thumb {
	width: 100%;
	border-radius: 2px
}

.mentionsAutocompleteListWrap {
	position: relative
}

.mentionsAutocompleteList {
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 210px;
	z-index: 500;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

.commentWriteInput .mentionsAutocompleteList {
	bottom: 100%;
	top: auto
}

.chattingWrap .mentionsAutocompleteList {
	position: static;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: rgba(0, 0, 0, .1);
	border-style: solid;
	border-width: 0;
	border-top-width: 1px
}

.mentionsAutocompleteList .roundThumbList {
	position: relative
}

.mentionsAutocompleteList .roundThumbList .roundThumbListItem {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 7px 12px;
	cursor: pointer
}

.mentionsAutocompleteList .roundThumbList .roundThumbListItem.active {
	background: rgba(240, 242, 243, .5)
}

.mentionsAutocompleteList .roundThumbList .roundThumbListItem img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.mentionsAutocompleteList .roundThumbList .roundThumbListItem .name {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.8rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-left: 12px
}

.mentionsAutocompleteList .roundThumbList .roundThumbListItem .descText {
	font-size: 1.3rem;
	color: #999
}

.mejs-offscreen {
	position: absolute!important;
	top: -10000px;
	left: -10000px;
	overflow: hidden;
	width: 1px;
	height: 1px
}

.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0
}

.me-plugin {
	position: absolute
}

.mejs-embed,
.mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden
}

.mejs-fullscreen {
	overflow: hidden!important
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%
}

.mejs-clear {
	clear: both
}

.mejs-background {
	position: absolute;
	top: 0;
	left: 0
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

:root .mejs-poster img {
	display: none
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0
}

.mejs-overlay-play {
	cursor: pointer
}

.mejs-overlay-button {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .5)
}

.mejs-overlay-button:before {
	width: 24px;
	height: 27px;
	background-size: 24px 27px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	content: '';
	background-image: url(#ico-video-play-96);
	vertical-align: top;
	margin: 12px 0 0 16px
}

.no-svg .mejs-overlay-button {
	background-image: url()
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url();
	background: rgba(0, 0, 0, .9);
	background: -o-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .9)), to(rgba(0, 0, 0, .9)));
	background: -o-linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
	background: linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9))
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url() 50% 50% no-repeat
}

.mejs-overlay-error {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	color: #fff
}

.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url();
	background: rgba(0, 0, 0, .7);
	background: -o-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));
	background: -o-linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	height: 30px;
	width: 100%
}

.mejs-container .mejs-controls div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 1.1rem;
	line-height: 1.1rem;
	font-family: Helvetica, Arial;
	border: 0
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url() no-repeat
}

.no-svg .mejs-controls .mejs-button button {
	background-image: url()
}

.mejs-controls .mejs-button button:focus {
	outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 10px 3px 0 3px;
	overflow: hidden;
	text-align: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2rem;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto
}

.mejs-controls .mejs-play button {
	background-position: 0 0
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px
}

.mejs-controls .mejs-time-rail a,
.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	border-radius: 2px;
	cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50, 50, 50, .8);
	background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));
	background: -o-linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
	background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
	from {
		background-position: 0 0
	}
	to {
		background-position: 30px 0
	}
}

@keyframes buffering-stripes {
	from {
		background-position: 0 0
	}
	to {
		background-position: 30px 0
	}
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60, 170, 200, .8);
	background: -o-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 124, 145, .8)), to(rgba(78, 183, 212, .8)));
	background: -o-linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
	background: linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
	width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255, 255, 255, .8);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
	background: -o-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
	width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	border-radius: 0;
	top: 15px;
	left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
	position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url();
	background: rgba(50, 50, 50, .7);
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0
}

.mejs-controls .mejs-volume-button:hover {
	border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, .5);
	margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, .9);
	margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, .9);
	cursor: N-resize;
	border-radius: 1px;
	margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
	height: 26px;
	width: 56px;
	position: relative;
	display: block;
	float: left;
	vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: .1rem;
	border-radius: 2px;
	background: #333;
	background: rgba(50, 50, 50, .8);
	background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));
	background: -o-linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
	background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: .1rem;
	border-radius: 2px;
	background: #fff;
	background: rgba(255, 255, 255, .8);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
	background: -o-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
	background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none
}

.mejs-controls .mejs-captions-button {
	position: relative
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -51px;
	width: 85px;
	height: 100px;
	background: url();
	background: rgba(50, 50, 50, .7);
	border: solid 1px transparent;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none!important;
	overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none!important;
	display: block;
	color: #fff;
	overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 55px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 1.5rem;
	font-family: helvetica, arial;
	font-size: 1rem
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 1rem;
	margin: 0 0 5px 0
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, .7);
	background: -o-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));
	background: -o-linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
	overflow: hidden;
	border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 1.1rem;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102, 102, 102, .7);
	background: -o-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, .7)), to(rgba(50, 50, 50, .6)));
	background: -o-linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
	background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 1.2rem
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 2rem;
	font-size: 1.6rem;
	color: #fff
}

.mejs-captions-layer a {
	color: #fff;
	text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
	font-size: 2rem;
	font-weight: 400
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0
}

.mejs-captions-position-hover {
	bottom: 35px
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url();
	background: rgba(20, 20, 20, .5);
	white-space: pre-wrap
}

.me-cannotplay a {
	color: #fff;
	font-weight: 700
}

.me-cannotplay span {
	padding: 15px;
	display: block
}

.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0
}

.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 1.2rem;
	padding: 4px 6px;
	cursor: pointer;
	color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2c7c91;
	color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
	position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url();
	background: rgba(50, 50, 50, .7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none!important;
	overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none!important;
	display: block;
	color: #fff;
	overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 1.5rem;
	font-family: helvetica, arial;
	font-size: 1rem
}

.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url();
	background: rgba(50, 50, 50, .7);
	z-index: 1000;
	overflow: hidden
}

.mejs-postroll-layer-content {
	width: 100%;
	height: 100%
}

.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url();
	background: rgba(50, 50, 50, .7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer
}

div.mejs-speed-button {
	width: 46px!important;
	position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
	background: 0 0;
	width: 36px;
	font-size: 1.1rem;
	line-height: normal;
	color: #fff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
	visibility: hidden;
	position: absolute;
	top: -100px;
	left: -10px;
	width: 60px;
	height: 100px;
	background: url();
	background: rgba(50, 50, 50, .7);
	border: solid 1px transparent;
	padding: 0;
	overflow: hidden;
	border-radius: 0
}

.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
	visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
	color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none!important;
	overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
	margin: 0 0 6px 0;
	padding: 0 10px;
	list-style-type: none!important;
	display: block;
	color: #fff;
	overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
	display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
	width: 60px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 1.5rem;
	font-family: helvetica, arial;
	font-size: 1.15rem;
	color: #fff;
	margin-left: 5px;
	cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
	background-color: #c8c8c8!important;
	background-color: rgba(255, 255, 255, .4)!important
}

.mejs-controls .mejs-button.mejs-skip-back-button {
	background: transparent url() no-repeat;
	background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
	background: 0 0;
	font-size: .9rem;
	line-height: normal;
	color: #fff
}

.jcrop-holder {
	direction: ltr;
	text-align: left
}

.jcrop-hline,
.jcrop-vline {
	font-size: 0;
	position: absolute
}

.jcrop-vline {
	height: 100%;
	width: 1px
}

.jcrop-vline.right {
	right: 0
}

.jcrop-hline {
	height: 1px;
	width: 100%
}

.jcrop-hline.bottom {
	bottom: 0
}

.jcrop-tracker {
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.jcrop-handle {
	width: 7px;
	height: 7px;
	font-size: .1rem
}

.jcrop-handle.ord-n {
	display: none
}

.jcrop-handle.ord-s {
	display: none
}

.jcrop-handle.ord-e {
	display: none
}

.jcrop-handle.ord-w {
	display: none
}

.jcrop-handle.ord-nw {
	left: 0;
	margin-left: -8px;
	margin-top: -8px;
	top: 0
}

.jcrop-handle.ord-ne {
	margin-right: -8px;
	margin-top: -8px;
	right: 0;
	top: 0
}

.jcrop-handle.ord-se {
	bottom: 0;
	margin-bottom: -8px;
	margin-right: -8px;
	right: 0
}

.jcrop-handle.ord-sw {
	bottom: 0;
	left: 0;
	margin-bottom: -8px;
	margin-left: -8px
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
	height: 7px;
	width: 100%
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
	height: 100%;
	width: 7px
}

.jcrop-dragbar.ord-n {
	margin-top: -4px
}

.jcrop-dragbar.ord-s {
	bottom: 0;
	margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
	margin-right: -4px;
	right: 0
}

.jcrop-dragbar.ord-w {
	margin-left: -4px
}

.jcrop-light .jcrop-hline,
.jcrop-light .jcrop-vline {
	background: #fff;
	filter: alpha(opacity=70);
	opacity: .7!important
}

.jcrop-light .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #000;
	border-color: #fff;
	border-radius: 3px
}

.jcrop-dark .jcrop-hline,
.jcrop-dark .jcrop-vline {
	background: #000;
	filter: alpha(opacity=70);
	opacity: .7!important
}

.jcrop-dark .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border-color: #000;
	border-radius: 3px
}

.solid-line .jcrop-hline,
.solid-line .jcrop-vline {
	background: #fff
}

.jcrop-holder img,
img.jcrop-preview {
	max-width: none
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

@media (orientation:landscape) {
	.profileWrap .profileImageView .txtArea {
		position: fixed;
		bottom: 60px
	}
	.profileWrap .profileImageUpdateAt {
		position: fixed
	}
}

@media screen and (min-width:568px) {
	.invitationUrlViewWrap .mainPanel {
		margin: 0 auto;
		max-width: 480px
	}
	.invitationUrlViewWrap .logo a:after {
		width: 90px;
		height: 34px;
		-webkit-mask-image: url(#icon-band-logo);
		mask-image: url(#icon-band-logo);
		-webkit-mask-size: 90px 34px;
		mask-size: 90px 34px;
		background-color: #040000
	}
	.invitationUrlViewWrap .inviteInfo {
		font-size: 1.7rem
	}
	.invitationUrlViewWrap .whatBand .btnShowIntro {
		padding: 0 33px;
		height: 60px;
		font-size: 1.9rem
	}
	.invitationUrlViewWrap .whatBand .btnShowIntro:after {
		width: 15px;
		height: 17px;
		-webkit-mask-image: url(#ico-invite-arrow-down);
		mask-image: url(#ico-invite-arrow-down);
		-webkit-mask-size: 15px 17px;
		mask-size: 15px 17px;
		background-color: #fff
	}
	.invitationUrlViewWrap .introArea {
		padding-bottom: 95px
	}
	.invitationUrlViewWrap .introArea .bridgeBanner {
		padding: 0 20px
	}
	.invitationUrlViewWrap .introArea .bridgeBanner:before {
		width: 55px;
		height: 55px;
		background-size: 55px 55px;
		overflow: hidden;
		display: inline-block;
		background-repeat: no-repeat;
		content: '';
		background-image: url(#icon_bandapp_logo)
	}
	.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc {
		margin: 0 15px
	}
	.invitationUrlViewWrap .introArea .bandIntroSummary {
		max-width: 440px;
		margin: 0 auto
	}
	.invitationUrlViewWrap .introArea .bandIntroSummary .bandIntroTxt {
		font-size: 1.9rem
	}
	.invitationUrlViewWrap .introArea .swiperWrap {
		max-width: 628px;
		margin: 0 auto
	}
	.invitationUrlViewWrap .introArea .swiper-container {
		max-width: 447px;
		overflow: hidden;
		padding-bottom: 39px
	}
	.invitationUrlViewWrap .introArea .contralBtnWrap {
		display: block
	}
	.invitationUrlViewWrap .introArea .swiper-button-next,
	.invitationUrlViewWrap .introArea .swiper-button-prev {
		margin-top: -43px
	}
	.invitationUrlViewWrap .introArea .swiper-button-prev {
		left: 0;
		width: 25px;
		height: 49px;
		background-size: 25px 49px;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		text-indent: -999px;
		background-image: url(#ico-prev)
	}
	.invitationUrlViewWrap .introArea .swiper-button-next {
		right: 0;
		width: 25px;
		height: 49px;
		background-size: 25px 49px;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		text-indent: -999px;
		background-image: url(#ico-next)
	}
	.invitationUrlViewWrap .introArea .swiper-pagination-bullet {
		margin: 0 7px;
		width: 8px;
		height: 8px
	}
	.invitationUrlViewWrap .introArea .appDownBanner {
		height: 95px
	}
	.invitationUrlViewWrap .introArea .bridgeBanner .BandAppLogoImg {
		margin: 20px 0 0 20px;
		width: 55px;
		height: 55px
	}
	.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc .bridgeBandAppDescTit {
		font-size: 2rem
	}
	.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppDesc .bridgeBandAppDescTxt {
		display: block;
		padding-top: 3px;
		font-size: 1.7rem
	}
	.invitationUrlViewWrap .introArea .bridgeBanner .bridgeBandAppBtnLink {
		width: 122px;
		height: 48px;
		font-size: 1.8rem
	}
}

@media screen and (max-height:414px) {
	.stickerCollectionView .stickerListWrap {
		max-height: 100px
	}
}

@media screen and (min-width:768px) {
	.uCardList .cardListItem {
		width: 25%
	}
	.uThumbList.-tiles .thumbList {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (min-width:600px) and (min-height:450px) {
	.bandAppBanner .bandAppLinkArea .textLink.-desktopViewLink {
		display: block
	}
	.bandAppBanner .bandAppLinkArea .bar {
		display: block
	}
}

@media screen and (min-width:1000px) {
	.uThumbList.-tiles .thumbList {
		-ms-grid-columns: (1fr)[5];
		grid-template-columns: repeat(5, 1fr)
	}
}