.avatar,.avatar-wrap>* {
	float:left
}
.bold,.card .card-header .card-title {
	font-weight:600
}
.essage,.is-bfc {
	overflow:hidden
}
.avatar-wrap:after,.profile-manager .birthday-wrap:after,.twofactor-manager .twofactor-bind:after {
	clear:both
}
body {
	line-height:20px;
	background:#ededed
}
.primary {
	color:#3DA8F5
}
.danger {
	color:#D0021B
}
.darker {
	color:#383838
}
.muted {
	color:grey
}
.handler,a {
	cursor:pointer
}
a {
	color:#3DA8F5;
	transition:color 218ms ease-in-out,background 218ms ease-in-out
}
a:hover {
	color:#6dbef8
}
a.block {
	display:block
}
[class*=hover-] {
	transition:all 218ms ease-in-out!important
}
.hover-primary:hover {
	color:#3DA8F5!important
}
.hover-opacity:hover {
	opacity:.85
}
.hover-shadow:hover {
	box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.container,[class*=col-] {
	padding-left:10px;
	padding-right:10px
}
.row {
	margin-right:-10px;
	margin-left:-10px
}
.gutter-bottom {
	margin-bottom:20px
}
@media (max-width:767px) {
	.gutter-bottom {
	margin-bottom:10px
}
}.margin-resp {
	margin:15px
}
@media (min-width:768px) {
	.margin-resp {
	margin:20px
}
}.margin-resp-bottom {
	margin-bottom:15px
}
.padding-resp {
	padding:15px
}
@media (min-width:768px) {
	.margin-resp-bottom {
	margin-bottom:20px
}
.padding-resp {
	padding:20px
}
}.padding-resp-sm {
	padding:0 15px;
	padding-top:15px!important;
	padding-bottom:15px!important
}
@media (min-width:768px) {
	.padding-resp-sm {
	padding:20px
}
}.padding-resp-bottom {
	padding-bottom:15px
}
@media (min-width:768px) {
	.padding-resp-bottom {
	padding-bottom:20px
}
}.no-padding {
	padding:0!important
}
.no-padding-x {
	padding-left:0!important;
	padding-right:0!important
}
h1,h2,h3,h4,h5,h6 {
	margin-top:0
}
@keyframes spin {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(360deg)
}
}.site-header {
	opacity:0;
	transform:translate3d(0,-60px,0);
	transition:all .3s
}
.main-sidebar .card {
	opacity:0;
	transform:translate3d(0,0,0) scale(.85);
	transition:all .3s;
	transition-delay:.1s
}
.main-sidebar .card:nth-child(2) {
	transition-delay:180ms
}
@media (max-width:767px) {
	.main-sidebar .card {
	transform:translate3d(0,0,0) scale(.95)
}
}.loaded-page .site-header {
	opacity:1;
	transform:translate3d(0,0,0)
}
.loaded-page .main-sidebar .card {
	opacity:1;
	transform:translate3d(0,0,0) scale(1)
}
.essage {
	position:fixed;
	z-index:10010;
	top:-200px;
	left:50%;
	max-width:600px;
	line-height:22px;
	padding:23px 20px 20px 53px;
	margin-left:-150px;
	background:#fff;
	border:1px solid #f7f7f7;
	border-radius:2px;
	font-size:15px;
	box-shadow:0 7px 21px rgba(0,0,0,.1);
	transition:top .6s ease
}
.essage.is-active {
	transition:top .7s ease-in-out
}
.essage.essage-success .icon {
	color:#259b24
}
.essage.essage-error .icon {
	color:#dc584b
}
.essage.essage-info .icon {
	color:#03a9f4
}
.essage.essage-warning .icon {
	color:#c09853
}
.essage .essage-tips {
	color:#000
}
.essage .essage-url {
	color:#03a9f4;
	transition:color 218ms ease
}
.essage .essage-url:hover {
	color:#0286c2
}
.essage .icon {
	position:absolute;
	top:22px;
	left:20px;
	font-size:24px
}
.essage .close {
	line-height:18px;
	margin-left:10px
}
.btn-lg,.card .card-header {
	line-height:20px;
	font-size:14px
}
.avatar {
	position:relative;
	background-position:center!important;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-color:#ededed;
	border-radius:50%
}
.avatar.img-24 {
	width:24px;
	height:24px
}
.avatar.img-36 {
	width:36px;
	height:36px
}
.avatar.img-48 {
	width:48px;
	height:48px
}
.avatar.img-60 {
	width:60px;
	height:60px
}
.avatar.img-100 {
	width:100px;
	height:100px
}
.avatar.img-120 {
	width:120px;
	height:120px
}
.avatar .progress-mask {
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	border-radius:50%;
	background-size:cover;
	opacity:0;
	clip:rect(100px,100px,100px,0);
	filter:grayscale(100%);
	transition:all 1.5s
}
.avatar.is-uploading .avatar-handler,.avatar.webuploader-dnd-over .avatar-handler {
	opacity:0;
	transform:scale(.5)
}
.avatar.is-uploading .progress-mask {
	clip:rect(0,100px,100px,0);
	opacity:1;
	transition:all 0s
}
.avatar-wrap:after,.avatar-wrap:before {
	content:" ";
	display:table
}
.avatar-wrap p {
	margin-bottom:0
}
.avatar-wrap .avatar {
	margin-right:20px
}
.avatar-wrap .avatar-set {
	margin-top:30px
}
.avatar-wrap .avatar-set .upload-handler {
	min-width:120px;
	padding:8px 15px;
	margin-bottom:12px
}
@media (max-width:360px) {
	.avatar-wrap .avatar {
	left:50%;
	margin-left:-50px
}
.avatar-wrap .avatar-set {
	margin-top:13px
}
.avatar-wrap .avatar-set,.avatar-wrap .btn {
	width:100%
}
}.btn {
	padding:4px 15px
}
.btn.btn-default {
	color:grey;
	border-color:grey
}
.btn.btn-default:focus {
	background-color:inherit!important
}
.btn.btn-default:hover {
	border-color:#8f8f8f;
	background:#8f8f8f
}
.btn.btn-primary {
	border-color:#3DA8F5;
	background-color:#3DA8F5
}
.btn.btn-primary:hover {
	border-color:#5ab5f7;
	background:#5ab5f7
}
.btn.btn-danger {
	border-color:#D0021B;
	background:#D0021B
}
.btn.btn-danger:hover {
	border-color:#ee021f;
	background:#ee021f
}
.btn.btn-ghost {
	background:0 0;
	border-radius:3px
}
.btn.btn-ghost:hover {
	color:#FFF!important
}
.btn.btn-ghost.btn-primary {
	color:#3DA8F5
}
.btn.btn-ghost.btn-primary:hover {
	border-color:#3DA8F5;
	background-color:#3DA8F5
}
.btn.btn-ghost.btn-danger {
	color:#D0021B
}
.btn.btn-ghost.btn-danger:hover {
	border-color:#D0021B;
	background-color:#D0021B
}
.btn-lg {
	min-width:120px;
	padding:9px 16px;
	border-radius:3px
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
	opacity:.7
}
.btn-link:focus,.btn-link:hover {
	text-decoration:none;
	outline:0!important;
	opacity:.85
}
.btn.active:focus,.btn:active:focus,.btn:focus {
	outline:0
}
.btn-text,.btn-text:hover {
	color:grey;
	cursor:text
}
.btn-text:active {
	box-shadow:none
}
.card {
	background:#FFF;
	margin-bottom:20px
}
@media (max-width:767px) {
	.btn-text {
	padding-left:0;
	padding-bottom:0
}
.btn-block-sm {
	width:100%
}
.card {
	margin-bottom:10px
}
.card :not(:first-child):last-child {
	margin-bottom:0!important
}
}.card>* {
	margin-left:0!important
}
.card>.with-border {
	box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.card .card-header {
	border-bottom:none;
	padding:15px
}
@media (min-width:768px) {
	.card .card-header {
	padding:20px
}
}@media (min-width:0) {
	.card .card-header {
	padding-bottom:0
}
}.card .card-header.with-border {
	padding-bottom:15px
}
@media (min-width:768px) {
	.card .card-header.with-border {
	padding-bottom:20px
}
}.card .card-header .card-title.with-handler {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.card .card-header .handler {
	float:right;
	margin-left:10px;
	font-size:20px
}
.card .card-header .handler .icon,.card .card-help .icon {
	float:left;
	top:-1px;
	position:relative
}
.card .card-header>:last-child {
	margin-bottom:0
}
.card .card-footer {
	padding:0 15px;
	padding-top:15px!important;
	padding-bottom:15px!important
}
@media (min-width:768px) {
	.card .card-footer {
	padding:20px
}
}.card .card-help,.card .card-tip {
	color:grey
}
.card .card-help .icon {
	margin-right:10px;
	font-size:20px;
	color:#ababab
}
.card .card-content {
	padding:15px
}
@media (min-width:768px) {
	.card .card-content {
	padding:20px
}
[lang=zh] .card-header {
	line-height:1!important
}
}.confirm-modal {
	z-index:121
}
.confirm-modal .modal-header .modal-title {
	color:#6e6e6e
}
.confirm-modal .modal-dialog {
	max-width:520px;
	width:100%;
	height:100%;
	margin-top:0;
	padding:10px;
	background:0 0
}
.confirm-modal .modal-content {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	padding:15px;
	background-color:#FFF;
	border-radius:3px
}
@media (min-width:768px) {
	.confirm-modal .modal-content {
	padding:20px
}
label {
	margin-bottom:0
}
}.confirm-modal .focus-input {
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none;
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
	position:absolute;
	left:0;
	right:0
}
.confirm-modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:120;
	background-color:#000
}
.confirm-modal-backdrop.fade.in {
	opacity:.54
}
.confirm-modal-backdrop.fade {
	opacity:0
}
.essage.is-active {
	top:82px
}
form select {
	background:0 0;
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none
}
.form-horizontal .form-group {
	margin-left:-10px;
	margin-right:-10px
}
.form-horizontal .form-group:last-child {
	margin-bottom:10px
}
.form-group {
	margin-bottom:20px
}
.form-group label {
	color:grey;
	text-align:left!important
}
.form-control {
	font-weight:400
}
input.form-control {
	background:0 0;
	border-color:rgba(0,0,0,.2);
	color:#383838
}
input.form-control::-moz-placeholder {
	color:#ababab;
	opacity:1
}
input.form-control:-ms-input-placeholder {
	color:#ababab
}
input.form-control::-webkit-input-placeholder {
	color:#ababab
}
input.form-control:focus {
	background:rgba(255,255,255,.1);
	border-color:rgba(0,0,0,.3)
}
.form-control-select:after {
	color:#ababab
}
@media (max-width:767px) {
	.essage.is-active {
	top:62px
}
.form-group {
	margin-bottom:15px
}
.submit-handler {
	width:100%
}
.info-group .info-label {
	margin-bottom:5px
}
}.handler-set .btn+.btn {
	margin-left:10px
}
@media (max-width:479px) {
	.handler-set[class*=btn-num-] {
	margin-left:0!important;
	margin-top:5px
}
.handler-set[class*=btn-num-] .btn+.btn {
	margin-left:3%
}
.handler-set.btn-num-2 .btn {
	min-width:48.5%!important
}
.handler-set.btn-num-3 .btn {
	min-width:31.33%!important
}
}.iutil-adjust {
	position:relative;
	top:-1px
}
.info-group .info-label {
	color:grey;
	font-weight:600
}
@media (min-width:768px) {
	.info-group .col-sm-2 {
	width:20%
}
.info-group .col-sm-offset-2 {
	margin-left:20%
}
.info-group .col-sm-10 {
	width:80%
}
.info-group .info-label.vmiddle {
	padding-top:10px
}
.info-group .handler-set {
	right:-5px
}
}.info-group.list-group,.info-group.list-group .info-label {
	margin-bottom:0!important
}
.info-group .handler-set {
	position:relative;
	top:-5px;
	float:right;
	margin-left:5px
}
@media (max-width:479px) {
	.info-group .handler-set[class*=btn-num-] {
	position:static;
	float:none
}
}.info-group.list-group .list-group-item:last-child {
	box-shadow:none
}
.info-group.list-group:not(.group-lg) .list-group-item {
	padding:0 15px;
	padding-top:15px!important;
	padding-bottom:15px!important
}
@media (min-width:768px) {
	.info-group.list-group:not(.group-lg) .list-group-item {
	padding:20px
}
[lang=en] .col-sm-2 {
	width:25%
}
[lang=en] .col-sm-offset-2 {
	margin-left:25%
}
[lang=en] .col-sm-10 {
	width:75%
}
}.info-group.list-group.group-lg .list-group-item {
	padding:20px
}
@media (max-width:767px) {
	.info-group.list-group.group-lg .list-group-item {
	padding:20px 15px
}
}.info-group.list-group.group-lg .btn {
	min-width:80px;
	padding:4px 11px
}
@media (min-width:768px) and (max-width:890px) {
	[lang=en] .col-sm-10 .ib-input-wrap input {
	min-width:230px
}
}@media (max-width:767px) {
	.input-button .form-group {
	margin-bottom:15px
}
.input-button .btn {
	width:100%
}
}.layer {
	transition:transform .3s,opacity .3s
}
.layer.is-removing {
	position:absolute;
	z-index:-1;
	left:0;
	width:100%;
	padding:0 10px;
	opacity:0;
	transform:translate3d(0,30px,0) scale(.99)
}
.layer>[class*=view] {
	opacity:0;
	transform:translate3d(0,30px,0) scale(.99);
	transition:transform .3s,opacity .3s
}
.layer>[class*=view]:nth-child(1) {
	transition-delay:30ms
}
.layer>[class*=view]:nth-child(2) {
	transition-delay:80ms
}
.layer>[class*=view]:nth-child(3) {
	transition-delay:130ms
}
.layer>[class*=view]:nth-child(4) {
	transition-delay:180ms
}
.layer>[class*=view]:nth-child(5) {
	transition-delay:230ms
}
.layer>[class*=view]:nth-child(6) {
	transition-delay:280ms
}
.layer>[class*=view]:nth-child(7) {
	transition-delay:330ms
}
.layer>[class*=view]:nth-child(8) {
	transition-delay:380ms
}
.layer>[class*=view]:nth-child(9) {
	transition-delay:430ms
}
.layer>[class*=view].is-loaded {
	opacity:1;
	transform:translate3d(0,0,0) scale(1)
}
.list-group {
	margin-bottom:15px
}
@media (min-width:768px) {
	.input-button>*+* {
	margin-left:10px
}
.list-group {
	margin-bottom:20px
}
}.list-group-item {
	border-radius:0!important;
	border-width:0;
	background:0 0;
	box-shadow:0 1px 0 rgba(0,0,0,.05)
}
.loading-card {
	background:rgba(255,255,255,.87)
}
.loading-card .loading-indicator {
	margin:0 auto!important
}
[class*=view] .loading-card-wrap {
	position:absolute;
	z-index:1;
	left:0;
	width:100%;
	height:100%
}
[class*=view] .loading-card-wrap .card {
	box-shadow:none
}
[class*=view] .loading-card {
	width:100%;
	height:100%
}
@media (max-width:767px) {
	[class*=view] .loading-card:after {
	content:'\00a0';
	display:block;
	width:100%;
	height:100%
}
[class*=view] .loading-card .loading-indicator {
	position:absolute;
	left:50%;
	margin-left:-50px!important;
	line-height:350px
}
}[class*=view] .loading-card>* {
	margin:0 auto!important
}
.loading-indicator {
	width:100px
}
.loading-indicator .loader-dot {
	margin:0 3px
}
@media (max-width:767px) {
	.modal .modal-footer .btn-num-1 .btn {
	width:100%
}
.modal .modal-footer .btn-num-2 .btn {
	width:48.75%
}
.modal .modal-footer .btn-num-2 .btn+.btn {
	margin-left:2.5%
}
}@media (max-width:479px) {
	.modal .modal-footer .btn-num-2 .btn {
	width:48%
}
.modal .modal-footer .btn-num-2 .btn+.btn {
	margin-left:3%
}
}.modal-backdrop.fade.in {
	opacity:.54
}
.modal-gray {
	z-index:107
}
.modal-gray+.modal-backdrop {
	z-index:106
}
.modal-gray .modal-dialog {
	max-width:600px;
	width:100%;
	margin-top:100px
}
@media (max-width:768px) {
	.modal-gray .modal-dialog {
	margin:50px auto
}
}@media (max-width:620px) {
	.modal-gray .modal-dialog {
	margin-top:43px;
	padding:10px;
	background:0 0
}
}.modal-gray .modal-content {
	background:#F7F7F7;
	border-radius:3px
}
.modal-gray .modal-content>[class*=modal-] {
	padding:15px
}
@media (min-width:768px) {
	.modal-gray .modal-content>[class*=modal-] {
	padding:20px
}
}.modal-gray .modal-content .avatar {
	background-color:#FFF
}
.modal-gray .modal-content .control-label {
	color:#383838
}
.modal-gray .modal-content .form-control {
	max-width:100%!important;
	background:#FFF
}
.modal-gray .modal-header {
	box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.modal-gray .modal-header .modal-title {
	padding:0;
	border:0;
	color:#383838
}
.modal-gray .modal-header .modal-close {
	right:15px;
	top:15px
}
.modal-gray .modal-body form>:last-child {
	margin-bottom:0
}
.modal-gray .modal-footer {
	margin-top:0;
	box-shadow:0 -1px 0 rgba(0,0,0,.1)
}
@media (min-width:768px) {
	.modal-gray .modal-header .modal-close {
	right:20px;
	top:20px
}
.modal-gray .modal-footer {
	padding:17px 20px!important
}
.modal-gray .modal-footer .btn+.btn {
	margin-left:15px
}
}.no-content {
	position:relative;
	padding:50px 0;
	text-align:center;
	font-size:18px;
	color:#b3b3b3
}
.no-content .icon {
	line-height:1;
	margin-bottom:15px;
	font-size:50px;
	color:#bfbfbf;
	-webkit-font-smoothing:antialiased
}
.no-content .tip-text {
	margin:0
}
.vertical-scroll::-webkit-scrollbar {
	width:12px
}
.vertical-scroll::-webkit-scrollbar-track {
	border-left:1px solid #a6a6a6;
	background:#d9d9d9
}
.vertical-scroll::-webkit-scrollbar-thumb {
	background:#a6a6a6
}
.horizontal-scroll::-webkit-scrollbar {
	height:12px
}
.horizontal-scroll::-webkit-scrollbar-track {
	background:#d9d9d9
}
.horizontal-scroll::-webkit-scrollbar-thumb {
	background:#a6a6a6
}
.thin-scroll::-webkit-scrollbar {
	width:7px
}
.thin-scroll::-webkit-scrollbar-track {
	background-color:#d9d9d9;
	border-left:2px solid transparent
}
.thin-scroll::-webkit-scrollbar-thumb {
	background-color:#a6a6a6;
	border-left:2px solid transparent
}
.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(0,0,0,.12)
}
.transparent-scroll::-webkit-scrollbar {
	width:8px
}
.transparent-scroll::-webkit-scrollbar-track {
	background:0 0
}
.transparent-scroll::-webkit-scrollbar-thumb {
	background:rgba(0,0,0,.26)
}
.tooltip.in {
	opacity:1
}
.tooltip.top {
	margin-top:-4px
}
.tooltip.right {
	margin-left:8px
}
.tooltip.bottom {
	margin-top:4px
}
.tooltip.left {
	margin-left:-8px
}
.tooltip .tooltip-inner {
	padding:7px 15px;
	font-size:14px;
	line-height:20px;
	min-width:120px;
	background:rgba(245,245,245,.92);
	color:#555;
	border-radius:5px;
	word-wrap:break-word;
	box-shadow:0 0 2px 0 rgba(0,0,0,.26)
}
.tooltip .tooltip-arrow {
	display:none
}
.tooltip.top .tooltip-inner {
	position:relative;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.26)
}
.tooltip.top .tooltip-inner:after,.tooltip.top .tooltip-inner:before {
	content:"";
	position:absolute;
	width:0;
	height:0
}
.tooltip.top .tooltip-inner:after {
	top:100%;
	left:50%;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid rgba(245,245,245,.92)
}
.tooltip.top .tooltip-inner:before {
	top:100%;
	left:50%;
	margin-left:-10px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid;
	border-top-color:rgba(219,219,219,.92)
}
.tooltip.bottom .tooltip-inner {
	position:relative;
	box-shadow:0 -1px 2px 0 rgba(0,0,0,.26)
}
.tooltip.bottom .tooltip-inner:after,.tooltip.bottom .tooltip-inner:before {
	content:"";
	position:absolute;
	width:0;
	height:0
}
.tooltip.bottom .tooltip-inner:after {
	bottom:100%;
	left:50%;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid rgba(245,245,245,.92)
}
.tooltip.bottom .tooltip-inner:before {
	bottom:100%;
	left:50%;
	margin-left:-10px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid;
	border-bottom-color:rgba(219,219,219,.92)
}
.tooltip.left .tooltip-inner {
	position:relative;
	box-shadow:1px 0 2px 0 rgba(0,0,0,.26)
}
.tooltip.left .tooltip-inner:after,.tooltip.left .tooltip-inner:before {
	content:"";
	position:absolute;
	width:0;
	height:0
}
.tooltip.left .tooltip-inner:after {
	left:100%;
	top:50%;
	margin-top:-8px;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:8px solid rgba(245,245,245,.92)
}
.tooltip.left .tooltip-inner:before {
	left:100%;
	top:50%;
	margin-top:-10px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid;
	border-left-color:rgba(219,219,219,.92)
}
.tooltip.right .tooltip-inner {
	position:relative;
	box-shadow:-1px 0 2px 0 rgba(0,0,0,.26)
}
.tooltip.right .tooltip-inner:after,.tooltip.right .tooltip-inner:before {
	content:"";
	position:absolute;
	width:0;
	height:0
}
.tooltip.right .tooltip-inner:after {
	right:100%;
	top:50%;
	margin-top:-8px;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid rgba(245,245,245,.92)
}
.tooltip.right .tooltip-inner:before {
	right:100%;
	top:50%;
	margin-top:-10px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:10px solid;
	border-right-color:rgba(219,219,219,.92)
}
.btn+.tooltip.top {
	margin-top:-8px
}
.btn+.tooltip.bottom {
	margin-top:8px
}
@media (max-width:767px) {
	.tooltip {
	display:none!important
}
}.webuploader-container {
	position:relative
}
.webuploader-element-invisible {
	position:absolute!important;
	clip:rect(1px 1px 1px 1px)
}
.webuploader-dnd-over,.webuploader-pick {
	position:relative
}
.icon .webuploader-pick {
	display:none
}
.webuploader-pick-disable {
	opacity:.6;
	pointer-events:none
}
.webuploader-container.btn {
	padding:0!important
}
.webuploader-container.btn .webuploader-pick {
	padding:8px 15px
}
.webuploader-dnd-over:after {
	position:absolute;
	z-index:999;
	top:0!important;
	bottom:0!important;
	left:0!important;
	right:0!important;
	text-align:center!important;
	content:attr(data-dnd)!important;
	font-size:16px;
	color:#AAA;
	background-color:rgba(208,208,208,.4);
	border-radius:50%;
	box-shadow:inset 0 0 15px rgba(0,0,0,.3)
}
.error,.try-submited .validate-error {
	border-color:#D0021B!important
}
body,html {
	height:100%;
	min-width:320px;
	font-family:'Helvetica Neue','PingFang SC','Microsoft Yahei','微软雅黑',STXihei,'华文细黑',sans-serif
}
body {
	overflow:scroll
}
.site-main {
	min-height:50%
}
.main-content {
	position:relative
}
.container {
	max-width:980px
}
@media (min-width:768px) and (max-width:991px) {
	.container {
	width:100%;
	padding-left:20px;
	padding-right:20px
}
}@media (min-width:768px) {
	.site-main {
	padding-bottom:20px
}
.container {
	width:100%
}
.col-sm-2 {
	width:18%
}
.col-sm-10 {
	width:82%
}
}@media (min-width:992px) {
	.col-md-4 {
	width:32.65306122%
}
.col-md-8 {
	width:67.34693878%
}
}.site-header {
	width:100%;
	min-width:320px
}
.site-header.navbar-default {
	background:#FFF;
	border-right:0;
	border-radius:0;
	margin-bottom:20px
}
@media (max-width:767px) {
	.site-header.navbar-default {
	margin-bottom:10px
}
}.site-header .navbar-header {
	width:100%;
	margin:0
}
.site-header .nav-handler {
	float:left;
	height:50px;
	text-align:center
}
.site-header .nav-handler.nav-separate {
	border-left:1px solid rgba(0,0,0,.07)
}
.site-header .nav-handler>a {
	display:inline-block;
	line-height:20px;
	padding:13px 20px;
	color:#383838;
	font-size:16px;
	text-align:center
}
.site-header .nav-handler>a.logo {
	padding:15px 20px
}
.site-header .logo {
	padding-left:56px!important;
	background-image:url(../img/logo-circle@2x.99f8940f.png);
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position:20px 13px;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.site-header .user-wrap {
	overflow:hidden
}
@media (min-width:768px) {
	.site-header .user-info:hover {
	background:#FBFBFB
}
}.site-header .user-info .user-name {
	display:inline-block;
	max-width:150px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media (max-width:479px) {
	.site-header .user-info .user-name {
	max-width:86px
}
}.site-header .user-info .avatar {
	float:left;
	margin:-2px 10px 0 0
}
.site-header .container-fluid {
	position:relative;
	padding-left:0;
	padding-right:0;
	box-shadow:0 2px 3px 0 rgba(0,0,0,.05)
}
@media (max-width:767px) {
	.site-header .logo {
	background-position:15px 13px;
	padding-left:49px!important;
	max-width:280px
}
.site-header .nav-handler {
	height:50px
}
.site-header .nav-handler.nav-separate {
	border-left-width:0
}
.site-header .nav-handler>a {
	padding:15px
}
}@media (max-width:490px) {
	.site-header .logo {
	max-width:260px
}
}@media (max-width:410px) {
	.site-header .hidden-xxs {
	display:none
}
.site-header .logo {
	max-width:170px
}
}.sidebar-user .info-avatar {
	margin-right:15px
}
.sidebar-user .info-items>[class*=info-] {
	margin-top:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sidebar-user .info-name {
	font-size:18px;
	font-weight:600
}
.sidebar-user .info-desc {
	display:inline-block;
	max-width:100%;
	color:grey
}
.sidebar-user .info-desc .wechat-label {
	display:inline-block;
	padding:0 6px;
	font-size:10px;
	border-radius:2px;
	background-color:#00B848;
	color:#FFF
}
.sidebar-nav {
	overflow:hidden
}
@media (min-width:992px) {
	.sidebar-nav li .nav-icon,.sidebar-nav li br {
	display:none
}
}.sidebar-nav li a {
	display:block;
	padding:15px 20px;
	font-size:18px;
	color:grey;
	transition:color 218ms,border-width .305s,padding .305s
}
@media (min-width:991px) {
	.sidebar-nav li a {
	transition:all 218ms
}
}.sidebar-nav li a:focus:hover,.sidebar-nav li a:hover {
	background:rgba(0,0,0,.01)
}
.sidebar-nav li a:focus {
	background:0 0
}
.sidebar-nav li.is-current a {
	color:#383838;
	font-weight:600
}
@media (max-width:991px) {
	.sidebar-nav li a {
	padding:20px;
	text-align:center
}
.sidebar-nav .nav-icon {
	margin-bottom:10px
}
.sidebar-nav .nav-title {
	font-size:14px
}
}@media (max-width:991px) and (min-width:768px) {
	.sidebar-nav a {
	border-left:0 solid #3DA8F5
}
.sidebar-nav .is-current a {
	padding-left:17px;
	border-left-width:3px
}
}@media (max-width:767px) {
	.sidebar-nav .nav:after,.sidebar-nav .nav:before {
	content:" ";
	display:table
}
.sidebar-nav .nav:after {
	clear:both
}
.sidebar-nav .nav>li {
	float:left;
	width:14.28571%
}
.sidebar-nav .nav>li+li {
	border-left:1px solid #ededed
}
.sidebar-nav li a {
	padding:15px 15px 16px;
	border-bottom:0 solid #3DA8F5
}
.sidebar-nav .is-current a {
	padding-bottom:13px;
	border-bottom-width:3px
}
.sidebar-nav .nav-title {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.avatar-crop-view .modal-content .modal-body {
	text-align:center
}
}@media (max-width:480px) {
	.sidebar-nav li a {
	height:50px
}
.sidebar-nav .nav-title,.sidebar-nav br {
	display:none
}
.sidebar-nav .nav-icon {
	margin-bottom:0
}
}.app-icon {
	float:left;
	position:relative;
	top:-5px;
	width:30px;
	height:30px;
	margin-right:10px;
	background-size:30px 30px;
	border-radius:50%;
	background-image:url(../images/apps/default.4a2a3e2c.png)
}
.app-icon.teambition {
	background-image:url(../images/apps/teambition@2x.a6dfafb9.png)
}
.app-icon.today {
	background-image:url(../images/apps/today@2x.41025e6a.png)
}
.app-icon.talk {
	background-image:url(../images/apps/talk@2x.17d9d65e.png);
	border-radius:0
}
.app-icon.weibo {
	background-image:url(../images/apps/weibo@2x.49f340ab.png);
	border-radius:0
}
.app-icon.github {
	background-image:url(../images/apps/github@2x.c12e6a65.png)
}
@media (min-width:768px) {
	.sidebar-nav li:not(:last-child) {
	box-shadow:0 1px 0 rgba(0,0,0,.05)
}
.btn,.width-limit,input {
	max-width:300px
}
.ib-input-wrap input {
	min-width:300px
}
}.check-item {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-align:top;
	align-items:top
}
.check-item .check-box {
	position:relative;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:14px;
	height:14px;
	margin-top:3px;
	border:1px solid #a6a6a6;
	border-radius:3px;
	cursor:pointer;
	transition:218ms all
}
.check-item .check-box .check-mark {
	font-size:12px;
	line-height:1;
	font-weight:bolder;
	vertical-align:top;
	color:#FFF;
	transform:scale(.8);
	display:none
}
.check-item .check-box:hover {
	border-color:grey
}
.check-item .check-item-body {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	margin-left:15px
}
.check-item .check-item-body .check-item-content {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:20px;
	color:#383838;
	cursor:pointer
}
.check-item .check-item-body .check-item-description {
	font-size:14px;
	line-height:20px;
	color:#a6a6a6;
	margin-top:5px
}
.check-item.is-checked .check-box {
	border-color:#3DA8F5;
	background-color:#3DA8F5
}
.check-item.is-checked .check-box .check-mark {
	display:inline-block
}
.check-item.is-disabled {
	opacity:.7
}
.check-item.is-disabled .check-box {
	cursor:not-allowed
}
.apps-my .card-header .card-tip {
	font-weight:600
}
@media (max-width:479px) {
	.apps-list .handler-set.btn-num-2 .btn {
	min-width:40.5%!important
}
}.apps-secretkey .form-control[readonly] {
	cursor:text
}
.apps-manager .avatar {
	background-image:url(../images/apps/default.4a2a3e2c.png)
}
.apps-official .tooltip,.apps-official .tooltip-inner {
	min-width:220px
}
[lang=en] .apps-official .tooltip,[lang=en] .apps-official .tooltip-inner {
	min-width:250px
}
.avatar-crop-view {
	margin:auto
}
.avatar-crop-view .modal-content {
	padding:0 20px!important
}
.avatar-crop-view .modal-content .modal-header {
	padding:20px 0
}
.avatar-crop-view .modal-content .modal-header .modal-close {
	right:0
}
.avatar-crop-view .modal-content .modal-body {
	padding:0;
	font-size:0;
	margin:20px 0;
	overflow:hidden
}
.avatar-crop-view .source-wrapper {
	display:inline-block;
	width:322px
}
.avatar-crop-view .source-wrapper .cropper-wrapper {
	position:relative;
	width:322px;
	height:322px;
	background:#000;
	border:1px solid #e0e0e0
}
.avatar-crop-view .source-wrapper .cropper-wrapper .image-cropper-wrapper {
	width:322px;
	height:322px;
	margin:auto 0
}
.avatar-crop-view .source-wrapper .cropper-wrapper .crop-hint {
	padding:20px 0 0;
	font-size:14px;
	color:gray
}
.avatar-crop-view .source-wrapper .crop-hint {
	margin:0;
	padding:20px 0 0;
	font-size:14px;
	color:gray
}
.avatar-crop-view .preview-wrapper {
	display:inline-block;
	width:220px;
	float:right
}
.avatar-crop-view .preview-wrapper .title {
	font-size:18px
}
.avatar-crop-view .preview {
	text-align:center
}
.avatar-crop-view .preview canvas {
	background:#000;
	border-radius:50%;
	box-shadow:0 0 1px silver;
	margin:20px 0 0
}
.avatar-crop-view .preview canvas:nth-of-type(1) {
	width:100px;
	height:100px
}
.avatar-crop-view .preview canvas:nth-of-type(2) {
	width:64px;
	height:64px
}
.avatar-crop-view .preview canvas:nth-of-type(3) {
	width:24px;
	height:24px
}
.avatar-crop-view .preview .prev-hint {
	padding:0;
	font-size:14px;
	color:gray
}
.avatar-crop-view .btn-img {
	color:#03A9F4;
	cursor:pointer
}
.avatar-crop-view .btn-img:hover {
	opacity:.8
}
.avatar-crop-view .modal-footer {
	padding:20px 0!important
}
.avatar-crop-view .btn-text {
	background:0 0;
	color:grey;
	cursor:pointer
}
@media (max-width:767px) {
	.avatar-crop-view .preview-wrapper {
	display:none
}
.avatar-crop-view .modal-footer .btn-row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column-reverse;
	flex-direction:column-reverse
}
.avatar-crop-view .btn-text {
	padding:9px 16px
}
}.avatar-crop-view .btn-text:hover {
	opacity:.8;
	cursor:pointer
}
.captcha-area {
	position:relative;
	padding:12px;
	border:1px solid rgba(0,0,0,.2);
	border-radius:3px;
	font-size:16px;
	margin-bottom:15px
}
@media (min-width:768px) {
	.captcha-area {
	margin-bottom:20px
}
}.captcha-area .with-placeholder {
	min-height:62px
}
.captcha-area .loading-indicator {
	margin:22px auto
}
.captcha-area.unbind-captcha {
	display:none
}
.captcha-area.unbind-captcha.is-active {
	display:block
}
@media (min-width:767px) {
	.captcha-area.unbind-captcha {
	margin-right:-5px
}
}.captcha-area .captcha-title {
	margin-bottom:10px
}
.captcha-area .captcha-tips {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:20px;
	background:rgba(255,255,255,.85);
	padding:20px;
	line-height:46px;
	text-align:center;
	color:grey
}
.captcha-area .captcha-tips .icon {
	position:relative;
	top:2px;
	color:#259B24;
	margin-right:5px;
	font-size:24px
}
.captcha-area .captcha-tips.captcha-error {
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px
}
.captcha-area .captcha-tips.captcha-error .icon {
	font-size:22px;
	color:#D0021B
}
.captcha-area .group-imgs .img-wrap {
	display:inline-block;
	width:38px;
	height:34px;
	padding:2px 4px;
	text-align:center;
	cursor:pointer;
	border-radius:3px;
	transition:background 218ms
}
.captcha-area .group-imgs .img-wrap img {
	width:30px;
	height:30px;
	opacity:.8;
	filter:alpha(opacity=80);
	transition:opacity 218ms
}
.captcha-area .group-imgs .img-wrap+.img-wrap {
	margin-left:15px
}
.captcha-area .group-imgs .img-wrap:hover {
	background:#eee
}
.captcha-area .group-imgs .img-wrap:hover img {
	opacity:1;
	filter:alpha(opacity=100)
}
.captcha-area .captcha-refresh {
	float:right;
	line-height:20px;
	cursor:pointer;
	font-size:20px;
	color:#3DA8F5;
	transition:color 218ms;
	margin-right:-4px
}
.captcha-area .captcha-refresh:hover {
	color:#9ed3fa
}
.email-subscriptions-setting .check-item {
	margin-top:10px
}
.login-accounts .emails-list .list-group-item {
	padding:15px 0
}
.login-accounts .emails-list .label {
	display:inline-block;
	position:relative;
	top:-2px;
	line-height:20px;
	padding:2px 12px;
	margin-left:18px;
	background:grey;
	font-size:12px
}
.login-accounts .emails-list .info-email {
	display:inline-block;
	max-width:58%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media (max-width:479px) {
	.login-accounts .emails-list .info-email {
	max-width:100%
}
}.login-accounts .emails-list .email-primary {
	padding:8px 0 10px
}
.login-accounts .emails-list .email-primary .info-email {
	float:left
}
.login-accounts .emails-list .email-primary .active-handler {
	padding:1px 15px;
	margin-left:10px;
	position:relative;
	top:-2px
}
@media (max-width:370px) {
	.login-accounts .emails-list .email-primary .active-handler {
	max-width:90px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
}.login-accounts .emails-list .handler-set {
	right:0!important
}
.login-accounts .phone-add,.login-accounts .phone-delete {
	margin-top:15px;
	display:none
}
.records-list .info-time {
	text-align:right;
	color:#a6a6a6
}
.qr-modal-view .modal-dialog .modal-body .qr-tip,.qr-modal-view .modal-dialog .modal-header {
	text-align:center
}
.records-list .info-ip.is-danger {
	color:#D0021B
}
.profile-manager .birthday-wrap:after,.profile-manager .birthday-wrap:before {
	content:" ";
	display:table
}
.profile-manager .birthday-wrap .form-control-select {
	float:left;
	width:calc(33.333% - 10px)!important;
	margin-bottom:0!important
}
.profile-manager .birthday-wrap .form-control-select select {
	-moz-appearance:none
}
.profile-manager .birthday-wrap .form-control-select+.form-control-select {
	margin-left:15px
}
@media (min-width:768px) {
	.login-accounts .emails-list .email-primary {
	padding-top:0;
	padding-bottom:13px
}
.profile-manager .avatar-label {
	padding-top:40px
}
.profile-manager .birthday-wrap .form-control-select {
	width:90px!important
}
.third-binds .bind-item {
	margin-bottom:10px
}
.third-binds .bind-item:hover {
	background:#f5f5f5
}
}.third-bounds .third-icon {
	top:-4px;
	width:28px;
	height:28px
}
.third-binds .card-content {
	padding-bottom:10px
}
@media (max-width:767px) {
	.third-binds .card-content {
	padding-bottom:5px
}
}.third-binds .bind-item {
	display:block;
	line-height:40px;
	padding:10px;
	border-radius:3px;
	font-size:18px;
	color:#383838;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.third-binds .bind-item .third-icon {
	width:40px;
	height:40px
}
@media (max-width:479px) {
	.login-accounts .emails-list .email-primary .info-email {
	max-width:180px
}
.third-binds .bind-item {
	line-height:30px;
	font-size:16px
}
.third-binds .bind-item .third-icon {
	width:30px;
	height:30px
}
}.third-icon {
	float:left;
	margin-right:10px;
	position:relative;
	border-radius:3px;
	background-size:100% 100%
}
.third-icon.pocket {
	background-color:#3BAA24;
	background-image:url(../images/thrids/pocket@2x.1cae6cd5.png)
}
.third-icon.github {
	background-color:#555;
	background-image:url(../images/thrids/github@2x.3c4a2a61.png)
}
.third-icon.gitlab {
	background-color:#FC6D26;
	background-image:url(../images/thrids/gitlab@2x.6c1291f5.png)
}
.third-icon.zendesk {
	background-color:#78a300;
	background-image:url(../images/thrids/zendesk@2x.6a1290c5.png)
}
.third-icon.open_wx_service {
	background-color:#79C700;
	background-image:url(../images/thrids/wechat@2x.247e1346.png)
}
.third-icon.wx_enterprise {
	background-color:#0082ee;
	background-image:url(../images/thrids/wechat-enterprise@2x.e27eaa13.png)
}
.third-icon.xiaomi {
	background-color:#FF4A00;
	background-image:url(../images/thrids/xiaomi@2x.8fe2f523.png)
}
.third-icon.netease {
	background-color:#D0021B;
	background-image:url(../images/thrids/netease@2x.8cb5c4c7.png)
}
.third-icon.eleme {
	background-color:#20B3F3;
	background-image:url(../images/thrids/eleme@2x.b8582e27.png)
}
.third-icon.weibo {
	background-color:#F5A623;
	background-image:url(../images/thrids/weibo@2x.1ab04dc8.png)
}
.third-icon.evernote {
	background-color:#2cb11c;
	background-image:url(../images/thrids/evernote@2x.005cb5dd.png)
}
.third-icon.wps {
	background-color:#fe3636;
	background-image:url(../images/thrids/wps@2x.eeee01a1.png)
}
.third-icon.google {
	background-color:grey;
	background-image:url(../images/thrids/google@2x.9429641f.png)
}
.third-icon.facebook {
	background-color:#3b5998;
	background-image:url(../images/thrids/facebook@2x.3dc60700.png)
}
.third-icon.processon {
	background-color:#1475b9;
	background-image:url(../images/thrids/processon@2x.e35c1946.png)
}
.third-icon.dingtalk {
	background-color:#03a9f4;
	background-image:url(../images/thrids/dingtalk@2x.51c82fe6.png)
}
.third-icon.jinshuju {
	background-color:#FE853F;
	background-image:url(../images/thrids/jinshuju@2x.172eedf4.png)
}
.payment {
	position:relative
}
.payment .inline-block {
	display:inline-block;
	vertical-align:middle
}
.payment .account-key {
	color:grey;
	margin-right:10px;
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.payment .content {
	margin-bottom:10px
}
.payment .feature-list,.payment .old-user-notice {
	padding-left:110px
}
@media (max-width:480px) {
	.payment .account-key {
	margin-right:20px
}
.payment .feature-list,.payment .old-user-notice {
	padding-left:0
}
}.payment ul {
	margin:0;
	padding:0
}
.payment ul li {
	list-style:none;
	color:#383838;
	margin-bottom:10px
}
.payment ul li .icon {
	margin-right:10px;
	color:grey
}
.payment .button-group {
	position:absolute;
	right:20px;
	top:20px
}
.payment .button-group .btn {
	padding:8px 0;
	width:120px;
	display:block
}
.payment.payment-info .button-group .btn-paynow {
	border:1px solid #3DA8F5;
	color:#3DA8F5;
	margin-bottom:20px
}
.payment.payment-info .button-group .btn-paynow:hover {
	color:#14b4fc;
	border-color:#14b4fc;
	background-color:#FFF
}
@media (max-width:480px) {
	.payment .button-group {
	position:static;
	margin-top:15px
}
.payment .button-group .btn {
	width:100%
}
.payment.payment-info .button-group .btn-paynow {
	margin-bottom:15px
}
}.payment.payment-info .button-group .btn-order {
	border:1px solid #a6a6a6
}
.payment.payment-info .button-group .btn-order:hover {
	background-color:#FFF;
	border:1px solid #ccc
}
.payment ul.custom-list-style li {
	position:relative;
	padding-left:13px
}
.payment ul.custom-list-style li::before {
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#3DA8F5
}
.payment .card-header {
	padding:20px 20px 0
}
.payment .card-header h4,.payment .card-header p {
	margin-bottom:0
}
.payment .card-header p {
	margin-top:8px
}
.payment.payment-info .card-content {
	padding:20px
}
.payment.payment-info .org-content {
	margin:0;
	display:-ms-flexbox;
	display:flex
}
@media (max-width:480px) {
	.payment.payment-info .org-content {
	margin-top:10px;
	display:block
}
}.payment.payment-info .joined {
	-ms-flex-negative:0;
	flex-shrink:0
}
.payment.payment-info .organization {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:start;
	align-items:flex-start;
	margin:10px 0 0
}
@media (min-width:480px) {
	.login-accounts .emails-list .list-group-item {
	max-height:50px
}
.payment.payment-info .organization:first-child {
	margin-top:0
}
}.payment.payment-info .organization .name {
	word-break:break-all
}
.payment.payment-info .organization .overdue {
	margin-left:20px;
	padding:0 8px;
	background:#FF6051;
	color:#FFF;
	font-size:12px;
	border-radius:2px;
	white-space:nowrap
}
.payment.payment-more {
	position:relative
}
.payment.payment-more .plan-container {
	padding:0
}
.payment.payment-more .plan-container .plan-wrapper {
	padding:0 20px 20px 0;
	display:-ms-flexbox;
	display:flex
}
@media (max-width:480px) {
	.payment.payment-more .plan-container .plan-wrapper {
	display:block
}
}.payment.payment-more .plan-container .plan-version {
	margin:20px 0 0 20px;
	-ms-flex:1;
	flex:1
}
.payment.payment-more .plan-container .plan {
	height:100%;
	padding:0 20px 20px;
	border-radius:3px;
	background-color:#FFF;
	border:1px solid #ededed;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center
}
.payment.payment-more .plan-container .plan .plan-header {
	margin-top:15px
}
.payment.payment-more .plan-container .plan .plan-header .pay-type-image {
	width:109px;
	height:90px;
	margin:0 auto;
	background-size:100%;
	background-repeat:no-repeat
}
.payment.payment-more .plan-container .plan .plan-header h4 {
	font-weight:400;
	font-size:18px;
	margin:0;
	color:#383838
}
.payment.payment-more .plan-container .plan ul.plan-list {
	margin-top:15px
}
.payment.payment-more .plan-container .plan ul.plan-list li {
	font-size:12px;
	line-height:20px
}
.payment.payment-more .plan-container .plan ul.plan-list li:not(:first-child) {
	margin-top:8px
}
@media (max-width:768px) {
	.payment.payment-more .plan-container .plan ul.plan-list li {
	font-size:14px
}
}.payment.payment-more .plan-container .plan.plan-2 .pay-type-image {
	background-image:url(../images/icon/pay-type-professional.79512563.png)
}
.payment.payment-more .plan-container .plan.plan-3 .pay-type-image,.payment.payment-more .plan-container .plan.plan-4 .pay-type-image {
	background-image:url(../images/icon/pay-type-organization.51f5bbd3.png)
}
.payment.payment-more .button-group {
	position:absolute;
	right:20px;
	top:20px
}
.payment.payment-more .button-group .btn {
	padding:8px 0;
	width:120px;
	display:block
}
@media (max-width:480px) {
	.payment.payment-more .button-group {
	position:static;
	margin:0 20px;
	padding-bottom:20px
}
.payment.payment-more .button-group .btn {
	width:auto
}
}.twofactor-manager .twofactor-bind:after,.twofactor-manager .twofactor-bind:before {
	content:" ";
	display:table
}
.twofactor-manager .twofactor-qrcode {
	width:140px;
	height:140px
}
.twofactor-manager .input-button {
	margin-bottom:15px
}
@media (min-width:768px) {
	.twofactor-manager .input-button {
	margin-bottom:20px
}
}.twofactor-manager h4 {
	line-height:25px
}
.twofactor-manager .card-tip {
	line-height:20px
}
.twofactor-manager .card-tip p {
	margin-bottom:3px
}
.twofactor-manager .form-control[readonly] {
	cursor:auto;
	background:#fff;
	text-overflow:ellipsis
}
.twofactor-manager .emergency-code {
	font-size:14px
}
.twofactor-manager .emergency-code ul {
	margin:0;
	line-height:24px;
	padding-left:20px
}
.twofactor-manager .red {
	color:#D0021B
}
@media (min-width:768px) {
	.twofactor-manager .card-content {
	padding-top:20px;
	padding-bottom:20px
}
.twofactor-manager .twofactor-bind {
	margin-top:-10px
}
.twofactor-manager .twofactor-bind .twofactor-qrcode {
	float:left;
	overflow:hidden
}
.twofactor-manager .twofactor-bind .ib-input-wrap input {
	min-width:200px
}
.twofactor-manager .twofactor-bind .bind-validator {
	padding-top:30px;
	padding-left:30px
}
.twofactor-manager .twofactor-bind .bind-handler {
	max-width:110px;
	margin-left:10px
}
.twofactor-manager .twofactor-account-info {
	margin-top:15px
}
.twofactor-manager .twofactor-account-info .info-group {
	margin-top:20px
}
.twofactor-manager .twofactor-account-info .info-group .form-control[readonly] {
	max-width:385px
}
.twofactor-manager .emergency-code {
	max-width:325px;
	padding:20px;
	margin-bottom:20px
}
.twofactor-manager .confirm-log-wrap {
	margin-top:20px;
	margin-bottom:10px
}
}@media (max-width:767px) {
	.twofactor-manager .twofactor-qrcode {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:18px
}
.twofactor-manager .twofactor-account-info {
	margin-top:15px
}
.twofactor-manager .twofactor-account-info .info-group {
	margin-top:10px
}
.twofactor-manager .emergency-code {
	padding:15px;
	margin-bottom:15px
}
.twofactor-manager .confirm-log-wrap {
	margin-top:15px
}
}@media print {
	.twofactor-manager {
	width:375px
}
.twofactor-manager .print-header {
	text-align:center
}
.twofactor-manager .print-header .header-img {
	height:30px;
	margin:25px auto
}
.twofactor-manager .print-header .heaer-tip {
	font-size:20px
}
.twofactor-manager .emergency-code {
	margin:35px auto 25px
}
.twofactor-manager .print-tip {
	margin:auto;
	max-width:325px
}
.twofactor-manager .emc-hidden-printer {
	display:none!important
}
}.region-reset .region-radios {
	margin-left:10px;
	margin-bottom:20px
}
.region-reset .region-radios:last-child {
	margin-bottom:0
}
.region-reset .region-radios input[type=radio] {
	width:16px;
	height:16px;
	margin-top:0;
	margin-right:8px
}
.region-reset .submit-handler {
	margin-left:10px
}
.qr-modal-view .modal-dialog {
	width:360px
}
.qr-modal-view .modal-dialog .modal-body {
	height:400px
}
.qr-modal-view .modal-dialog .modal-body .qr-image {
	width:200px;
	height:200px;
	margin:32px auto 38px;
	background-position:center;
	background-size:200px 200px;
	background-repeat:no-repeat
}
.qr-modal-view .modal-dialog .modal-body .qr-image-goog-auth {
	background-image:url(../images/qr/google-authenticator@2x.7fc4b723.png)
}
.qr-modal-view .modal-dialog .modal-body .qr-image-onion-auth {
	background-image:url(../images/qr/onion-authenticator@2x.323ee49a.png)
}