#preload {
    position: absolute;
    z-index: 9998;
    /* background: #000000 url(../images/misc/pattern_preload.gif); */       /* cut 8/8/2559 */
    background: #19120e;                                                     /* add 8/8/2559 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 1;
}
#preload.success {
   opacity: 0; 
}
#preload-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* width: 500px; */                               /*  cut 8/8/2559  */
    width:  80%;                                        /*  add 8/8/2559  */
    height: 100px;
    text-align: center;
}
#preloading-text {
    position: relative;                                       /*  add 6/8/2559  */
    top:-155px;                                                /*  add 6/8/2559  */
    font-family:CenturyGothic;                                /*  add 8/8/2559  */
    color: #fffee6;                                           /* add 8/8/2559 */
    /*color: #00CCFF;*/                                           /* cut 8/8/2559 */
    font-size: 100px;
    /* text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.6); */          /* cut 8/8/2559 */
}
#preloading-subtext {                                    /* add 8/8/2559 */
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #c6a75f;
    letter-spacing: 5px;
    /* text-shadow: 0px 0px 8px rgba(0, 255, 245, 1); */             
}
.fluorescent {
    -webkit-animation: 5s fluorescent ease-in-out infinite;
    -moz-animation: 5s fluorescent ease-in-out infinite;
    -o-animation: 5s fluorescent ease-in-out infinite;
    animation: 5s fluorescent ease-in-out infinite;
}
#preloading, #preload-inner {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#preloading {
    left: 2px;
    right: 2px;
    top: 0;
    margin: auto;
}
#preload-inner {
    /*margin: 25px auto;*/                                          /* cut 8/8/2559 */
    /*height: 5px;*/                                                /* cut 8/8/2559 */
    margin: 30px auto;
    height: 1px;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.3);*/                         /* cut 8/8/2559 */
    background: #615f5f;                                        /* add 8/8/2559 */
    /* box-shadow: 0 0 5px #222222; */                          /* cut 8/8/2559 */
    /*border-radius: 5px;*/                                      /* cut 8/8/2559 */
}
#preloading.effect1 {
    height: 1px;  
    background: #A2E1F0; 
    /*box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);*/        /* cut 8/8/2559 */
    -moz-animation: fullexpand 3s ease-in-out;
    -webkit-animation: fullexpand 3s ease-in-out;
    animation: fullexpand 3s ease-in-out;
}
#preloading.effect2 {
    width: 0%;
    height: 1px;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -ms-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    background: #A2E1F0; 
    /*box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);*/           /* cut 8/8/2559 */
}
/*  cut 8/8/2559
#preloading-percent {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #A2E1F0;
    text-shadow: 0px 0px 8px rgba(0, 255, 245, 1);
}
*/


@-webkit-keyframes fullexpand {
    0%  { width:0px;}
    100%{ width:100%;}	
}
@-moz-keyframes fullexpand {
    0%  { width:0px;}
    100%{ width:100%;}	
}
@-o-keyframes fullexpand {
    0%  { width:0px;}
    100%{ width:100%;}	
}
@keyframes fullexpand {
    0%  { width:0px;}
    100%{ width:100%;}	
}

/* cut 8/8/2559
@-webkit-keyframes fluorescent {
    0% {color: #00CCFF;}
    30% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    70% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    100% {color: #00CCFF;}
}
@-moz-keyframes fluorescent {
    0% {color: #00CCFF;}
    30% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    70% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    100% {color: #00CCFF;}
}
@-o-keyframes fluorescent {
    0% {color: #00CCFF;}
    30% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    70% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    100% {color: #00CCFF;}
}
@keyframes fluorescent {
    0% {color: #00CCFF;}
    30% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    70% {color: #A2E1F0; text-shadow: 0px 0px 15px rgba(0, 255, 245, 0.8);}
    100% {color: #00CCFF;}
}
*/