.page-account aside .box-title{color:var(--color-primary);font-size:20px}.page-account aside .box-title h6{font-size:inherit;font-weight:600}.page-account .box-body h2{font-size:25px}.page-account .box-body h3{font-size:23px}.page-account .box-body h4{font-size:21px}.page-account .box-body h5{font-size:20px}.page-account .box-body h6{font-size:19px}.page-account .intro-box img{width:100%;display:block;margin:0 auto;height:auto!important}.header-avar{height:208px;background:#334358;position:relative}.header-avar .update{position:absolute;bottom:-34px}.avar-banner img{width:100%;height:208px}.avar-per{width:131px;height:131px;background:#334358;text-align:center;padding:8px 0;border:2px solid #fff;border-radius:3px}.avar-per img{width:110px;height:110px;border-radius:50%;-o-object-fit:fill;object-fit:fill}.update-right{margin-left:70px;margin-top:3px}.name-per{padding-bottom:5px}.name-per h1{font-weight:100;font-size:28px;color:#fff}ul.header-avar-right.list-inline{position:relative}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:5px}ul.header-avar-right.list-inline li button.btn-primary{font-size:13px;color:#fff;padding:7px 10px 0;background:#242f3d;border-radius:4px;border:2px solid #202a37}.hide{display:none}.tab-menu-avar{background:#f1f2f6;border-bottom:3px solid #e8e9eb}.tab-canhan{margin-left:-20px}.tab-canhan ul{margin:0}.tab-canhan ul li{border-right:1px solid #e8e9eb;height:58px;padding:22px 25px 10px 18px}.tab-canhan ul li a{color:#5d6265;font-size:15px}.account-wrap-inner{padding:15px 0}.card-wrap .card-header{display:flex;padding:15px 30px;background:#f2f4f5;align-items:center;justify-content:space-between;border:1px solid #ebebeb;border-radius:2px 2px 0 0}.card-wrap .card-header h4{margin:0;font-weight:700;font-size:20px}.account-left .menus{display:flex;height:50px;justify-content:center;align-items:center;border:1px solid #eee}.account-left .menus li{text-align:center;padding:10px 11px;flex:1 1 auto;margin-right:0;border-right:1px solid #eee}.account-left .menus li:last-child{border-right:none}@media (max-width:767px){.header-avar .update{position:absolute;width:100%;bottom:-106px;left:0}ul.header-avar-right.list-inline{display:none}.tab-menu-avar{margin-top:110px}.avar-per{margin:-65px auto 0}.update-right{margin:0}.name-per{text-align:center;margin-top:-13px}.name-per h1{color:#333;font-size:24px;margin-top:20px}}.profile-header{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box}#user-tab .nav-link{color:#222b45}#user-tab .nav-link:hover{background-color:#f4f4f4;border-radius:4px}#user-tab .nav-link.active{color:#fff}.profile-cover{position:relative;display:block;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:40%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjUgMjh2NDNoNTVWMjhIMjV6bTUxIDM4SDMwVjMzaDQ1djM0Ii8+PHBhdGggZD0iTTMzIDYzbDEzLTExIDQgMyA5LTEyIDMgNiAzLTIgNyAxNnoiLz48Y2lyY2xlIGN4PSI0NSIgY3k9IjQxIiByPSI1Ii8+PC9nPjwvc3ZnPg==);background-color:#f5f4f4;padding-bottom:30vh;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.profile-cover img{position:absolute;left:0;width:100%;height:100%;background-size:cover;background-position:50%;-o-object-fit:cover;object-fit:cover}.profile-cover .btn-change-cover{max-width:101px;position:absolute;right:15px;bottom:15px;cursor:pointer;z-index:1;color:#323232;margin:0;line-height:20px;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center}.profile-cover .btn-change-cover i{margin-right:5px}.profile-cover .btn-change-cover input{width:0!important;height:0!important;overflow:hidden;opacity:0}@media screen and (max-width:480px){.profile-cover{margin:0 -15px;border-radius:0}.profile-cover .btn-change-cover{max-width:32px}.profile-cover .btn-change-cover i{margin:0}.profile-cover .btn-change-cover .text{display:none}}.user-detail{position:relative;display:block}.user-detail .profile-img{width:164px;height:164px;padding:4px;border-radius:50%;border:1px solid #ccc;background:#fff;position:relative;margin:-115px auto 0}.user-detail .profile-img img{border-radius:50%;position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);overflow:hidden;-o-object-fit:cover;object-fit:cover;top:3px;left:3px}.user-detail .profile-img .btn-change-avatar{display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;position:absolute;transform:translate(-50%,-50%);left:79%;top:17px;border-radius:50%;width:25px;height:25px;background:#fff;box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075)!important}.user-detail .profile-img .btn-change-avatar i{display:inline-flex;font-size:.8rem;vertical-align:middle;line-height:0;color:#a1a5b7}.user-detail .profile-img .btn-change-avatar input{width:0!important;height:0!important;overflow:hidden;opacity:0}.user-detail .profile-img .btn-change-avatar:hover i{color:#1c1e21}.user-detail .profile-detail{margin:15px}.user-detail .profile-detail h3{font-weight:700;color:#1c1e21;margin-bottom:0}.user-detail .profile-left{position:absolute;top:15px;left:15px}.user-detail .profile-right{position:absolute;top:15px;right:15px}.user-detail .follow-number{font-size:14px}.user-detail .follow-number b{font-size:20px}@media screen and (max-width:480px){.user-detail{margin-bottom:15px}.user-detail .profile-left{position:relative;top:auto;left:auto;justify-content:center}.user-detail .profile-left .network-item-body{justify-content:center}.user-detail .profile-right{position:relative;top:0;right:auto}}@media screen and (max-width:480px){#user-tab{margin-bottom:15px}.user-post-btn{width:100%}}@media screen and (max-width:480px){.recent-posts{margin:0 -15px}.recent-posts .post-item{border-radius:0!important}.recent-posts .post-item .osahan-post-footer a{font-size:13px}}.form-group.gender{line-height:39px;margin-bottom:0}.input-gender{position:relative;min-width:80px;padding-left:25px;margin:0;display:inline-block;color:#5e6278;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-gender input{position:absolute;opacity:0;cursor:pointer}.input-gender .checkmark{position:absolute;transform:translateY(-50%);top:50%;left:0;height:16px;width:16px;background-color:#fff;border-radius:50%;border:1px solid #7d7d7d}.input-gender input:checked~.checkmark:after{display:block}.input-gender .checkmark:after{top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.input-gender input:checked~.checkmark{background-color:#fff;border:1px solid var(--color-primary)}.input-gender .checkmark:after{content:"";position:absolute;display:none}