*{box-sizing:border-box;font-family:Hiragino Kaku Gothic Pro,Arial,Helvetica,sans-serif}.speech-bubble{position:relative;background:#0ab;border-radius:.4em}.speech-bubble:after{border:10px solid transparent;border-bottom-color:#484848;border-top:0}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;top:1px;left:50%;width:0;height:0;margin-left:-10px;margin-top:-10px}.speech-bubble:before{border:10px solid transparent;border-top:0}body,html{background:#f4f4f4}#app{margin:0 auto;background:#fff}#app,#app header{max-width:800px}#app.login{max-width:none}.container{max-width:100%}.main-question .form-control:disabled,.main-question .form-control[readonly]{background-color:#fff}.form-container,.login-container{background:#f4f4f4;min-height:100vh}.login-container .header-form{text-align:center}.login-container .img-logo{width:80px;height:80px;background:#fff;border-radius:10px;display:inline-block;transform:rotate(45deg);position:relative}.login-container .app-name{margin-top:30px}.login-container .img-logo img{width:80px;height:80px;transform:rotate(-45deg)}.login-container .img-logo span{transform:rotate(-45deg);display:block;position:absolute;top:27%;left:20%;font-size:20px}.login-container .form-login form{padding:20px 20px 0;background:#fff;border-radius:0;box-shadow:0 0 5px rgba(0,0,0,.3)}.form-login{margin:auto;font-size:14px;display:block}.form-login label{padding-right:20px}.form-container form .form-title,.form-login .form-title{margin:30px 0 40px;font-size:16px;text-align:center;font-weight:600}.form-container form{width:500px;background:#fff;margin:10px auto;border-radius:5px;padding:10px;box-shadow:0 0 6px rgba(0,0,0,.2)}.form-container .form-inline{margin:20px 0}.form-container .form-inline .form-control{flex:1}.question-create label{width:95px;font-size:13px}.form-button .btn-cancel{background:#4d4033;color:#fff}.form-button .btn{box-shadow:0 0 5px rgba(0,0,0,.3)}.form-button{text-align:right}.form-login .form-control{border:1.5px solid #474747}.form-login .forgot-pw{text-align:center;font-size:14px;margin:30px 0;font-weight:600}.form-login .form-button{margin-top:50px;text-align:center}.form-login .btn-login{background:#4d4033;color:#fff;padding:5px 30px;width:100%}button.btn{width:100%;border:1px solid #969393;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}.form-login a{color:#000;text-decoration:underline}header .filter-list{width:200px;display:block;margin:auto;background:#63c1ff;border:none;outline:none;box-shadow:0 0 3px rgba(0,0,0,.3)}header.home-header{margin-top:113px}header .filter-list:focus{border:1px solid #323232;box-shadow:none}.item .header-item{position:relative;min-height:105px;margin-bottom:10px}.item .header-item .item-info{position:absolute;width:80px;text-align:center}.item .header-item .item-info .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.item .header-item .item-info .image{width:70px;height:70px;border:1px solid #474747;border-radius:50%;display:inline-block;margin:5px 0;overflow:hidden}.item .header-item .item-info .image img{width:60%;height:60%;margin:20%}.item .header-item .message{margin-left:100px;padding:5px}.item .header-item .message .content{background:#fff;padding:20px;border-radius:0;border:1px solid #000}.content-question .btn-update-content{text-align:center}.content-question .btn-update-content button{background:#63c1ff;border:none;box-shadow:0 0 12px rgba(0,0,0,.3);padding:5px 10px;border-radius:5px}.list-answer .item{position:relative;border-bottom:1px solid #d9dfe6}.list-answer .item:last-of-type{border-bottom:none}.list-answer{margin:0 0 30px}.content-answer .msg{white-space:pre-line;word-break:break-word;margin-bottom:20px;font-size:15px}.author-section .content:after,.item .header-item .message .content.speech-bubble:after{border-right-color:#fff}.content.speech-bubble:before{content:"";position:absolute;left:0;top:50%;width:0;height:0;border:1.125em solid transparent;border-right-color:#000;border-left:0;border-top:0;margin-top:-.562em;margin-left:-1.125em}.item .image-item{text-align:center}.item .image-item ul.list{list-style:none;padding:0;width:100%}.item .image-item ul.list li{display:inline-block;position:relative;height:126px;width:25%;margin-left:-5px}.item .image-item ul.list li img{height:100%}.item .image-item ul.list li:last-of-type img{border:4px solid #eee}.form-container .text-control{position:relative}.form-container .text-control textarea{padding-top:30px;border:1px solid #484848}.form-container .btn-upload{position:absolute;top:5px;right:5px}.form-container .btn-upload button{background:transparent;border:none}.form-container .btn-upload img{width:20px;height:20px}.item .image-item .number-extra{position:absolute;width:100%;height:100%;text-align:center;background:hsla(0,0%,100%,.3);color:#fff;font-size:40px;line-height:125px;top:0}.list-container .item{border-bottom:5px solid #c0dff4}.author-section .info .icon img{width:90%;height:90%}footer{height:120px;color:#aaa;background:#fff;font-size:11px}.login-container footer{margin:0 auto;box-shadow:0 4px 5px rgba(0,0,0,.3)}.user-submit{display:inline-block;border:1px solid #e5e5e5;width:45px;height:30px;line-height:30px;text-align:center;margin-top:10px;background:#fff;font-size:11px;font-weight:600;cursor:pointer}#react-confirm-alert .react-confirm-alert-overlay{-webkit-animation:react-confirm-alert-fadeIn .1s .1s forwards;animation:react-confirm-alert-fadeIn .1s .1s forwards}footer .text{text-align:center;line-height:115px}.float-left{float:left}.float-right{float:right}.detail-container{min-height:84vh;padding-top:70px}@media screen and (max-width:768px){.header-bar{display:block}.home-header{margin-top:60px}.content-answer .imgs li{width:48.888%}}@media screen and (max-width:600px){.login-container{padding-top:10px}.form-login .form-title{margin:0 0 10px}.form-login .forgot-pw{margin:10px 0}.form-login .form-button{margin-top:20px}.form-login{width:100%;padding:20px;font-size:13px}header .filter-list{background-image:url(/assets/images/down-arrow.png);background-size:30px;background-position:98%;background-repeat:no-repeat;-moz-appearance:none;-webkit-appearance:none}header .filter-list::-ms-expand{display:none}.form-container form{width:90%}}.flex-images{overflow:hidden;margin-left:-14px;margin-right:-14px}.flex-images .item{float:left;margin:1px 2px 1px 0;border:1px solid #eee;box-sizing:content-box;overflow:hidden;position:relative;padding:0;background:#eee}.first-image .item{background:#eee}.flex-images .item.last{margin-right:0}.first-image .item img.unload,.flex-images .item img.unload{opacity:0}.flex-images .item img{opacity:1;display:block;width:auto;height:100%}.error-message{display:none}.required .error-message{display:block;color:#e61f37;font-size:13px;margin:10px 0}form.disabled{pointer-events:none}