html,body,div,span,h1,h2,h3,p,a,img,ul,li,label{margin:0;padding:0;border:0}body{height:100vh;width:100vw;background-image:url("../thumbnail/background1.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;font-family:Encode Sans Expanded,sans-serif;font-weight:100;color:#fcfdff}button{cursor:pointer}button:focus{outline:0}button::-moz-focus-inner{border:none}body>div:not(#start){display:none}a{text-decoration:none;color:#e2c793;font-weight:400}a:hover{color:#eab754}h1,h2,h3{font-weight:100}h1:first-child,h2:first-child{margin-top:3vh}h1{font-size:64px}h2{font-size:48px}h3{font-size:28px;font-weight:200}@media only screen and (max-width: 400px){h1{font-size:48px}h2{font-size:36px}}select,input[type="text"]{border:none;border-radius:4px;font-family:inherit;font-weight:inherit;color:#202020}select{background-color:#eee7ed}select option{font-weight:100;font-family:inherit;font-size:16px;color:#202020}input[type="text"]{background-color:rgba(255,255,255,0.8);border-bottom:solid transparent 2px;font-size:18px;padding:5px}input[type="text"]:focus,select:focus{outline:0}input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;background-color:#eee7ed;border:2px solid #eee7ed;border-radius:50%;outline:none}input[type="radio"]:checked{border:4px solid #3e72c4}textarea{width:64%;padding:10px 20px;font-family:inherit;font-weight:inherit;font-size:18px;color:#202020;border:none;border-radius:16px;resize:none}.page{height:inherit;width:inherit;overflow:auto;position:absolute;text-align:center}.container{display:table-cell;vertical-align:middle;height:inherit;width:inherit}.step{border:solid 2px white;background:transparent;font-family:inherit;font-weight:inherit;font-size:20px;color:inherit;display:block;margin:auto;margin-top:3vh}.step:last-child{margin-bottom:3vh}.step:active{transform:translateY(1.5vh)}@media only screen and (min-width: 400px){.step{padding:8px 5vw}.step:hover{padding:8px calc(5vw + 8px)}}@media only screen and (max-width: 400px){.step{padding:8px}.step:hover{padding:8px 12px}}.message{font-size:20px;margin-bottom:1vh}.error-message{color:#f25c32;width:100%;font-weight:400;visibility:hidden}.info,.close,.forward,.back,.plus,.minus,.restart{background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer}.info:hover,.close:hover,.forward:hover,.back:hover,.plus:hover,.hint:active,.restart:hover{filter:brightness(0.7)}.minus:hover{filter:brightness(100)}.info:active,.close:active,.forward:active,.back:active,.plus:active,.minus:active,.restart:active{transform:translateY(2px)}.info,.forward,.back,.hint,.restart{position:fixed;height:20px;width:20px}.info{background-image:url("../thumbnail/menu.svg");bottom:12px;left:12px}.close{background-image:url("../thumbnail/close.svg");height:20px;width:20px}.forward{background-image:url("../thumbnail/forward.svg");bottom:12px;left:76px}.back{background-image:url("../thumbnail/back.svg");bottom:12px;left:44px}.hint{background-image:url("../thumbnail/hint.svg");background-size:cover;background-repeat:no-repeat;background-position:center;bottom:12px;left:108px}.plus{background-image:url("../thumbnail/plus.svg")}.minus{background-image:url("../thumbnail/minus.svg")}.restart{background-image:url("../thumbnail/reload.svg");bottom:12px;left:76px}.hint-box{background-color:rgba(10,10,10,0.8);position:fixed;display:none;bottom:44px;left:12px;width:208px;padding:12px;border-radius:2px}.switch{position:relative;display:inline-block;width:54px;height:28px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(239,239,239,0.7);-webkit-transition:.4s;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:rgba(40,150,239,0.8)}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}#start{background-color:rgba(0,0,0,0.4)}#start h1{border-bottom:solid 2px #fcfdff;margin:0 auto 5vh auto}@media only screen and (min-width: 600px){#start h1{width:50%}}@media only screen and (max-width: 600px){#start h1{width:75%}}#start p{font-size:24px;margin:0 5vw 0 5vw}#info{background-color:rgba(50,52,84,0.8)}#info #tab{background-color:rgba(78,80,229,0.7);text-align:left;width:100%}#info #tab .close{display:inline-block;vertical-align:bottom;margin-left:12px;margin-top:11px;margin-bottom:11px}#info #tab ul{display:inline-block;vertical-align:middle;padding:12px 0 8px 12px}#info #tab ul li{display:inline-block;font-size:20px;cursor:pointer}#info #tab ul li:hover{color:#e2c793}@media only screen and (min-width: 400px){#info #tab ul li:not(:first-child){margin-left:12px;padding-left:12px;border-left:solid 1px #fcfdff}}@media only screen and (max-width: 400px){#info #tab ul li{font-size:18px}#info #tab ul li:not(:first-child){margin-left:12px}}#info #content{text-align:left;font-weight:300}#info #content h3{margin-top:16px}#info #content p,#info #content li{font-size:20px;margin-bottom:4px}#info #content .note{text-align:right}#info #content .input-block{padding:10px 0}#info #content .input-block label{vertical-align:middle}#info #content .input-block label.switch-label{margin-left:20px}#info #content .input-block label:not(.switch){font-size:18px}#info #content .input-block input[type="text"]{text-align:center}#info #content .input-block td{padding:5px}#info #content .detail{font-size:14px}#info #content>div{padding:0 5vw 20px 5vw;display:none}#info #content>div:last-child button{cursor:pointer;color:#e2c793;border:none;outline:0;background:transparent;font-size:16px;font-family:inherit;font-weight:300}#info #content>div:last-child button:hover{color:#eab754}#info #content>div:last-child button:active{transform:translateY(4px)}#select{background-color:rgba(62,65,68,0.6)}#select h1{margin-bottom:5vh}#select .block .box{display:inline-block;vertical-align:middle;height:240px;width:240px;cursor:pointer;margin:10px}#select .block .box img{height:120px;width:120px}#select .block .box:active{transform:translateY(2px)}#select .block .box:first-child{background-color:rgba(0,255,12,0.6)}#select .block .box:nth-child(2){background-color:rgba(255,12,0,0.6)}#select .block .box:nth-child(3){background-color:rgba(0,12,255,0.6)}#select .block .box:last-child{background-color:rgba(255,243,0,0.6)}#select .block .box:first-child:hover{background-color:rgba(0,255,0,0.7)}#select .block .box:nth-child(2):hover{background-color:rgba(255,0,0,0.7)}#select .block .box:nth-child(3):hover{background-color:rgba(0,0,255,0.7)}#select .block .box:last-child:hover{background-color:rgba(255,255,0,0.7)}#select .block .box>div{display:table-cell;vertical-align:middle;height:inherit;width:inherit}@media only screen and (max-width: 1070px){#select .block{margin:auto}}@media only screen and (max-width: 1070px) and (min-width: 530px){#select .block{width:530px}}#other{background-color:rgba(112,98,7,0.5)}#other h1{margin-bottom:5vh}#other select{padding:10px 20px;margin-bottom:10vh;height:54px}@media only screen and (min-width: 1000px){#other select{width:800px}}@media only screen and (max-width: 1000px){#other select{width:80%}}@media only screen and (min-width: 400px){#other select{font-size:24px}}@media only screen and (max-width: 400px){#other select{font-size:18px}}#other .format:not(#print-digital){display:none}#second{background-color:rgba(76,6,26,0.5)}#second .entry{display:none}#second .entry h2{margin-bottom:2vh}#second .entry .block{display:inline-block}#second .entry .block div label{font-size:24px;font-weight:200}#second .entry:not(:first-child){margin-top:5vh}@media only screen and (min-width: 400px){#second .entry .block div{display:inline-block}#second .entry .block div:not(:last-child){margin-right:10vw}}@media only screen and (max-width: 400px){#second .entry .block{text-align:left}#second .entry .block div{display:block}}#second #journal .block{text-align:left !important}#second #journal .block div{display:block !important;margin-right:0 !important}#second .step{margin-top:3vh}#contributor{background-color:rgba(3,168,11,0.4)}#contributor .block .input-block select{font-size:18px;padding:5px;height:35px;vertical-align:top}#contributor .block .input-block input{height:23px;border-bottom:solid transparent 2px;padding:5px}#contributor .block .input-block option{display:none}#contributor .block .input-block .first,#contributor .block .input-block .middle,#contributor .block .input-block .suffix{text-align:center}#contributor .block .input-block .first,#contributor .block .input-block .middle{width:20px}#contributor .block .input-block .minus{display:inline-block;vertical-align:middle;width:20px;height:35px}#contributor .block .input-block:first-child div:not(:last-child){display:inline-block;vertical-align:bottom}#contributor .block .input-block:first-child div:not(:last-child) label{font-size:18px}#contributor .block .input-block:first-child div:nth-child(2),#contributor .block .input-block:first-child div:nth-child(3){width:30px}#contributor .block .input-block:not(:first-child){margin-top:4px}@media only screen and (min-width: 480px){#contributor .block .input-block select{width:120px}#contributor .block .input-block .last{width:240px}#contributor .block .input-block .suffix{width:40px}#contributor .block .input-block:first-child div:nth-child(4){width:250px}#contributor .block .input-block:first-child div:nth-child(5){width:50px}}@media only screen and (max-width: 535px){#contributor .block .input-block select{width:70px}#contributor .block .input-block .last{width:calc(97vw - 225px)}#contributor .block .input-block .suffix{width:20px}#contributor .block .input-block:first-child div:nth-child(4){width:calc(97vw - 215px)}#contributor .block .input-block:first-child div:nth-child(5){width:30px}}#contributor .plus{width:25px;height:25px;margin-top:2vh;display:inline-block}#title-date{background-color:rgba(112,6,165,0.5)}#title-date input,#title-date select{font-size:18px}#title-date input{height:28px;padding:5px 20px}#title-date select{height:40px;padding:5px}@media only screen and (min-width: 750px){#title-date .entry:not(#date) input{width:600px}}@media only screen and (max-width: 750px){#title-date .entry:not(#date) input{width:80%}}#title-date a:hover{color:#e2c793}#title-date #section-title,#title-date #periodical{display:none}#title-date #date select,#title-date #date input{text-align:center}#title-date #date select,#title-date #date input[name="day"]{margin-right:1vw;display:none}#title-date #date select[name="month"]{width:125px;vertical-align:top}@media only screen and (min-width: 600px){#title-date #date input[name="day"]{width:50px}#title-date #date input[name="year"]{width:200px}}@media only screen and (max-width: 600px){#title-date #date input{padding:5px}#title-date #date input[name="day"]{width:30px}}@media only screen and (max-width: 600px) and (min-width: 400px){#title-date #date input[name="year"]{width:25vw}}@media only screen and (max-width: 400px){#title-date #date input[name="year"]{width:80px}}#publication{background-color:rgba(153,66,4,0.4)}#publication label{font-size:20px}#publication input[type="text"]{font-size:18px;height:28px;padding:5px 10px}#publication .hint{display:none}#publication .entry{display:none}#publication .block{display:inline-block}@media only screen and (min-width: 600px){#publication .block{width:80%}}@media only screen and (max-width: 600px){#publication .block{width:90%}}#publication .input-block{margin-top:3vh}#publication #publisher input[name="publisher-name"]{width:calc(90% - 100px)}@media only screen and (min-width: 630px){#publication #publisher .input-block:nth-child(2) div{display:inline-block}#publication #publisher .input-block:nth-child(2) div:not(:last-child){margin-right:10vw}}@media only screen and (max-width: 630px){#publication #publisher .input-block:nth-child(2){text-align:left}#publication #publisher .input-block:nth-child(2) div{display:block}}#publication #publisher input[name="city"],#publication #publisher input[name="country"]{width:calc(50% - calc(0.5vw + 75px))}#publication #publisher input[name="city"]{margin-right:1vw}#publication #publisher input[name="state"]{text-align:center;width:30px}#publication #publisher input[name="country"]{display:none}#publication #doi-url .input-block:first-child div{display:inline-block}#publication #doi-url .input-block:first-child div:first-child{margin-right:10vw}#publication #doi-url input[type="text"]{width:80%}#publication #doi-url input[name="url"]{display:none}#publication #url input,#publication #report-no input{width:80%}#publication #viep .input-block>div{display:inline-block;vertical-align:top}#publication #viep .input-block>div{width:75px}#publication #viep .input-block div:last-child,#publication #viep .input-block>div:nth-child(4){width:100px !important}#publication #viep input[type="text"]{text-align:center}#publication #viep input[name="vol"],#publication #viep input[name="issue"]{width:40px}#publication #viep input[name="ed"],#publication #viep input[name="pp"]{width:80px}#extra{background-color:rgba(0,76,86,0.5)}#extra select,#extra input{margin-top:3vh;font-size:18px}#extra input{height:28px;padding:5px 20px}#extra .hint{display:none}#extra .entry{display:none}#extra #retrieval-date select,#extra #retrieval-date input{text-align:center}#extra #retrieval-date select{height:40px;padding:5px;vertical-align:top}#extra #retrieval-date select,#extra #retrieval-date input[name="day"]{margin-right:1vw}#extra #retrieval-date select[name="month"]{width:125px}@media only screen and (min-width: 600px){#extra #retrieval-date input[name="day"]{width:50px}#extra #retrieval-date input[name="year"]{width:200px}}@media only screen and (max-width: 600px){#extra #retrieval-date input{padding:5px}#extra #retrieval-date input[name="day"]{width:30px}}@media only screen and (max-width: 600px) and (min-width: 400px){#extra #retrieval-date input[name="year"]{width:25vw}}@media only screen and (max-width: 400px){#extra #retrieval-date input[name="year"]{width:80px}}#extra #ebook-version input,#extra #website-name input{width:64%}#annotation{background-color:rgba(0,91,29,0.5)}#annotation textarea{height:50vh}#result{background-color:rgba(0,0,0,0.4)}#result #result-box{width:64%;background-color:rgba(200,200,200,0.8);border-radius:8px;padding:20px;display:inline-block;color:black;text-align:left;margin-top:3vh}#result #citation{text-indent:-.5in;margin-left:.5in;font-family:Arial;font-size:12pt}#result .button-container .step{display:inline-block;vertical-align:top;position:absolute;width:150px;padding:8px 0}#result .button-container .step:first-child{left:calc(50% - 170px)}#result .button-container .step:last-child{right:calc(50% - 170px)}#result .button-container .step:hover{padding:8px 0;color:#e2c793}#edit{background-color:rgba(165,131,6,0.4)}#edit textarea{height:20vh}