body{background:#ccc}#HEAD .bbb{background:#3f3e43;position:relative;top:inherit;height:73px}#MASK{background:rgba(0,0,0,0.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;display:none}#MASK_REGI{position:fixed;display:none;box-shadow:0 0 10px rgba(0,0,0,0.2);left:25%;width:50%;top:24%;background:#fff;z-index:103;padding:30px 43px;box-sizing:border-box}#MASK_REGI .close{right:-50px;position:absolute;top:0;background:#fff;display:flex;justify-content:center;color:#555;height:50px;line-height:47px;font-size:30px;width:50px;cursor:pointer}#MASK_REGI .close:hover{background:#5b222b;color:#fff}#MASK_REGI .logo{padding:0 0 20px 0}#MASK_REGI .pic0 img{width:100%}#MASK_REGI .ttt{padding:20px 0 14px 0;font-size:16px;color:#888}#MASK_REGI .line{width:100%;height:1px;background:#ccc}#MASK_REGI form{padding:20px 0 0 0;display:flex;flex-wrap:wrap}#MASK_REGI form .error{text-align:right;padding:14px 0 0 0;color:#a00;width:100%}#MASK_REGI form li{width:50%}#MASK_REGI form li span{display:block;width:100%;font-size:13px;padding:0 0 7px 0;color:#444}#MASK_REGI form li input{border-radius:2px;border:1px solid #aaa;height:33px;width:95%;padding:0 7px;box-sizing:border-box}#MASK_REGI form li:nth-child(2) input{width:100%}#MASK_REGI form .submit{width:100%;padding:20px 0 0 0;text-align:right}#MASK_REGI form .submit input{width:59px;height:28px;border:1px solid #aaa;background:#eee;color:#555;border-radius:3px}#MASK_SIGN{position:fixed;display:none;box-shadow:0 0 10px rgba(0,0,0,0.2);left:35%;width:30%;top:35%;background:#fff;z-index:102;padding:0 0 30px 0}#MASK_SIGN .error{text-align:center;padding:14px 0 0 0;color:#a00}#MASK_SIGN .logo{text-align:center;padding:40px 0}#MASK_SIGN .username{width:100%;margin:0 0 8px 0;display:flex;align-items:center;align-content:center;justify-content:center}#MASK_SIGN .username span{font-size:14px;color:#555}#MASK_SIGN .username input{border:1px solid #aaa;border-radius:2px;padding:0 5px;font-size:14px;height:28px;width:100px}#MASK_SIGN .username input:focus{border-color:#00a0ea}#MASK_SIGN .password{width:100%;margin:0 0 15px 0;display:flex;align-items:center;align-content:center;justify-content:center}#MASK_SIGN .password span{font-size:14px;color:#555}#MASK_SIGN .password input{border:1px solid #aaa;border-radius:2px;padding:0 5px;font-size:14px;height:28px;width:100px}#MASK_SIGN .password input:focus{border-color:#00a0ea}#MASK_SIGN .submit{text-align:center}#MASK_SIGN .submit input{width:64px;height:28px;border:1px solid #aaa;background:#eee;color:#555;border-radius:3px}#MASK_SIGN .reg{text-align:center;color:#555;margin:18px 0 0 0;font-size:14px;cursor:pointer}#MASK_SIGN .reg:hover{color:#00a0ea}.DDD_0{padding:0 0 0 0;background:#fff;border-bottom:10px solid #ccc}.DDD_0 .box-1{padding:23px 40px;background:#fff;position:relative;border-top:10px solid #ccc}.DDD_0 .box-1 h2{letter-spacing:0.03em;font-weight:200;font-size:28px;color:#4d4d4d}.DDD_0 .box-1 h2 b{font-weight:bold;padding:0 10px 0 0}.DDD_0 .box-1 h1{letter-spacing:0.03em;font-weight:400;height:39px;line-height:39px;color:#555;font-size:22px}.DDD_0 .box-1 .share{position:absolute;right:20px;top:20px;display:flex;align-items:center;align-content:center;flex-wrap:nowrap}.DDD_0 .box-1 .share .ssa{font-size:13px;color:#777}.DDD_0 .box-1 .share a{margin:0  5px 0 2px}.DDD_0 h3{margin:40px 24px 0 24px;border-bottom:1px solid #ddd;height:35px}.DDD_0 h3 b{font-size:21px;color:#666}.DDD_0 .list{padding:40px 24px 50px 24px;display:flex;flex-wrap:wrap;margin:0 auto;justify-content:flex-start}.DDD_0 .list a{width:100%;display:flex;justify-content:space-between;height:38px;padding:0 20px;line-height:38px;align-items:center;align-content:center}.DDD_0 .list a .name{font-size:14px;color:#666;width:85%;letter-spacing:0.06em}.DDD_0 .list a .icon{opacity:0;height:18px}.DDD_0 .list a .icon img{height:100%;width:auto}.DDD_0 .list a .format{font-size:14px;letter-spacing:0.04em;color:#666}.DDD_0 .list a .size{font-size:14px;color:#666;letter-spacing:0.04em;text-align:right;width:66px}.DDD_0 .list a:nth-child(2n-1){background:#eee}.DDD_0 .list a:hover{background:rgba(91,34,43,0.1)}.DDD_0 .list a:hover .icon{opacity:1}.DDD_0 .list a:hover .name{color:#5b222b}.DDD_0 .list a:hover .format{color:#5b222b}.DDD_0 .list a:hover .size{color:#5b222b}@media screen and (max-width: 650px){#MASK{background:rgba(0,0,0,0.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;display:none}#MASK_REGI{position:fixed;display:none;box-shadow:0 0 10px rgba(0,0,0,0.2);left:25%;width:50%;top:24%;background:#fff;z-index:103;padding:30px 43px;box-sizing:border-box}#MASK_REGI .close{right:-50px;position:absolute;top:0;background:#fff;display:flex;justify-content:center;color:#555;height:50px;line-height:47px;font-size:30px;width:50px;cursor:pointer}#MASK_REGI .close:hover{background:#5b222b;color:#fff}#MASK_REGI .logo{padding:0 0 20px 0}#MASK_REGI .pic0 img{width:100%}#MASK_REGI .ttt{padding:20px 0 14px 0;font-size:16px;color:#888}#MASK_REGI .line{width:100%;height:1px;background:#ccc}#MASK_REGI form{padding:20px 0 0 0;display:flex;flex-wrap:wrap}#MASK_REGI form .error{text-align:right;padding:14px 0 0 0;color:#a00;width:100%}#MASK_REGI form li{width:50%}#MASK_REGI form li span{display:block;width:100%;font-size:13px;padding:0 0 7px 0;color:#444}#MASK_REGI form li input{border-radius:2px;border:1px solid #aaa;height:33px;width:95%;padding:0 7px;box-sizing:border-box}#MASK_REGI form li:nth-child(2) input{width:100%}#MASK_REGI form .submit{width:100%;padding:20px 0 0 0;text-align:right}#MASK_REGI form .submit input{width:59px;height:28px;border:1px solid #aaa;background:#eee;color:#555;border-radius:3px}#MASK_SIGN{position:fixed;display:none;box-shadow:0 0 10px rgba(0,0,0,0.2);left:35%;width:30%;top:35%;background:#fff;z-index:102;padding:0 0 30px 0}#MASK_SIGN .error{text-align:center;padding:14px 0 0 0;color:#a00}#MASK_SIGN .logo{text-align:center;padding:40px 0}#MASK_SIGN .username{width:100%;margin:0 0 8px 0;display:flex;align-items:center;align-content:center;justify-content:center}#MASK_SIGN .username span{font-size:14px;color:#555}#MASK_SIGN .username input{border:1px solid #aaa;border-radius:2px;padding:0 5px;font-size:14px;height:28px;width:100px}#MASK_SIGN .username input:focus{border-color:#00a0ea}#MASK_SIGN .password{width:100%;margin:0 0 15px 0;display:flex;align-items:center;align-content:center;justify-content:center}#MASK_SIGN .password span{font-size:14px;color:#555}#MASK_SIGN .password input{border:1px solid #aaa;border-radius:2px;padding:0 5px;font-size:14px;height:28px;width:100px}#MASK_SIGN .password input:focus{border-color:#00a0ea}#MASK_SIGN .submit{text-align:center}#MASK_SIGN .submit input{width:64px;height:28px;border:1px solid #aaa;background:#eee;color:#555;border-radius:3px}#MASK_SIGN .reg{text-align:center;color:#555;margin:18px 0 0 0;font-size:14px;cursor:pointer}#MASK_SIGN .reg:hover{color:#00a0ea}.DDD_0{padding:0 0 0 0;background:#fff;border-bottom:10px solid #ccc}.DDD_0 .box-1{padding:15px 20px;background:#fff;position:relative;border-top:10px solid #ccc}.DDD_0 .box-1 h2{letter-spacing:0.03em;font-weight:200;font-size:20px;color:#4d4d4d}.DDD_0 .box-1 h2 b{font-weight:bold;padding:0 10px 0 0}.DDD_0 .box-1 h1{letter-spacing:0.03em;font-weight:400;height:39px;line-height:39px;color:#555;font-size:20px}.DDD_0 .box-1 .share{position:absolute;right:20px;top:20px;display:none;align-items:center;align-content:center;flex-wrap:nowrap}.DDD_0 .box-1 .share .ssa{font-size:13px;color:#777}.DDD_0 .box-1 .share a{margin:0  5px 0 2px}.DDD_0 .box-2 img{width:100%}.DDD_0 h3{margin:40px 24px 0 24px;border-bottom:1px solid #ddd;height:35px}.DDD_0 h3 b{font-size:21px;color:#666}.DDD_0 .nosign{display:block;text-align:center;color:#888;font-size:14px;padding:100px 0}.DDD_0 .list{padding:40px 24px 50px 24px;display:none;flex-wrap:wrap;margin:0 auto;justify-content:flex-start}.DDD_0 .list a{width:100%;display:flex;justify-content:space-between;height:38px;padding:0 20px;line-height:38px;align-items:center;align-content:center}.DDD_0 .list a .name{font-size:14px;color:#666;width:85%}.DDD_0 .list a .icon{opacity:0;height:18px}.DDD_0 .list a .icon img{height:100%;width:auto}.DDD_0 .list a .format{font-size:14px;color:#666}.DDD_0 .list a .size{font-size:14px;color:#666;text-align:right;width:66px}.DDD_0 .list a:nth-child(2n-1){background:#eee}.DDD_0 .list a:hover{background:rgba(91,34,43,0.1)}.DDD_0 .list a:hover .icon{opacity:1}.DDD_0 .list a:hover .name{color:#5b222b}.DDD_0 .list a:hover .format{color:#5b222b}.DDD_0 .list a:hover .size{color:#5b222b}}