.page-user{position:relative;padding:80px 0 40px}.page-user .top-title{position:absolute;z-index:0;top:0;left:0;right:0;background-image:url(../img/user-bg.80fe8f0b.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;height:200px;margin-bottom:40px}.page-user .box-content{position:relative}.page-user .mobile-menu button{display:block;background:#f7f7f7;color:#333;width:100%;font-size:15px;position:relative;border:none;border-bottom:3px solid #eee;padding:15px;margin-bottom:20px;outline:none}.page-user .mobile-menu button svg{position:absolute;right:10px;top:18px}.page-user .mobile-menu .list a,.page-user .mobile-menu .list button{font-size:14px;color:#333;display:block;padding:10px 0;text-align:left;text-decoration:none;background:none;border:none;border-bottom:1px solid #ddd;outline:none}.page-user .mobile-menu .list a i,.page-user .mobile-menu .list button i{font-size:18px;vertical-align:middle}.page-user .side-menu span{display:block;font-size:120px;padding:0 0 30px 20px;color:#ddd}.page-user .side-menu a,.page-user .side-menu button{font-size:16px;color:#aaa;display:block;padding:0;padding-bottom:20px;text-align:left;text-decoration:none;background:none;border:none;outline:none}.page-user .side-menu a i,.page-user .side-menu button i{font-size:24px;vertical-align:middle}.page-user .side-menu a.active,.page-user .side-menu a:hover,.page-user .side-menu button.active,.page-user .side-menu button:hover{color:#000}.page-user .panel{border-left:1px solid #aaa;padding-left:50px}@media only screen and (max-width:992px){.page-user .panel{border-left:none;padding-left:0}}.page-user .panel label{font-size:15px;color:#aaa}.page-user .panel .form-control[readonly]{background:#fff}.page-user .panel .action{padding-top:10px}.page-user .panel .action .btn{padding:8px 18px}.page-user-certificate h1{font-size:22px;color:#cc4a4e;margin:0 0 15px;border-bottom:1px solid #eee}.page-user-certificate h1 span{display:inline-block;margin-bottom:-1px;padding-bottom:10px;border-bottom:2px solid #cc4a4e}.page-user-certificate .not-allow{margin-top:30px;border:1px dashed #ccc;padding:100px 10px;font-size:24px;font-weight:200;text-align:center;color:#aaa}.page-user-certificate .not-allow i{display:block;color:#e5e5e5;margin-bottom:40px;font-size:150px}.page-user-certificate .certificate-container{position:fixed;left:0;z-index:-1;overflow:hidden;opacity:0}.page-user-certificate .certificate{margin:0 auto;overflow:hidden;background:#fff;width:21cm;height:29.7cm;padding:.5cm 1cm}.page-user-certificate .certificate .wrapper{padding-top:30px}.page-user-certificate .certificate .logo{text-align:center}.page-user-certificate .certificate .logo img{display:inline-block;height:80px}.page-user-certificate .certificate h2{font-weight:700;padding-top:20px;color:#000;border-bottom:none}.page-user-certificate .certificate h2,.page-user-certificate .certificate p{font-size:22px;font-family:Sarabun;text-align:center;margin:0;line-height:normal}.page-user-certificate .certificate p{padding:0}.page-user-certificate .certificate p.give-text{font-size:22px;padding-top:60px}.page-user-certificate .certificate p.name{font-size:22px;font-weight:700;padding:80px 0}.page-user-certificate .certificate p.topic{font-weight:700;padding:20px 0;padding-left:30px;padding-right:30px}.page-user-certificate .certificate p.date{font-size:22px;font-weight:700;padding-top:70px}.page-user-certificate .certificate p.signature-line{width:400px;margin:auto;border-bottom:1px solid #333}.page-user-certificate .certificate p.signature-text{font-size:18px;padding-top:15px}.page-user-certificate .certificate .signature{padding-top:60px}.page-user-certificate .certificate .signature img{display:block;margin:auto}.page-user-certificate .paper{margin-top:30px}.page-user-certificate .paper .thumbnail{border:1px solid #eee}.page-user-certificate .paper .thumbnail img{display:block;width:100%}.page-user-certificate .paper .action{margin-top:20px;overflow:hidden}.page-user-certificate .paper .action .lang{float:left}@media only screen and (max-width:768px){.page-user-certificate .paper .action .lang{float:none;padding-bottom:5px}}.page-user-certificate .paper .action .lang label{vertical-align:middle;display:inline-block;margin:0 10px 0 0;font-size:14px;color:#999}.page-user-certificate .paper .action .lang .group{vertical-align:middle;display:inline-block;overflow:hidden}.page-user-certificate .paper .action .lang .group button{float:left;background:#fff;border:1px solid #cc4a4e;font-size:14px;color:#cc4a4e;outline:none;padding:7px 10px}.page-user-certificate .paper .action .lang .group button.active{background:#cc4a4e;color:#fff}.page-user-certificate .paper .action .download{float:right;text-align:right}@media only screen and (max-width:768px){.page-user-certificate .paper .action .download{float:none;text-align:left}}.page-user-certificate .paper .action .download .btn{margin-left:5px}.page-user-certificate .paper .action .download .btn:focus{outline:none}@media only screen and (max-width:768px){.page-user-certificate .paper .action .download .btn{display:block;width:100%;margin:3px 0 0}}