@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;900);.container>h1,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,font,footer,form,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup,table,tbody,tdvideo,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0}ol,ul{list-style:none}img{border:none}article,aside,audio,canvas,command,datalist,details,embed,footer,header,hgroup,keygen,meter,output,p,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}img{max-width:100%}form{width:100%}button{cursor:pointer}body,html{min-height:100%}body{color:#2b2a28;font-family:Kanit,sans-serif}h1{display:block;width:100%;font-size:1.5em;margin:0 auto 10px auto;text-align:center}h2{font-size:1.25em}header{display:flex;flex-wrap:wrap;position:relative;width:auto;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}header #logo{position:relative;width:100%;margin:0;padding:25px 0 15px 0;text-align:center;font-size:1.25em;font-weight:900;z-index:2;text-transform:uppercase}header a{text-decoration:none;color:#000}#preview{display:flex;flex-wrap:wrap;padding:0 10px}#preview>section{display:block;margin-bottom:25px}#preview>section>a{display:block;width:100%}#preview>section>a>img{border-radius:8px}#preview>section>span{font-size:.8em;font-weight:600}#preview>section>h2>a,#preview>section>span>a{text-decoration:none;color:#000}#preview>section>em{font-size:.8em;font-style:normal}#preview>section>p{color:rgba(0,0,0,.6)}#info,nav{display:block;position:relative;padding:0 10px}nav{margin-bottom:10px}#info>h3,#info>p{color:rgba(0,0,0,.6);margin-bottom:10px}#info>p>img{display:block;margin:0 auto 15px auto;border-radius:8px}#info>p>a{color:#f79918}#info>img{border-radius:8px;margin-bottom:10px}nav>ul{display:flex;font-size:.8em}nav>ul>li{margin-right:20px}nav>ul>li:after{position:absolute;top:8px;content:' ';border:solid #000;border-width:0 2px 2px 0;display:inline-block;padding:2px;margin-left:6px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}nav>ul>li:last-child:after{border:none}nav>ul>li>a{text-decoration:none;color:#000}ul.page{display:flex;position:relative;width:100%;margin:20px;justify-content:center}ul.page li{display:block;position:relative;margin:0 3px}ul.page li a{display:block;position:relative;background-color:#ccc;width:25px;height:25px;text-align:center;border-radius:15px;text-decoration:none;color:#000;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}ul.page li a:hover{background-color:#f79918;color:#fff}footer{position:relative;font-size:.75em;padding:5px 10px;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.header{display:block;margin:0 auto;width:100%;max-width:100%;box-shadow:none;position:fixed;height:60px!important;overflow:hidden;z-index:1}.main{margin:0 auto;display:block;height:100%;margin-top:60px}.mainInner{display:table;height:100%;width:100%;text-align:center}.mainInner div{display:table-cell;vertical-align:middle;font-size:3em;font-weight:700;letter-spacing:1.25px}#sidebarMenu{height:100%;position:fixed;left:0;width:250px;margin-top:60px;transform:translateX(-250px);transition:transform 250ms ease-in-out;background:#fff}.sidebarMenuInner{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.1)}.sidebarMenuInner li{list-style:none;color:#000;padding:20px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1)}.sidebarMenuInner li span{display:block;font-size:14px;color:rgba(255,255,255,.5)}.sidebarMenuInner li a{color:#000;cursor:pointer;text-decoration:none}input[type=checkbox]:checked~#sidebarMenu{transform:translateX(0)}input[type=checkbox]{transition:all .3s;box-sizing:border-box;display:none}.sidebarIconToggle{transition:all .3s;box-sizing:border-box;cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:22px;left:15px;height:22px;width:22px}.spinner{transition:all .3s;box-sizing:border-box;position:absolute;height:3px;width:100%;background-color:#000}.horizontal{transition:all .3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}.diagonal.part-1{position:relative;transition:all .3s;box-sizing:border-box;float:left}.diagonal.part-2{transition:all .3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}input[type=checkbox]:checked~.sidebarIconToggle>.horizontal{transition:all .3s;box-sizing:border-box;opacity:0}input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1{transition:all .3s;box-sizing:border-box;transform:rotate(135deg);margin-top:8px}input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2{transition:all .3s;box-sizing:border-box;transform:rotate(-135deg);margin-top:-9px}@media only screen and (min-width :390px){header #logo{font-size:1.5em}}@media only screen and (min-width :480px){#preview>section{width:calc(50% - 20px);margin:0 10px 25px 10px}}@media only screen and (min-width :600px){header #logo{font-size:1.8em}#info,#preview,nav{padding:0 20px}}@media only screen and (min-width :992px){#preview>section{width:calc(33% - 20px);margin:0 10px 25px 10px}}@media only screen and (min-width :1200px){body{width:1200px;margin:0 auto}}