/* css stylesheet for https://craftguy.eu.org/zh/. All right reserved by billiez, 2022. */

html,body{max-width:100%;overflow-x:hidden}::selection{background-color:#fff;color:#000}::-moz-selection{background-color:#fff;color:#000}@font-face{font-family:Consolas;src:url(https://craftguy.eu.org/font/DFPing.ttc)}@font-face{font-family:Eng;src:url(https://craftguy.eu.org/font/Consolas.ttf)}@font-face{font-family:Chi;src:url(https://craftguy.eu.org/font/naikai.ttf)}body{background-color:aquamarine;margin-top:0;position:relative;overflow-x:hidden;margin:0px}::-webkit-scrollbar{width:2.3vw}::-webkit-scrollbar-thumb{background:#f6f78f;border-radius:6px;border:1.1px solid #151e73}::-webkit-scrollbar-thumb:hover{background:#d7d968}::-webkit-scrollbar-thumb:active{background:#bdbf4b}::-webkit-scrollbar-track{background:#a8e8ff;outline:1.3px solid #000;box-shadow:inset 2px 2px 3px rgba(120,130,137,0.29)}.header{display:flex;background-color:#fff;width:240px;padding:10px 15px 10px;margin-bottom:15px;animation-name:border;animation-duration:7s;animation-iteration-count:infinite}@keyframes border{0%{border:2px solid #000}12.5%{border:2px solid #e33c30}25%{border:2px solid #e3b630}37.5%{border:2px solid #dde330}50%{border:2px solid #39e330}62.5%{border:2px solid #30e392}75%{border:2px solid #3048e3}87.5%{border:2px solid #a130e3}100%{border:2px solid #000}}.header-words{display:inline-block;line-height:65px;height:60px;background-color:#fff;padding:0px 10px 0px 10px;font-size:32px;color:#000;font-family:Consolas}table{width:100%;table-layout:fixed}table.limiter{height:fit-content}#radio11:checked ~ table tr th{border:1.5px solid #fff}th{color:#000;background-color:bisque;font-size:4.5vw;height:auto;font-family:Consolas;border:1.5px solid #000;border-radius:7px;box-shadow:1px 1px 3px #9d9da3}th:hover{background-color:#d4b935;cursor:pointer}th:active{background-color:#99871f;transform:translate(1px, 1px)}th#two{font-size:4.25vw}label{width:100%;height:auto;display:inline-block}label:hover{cursor:pointer}#radio111{display:none}#radio222{display:none}#radio333{display:none}.try1{width:91vw;background-color:#69fcff;margin-top:10px;border:1.5px double #000;font-size:25px;color:#000;font-family:Consolas;position:relative;display:none;border-radius:7px;padding-bottom:4vh;padding-left:2vh;padding-right:2.5vw}.try2{padding-left:2vh;width:91vw;background-color:#ffff94;margin-top:10px;border:1.5px double #000;font-size:25px;color:#000;font-family:Consolas;position:relative;display:none;border-radius:7px;padding-bottom:4vh;padding-right:2.5vw}.try3{padding-left:2vh;width:91vw;background-color:#fca7af;margin-top:10px;border:1.5px double #000;font-size:25px;color:#000;font-family:Consolas;position:relative;display:none;border-radius:7px;padding-bottom:8vh;padding-right:2.5vw}#radio111:checked ~ #b1{animation-name:opendoor;animation-timing-function:ease-in-out;animation-duration:0.7s;animation-iteration-count:1;display:block}#radio222:checked ~ #b2{animation-name:opendoor;animation-timing-function:ease-in-out;animation-duration:0.7s;animation-iteration-count:1;display:block}#radio333:checked ~ #b3{animation-name:opendoor;animation-timing-function:ease-in-out;animation-duration:0.7s;animation-iteration-count:1;display:block}@keyframes opendoor{0%{opacity:0;transform:translateY(30px)}100%{opacity:opaque;transform:translateY(0px)}}#radio222:checked ~ #b2 .headings{animation-name:movein;animation-timing-function:ease-in-out;animation-duration:0.4s;animation-iteration-count:1;display:block}#radio333:checked ~ #b3 .headings{animation-name:movein;animation-timing-function:ease-in-out;animation-duration:0.4s;animation-iteration-count:1;display:block}@keyframes movein{0%{opacity:0}100%{opacity:opaque}}#radio222:checked ~ #b2 .contents{animation-fill-mode:both;animation-name:movein;animation-timing-function:ease-in-out;animation-delay:0.4s;animation-duration:0.6s;animation-iteration-count:1;display:block}#radio222:checked ~ #b2 .contentsb2{animation-fill-mode:both;animation-name:movein;animation-timing-function:ease-in-out;animation-delay:0.4s;animation-duration:0.6s;animation-iteration-count:1;display:block}#radio333:checked ~ #b3 .contents{animation-fill-mode:both;animation-name:movein;animation-timing-function:ease-in-out;animation-delay:0.4s;animation-duration:0.6s;animation-iteration-count:1;display:block}.conb12{transform:translateY(45px);opacity:0;transition:all 0.6s ease-in-out;transition-delay:0.25s}.headb12{transform:translateY(45px);opacity:0.15;transition:all 0.6s ease-in-out}.contentb12{transform:translateY(45px);opacity:0;transition:all 0.6s ease-in-out}.gogo{transform:translateY(0);opacity:1}.headings{font-family:Consolas;font-size:30px;text-decoration:underline;padding-left:15px;border-left:5px solid #fff;padding-top:10px;padding-bottom:15px}.contents{font-size:19px;text-decoration:none;padding-left:10px;line-height:25px;border-left:2px solid rgba(255,255,255,0.55)}.contentsb2{font-size:19px;text-decoration:none;padding-left:10px;line-height:25px;border-left:2px solid rgba(0,0,132,0.55)}.headingsb2{font-family:Consolas;font-size:30px;text-decoration:underline;padding-left:15px;padding-top:10px;padding-bottom:15px;border-left:5px solid #000084}a{text-decoration:none;color:#000}a:hover{color:#000;cursor:pointer}div.button{margin-top:2em;display:table}div.button:active{transform:translateY(3px)}.email{font-size:40px;font-weight:bold;background-color:#b0baff;padding:10px 5px;border:1.9px solid #051b69;border-radius:5px;box-shadow:1px 4px #8f8f8f}.email:hover{background-color:#5b6cde}.email:active{transform:translateY(3px);background-color:#3344b5;box-shadow:1px 1px #8f8f8f}.email2{font-weight:bold;background-color:#ecf783;padding:10px 5px;border-radius:5px;box-shadow:1px 4px #8f8f8f;font-size:4.2vw;border:1.9px solid #02083d}.email2:hover{background-color:#cfdb65}.email2:active{background-color:#adbd24;box-shadow:1px 1px #8f8f8f;transform:translateY(3px)}.menu{margin-left:auto;z-index:2000}.container{display:flex}.menu:hover{cursor:pointer}.list{position:absolute;margin:0px;width:100vw;height:auto;max-height:100%;background-color:#3b3eff;z-index:1500;text-align:center;font-family:Consolas;font-size:4.6vh;color:#000;box-shadow:5px 4px 3px #706d7d}#menu-label{background-image:url(image/menu.png);z-index:2000}#menu:checked ~ div.list{transform:translateY(-140%);transition-delay:0.2s;transition-duration:1.1s;transition-timing-function:ease-in-out}#menu:not(:checked) ~ div.list{transform:translateY(0);transition-delay:0.2s;transition-duration:1.1s;transition-timing-function:ease-in-out}#menu{display:none}#menu:checked ~ div label img{transform:rotate(180deg);transition-delay:0.2s;transition-timing-function:ease-in-out;transition-duration:1.1s}#menu:not(:checked) ~ div label img{transform:rotate(-180deg);transition-delay:0.2s;transition-timing-function:ease-in-out;transition-duration:1.1s}.list .list-opacity{background-color:aquamarine;width:100%;height:100px;opacity:60%}.links{height:14vh;width:100%;line-height:14vh;cursor:pointer;border:1.5px solid #272b96;background-color:#3b3eff;box-shadow:5px 4px 3px #706d7d}.links:hover{background-color:#4044c7;transform:scale(1.05)}.links:active{background-color:#3337b0;transform:scale(1.05)}#blanks{width:100%;height:30px}#menu-toggle{position:absolute;top:100px;background-color:#6668f2}#menu-toggle:hover{background-color:#4448c4;transform:scale(1.05)}#menu-toggle:active{background-color:#3344b5;transform:scale(1.05)}#menu-toggle2{position:absolute;top:100px;background-color:#6668f2}#menu-toggle2:hover{background-color:#4448c4;transform:scale(1.05)}#menu-toggle2:active{background-color:#3344b5;transform:scale(1.05)}#menu-toggle3{position:absolute;top:100px;background-color:#6668f2}#menu-toggle3:hover{background-color:#4448c4;transform:scale(1.05)}#menu-toggle3:active{background-color:#3344b5;transform:scale(1.05)}#open-list:checked ~ div.list #menu-toggle{transform:translateY(14vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:checked ~ div.list #menu-toggle2{transform:translateY(28vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:checked ~ div.list #menu-toggle3{transform:translateY(42vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:checked ~ div.list #second{transform:translateY(42vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:checked ~ div.list #loginpage{transform:translateY(42vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:checked ~ div.list #third{transform:translateY(42vh);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #menu-toggle{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #menu-toggle2{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #menu-toggle3{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #second{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #loginpage{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list:not(:checked) ~ div.list #third{transform:translateY(0);transition-duration:0.4s;transition-timing-function:ease-in-out}#open-list{display:none}.arrow{border:solid black;border-width:0 0.55vh 0.55vh 0;display:inline-block;padding:3px}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}#open-list:checked ~ i{animation-delay:0.2s;animation-duration:0.6s;animation-iteration-count:1;animation-fill-mode:both;animation-name:rotateaway;animation-timing-function:ease-in-out}#open-list:not(:checked) ~ i{animation-delay:0.2s;animation-duration:0.6s;animation-iteration-count:1;animation-fill-mode:both;animation-name:rotate;animation-timing-function:ease-in-out}@keyframes rotateaway{100%{transform:rotate(225deg);-webkit-transform:rotate(225deg)}}@keyframes rotate{100%{transform:rotate(405deg);-webkit-transform:rotate(405deg)}}#second{position:relative;height:14vh;line-height:14vh;background-color:#eff2bb;border-top:0.75px solid #272b96;border-bottom:1.5px solid #272b96}#second:hover,#second:active{background-color:#d1db76}#loginpage{position:relative;height:14vh;line-height:14vh;background-color:#f2bbe5;border-top:0.75px solid #272b96;border-bottom:1.5px solid #272b96}#loginpage:hover,#loginpage:active{background-color:#e077d8}#third{position:relative;height:14vh;line-height:14vh;background-color:#fccb8b;border-top:0.75px solid #272b96;border-bottom:1.5px solid #272b96}#second:hover{transform:scale(1.05)}#second:active{transform:scale(1.05)}#third:hover{transform:scale(1.05);background-color:#deaf71}#third:active{transform:scale(1.05);background-color:#c99857}.footer{background-color:#5f6370;height:auto;line-height:9vh;position:relative;margin-top:8vh;width:100vw;font-family:Consolas;opacity:90%;border-radius:4px;box-shadow:0 -2px 2px #444445}th.bottom-th{background-color:#5f6370;border:none;box-shadow:none;font-size:3.3vw;font-weight:normal;color:#fff;text-decoration:underline}th.bottom-th:hover{cursor:default}th.bottom-th a:link{padding-top:2vh;padding-bottom:2vh;color:#fff}th.bottom-th a:visited{padding-top:2vh;padding-bottom:2vh;padding:10px;color:#a5d6fa}.copyright{font-size:3vw;font-weight:520;text-decoration:none;font-family:Consolas;padding-left:2.5vw;line-height:5vh;padding-bottom:8px;animation-name:funny;animation-duration:5s;animation-iteration-count:infinite}@keyframes funny{0%{color:#fff}20%{color:#fcaba2}40%{color:#f8fca2}60%{color:#a2fce7}80%{color:#eca2fc}100%{color:#fff}}table.fun{text-align:center;font-size:3.5vw;line-height:6.5vw;margin-bottom:7.5px;text-decoration:underline}td a{color:#fff;padding:10px}td a:hover{cursor:pointer;color:#fff}.cookieconsent{position:fixed;width:98vw;height:auto;background-color:#5669c4;bottom:0;border:1.4px solid #000;border-radius:6px;font-family:Consolas;padding-top:1.5vh;padding-left:1.5vw;color:#fff;font-size:20px;box-shadow:0 -1.5px 2px #9699a8}label#outer{height:100%;display:table}div#accept{width:150px;height:40px;margin-top:20px;margin-bottom:14px;line-height:40px;background-color:#f0f285;text-align:center;color:#131675;font-family:Consolas;font-size:25px;border:1.95px solid #000;border-radius:7px;display:table;box-shadow:1px 4px}div#accept label#outer:hover{background-color:#d6d651}div#accept label#outer:active{background-color:#bfbf43;transform:translateY(3px)}a.rjj:visited{color:#fa7a83}#byebye:checked ~ .cookieconsent{animation-delay:5s;animation-fill-mode:both;animation-name:fadein;animation-duration:1.1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes fadein{from{opacity:0;transform:translateY(22vh)}to{opacity:opaque;transform:translateY(0);display:block}}#byebye:not(:checked) ~ .cookieconsent{animation-name:fadeout;animation-duration:0.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeout{from{opacity:opaque;transform:translateY(0);display:block}to{opacity:0;transform:translateY(22vh);display:none}}#byebye{display:none}.darkmode{font-size:25px;color:#fff;background-color:#000;border:1.5px solid #fff;font-family:Consolas;text-align:center;line-height:40px;width:260px;margin-top:15px;margin-bottom:10px;border-radius:7px;box-shadow:1px 5px 3px #43434a}.darkmode:hover{cursor:pointer}.darkmode:active{transform:translateY(4px);box-shadow:1px 1px 3px #43434a}.darkmodes{background-color:#000}#radio10:checked ~ #b1{border:1.5px solid #fff}#radio10:checked ~ #b2{border:1.5px solid #fff}#radio10:checked ~ #b3{border:1.5px solid #fff}button.darkmode label#red{display:inline-block}#radio10{display:none}#radio11{display:none}.slideshow-container{margin-left:10%;max-width:80%;position:relative}.mySlides{display:none;height:44.4vw}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:12px;color:#222428;font-weight:bold;font-size:30px;transition:.6s ease;border-radius:0 3px 3px 0}.next{right:-8.9vw;border-radius:3px 3px 3px 3px}.darknext{background-color:#fff}.darkprev{background-color:#fff}.prev{left:-8.9vw;border-radius:3px 3px 3px 3px}.fade{animation-name:fade;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:both;animation-duration:0.5s}.prev:hover,.next:hover{color:#f2f2f2;background-color:rgba(0,0,0,0.8)}.text{color:#f2f2f2;font-size:15px;padding-top:12px;padding-bottom:12px;position:absolute;bottom:0;width:100%;text-align:center;background-color:#222428}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.dot{margin-left:5%;cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.intro{font-size:6vw;color:#000;font-weight:520;font-family:Consolas;padding-left:1vw;padding-right:1vw;margin-left:2vh;border-bottom:5px solid #000;margin-bottom:15px;animation-name:introgoin;animation-timing-function:ease-in-out;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.15s}@keyframes introgoin{0%{color:rgba(0,0,0,0);width:1%}65%{color:rgba(0,0,0,0);width:78%}100%{color:#000;width:78%}}@keyframes fade{from{opacity:0.6}to{opacity:opaque}}.darkbtn{background-color:#000;border:1.5px solid #fff;margin-top:12px;margin-bottom:0px;box-sizing:border-box;width:100%;height:65px;line-height:65px;padding-left:15px;font-family:Consolas;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-size:200% auto;cursor:pointer;box-shadow:1px 1px 1px rgba(255,255,255,0.6)}.darkbtn ul{list-style-type:none;padding:0}.col-dark{background-color:#b9b9b9;box-sizing:border-box;border:1.5px solid #fff;width:100%;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.col-dark ul li{font-size:32px;text-align:center;color:#fff;height:59px;width:100%;line-height:59px;cursor:pointer}.col-dark ul li:hover{background-color:#fff;color:#000;box-shadow:1px 1px 1px rgba(167,164,164,0.6);border-radius:4px}.darkb1{background-color:#000;color:#fff}.active{background-color:#000;color:#fff;border:1.5px double #fff}.contenter{border-left:2px solid rgba(255,255,255,0.55)}.headerer{border-left:5px solid #fff}.darkmodebtn:hover{transition-duration:0.6s;background-color:#fff;color:#000}.darkmodebtn:active{background-color:#fff;color:#000}.darkintro{color:#fff;width:100%;border-bottom:5px solid #fff;animation-name:darkintrogoin;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-delay:0.15s;animation-duration:1s;animation-fill-mode:both}@keyframes darkintrogoin{0%{color:rgba(0,0,0,0);width:1%}65%{color:rgba(0,0,0,0);width:78%}100%{color:#fff;width:78%}}.thd{background-color:#fff}.thd:hover{background-color:rgba(255,255,255,0.8)}.thd:active{background-color:rgba(255,255,255,0.6)}.collapsible{margin-top:12px;margin-bottom:0px;box-sizing:border-box;width:100%;height:65px;line-height:65px;padding-left:15px;font-family:Consolas;background-image:linear-gradient(to right, #43b1f5, #5377fb);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-size:200% auto;cursor:pointer;border:1.5px solid #000;box-shadow:1px 1px 1px rgba(255,255,255,0.6)}.collapsible:hover{background-position:right center}.collapsible:active{background-image:linear-gradient(to right, #409ad1, #5c79e2)}.col-content{background-image:linear-gradient(to right, rgba(143,238,225,0.74), rgba(110,234,217,0.75));width:100%;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}#part4 ul{padding:0;list-style-type:none}.collapsible ul{list-style-type:none;padding:0}.col-content ul li{font-size:32px;color:000;text-align:center;height:59px;width:100%;line-height:59px;cursor:pointer}.col-content ul li:hover{background-image:linear-gradient(to right, #6cdf6c, #5ed65e);box-shadow:1px 1px 1px rgba(167,164,164,0.6);border-radius:4px}.col-content ul li:active{background-image:linear-gradient(to right, #56cb56, #46bd46);box-shadow:1px 1px 1px rgba(167,164,164,0.6);border-radius:4px}.plus{float:right;padding-right:15px}.fill{width:100%;height:100%;display:inline-block}#col-btn3{font-size:23px}#col-btn3 span{font-size:25px}.animate{opacity:0.2;transform:translateX(70px);transition-delay:0.3s;transition:all 0.8s ease-in-out}.activated{transform:translateX(0);opacity:1}.scrollin{transform:translateX(40px);opacity:0.1;transition:all 0.5s ease-in-out}.in{transform:translateX(0);opacity:1}.darkscroll{transform:scale(0.7);opacity:0.5}.scale{animation-name:big;animation-duration:0.65s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:1}@media only screen and (max-width: 750px){.col-content ul li{font-size:5vw;color:000;text-align:center;height:59px;width:100%;line-height:59px;cursor:pointer}.col-dark ul li{font-size:5vw;text-align:center;color:#fff;height:59px;width:100%;line-height:59px;cursor:pointer}}@keyframes big{0%{transform:scale(0.7);opacity:0.5}70%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}#cookie{font-size:20px;font-family:Consolas;margin-top:10px}.darkcookie{color:#fff}h1{display:none}.thehidden{display:none}.smallblank{width:100%;height:5px}.consolas{font-family:Eng}.chi{font-family:Chi}.biggerer{font-size:6vw;margin-top:0}#biggest{margin-top:16px;font-weight:100}iframe{display:none;}