@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{font-size:1.6rem}ul,ol{list-style:none}a{text-decoration:none}.lb-header{position:relative;display:flex;align-items:center;padding:20px;height:80px}.lb-header:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#c0ced6}.lb-header .logo p{font-size:2rem;font-weight:700}.lb-container{display:flex;height:calc(100vh - 80px)}.lb-sidebar{flex:0 0 auto;width:300px;height:calc(100vh - 80px);background-color:#3f5ab8;overflow-y:auto}.lb-sidebar ul>li{border-bottom:1px solid #fff}.lb-sidebar ul>li h2{position:relative;display:flex;align-items:center;color:#fff;padding:0 20px 0 40px;height:50px;font-size:1.8rem;cursor:pointer}.lb-sidebar ul>li h2:after{position:absolute;content:"";right:40px;top:50%;display:block;border-right:2px solid #fff;border-bottom:2px solid #fff;width:6px;height:6px;transform:translate(-50%,-75%) rotate(45deg)}.lb-sidebar ul>li ol{padding:0 20px 20px 60px}.lb-sidebar ul>li ol li{padding:5px 0}.lb-sidebar ul>li ol li a{position:relative}.lb-sidebar ul>li ol li a:hover{text-decoration:underline}.lb-sidebar ul>li ol li.active a:before{position:absolute;content:"▶︎";left:0;top:50%;transform:translate(-100%,-50%);color:#3f5ab8;width:1.25em;font-size:1rem}.lb-sidebar ul>li.active{background-color:#ecf4ff}.lb-sidebar ul>li.active h2{color:#3f5ab8}.lb-sidebar ul>li.active h2:after{border-color:#3f5ab8;transform:translate(-50%,-25%) rotate(-135deg)}.lb-sidebar ul>li.active ol{display:block}.lb-sidebar ul>li.active ol a{color:#3f5ab8}.lb-sidebar ul>li:not(.active) ol{display:block}.lb-sidebar ul>li:not(.active) ol a{color:#fff}.lb-sidebar .logout{padding:50px 0;text-align:center}.lb-sidebar .logout button{background:none;border:none;color:#3f5ab8;width:140px;height:40px;font-size:1.6rem;font-weight:700;background-color:#fff;cursor:pointer}.lb-content{padding:1em;width:100%;height:calc(100vh - 80px);overflow:auto}.lb-content .page-panel form{display:flex;justify-content:flex-end;align-items:center;column-gap:40px}.lb-content .page-message{margin:20px 0;padding:1em 2em;border:1px solid #ccc;border-radius:5px;text-align:center;box-shadow:0 0 5px #01a75b}.lb-content h1{padding-left:.5em;color:#3f5ab8;font-size:2.5rem;border-left:5px solid #3F5AB8}.lb-content form .input-button{display:flex;justify-content:center;align-items:center}.lb-content form .input-button button{background:none;border:0;cursor:pointer;margin:0 10px}.lb-content form .input-button button:hover{opacity:.7}.lb-content form .input-button .preview{color:#fff;width:10em;height:3em;background-color:#3f5ab8;border-radius:5px}.lb-content form .input-button .save{color:#fff;width:10em;height:3em;background-color:#01a75b;border-radius:5px}.lb-content table.list{margin-top:40px;width:100%;border-collapse:collapse;table-layout:fixed}.lb-content table.list tr:hover{background-color:#eee}.lb-content table.list th,.lb-content table.list td{padding:.75em 1em}.lb-content table.list th{color:#fff;width:120px;font-size:1.4rem;background-color:#2e2e2e}.lb-content table.list th:not(:last-child){border-right:1px solid #fff}.lb-content table.list td{word-break:break-word;border-bottom:1px solid #2E2E2E}.lb-content table.list .id{width:5em;background-color:#f2f4f2}.lb-content table.list .title{width:18em}.lb-content table.list .date{width:8em}.lb-content table.list .status{width:6em}.lb-content table.list .action{width:10em}.lb-content table.list .text-center{text-align:center}.lb-content table.list .action div{display:flex;justify-content:center;align-items:center}.lb-content table.list .action div a,.lb-content table.list .action div button{background:none;border:0;cursor:pointer;flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin:0 5px;width:4em;height:2.5em;font-size:1.4rem;background-color:#ccc;border-radius:5px}.lb-content table.list .action div a{color:#fff;background-color:#3f5ab8}.lb-content table.list .action div button{color:#fff;background-color:#e7290f}.lb-content table.list .file iframe{width:200px;max-width:100%;height:150px}.lb-content table.list .file img{width:200px;max-width:100%;height:150px;object-fit:contain}.lb-content table.list .sync-status{text-align:center}.lb-content table.list .sync-status-0{color:#ed1c24}.lb-content table.form{margin-top:40px;width:100%;border-collapse:collapse;table-layout:fixed}.lb-content table.form th,.lb-content table.form td{font-size:1.6rem;vertical-align:top}.lb-content table.form th{width:180px;text-align:left}.lb-content table.form th span{display:flex;align-items:flex-start;padding-left:1em;line-height:1.6}.lb-content table.form th span:before{content:"■";color:#3f5ab8}.lb-content table.form th span.required:after{content:"*";color:#d83333}.lb-content table.form td{padding-bottom:40px}.lb-content table.form ul li:not(:last-child){margin-bottom:20px}.lb-content table.form .input select{padding:0 10px;width:400px;height:2.5em;font-size:1.6rem}.lb-content table.form .input input{font-size:1.6rem}.lb-content table.form .input input[type=text],.lb-content table.form .input input[type=password]{padding:0 10px;width:100%;height:2.5em}.lb-content table.form .input input[type=number]{padding:0 10px;width:10em;height:2.5em}.lb-content table.form .input input[type=datetime-local]{padding:0 10px;width:400px;height:2.5em;font-size:1.6rem}.lb-content table.form .input textarea{padding:5px 10px;width:100%}.lb-content table.form .input textarea#i_title,.lb-content table.form .input textarea#i_tag,.lb-content table.form .input textarea#i_description{height:8em}.lb-content table.form .input textarea#i_summary,.lb-content table.form .input textarea#i_css{height:12em}.lb-content table.form .input textarea#i_body{height:20em}.lb-content table.form .type th span,.lb-content table.form .category th span,.lb-content table.form .status th span,.lb-content table.form .date th span{align-items:center;height:2.5em}.lb-content table.form .status .input{display:flex;align-items:center}.lb-content table.form .status .radio{position:relative}.lb-content table.form .status .radio label{display:flex;align-items:center;margin-right:20px;padding-left:3em;width:8em;height:2.5em;border:1px solid #707070;border-radius:5px;cursor:pointer}.lb-content table.form .status .radio input{position:absolute;top:50%;left:1.5em;transform:translateY(-50%)}.lb-login{padding:0 20px}.lb-login form{margin:100px auto;width:100%;max-width:400px!important}.lb-login form .input-group{margin:20px 0}.lb-login form .input-group input{padding:.25em .5em;width:100%;height:3em;font-size:1.6rem}.lb-login form .input-button{margin:20px 0;text-align:center}.lb-login form .input-button button{background:none;border:0;color:#fff;width:140px;height:3em;font-size:1.6rem;background-color:#3f5ab8!important;cursor:pointer}