body{background-color:#fff}body *{font-family:"Kanit",sans-serif;font-size:100%}@-webkit-keyframes "circleloader"{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}.load-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1033;display:block;width:100%;height:100vh;background-color:#fff;transform:translateX(-100%)}.load-effect div{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%, -50%)}.load-effect div span{position:relative;display:block;z-index:0;width:100%;color:#e51234;line-height:150px;text-align:center;text-transform:uppercase;font-family:sans-serif;font-weight:bold}.load-effect div span:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #e51234;box-shadow:0 0 0 #e51234,inset 0 0 0 #e51234;animation:circleloader 3s infinite}.load-effect div span:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #e51234;box-shadow:0 0 0 #e51234,inset 0 0 0 #e51234;animation:circleloader 3s infinite 1.5s}.load-effect.is-active{transform:translateX(0)}.load-effect.is-active.de-active{opacity:0;transition:all .3s linear}.load-effect.is-active.de-active.loaded{display:none}.padding_10{display:block;margin:0 auto;clear:both;padding-top:10px}.padding_20{display:block;margin:0 auto;clear:both;padding-top:20px}.padding_30{display:block;margin:0 auto;clear:both;padding-top:30px}.padding_40{display:block;margin:0 auto;clear:both;padding-top:40px}.padding_50{display:block;margin:0 auto;clear:both;padding-top:50px}.color_white{color:#fff}