body,div,dl,ul,li,h1,h2,h3,h4,h5,h6,code,p,button,input,textarea{margin:0;padding:0;list-style:none}body{font-size:14px;background-color:#fff;font-family:helvetica neue,Helvetica,Arial,sans-serif}h3{font-weight:700;font-size:18px;color:#1a1a1a}p{font-weight:300;font-size:12px;color:#939393}::-webkit-scrollbar{width:0;height:4px;background:#ccc}::-webkit-scrollbar-thumb{background:#999;border-radius:7px}::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-scrollbar-corner{background:#ccc}.l{float:left}.r{float:right}.ml12p{margin-left:12%}.nav{position:fixed;top:0;width:100%;height:50px;background:#20b8dc;z-index:2000}.nav img{height:100%}.logo{position:absolute;width:auto;top:5px;margin-left:50px;width:170px;height:40px;z-index:2000;background-image:url(/images/tp-logo.png);background-size:170px}@media only screen and (max-width:360px){.logo{width:40px}}.nav-button{position:relative;top:6px;float:right;width:140px;height:32px;z-index:2000;margin-right:50px;border:#fff 2px solid;border-radius:4px;background-color:#fff;transition:background-color .3s ease-out}.button-logo{float:left;width:20px;height:20px;padding-top:6px;margin-left:8px;background-image:url(/imgs/mobile_blue.png);background-size:100%;background-repeat:no-repeat;background-position:0 6px}.button-content{float:left;margin-top:8px;margin-left:8px}.button-content p{color:#20b8dc;font-size:14px;text-decoration:none}.fileinfo{height:100%;position:absolute;border-right:#e2e2e2 1px solid;overflow-y:scroll;width:100%;background-color:#fff;z-index:1}.file_center{max-height:75%;width:100%;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.file_center .img-preview{margin:0 auto;max-width:85%;max-height:100%;margin-top:20px;box-shadow:0 0 5px rgba(0,0,0,.3);image-orientation:from-image}.file_center .file-type-preview{width:75px;margin:0 auto}.fileinfo h3{padding:15px 30px 7px}.fileinfo p{padding-bottom:14px}.button{line-height:1.5;font-size:14px;color:#fff;width:130px;display:inline-block;letter-spacing:1px;font-weight:300;background-color:#20b8dc;padding:10px 5px;text-decoration:none;border-radius:4px}.userinfo h3{font-weight:700;font-size:16px}.userinfo h4,p{font-weight:300;font-size:14px;color:#939393;text-align:left}.forum-name{width:200px;text-overflow:ellipsis;overflow:hidden}.userinfo{margin-left:20px;margin-right:20px;width:310px;position:absolute;right:0}.user_center{margin:0 auto;text-align:center;padding-top:90px}.avatar{width:60px;height:60px;border-radius:30px}.avatar img{height:60px;width:60px;border-radius:50%}.forum_content{padding-top:20px;padding-bottom:30px;border-top:#e2e2e2 1px solid;border-bottom:#e2e2e2 1px solid;float:left;width:100%}.forum_content h3,.forum_content p{text-align:left}.forum_info{padding:20px 0;margin-left:12%;height:40px}.forum_info:hover{cursor:pointer}.forum_info h3{padding-top:3px}.forum_logo{max-width:40px;max-height:40px;margin-right:10px;float:left;display:inline;text-align:center}.forum_logo img{height:100%;width:100%;border-radius:2px}.forum_text{height:auto;float:left;display:inline;width:75%}@media only screen and (max-width:1300px){.forum_content p{margin-left:6%}.forum_info{margin-left:6%}}@media only screen and (max-width:1023px){.userinfo{display:none}.fileinfo{width:100%}.file_center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media only screen and (max-width:479px){.logo{margin-left:10px;background-image:url(/images/tp-logo.png);background-size:135px;background-repeat:no-repeat;top:8px}.nav{height:44px}.nav-button{top:5px;height:30px;margin-right:20px;width:134px}.button-logo{background-position:0 6px;margin-left:5px}.button-content{margin-top:8px}}