/* primal */
*{border:0;padding:0;margin:0 auto;border-spacing:0;outline:0;border-collapse:collapse;text-decoration:none;}
/* primal */


/* corpus */
body{position:absolute;top:0;width:100%;height:100%;font-family:sans-serif;line-height:1.100;text-decoration:none;cursor:default;background:url(img/hex.jpg)center repeat-y;background-size:100% auto;overflow-y:scroll;}
/* corpus */


/* object */
@media all and (orientation:landscape){
#drop{display:none;}
#hidden{display:none;}
.pocket{display:none;}
.header{height:10vh;}
.footer{height:10vh;}
.hollow{height:5vh;}
.spot{width:1.5vw;}
.base{height:1.5vh;}
.skip{width:20%;}
.gaps{width:5%;}
.pass{border-radius:1.5vw;}
}
@media all and (orientation:portrait){
#drop{position:fixed;z-index:200;top:0;width:100%;height:100%;user-select:none;background:white;transition:transform 0.5s ease;}
#hidden{position:absolute;top:0;z-index:500;width:20vw;height:15vw;left:40vw;}
.laptop{display:none;}	
.header{height:15vw;}
.footer{height:15vw;}
.hollow{height:2.5vh;}
.mobile-menu{background:#123969;color:white;padding:2.5vw 5vw;margin:2.5vw;border-radius:10vw;display:block;}
.mobile-menu-active{background:#959595;color:#123969;padding:2.5vw 5vw;margin:2.5vw;border-radius:10vw;display:block;cursor:default;pointer-events:none;}
.spot{width:1vw;}
.base{height:1vh;}
.skip{width:5%;}
.gaps{width:5vw;}
.pass{border-radius:3vw;}
.invisible .cross{opacity:0;transition:opacity 0.5s ease;}
.invisible .lines{opacity:1;transition:opacity 0.5s ease;}
.visible .cross{opacity:1;transition:opacity 0.5s ease;}
.visible .lines{opacity:0;transition:opacity 0.5s ease;}
}
#core{position:absolute;top:0;z-index:100;width:100%;height:100%;transition:opacity 0.5s ease;}
#pass{position:fixed;top:0;z-index:900;width:100%;height:100%;transition:opacity 0.5s ease;background-color: rgba(120,120,120,0.5);}
.pass{background:white;}
.hide{transform:translateY(-100%);}
.show{top:0;}
.footer{background:#123969;}
.unit{width:100%;height:100%;}
.wide{width:100%;}
.tall{height:100%;}
.nums{list-style:decimal;}
.disc{list-style:disc;}
.bin{position:relative;width:100%;height:100%;display:table;text-align:left;}
svg{position:absolute;width:100%;height:100%;top:0;}
/* object */


/* direct */
@media all and (orientation:landscape){
.menu td:nth-child(odd){width:5vw;white-space:nowrap;}
.main-menu{color:#123969;}
.main-menu-active{color:#959595;cursor:default;pointer-events:none;}
.footer table td:first-child{width:45%;}
.footer table td:last-child{width:45%;}
ul,.list{margin:0.5vw 0 0.5vw 2.5vw;}
}
@media all and (orientation:portrait){
.canvas{position:absolute;width:90%;height:100%;top:0;left:5%;}
ul,.list{margin:1vw 0 1vw 7.5vw;}
sup{line-height:0;}
}
/* direct */


/* sample */
@media all and (orientation:landscape){
.case a{width:100%;height:15vw;display:block;}
.case a table{width:4vw;height:4vw;background:white;border-radius:2vw;float:left;margin:0.75vw;}
.case-core{width:100%;display:table;}
.case-prev-line{height:1.5vw;}
.case-info{width:55%;display:table-cell;height:15vw;padding:0 2vw 0 0;}
.case-pict{width:45%;display:table-cell;height:15vw;}
}
@media all and (orientation:portrait){
.case a{width:100%;height:40vw;display:block;}
.case a table{width:8vw;height:8vw;background:white;border-radius:4vw;float:left;margin:1.5vw;}
.case-core{width:100%;}
.case-prev-line{height:1.5vw;}
.case-info{width:100%;padding:2vw 0;}
.case-pict{width:100%;height:50vw;}
}
.case{width:100%}
.case-a{background:url(img/case-a.jpg)center no-repeat;background-size:cover;}
.case-b{background:url(img/case-b.jpg)center no-repeat;background-size:cover;}
.case-c{background:url(img/case-c.jpg)center no-repeat;background-size:cover;}
.case-d{background:url(img/case-d.jpg)center no-repeat;background-size:cover;}
.case-e{background:url(img/case-e.jpg)center no-repeat;background-size:cover;}
.case-f{background:url(img/case-f.jpg)center no-repeat;background-size:cover;}
/* sample */


/* submit */
@media all and (orientation:landscape){
#tick{width:2.5vw;height:2.25vw;}
#open{background:#959595;color:white;padding:0.5vw 2vw;margin:0 1.75vw;border-radius:2.5vw;}
.join{font-size:2.5vh;}
.quiz-a{width:35%;}
.quiz-b-title td{padding:0.75vw 0;}
.quiz-b-radio{width:25%;}
.quiz-b-grade{width:5%;}
.quiz-b-info{padding:0.5vw 0;background:linear-gradient(90deg,rgba(220,240,255,0)0%,rgba(220,240,255,1)50%,rgba(220,240,255,0)100%);}
.quiz-b-opts{padding: 0 2.5vw 0 0;}
.quiz-warning{border:0.35vw dotted;border-color:#be1522;border-radius:1vw;padding:1.5vw 2vw;margin:2vw 0 1vw 0;}
.quiz-success{border:0.35vw dotted;border-color:#50b94d;border-radius:1vw;padding:1.5vw 2vw;margin:2vw 0 1vw 0;}
.quiz-question{padding:0.5vw 0;background:linear-gradient(90deg,rgba(220,240,255,0)0%,rgba(220,240,255,1)50%,rgba(220,240,255,0)100%);}
.quiz-radio td:nth-child(odd){padding:0 0.5vw 0 2vw;}
.quiz-radio-b td:nth-child(odd){padding:0 0.5vw 0 2vw;}
input[type="radio"]{appearance:none;width:2vw;height:2vw;border:0.125vw solid #00a5c4;border-radius:50%;outline:none;cursor:pointer;display:inline-grid;place-content:center;vertical-align:middle;}
input[type="radio"]:hover{border-color:#00a5c4;}
input[type="radio"]:checked{border-color:#00a5c4;}
input[type="radio"]::before{content:"";width:1vw;height:1vw;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;background-color:#00a5c4;}
input[type="radio"]:checked::before{transform:scale(1);}
}
@media all and (orientation:portrait){
#tick{width:10vw;height:7.5vw;}
#open{background:#959595;color:white;padding:1.5vw 2.5vw;margin:0 2.5vw;border-radius:5vw;}
.join{font-size:4vw}
.quiz-a{height:75vw;}
.quiz-b-title td{padding:0.75vw 0;}
.quiz-b-radio{width:25%;}
.quiz-b-grade{width:5%;}
.quiz-b-info{padding:1vw 0;background:linear-gradient(90deg,rgba(220,240,255,0)0%,rgba(220,240,255,1)50%,rgba(220,240,255,0)100%);}
.quiz-b-opts{padding:5vw 0 1.5vw 0;}
.quiz-warning{border:1vw dotted;border-color:#be1522;border-radius:2.5vw;padding:3vw 5vw;margin:5vw 0 2.5vw 0;}
.quiz-success{border:1vw dotted;border-color:#50b94d;border-radius:2.5vw;padding:3vw 5vw;margin:5vw 0 2.5vw 0;}
.quiz-question{padding:1vw 0;background:linear-gradient(90deg,rgba(220,240,255,0)0%,rgba(220,240,255,1)50%,rgba(220,240,255,0)100%);}
.quiz-radio td:nth-child(odd){padding:0 1vw 0 5vw;}
.quiz-radio-b td:nth-child(odd){padding:0 1vw 0 2.5vw;}
input[type="radio"]{appearance:none;width:5vw;height:5vw;border:0.5vw solid #00a5c4;border-radius:50%;outline:none;cursor:pointer;display:inline-grid;place-content:center;vertical-align:middle;}
input[type="radio"]:hover{border-color:#00a5c4;}
input[type="radio"]:checked{border-color:#00a5c4;}
input[type="radio"]::before{content:"";width:2.5vw;height:2.5vw;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;background-color:#00a5c4;}
input[type="radio"]:checked::before{transform:scale(1);}
}
#tick{}
#open{transition:background 0.5s ease;}
#mark{transition:opacity 0.5s ease;}
#pass.gone{animation:gone-kf 0.50s linear forwards;}
@keyframes gone-kf{0%{opacity:1;z-index:500;}95%{opacity:0;z-index:900;}100%{opacity:0;z-index:0;display:none;}}
.quiz-a{background:url(img/quiz.png)center no-repeat;background-size:contain;}
.quiz-deep{background:#123969;}
.quiz-wine{background:#be1522;}
input[type="radio"]:disabled{cursor:default;}
input[type="radio"][value="2"]:disabled::before{background-color:#be1522;}
input[type="radio"][value="1"]:disabled::before{background-color:#50b94d;}
/* submit */


/* letter */
@media all and (orientation:landscape){
.xl{font-size:10vh;}
.l{font-size:5.0vh;}
.m{font-size:3.5vh;}
.s{font-size:2.5vh;}
.xs{font-size:2.0vh;}
}
@media all and (orientation:portrait){
.xl{font-size:12.0vw;}
.l{font-size:7.5vw;}
.m{font-size:5.5vw;}
.s{font-size:4.5vw;}
.xs{font-size:3.5vw;}
}
.snow{color:#ffffff;fill:#ffffff;}
.iron{color:#959595;fill:#959595;}
.wine{color:#be1522;fill:#be1522;}
.deep{color:#123969;fill:#123969;}
.lake{color:#5091cd;fill:#5091cd;}
.leaf{color:#50b94d;fill:#50b94d;}

.b300{font-weight:300;}
.b400{font-weight:400;}
.b700{font-weight:700;}
.lh150{line-height:1.5;}
.lh120{line-height:1.2;}
.lh100{line-height:1.0;}
.lh080{line-height:0.8;}
.lh050{line-height:0.5;}
/* letter */


/* format */
.lt{text-align:left;vertical-align:top;}
.lm{text-align:left;vertical-align:middle;}
.lb{text-align:left;vertical-align:bottom;}
.ct{text-align:center;vertical-align:top;}
.cm{text-align:center;vertical-align:middle;}
.cb{text-align:center;vertical-align:bottom;}
.rt{text-align:right;vertical-align:top;}
.rm{text-align:right;vertical-align:middle;}
.rb{text-align:right;vertical-align:bottom;}
.jt{text-align:justify;vertical-align:top;}
.jm{text-align:justify;vertical-align:middle;}
.jb{text-align:justify;vertical-align:bottom;}
.fl{float:left;}
.fr{float:right;}
.db{display:block;}
.di{display:inline;}
.dn{display:none;}
.dt{display:table;}
.it{display:inline-table;}
.ib{display:inline-block;}
.oh{overflow:hidden;}
.hi{visibility:hidden;}
.nw{white-space:nowrap;}
.cp{cursor:pointer;}
.un{text-decoration:underline;}
.sn{user-select:none;}
/* format */


/* locate */
.debug{position:absolute;top:30%;left:20%;z-index:9000;}
.brd{border:1px solid;}
.brd td{border:1px solid;}
.r{background:red;}
.g{background:green;}
.b{background:blue;}
.y{background:yellow;}
.c{background:cyan;}
/* locate */