@font-face{font-family:"avenir";src:url("fonts/avenir-heavy.ttf") format("truetype")}@font-face{font-family:"psl";src:url("fonts/PSLDISPLAY.TTF") format("truetype")}@font-face{font-family:"pslBold";src:url("fonts/PSLDISPLAY_BOLD.TTF") format("truetype")}body{background:url(../images/bg/bg-sky.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body{margin:0;padding:0;width:100%;height:100%;min-height:100%;font-family:pslBold, psl, avenir;font-size:20px;color:#ffffff;background-color:transparent !important}audio{display:none}.center-box{display:block;margin-left:auto;margin-right:auto}.row-centered{text-align:center}.col-centered{display:inline-block;float:none !important;text-align:left;margin-right:-4px}.text-center{text-align:center}.pull-left{float:left}.pull-right{float:right}.aircraft-cursor{cursor:url(../images/aircraft/787.png),auto !important}.box-border-bottom{border-bottom:1px solid #eeeeee}#wrapper{width:100%;height:100%;min-height:100%}.centered{position:absolute;left:50%;margin-left:-100px}#error-box{position:fixed;top:0;width:100%;display:none}#loading-overlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;display:none;width:100%;height:100vh}#loading-overlay i{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}#header{position:absolute;left:40%;margin-left:-150px;z-index:10}#header .header-title-th{font-size:2rem;margin-top:10px;margin-bottom:0}#header .header-title-en{font-family:avenir;font-size:.8rem;margin-top:0px}#footer{position:fixed;bottom:20px;margin-left:20px;width:100%;z-index:10}#footer button{font-family:avenir;font-weight:bold;color:#ffffff}#footer .button-border{display:block;border:4px solid #ffffff;border-radius:10px;transition:all 0.2s ease-in-out}#footer .button-border button:focus{outline:0}#footer .button-border:hover{transform:scale(1.1)}.center-footer{position:fixed;bottom:20px;padding:0 20px;left:44.3%}.center-footer button{font-family:avenir;font-weight:bold;color:#ffffff;text-shadow:0 2px 1px gray}.center-footer .button-border{display:block;border:4px solid #ffffff;border-radius:10px}.button-border{border:4px solid #ffffff;border-radius:10px;font-family:avenir;font-weight:bold;color:#ffffff;text-shadow:0 2px 1px gray}.button-decoration a{cursor:pointer;font-family:avenir;font-size:1rem;font-weight:bold;color:#ffffff;text-shadow:0 2px 1px gray}.button-decoration a:hover,.button-decoration a:visited,.button-decoration a:link,.button-decoration a:active{text-decoration:none;color:inherit;color:#ffffff}#loading,#preview,#preview-control{display:none}#loading,#preview{position:fixed;left:0;right:0;top:15%;min-width:100%;font-family:avenir;font-size:1rem}#loading p,#preview p{text-align:center}#loading p img,#preview p img{width:200px}#loading img{-webkit-transition-duration:3s;transition-duration:3s}#preview{z-index:10;cursor:pointer}#preview p span{font-size:2rem}.btn-canvas{display:inline-block;padding:0.2rem 1.4rem;font-size:1rem;font-weight:normal;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;outline:none;background:#fff;background:rgba(255,255,255,0);transition:all 0.2s ease-in-out}.btn-canvas:hover{transform:scale(1.1)}#top{position:relative;padding-top:15px;padding-bottom:5rem;padding-left:20px;padding-right:20px;width:100%}#top .icon-sound{z-index:5}#top .icon-sound:hover{transform:scale(1.1)}#top .icon-sound:focus{outline:0}#top .title-header{position:absolute;margin:auto;left:0;right:0;text-align:center;color:white;z-index:-1}#top .title-header h1{font-family:pslBold}#top .title-header h5{font-family:avenir}#bottom{position:absolute;margin:auto;left:0;right:0;padding-top:1rem;padding-bottom:2rem;text-align:center;z-index:5}#bottom .wrap{display:inline-block;transition:all 0.2s ease-in-out}#bottom .wrap button:focus{outline:0}#bottom .wrap:hover{transform:scale(1.1)}#bottom-tablet{position:absolute;margin:auto;left:0;right:0;bottom:60px;padding-top:auto;padding-bottom:auto;text-align:center;z-index:5}#bottom-tablet .wrap{display:inline-block;transition:all 0.2s ease-in-out}#bottom-tablet .wrap button:focus{outline:0}#bottom-tablet .wrap:hover{transform:scale(1.1)}#btn-bottom{position:absolute;margin:auto;left:0;right:0;bottom:20px;text-align:center;z-index:5}#btn-bottom .wrap{display:inline-block;transition:all 0.2s ease-in-out}#btn-bottom .wrap button:focus{outline:0}#btn-bottom .wrap:hover{transform:scale(1.1)}#rule{background-color:#ffffff;box-shadow:0px 0px 20px 0px;font-family:psl;color:black}#rule .main-header h2{font-weight:bold;font-family:avenir;color:#441456}#rule .main-header h3{color:#c8068b}#rule .main-header .lang-th{font-family:avenir;font-size:20px;line-height:40px;position:absolute;bottom:20px;right:70px}#rule .main-header .lang-en{font-family:avenir;font-size:20px;line-height:40px;position:absolute;bottom:20px;right:20px}#rule .main-header .circle{width:40px;height:40px;border-radius:50%;color:#ffffff;text-align:center;background:#441456}#rule .main-header .circle a,#rule .main-header .circle a:hover,#rule .main-header .circle a:visited,#rule .main-header .circle a:link,#rule .main-header .circle a:active{text-decoration:none;color:inherit;cursor:pointer}#rule .main-header .no-circle{color:#441456;width:35px}#rule .main-header .no-circle a,#rule .main-header .no-circle a:hover,#rule .main-header .no-circle a:visited,#rule .main-header .no-circle a:link,#rule .main-header .no-circle a:active{text-decoration:none;color:inherit;cursor:pointer}#rule .main-body{font-size:20px;height:100px;overflow-y:scroll}#rule .main-footer{font-size:25px}#rule .main-footer input[type='radio']{-webkit-appearance:none;width:20px;height:20px;border:1px solid gray;border-radius:50%;outline:none;box-shadow:0 0 5px 0px white inset}#rule .main-footer input[type='radio']:hover{box-shadow:0 0 1px 0px gray inset}#rule .main-footer input[type='radio']:before{content:'';display:block;width:60%;height:60%;margin:20% auto;border-radius:50%}#rule .main-footer input[type='radio']:checked:before{background:#c8068b}#rule .en-content{display:none}#register{background-color:#ffffff;box-shadow:0px 0px 20px 0px;font-family:psl;color:black}#register .main-header h2{font-weight:bold;font-family:avenir;color:#441456}#register .main-header h3{color:#c8068b}#register .main-body{font-size:20px}#register .main-body label{line-height:0.6}#register .main-body .form-group.row .form-label{text-align:right}#register .main-body .form-group.row .asterisk{color:#c8068b;font-size:40px}#register .main-body .form-group.row input[type="text"]{background-color:#f0f0f0;color:#666;font-size:1.2rem}#register .main-body .form-group.row input[type="text"]:focus{border-color:#441456}#register .main-body .form-group.row:nth-of-type(3){margin-bottom:0}#register .main-footer{font-size:25px}#register .th{color:#441456}#register .en{color:#c8068b;line-height:1.5rem;margin-bottom:0.5rem}#tag{text-align:center}#tag .main-header{color:white}#tag .main-header h1{font-family:pslBold}#tag .main-header h5{font-family:avenir}#tag .center{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0}#tag .heart img{width:400px}#tag .tag-who{padding-top:100px;cursor:pointer}#tag .tag-who img{width:100px}#background .container{margin-top:1rem}#background .container .row div{transition:all 0.2s ease-in-out}#background .container .row div img{cursor:pointer}#background .container .row div:hover{transform:scale(1.05)}#background img{width:100%;box-shadow:0px 0px 15px 0px}#background .bg-active{transform:scale(1.07)}#background .bg-disable{-webkit-filter:brightness(50%)}#gallery-overlay{position:fixed;top:0;left:0;display:none}@media (min-width: 48em){#header .header-title-th{font-size:3rem}#header .header-title-en{font-size:1rem}#rule .main-body{height:120px}.button-decoration a{font-size:1.6rem}.btn-canvas{font-size:1.6rem}}@media (min-width: 62em){#header .header-title-th{font-size:5rem}#header .header-title-en{font-size:2rem}#top{padding-bottom:8rem}#bottom{bottom:20px;padding-top:auto;padding-bottom:auto}#rule .main-body{height:200px}#register .main-body form{margin-top:50px;margin-bottom:50px}#register .heart img{width:500px}#register .tag-who img{width:150px}#register .en{line-height:normal;margin-bottom:1rem}#tag{padding-top:50px}}@media (min-width: 75em){#top{padding-bottom:5rem}#register .main-body form{margin-top:20px;margin-bottom:20px}#background{margin:auto 220px}}#warning-message{display:none}@media only screen and (orientation: portrait){#wrapper{position:absolute;top:0;left:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);z-index:-1}#warning-message{width:100%;height:100vh;display:block;text-align:center;background-color:black;opacity:0.8;font-family:avenir;color:white;font-width:bold}#warning-message .message{position:absolute;margin-top:43vh;margin-left:auto;margin-right:auto;left:0;right:0;font-size:1.5rem}#warning-message .message .second-font{font-family:psl;font-size:3rem}#warning-message .intro-message{position:absolute;margin-top:43vh;margin-left:auto;margin-right:auto;left:0;right:0;font-size:15px}#warning-message .intro-message .second-font{font-family:psl;font-size:25px}}@media only screen and (orientation: landscape){#warning-message{display:none}}