*,button:focus,button::-moz-focus-inner{outline:none !important;border:0px}html,body{font-family:"Tinos",serif;font-size:16px;padding:0px;margin:0px;height:100%;width:100%}body{background-image:url(../img/bg0.png);background-attachment:fixed;background-size:cover;background-position:center center}body.bg1{background-image:url(../img/bg1.png)}main,section,article,footer,aside,nav{display:block}input,button,textarea{-webkit-appearance:none;box-shadow:none;border-radius:0px}button{border:0px}main{padding:125px 0px;padding-bottom:200px}@media(max-width: 945px){main{padding:60px 0px}}main section#start{width:660px;height:740px;background-image:url(../img/tile.png);background-repeat:no-repeat;background-size:100% 100%;margin:0px auto}@media(max-width: 945px){main section#start{width:339px;height:565px;background-image:url(../img/tile1.png)}main section#start form{height:564px}main section#start form>div:last-of-type{line-height:140%}}main section#start .info{padding:80px 30px;color:#fff;text-align:center}@media(max-width: 945px){main section#start .info{padding:20px 30px;margin-bottom:10px;overflow:auto;height:520px}}main section#start .info h3,main section#start .info p{font-family:"naresuan",serif}main section#start .info h3{padding:0px;margin:0px;font-size:30px;color:#fbb122;margin-top:50px;margin-bottom:10px}main section#start .info h3:first-of-type{margin-top:0px}@media(max-width: 945px){main section#start .info h3{font-size:27px;margin-top:20px}main section#start .info h3:first-of-type{margin-top:0px}}main section#start .info p{font-family:"Tinos",serif;font-size:16px;margin:15px 0px}@media(max-width: 945px){main section#start .info p{margin:0px;font-size:12px}}main section#start img{width:100%;margin-top:-50px}@media(max-width: 945px){main section#start img{margin-top:0px}}main section#start .flex{display:flex;padding:0px 100px;justify-content:space-between;color:#fbb122}@media(max-width: 945px){main section#start .flex{padding:0px 25px;display:block}main section#start .flex>div{display:flex;margin-bottom:30px}main section#start .flex>div:last-of-type{margin-bottom:0px}}main section#start .flex h1{font-family:"naresuan",serif;font-weight:400;font-style:normal;font-size:54px;margin:0px;padding:0px;margin-bottom:20px}@media(max-width: 945px){main section#start .flex h1{font-size:30px;width:150px}}main section#start .flex ul{list-style:none;padding:0px;margin:0px}main section#start .flex ul li{font-family:"naresuan",serif;font-weight:400;font-style:normal;font-size:30px}@media(max-width: 945px){main section#start .flex ul li{font-size:25px}}main section#start .flex input[type=radio]{display:none}main section#start .flex input[type=radio]+label{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #fbb122;margin-right:5px;cursor:pointer;position:relative}main section#start .flex input[type=radio]:checked+label::after{content:"";display:block;position:absolute;transform:translate(2px, 2px);width:9px;height:9px;border-radius:50%;background-color:#fbb122}main section#start form>div.infotext{width:278px;margin-left:auto;color:#fff;font-size:12px;margin-right:25px;padding-top:50px;margin-top:0px}@media(max-width: 945px){main section#start form>div.infotext{margin-left:25px}}main section#start button{width:356px;height:91px;background-image:url(../img/button.png);background-size:100% 100%;font-family:"naresuan",serif;font-weight:400;font-style:normal;color:#fbb122;font-size:39px;margin-top:62px;background-color:rgba(0,0,0,0)}@media(max-width: 945px){main section#start button{font-size:29px;width:267px;height:68px;margin-top:0px}}main section#start .button{position:absolute;left:50%;transform:translateX(-50%);top:845px;padding-bottom:150px}@media(max-width: 945px){main section#start .button{padding-bottom:80px;top:645px;margin-top:0px}}main section#start .buttons{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;width:660px}@media(max-width: 945px){main section#start .buttons{width:267px;display:block}}main section#start .buttons button{width:324px;position:static;transform:translateX(0%)}@media(max-width: 945px){main section#start .buttons button{width:100%;margin-top:5px}main section#start .buttons button:first-of-type{margin-top:20px}main section#start .buttons button:last-of-type{margin-bottom:30px}}main section#chat{height:100%;width:924px;margin:-50px auto;padding:0 0;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;display:none}@media(max-width: 945px){main section#chat{display:none;width:100%;padding:0px;margin:0px auto}}main section#chat .right{width:336px;position:relative;padding:40px 32px;background-image:url(../img/inventory-center.png);background-repeat:repeat-y;margin-top:0px;margin-bottom:-40px}main section#chat .right::before{position:absolute;content:"";display:block;width:calc(100% + 40px);margin-top:-40px;margin-left:-32px;height:20px;background-image:url(../img/inventory-top.png);background-repeat:no-repeat}main section#chat .right::after{position:absolute;top:100%;content:"";display:block;width:calc(100% + 40px);margin-top:0px;margin-left:-32px;height:20px;background-image:url(../img/inventory-bottom.png);background-repeat:no-repeat}@media(max-width: 945px){main section#chat .right{display:block;background-image:url();width:356px;padding:0px;margin:0px auto;margin-top:-40px;margin-bottom:40px}main section#chat .right::before,main section#chat .right::after{display:none}}main section#chat .right h2{font-family:"naresuan",serif;font-weight:400;font-style:normal;font-size:60px;text-align:center;padding:0px;margin:0px;color:#562f3b}@media(max-width: 945px){main section#chat .right h2:first-of-type{display:none}}main section#chat .right #inventorys{padding:0px;color:#562f3b;text-align:left}@media(max-width: 945px){main section#chat .right #inventorys{display:none;text-align:left}}main section#chat .right #inventorys p{padding:0px;margin:0px}main section#chat .right #lives{padding:0px;color:#fff;text-align:center;width:297px;height:30px;background-image:url(../img/live.png);background-size:100% 100%;margin:0px auto;margin-bottom:25px;padding:4px}@media(max-width: 945px){main section#chat .right #lives{width:348px;height:37px;background-image:url(../img/live1.png)}}main section#chat .right #lives>div{width:100%;max-width:100%;height:100%;background-color:#af1a1a;border-radius:5px;transition:.5s ease width}main section#chat .right #lives p{padding:0px;margin:0px}@media(max-width: 945px){main section#chat .right>div:last-of-type{width:316px;background-image:url(../img/drop-center.png);background-repeat:repeat-y;margin-top:10px;padding:0px 20px}main section#chat .right>div:last-of-type::before{position:absolute;content:"";display:block;width:356px;margin-top:-10px;margin-left:-20px;height:10px;background-image:url(../img/drop-top.png);background-repeat:no-repeat}main section#chat .right>div:last-of-type::after{position:absolute;top:100%;content:"";display:block;width:356px;margin-top:0px;margin-left:-20px;height:10px;background-image:url(../img/drop-bottom.png);background-repeat:no-repeat}main section#chat .right>div:last-of-type h2{display:block;font-size:40px;text-align:left;height:30px;position:relative;z-index:2;line-height:100%;top:-4px}main section#chat .right>div:last-of-type h2::after{position:absolute;top:13px;right:-5px;background-image:url(../img/arrowdown.png);width:29px;height:14px;background-size:contain;background-repeat:no-repeat;content:"";display:block}main section#chat .right>div:last-of-type.open #inventorys{display:block;padding:20px 0px}main section#chat .right>div:last-of-type.open h2::after{transform:rotate(180deg)}}main section#chat .left{position:relative;padding:20px 32px;height:calc(100vh - 200px);width:436px;background-image:url(../img/box-center.png);background-repeat:repeat-y;margin-top:0px;margin-bottom:-71px}@media(max-width: 945px){main section#chat .left{margin:0px auto;width:316px;background-image:url(../img/box1-center.png);margin-bottom:-16px;padding:20px;height:calc(100vh - 229px);margin-bottom:-40px}}main section#chat .left::before{position:absolute;content:"";display:block;width:calc(100% + 40px);margin-top:-71px;margin-left:-32px;height:71px;background-image:url(../img/box-top.png);background-repeat:no-repeat}@media(max-width: 945px){main section#chat .left::before{margin-top:-36px;background-image:url(../img/box1-top.png);background-repeat:no-repeat;height:16px;margin-left:-20px;width:100%}}main section#chat .left::after{position:absolute;top:100%;content:"";display:block;width:calc(100% + 40px);margin-top:0px;margin-left:-32px;height:71px;background-image:url(../img/box-bottom.png);background-repeat:no-repeat}@media(max-width: 945px){main section#chat .left::after{background-image:url(../img/box1-bottom.png);background-repeat:no-repeat;height:16px;margin-left:-20px;width:100%}}main section#chat .left article{overflow:auto;height:calc(100% - 105px);margin-bottom:20px}@media(max-width: 945px){main section#chat .left article{margin-top:-20px;height:calc(100% - 62px)}}main section#chat .left article>div{width:80%;margin-bottom:0px;padding:10px 0px;color:#fff}main section#chat .left article>div ul,main section#chat .left article>div li{color:#fbb122}main section#chat .left article>div #rollit,main section#chat .left article>div #live,main section#chat .left article>div #inventory{display:inline}main section#chat .left article>div #rollit p,main section#chat .left article>div #live p,main section#chat .left article>div #inventory p{display:inline}main section#chat .left article>div[role=user]{margin-left:auto;color:#00f5ff}main section#chat .left article>div p{margin:0}main section#chat .left>div{margin:0 10px}main section#chat .left>div#input>div{width:calc(100% - 50px);float:left}main section#chat .left>div#input>div.hideonroll{position:relative;padding:10px 0px;height:45px;width:calc(100% - 26px - 60px);resize:none;font-weight:bold;background-image:url(../img/button-center.png);background-repeat:repeat-x;margin-right:31px}@media(max-width: 945px){main section#chat .left>div#input>div.hideonroll{height:41px;padding:5px 0px;background-size:100% 100%;margin-right:19px;width:calc(100% - 26px - 48px)}}main section#chat .left>div#input>div.hideonroll::before,main section#chat .left>div#input>div.hideonroll::after{position:absolute;width:13px;height:65px;top:0px;content:"";display:block;position:absolute;left:-13px;background-image:url(../img/button-left.png);background-repeat:no-repeat}@media(max-width: 945px){main section#chat .left>div#input>div.hideonroll::before,main section#chat .left>div#input>div.hideonroll::after{height:51px;width:10px;background-size:100% 100%;left:-9px}}main section#chat .left>div#input>div.hideonroll::after{left:100%;top:0px;background-image:url(../img/button-right.png)}main section#chat .left>div#input>div.hideonroll textarea{resize:none;padding:12px 5px;margin:0px 0px;font-size:20px;height:46px;box-sizing:border-box;width:100%;resize:none;font-weight:bold;background-color:rgba(0,0,0,0);border:0px;font-family:arial;outline:none;border:0px;background-color:rgba(0,0,0,0)}@media(max-width: 945px){main section#chat .left>div#input>div.hideonroll textarea{height:41px;padding:8px 5px}}main section#chat .left>div#input button{position:relative;padding:0px 0px;height:65px;width:55px;resize:none;font-weight:bold;background-image:url(../img/button-center.png);background-repeat:repeat-x;font-family:"naresuan",serif;font-weight:400;font-style:normal;font-size:60px;color:#562f3b;float:left}@media(max-width: 945px){main section#chat .left>div#input button{height:51px;background-size:100% 100%;font-size:44px}}main section#chat .left>div#input button::before,main section#chat .left>div#input button::after{position:absolute;width:13px;height:65px;top:0px;content:"";display:block;position:absolute;left:-13px;background-image:url(../img/button-left.png);background-repeat:no-repeat}@media(max-width: 945px){main section#chat .left>div#input button::before,main section#chat .left>div#input button::after{height:51px;background-size:100% 100%;width:7px;left:-7px}}main section#chat .left>div#input button::after{left:100%;top:0px;background-image:url(../img/button-right.png)}main section#chat .left>div#input button#roll{display:none;width:100%}main section#chat .left>div#input::after{display:block;float:none;clear:both;content:""}main section#loader{position:absolute;bottom:210px;left:50%;transform:translateX(-50%)}main section#loader .loadingbar{padding:0px;color:#fff;text-align:center;width:297px;height:30px;background-image:url(../img/live.png);background-size:100% 100%;margin:0px auto;padding:4px;background-color:rgba(255,255,255,.6);border-radius:15px}@media(max-width: 945px){main section#loader .loadingbar{width:348px;height:37px;background-image:url(../img/live1.png)}}main section#loader .loadingbar>div{width:0%;max-width:100%;height:100%;background-color:#af1a1a;border-radius:5px;transition:5s ease width}main section#loader .loadingbar.full>div{width:100%}main section#loader .loadingbar p{padding:0px;margin:0px;font-family:"naresuan",serif;color:#fff;font-size:40px;position:absolute;margin-top:15px;left:50%;transform:translateX(-50%)}#logos{position:fixed;left:55px;bottom:46px}@media(max-width: 1525px){#logos{left:auto;right:55px}}@media(max-width: 945px){#logos{position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center;bottom:-90px;right:auto;display:none}}#logos img{margin-right:43px}@media(max-width: 945px){#logos img{margin:0px 15px}}.feedback{color:#fff;display:block;text-align:center;font-size:20px;padding-top:8px}@media(max-width: 945px){.feedback{font-size:16px;padding-top:7px}}/*# sourceMappingURL=master.css.map */