body{background-color:#fff;color:#000;margin:0px;padding:0px}body.hidebar{overflow:hidden}img{max-width:100%}[hidden]{display:none !important}#header{background-color:#fff;border-bottom:1px solid #ebebeb}@media screen and (max-width: 767px){#header{padding-top:5px}}@media screen and (min-width: 768px){#header{padding:5px 0px}}#header>nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row}#header>nav>h1{order:1;padding:0px;margin:0px 0px 0px 30px;text-align:center;flex-grow:1}#header>nav>h1>a{font-weight:bold;text-decoration:none;color:#0095ff}@media screen and (min-width: 768px){#header>nav>h1{display:none}}@media screen and (min-width: 768px){#header .menu-toggle{display:none}}@media screen and (max-width: 767px){#header .menu-toggle{display:block;appearance:none;order:2;border:none;background:transparent;width:30px;margin:5px;padding:5px;aspect-ratio:auto 30 / 30}#header .menu-toggle.active span{transform:rotate(45deg)}#header .menu-toggle.active span:before{top:0;transform:rotate(-90deg)}#header .menu-toggle.active span:after{top:0;transform:rotate(-90deg);width:0px}#header .menu-toggle:not([class~='active']) ~ ol{height:0px;transform:scaleY(0);overflow:hidden}#header .menu-toggle:not([class~='active'])+a{display:block;flex-grow:1;text-align:center;margin-right:30px;text-decoration:none;font-weight:bold;color:#40aab5}#header .menu-toggle span{color:#1e293b;height:2px;width:1.25em;background:#000;border-radius:10px;position:relative;display:inline-block;vertical-align:middle;transition:top 0.3s, bottom 0.3s, transform 0.3s 0.3s, opacity 0s 0.3s}#header .menu-toggle span:after,#header .menu-toggle span:before{content:'';display:block;height:inherit;width:inherit;border-radius:inherit;background:#000;position:absolute;left:0;transition:inherit}#header .menu-toggle span:before{top:-0.45em}#header .menu-toggle span:after{bottom:-0.45em}}#header #menu-nav{position:static;border:none;display:flex;padding:0px;margin:0px;list-style:none;order:3}#header #menu-nav>li>a{font-weight:bold;text-decoration:none;color:#0095ff;background-size:100% 30px;user-select:none}@supports (background-clip: text) or (-webkit-background-clip: text){#header #menu-nav>li>a{color:transparent;background-image:linear-gradient(45deg, #0095ff, #3ce9c9);-webkit-background-clip:text}}#header #menu-nav>li>a:hover::after{transform:scaleX(1);transition:transform 0.2s ease-in-out;transform-origin:bottom left}#header #menu-nav>li>a>ruby>rt{font-size:9px;font-family:auto;font-weight:normal;color:black}@media screen and (max-width: 767px){#header #menu-nav{flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;transition:all 0.5s;border-top:1px solid #ebebeb}#header #menu-nav>li{margin:10px 10px 0px;padding:0px 0px 10px;font-size:1rem;text-align:center}#header #menu-nav>li:not(:last-child){border-bottom:1px dashed #ccc}#header #menu-nav>li:first-child{display:none}}@media screen and (min-width: 768px){#header #menu-nav{flex-wrap:wrap;flex-direction:row;align-content:flex-start;align-items:center;justify-content:flex-end;flex-grow:1}#header #menu-nav>li{font-size:1.5rem;margin:5px;padding:0.5em;border:1px solid #6e6e6e30;border-radius:0.25em}#header #menu-nav>li>a{position:relative}#header #menu-nav>li>a:after{content:'';position:absolute;left:0;bottom:-5px;height:4px;background:#0d98f5;width:100%;transition:all 0.2s ease-in-out;transform:scaleX(0) translate3d(0, 0, 0);transform-origin:bottom right}}#footer{border-top:1px solid #ebebeb;color:#727272;background-color:#fff;padding:5px 5px 20px;text-align:center;margin:auto;font-size:0.625rem;user-select:none;-webkit-user-select:none}#footer a{color:#000;text-decoration:none;font-weight:bold}#index-page{width:98%;max-width:900px;margin:0px auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start}.databox{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;margin:5px 0px}.databox .btn{border-radius:5px;margin:2px 3px;padding:2px 5px;outline:none;border:1px solid #000;background-image:linear-gradient(0deg, #1c88c9, #3caeeb);color:#fff;touch-action:none;user-select:none}.databox .btn[disabled]{background:#e2eded;color:#5594cb}.databox .btn:hover{background-image:linear-gradient(0deg, #009fff, #a6daf5)}.databox .input{border-radius:5px;outline:none;border:1px solid #4f9eeb;font-size:14px;padding:3px 2px;margin:2px;width:-webkit-fill-available}.databox .input:not([disabled]){background-color:#67c1f321}.databox .input[disabled]{background:#d5d2d2;border-color:#c1c5c9;color:#777276}.databox>.head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.databox>.head>.title{margin:0px;color:#3689d1}.databox>.content video{max-width:100%}.databox>.content.center{text-align:center}.databox>.content .article{margin:4px 0px;padding-left:1em;list-style:none}.databox>.content .article>li::before{font-family:FontAwesome;content:'\f0f6';color:#1c90d7;margin-right:3px}.databox>.content .article>li a{color:#1c90d7;text-decoration:none;transition:all 0.5s}.databox>.content .article>li a:hover{color:#000}.databox>.content>.tag{margin:4px 0px;padding-left:1em;list-style:none}.databox>.content>.tag li::before{font-family:FontAwesome;content:'\f292';color:#1c90d7}.databox>.content>.tag li a{color:#1c90d7;font-weight:bold}.databox>.content>.app-icon{display:flex;justify-content:flex-start;align-items:flex-end;flex-direction:row;flex-wrap:wrap;margin:0px;padding-left:1em;list-style:none}.databox>.content>.app-icon>li{width:80px;text-align:center}.databox>.content>.app-icon>li>a{text-decoration:none}.databox>.content>.app-icon>li>a>.img{color:#b8f953;font-family:FontAwesome;font-size:36px;display:block;margin:5px auto;text-shadow:0px 0px 5px #2b2d2a}.databox>.content>.app-icon>li>a>.a{color:#000;font-weight:bold;font-size:14px}.databox>.content>.app-icon>li:hover{background-color:#dadada}.databox>.content>.app-icon>li:hover>a>.a,.databox>.content>.app-icon>li:hover>a>.img{color:#ec7718}.databox>.foot>nav{display:flex;justify-content:flex-start;align-items:center}.databox>.foot>nav a{text-decoration:none;display:block;margin-right:10px;border:1px dashed #ccc;padding:5px 10px;border-radius:5px}.databox>.foot>nav a:hover{background-color:#ccc;color:#fff}.warning-text{display:block;padding:1em;background-color:#e76464;border-radius:5px;border:1px dashed #000;color:#fff;font-weight:bold;font-size:14px}.table{margin:2px;border-collapse:unset;border:0px;table-layout:fixed}.table tbody{width:100%;overflow-x:auto}.table a{text-decoration:none;color:#0098e9}.table.center{text-align:center}.table td,.table th{border:1px solid #ccc;line-height:200%;padding-left:8px;padding-right:8px}.table>thead>tr th,.table>tr th,.table>tbody>tr th{background:#c1c5c9;color:#fff;line-height:100%}.table>thead>tr:first-child th:last-child,.table>tr:first-child th:last-child,.table>tbody>tr:first-child th:last-child{border-top-right-radius:10px;padding:10px}.table>thead>tr:first-child th:first-child,.table>tr:first-child th:first-child,.table>tbody>tr:first-child th:first-child{border-top-left-radius:10px}.table.dark{background:#343a40;border-collapse:collapse;border:none}.table.dark tr:nth-child(odd){background-color:#ffffff0d}.table.dark tr:nth-child(even){background:none}.table.dark td,.table.dark th{border:1px solid #454d55;background:transparent;padding:12px;color:#fff;font-size:12px}.table.dark>thead>tr th,.table.dark>tr th,.table.dark>tbody>tr th{background:transparent;line-height:200%}.table.dark>thead>tr:first-child th:last-child,.table.dark>tr:first-child th:last-child,.table.dark>tbody>tr:first-child th:last-child{padding:12px}.wbox{--wb-bgc: #fff;--wb-color: #000;--wb-title-color: #000;--wb-link-color: #007bff;--wb-base-wc: #bdbdd9;--wb-base-wc2: #b7c4cb;--wb-base-ws: 0 3px 5px #787b7d80;--wb-border-color: #a99c9c;--wb-title-icon: "\f171";--wb-time:3s;border-radius:5px;padding:2px;border:1px solid var(--wb-border-color);background:var(--wb-base-wc) linear-gradient(90deg, var(--wb-base-wc), var(--wb-base-wc2));box-shadow:var(--wb-base-ws);text-align:left;word-break:break-all}.wbox.info{--wb-base-wc: #20a0ff;--wb-base-wc2: #20b8ff;--wb-base-ws: 0 3px 5px #20a0ff80;--wb-title-color: #fff;--wb-title-icon: "\f05a"}.wbox.warn{--wb-base-wc: #ff953f;--wb-base-wc2: #ffb449;--wb-base-ws: 0 3px 5px #ff9a4980;--wb-title-color: #fff;--wb-title-icon: "\f071"}.wbox.success{--wb-base-wc: #61be33;--wb-base-wc2: #8fce44;--wb-base-ws: 0 3px 5px #68c33b80;--wb-title-color: #fff;--wb-title-icon: "\f05d"}.wbox.error{--wb-base-wc: #ff4949;--wb-base-wc2: #ff7849;--wb-base-ws: 0 3px 5px #ff494980;--wb-title-color: #fff;--wb-title-icon: "\f05c"}.wbox.org{--wb-base-wc: #fff3cd;--wb-base-wc2: #ffa67b;--wb-base-ws: 0 3px 5px #ffb08680;--wb-title-icon: "\f058"}.wbox.blue{--wb-base-wc: #d4edda;--wb-base-wc2: #cce1a3;--wb-base-ws: 0 3px 5px #cfe8c080;--wb-title-icon: "\f055"}.wbox.autoclose{animation:wbox-close 0.5s ease-in-out var(--wb-time)}.wbox:not(dialog){margin:10px 2px}.wbox a{text-decoration:none}.wbox>.title{margin:0px;line-height:150%;font-size:14px;border:none;user-select:none}.wbox>.title:hover{color:initial}.wbox>.title:before{font-family:FontAwesome;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px 5px;color:var(--wb-title-color)}.wbox>.title,.wbox>.title>a{color:var(--wb-title-color)}.wbox>.content{font-size:14px;padding:1em;margin:0px;background:var(--wb-bgc);color:var(--wb-color);border:1px solid #ababab;border-radius:5px}.wbox>.content a{color:var(--wb-link-color)}.wbox>.content>p{text-indent:15px}.wbox>.foot{text-align:right}.wbox>.foot>.action{margin-top:5px;outline:none;border:1px solid #ccc;border-radius:5px;padding:2px 5px;background:#ff7800;color:#fff;font-weight:bold}.wbox>.foot>.action:not(:last-child){margin-right:5px}.wbox .pl-15{padding-left:15px}fieldset.wbox{border-width:2px;border-color:var(--wb-base-wc);background:var(--wb-bgc)}fieldset.wbox>.title{--wb-title-color: var(--wb-base-wc);font-weight:bold;border-radius:5px;background:var(--wb-bgc);border:2px solid var(--wb-base-wc);margin:0px 0px 0px 10px;padding:2px 3px;color:var(--wb-base-wc)}fieldset.wbox>.content{border:none;border-radius:none}dialog.wbox{width:80%;height:min-content}dialog.wbox:not([class~='min'],[class~='full']){max-width:800px;max-height:75vh}dialog.wbox.min{max-width:400px;max-height:400px}dialog.wbox.full{width:98vw;height:98vh}dialog.wbox>.title>button{color:var(--wb-title-color)}dialog.wbox>.title>.close{border:none;outline:none;border-radius:50%;font-family:FontAwesome;text-align:center;padding:3px 5px;background:transparent;float:right}dialog.wbox::backdrop{background:#00000080}.w-mask{position:fixed;z-index:999;width:100vw;height:100vh;left:0;right:0;top:0;bottom:0;overflow:hidden;background:#00000080}.w-mask>.wbox{margin:auto !important;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.w-mask>.wbox>.content{flex-grow:1;overflow-y:auto}.c-red{color:red}@keyframes wbox-close{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#page{background-color:#ededed}#page>.warning-text{text-align:right;padding:5px;font-size:12px}#page>.warning-text>button{margin:0px 3px}@media screen and (max-width: 767px){#top-info{text-align:center}#top-info>div{margin-bottom:10px;text-align:center}}@media screen and (min-width: 768px){#top-info{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:5px}}#top-info .search{text-align:center}#top-info .search label{margin:5px auto;display:inline-flex;flex-direction:row;align-items:stretch;justify-content:center;border:1px solid #ccc}#top-info .search label input{appearance:none;padding:4px;width:200px;height:20px;outline:none;border:none;border-right:1px solid #ccc;border-radius:none}#top-info .search label button{appearance:none;padding:0px;margin:0px;width:60px;border:none;outline:none;background:#838383;color:#fff;height:auto}#top-info>.more>button{border:1px solid #000;padding:5px;margin:0px 5px;outline:none;background:#838383;color:#fff;height:auto}#site-nav a{text-decoration:none;color:#535252}.nav-page{width:90%;margin:10px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.nav-page a,.nav-page button{text-decoration:none;background-color:#fbfff7;color:#00b6ff;padding:3px 5px;border-radius:5px;margin:3px;border:1px solid #c3bcbc;font-size:14px;min-width:30px;white-space:pre;text-align:center}.nav-page a:hover,.nav-page a.active,.nav-page button:hover,.nav-page button.active{background-color:#00b6ff;color:#fff}.tag-list{width:90%;margin:10px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.tag-list a,.tag-list button{text-decoration:none;background-color:#fbfff7;color:#00b6ff;padding:3px 5px;border-radius:5px;margin:3px;border:1px solid #c3bcbc;font-size:14px}.tag-list a:hover,.tag-list button:hover{background-color:#00b6ff;color:#fff}.tag-list a>b,.tag-list button>b{color:#e50d0d}.sql-item-list{padding:0.5em;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:stretch}.sql-item-list img{max-width:100%}.sql-item-list li{border:1px solid #535252;background-color:#142631;text-align:center}@media screen and (max-width: 767px){.sql-item-list li{width:45%;margin-bottom:15px}}@media screen and (min-width: 768px){.sql-item-list li{width:240px;padding:5px;margin:5px}.sql-item-list li p{margin:.25em;text-overflow:ellipsis;overflow:hidden;height:30px}}.sql-item-list li p{text-align:center;font-size:12px}.sql-item-list li p>b{color:#6aff20;background-color:#595550}.sql-item-list li a{text-decoration:none;color:#fff}.sql-item-list li img{height:80px;background-color:aliceblue;padding:1px;border:1px solid #bbb}.div-player{margin:15px 1em;overflow:hidden}.div-player>video{width:100%;background-color:transparent;background-repeat:no-repeat;background-size:cover}.div-player>video::-webkit-media-controls{background:transparent}.div-player>button{font-size:12px;background-color:transparent;border:none;opacity:.8;outline:none;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(10);font-family:FontAwesome;display:none;color:#fff}.div-player>button:hover{color:#0da6ff}.div-player>button[disabled]{transform:none}.div-player:not([class~='active']){position:relative}.div-player:not([class~='active']) button{display:inline-block}.result-error{text-align:center;padding:10em 0px}.result-error a{color:#007bff;text-decoration:none}.player-content{background-color:#000;position:relative;color:#fff}.player-content>img{margin:0px auto;display:block;max-width:100%}.player-content>.list{margin:10px  auto;border-radius:10px 10px 0 0;background-color:#00000080;width:98%;max-width:500px}.player-content>.list>h3{margin:5px 0px}.player-content>.list>button{border:1px solid #000;outline:none;background-color:#007bff;color:#fff;font-size:14px;padding:5px 10px;border-radius:5px;margin-right:10px;margin-bottom:10px}.player-info{background-color:#000;padding:10px;text-align:center;color:#fff;padding:2em 10em}.player-video{background-color:#000;text-align:center}.player-video>video{width:100%;margin:auto}.wbox>.content button{margin:5px 2px}.wbox>.content>ul{margin:0px;padding:5px;list-style:none}.wbox>.content>ul li{margin:8px 0px}.wbox>.content>ul li>p{margin:1px;padding:1px}.wbox>.content label>input{width:98%;font-size:14px}.wbox>.content .warning{background-color:#000;color:#fff}