body,html{font-size:16px;z-index:10;width:100%}main{display:flex;flex-direction:column;width:100vw;max-width:800px;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;scroll-padding-top:20px;margin:auto}img{margin:auto}main::-webkit-scrollbar{display:none}#title-logo{height:calc(3rem + 2px);width:100%;max-width:800px;z-index:100;text-align:center;-webkit-overflow-scrolling:touch;background-color:#f3f4f6;border-bottom:solid 1px}#go-home-btn{position:absolute;font-size:2.25rem;bottom:6rem;right:20px;border:1px solid #444;opacity:.9;border-radius:8px}#toggle-package-btn{position:absolute;font-size:2.25rem;bottom:5rem;left:20px;border:1px solid #444;opacity:.9;border-radius:8px}header{position:relative}label{display:block;position:relative;padding-left:2em;margin-bottom:0}#link{margin:5px 0;font-size:1.3rem;height:80vh;width:100%;position:relative;border-radius:3px;display:inline-block}#header-bar{display:inline-flex;width:100%;max-width:800px;position:fixed;top:0;z-index:101;background-color:#eee;height:3rem;font-size:1rem;padding-left:1rem;align-items:center;color:#444;cursor:pointer}#footer-bar{display:inline-flex;width:100%;max-width:800px;position:fixed;bottom:0;z-index:101;background-color:#eee;height:55px}.articleWrapper{padding-top:12px}.meta-info{font-size:1rem;padding-left:10px;margin-bottom:0;margin-right:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scrollWrapper{overflow-x:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:0;margin:0;margin-top:-5px}#article-container{padding-inline-start:0px}.btn-outline-danger,.btn-outline-info,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success{background:#fafafa}.btn-over-package{position:absolute;bottom:10px;opacity:.9;font-size:10px}.btn-over-package-transparent{position:absolute;bottom:10px;opacity:.1;font-size:10px}.swipe-icon{animation-name:up-down;animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s}@keyframes up-down{0%{transform:translate(0,0)}100%{transform:translate(0,-10px)}}.under-shadow{box-shadow:0 6px 3px -3px rgba(0,0,0,.6);-webkit-box-shadow:0 6px 3px -3px rgba(0,0,0,.6);-moz-box-shadow:0 6px 3px -3px rgba(0,0,0,.6)}.over-shadow{box-shadow:0 -3px 6px 3px rgba(0,0,0,.6);-webkit-box-shadow:0 -3px 6px 3px rgba(0,0,0,.6);-moz-box-shadow:0 -3px 6px 3px rgba(0,0,0,.6)}.home-btn{width:60%;height:40px;margin-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 4px 3px -3px rgba(0,0,0,.6);-webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,.6);-moz-box-shadow:0 4px 3px -3px rgba(0,0,0,.6)}#stock-container-wrapper{width:50%;margin:auto}#word-box{width:28rem;font-size:16px;border-radius:6px 0 0 6px;border:1px solid #999}#word-box-top{width:100%;font-size:1.4rem;border-radius:6px 0 0 6px;border:1px solid #999}.overlay{position:absolute;top:0;left:0;width:100%;background-color:#fff;display:table;z-index:1000}.images-overlay{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);z-index:1000;overflow-y:scroll}.explain-overlay{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.8);z-index:1000}@keyframes hideop{0%{opacity:1}100%{opacity:0;display:none}}#explain-overlay-container.hide{animation:hideop 1s linear 0s;animation-fill-mode:forwards}#sample-image-not-found{width:28rem;height:3rem;color:#444;font-size:1.5rem;background:rgba(255,255,255,.9);margin:4rem auto;border-radius:2rem;display:flex;align-items:center;justify-content:space-evenly}.sample-movie-from-image{width:28rem;height:3rem;color:#28a745!important;font-size:1.5rem;background:rgba(255,255,255,.9);margin:4rem auto;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}#link-from-sample-image{width:28rem;height:auto;color:#444;font-size:1rem;background:rgba(255,255,255,.9);margin:4rem auto;border-radius:2rem;display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 .5rem .25rem -.25rem #222;padding:1rem}.list-group{display:block;column-count:2;background-color:#fff}.list-group .list-group-item{position:relative;padding-top:5px}.list-group .list-group-item label{position:absolute;top:0;left:.5rem;cursor:pointer;padding:0}.list-group .list-group-item label input{margin-right:10px}.block-label{margin-left:calc(100% - 4.75rem)}.block-checkbox{position:absolute;right:5px}.box-fadein img{opacity:0}.box-fadein.lazyloaded img.lazyloaded{animation-name:fadeleft;animation-duration:1s;opacity:1}@keyframes fadeleft{from{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fixed-btn-right{position:absolute;bottom:3rem;right:3rem}.fixed-btn-view{font-size:2.25rem;border:1px solid #444;opacity:.9;border-radius:8px}.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;perspective:1000}.flip-container.focus .flipper,.flip-container:focus .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.front{background:#fff;opacity:.9}.back,.flip-container,.front{width:3rem;height:3rem;border-radius:1rem}.flipper{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative}.back,.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2}.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}@media (max-width:767px){body,html{font-size:12px}.scrollWrapper{overflow-x:scroll}.home-btn{width:350px}#stock-container-wrapper{width:350px}#footer-bar{height:54px}.list-group .list-group-item label{top:auto}}