html {
	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

html, body { margin:0; padding:0; height: 100%; line-height:1.35; font-family:'Noto Sans Thai'; font-weight: 300; }
img { vertical-align:middle; border:0px; }
b { font-family:'Noto Sans Thai'; font-weight: 500; }
/* select { -webkit-appearance: none; } */

h1 { font-size:2.5em; }
h2 { font-size:2.2em; }
h3 { font-size:2em; }
h4 { font-size:1.8em; }
h5 { font-size:1.5em; }
h6 { font-size:1.3em; }
h1, h2, h3 { font-weight:500; line-height:1.15 !important; margin:0; }
h4, h5, h6 { line-height:1.1 !important; margin:0; }
a { text-decoration:none !important; }

.t1 { font-size:2em; }
.t2 { font-size:1.5em; }
.t3 { font-size:1.2em; }
.t4 { font-size:1em; }

.c0 a:link { color:inherit; text-decoration: none; }
.c0 a:active { color:inherit; text-decoration: none; }
.c0 a:visited { color:inherit; text-decoration: none; }
.c0 a:hover { color:inherit; text-decoration: none; }

.c1 a:link {  color: #FF6600; text-decoration: none;  }
.c1 a:active { color: #FF6600; text-decoration: none; }
.c1 a:visited { color: #FF6600; text-decoration: none;  }
.c1 a:hover { color: #FF6600; text-decoration: underline; }

.c2 a:link { color:#FF6699; text-decoration: none; }
.c2 a:active { color:#FF6699; text-decoration: none; }
.c2 a:visited { color:#FF6699; text-decoration: none; }
.c2 a:hover { color:#FF9900; text-decoration: underline; }

.c3 a:link { text-decoration: none; }
.c3 a:active { text-decoration: none; }
.c3 a:visited { text-decoration: none; }
.c3 a:hover { text-decoration: underline; }

.w1 a:link { color:#FFFFFF; text-decoration: none; }
.w1 a:active { color:#FFFFFF; text-decoration: none; }
.w1 a:visited { color:#FFFFFF; text-decoration: none; }
.w1 a:hover { color:#FF0000; text-decoration: underline; }

.b1 a:link {  color: #000000; text-decoration: none;  }
.b1 a:active { color: #000000; text-decoration: none; }
.b1 a:visited { color: #000000; text-decoration: none;  }
.b1 a:hover { color: #FF6600; text-decoration: none; }

/* เทาเข้ม */
.g1 a:link {  color: #333333; text-decoration: none;  }
.g1 a:active { color: #333333; text-decoration: none; }
.g1 a:visited { color: #333333; text-decoration: none;  }
.g1 a:hover { color: #CC0000; text-decoration: none; }

.g2 a:link {  color: #888888; text-decoration: none;  }
.g2 a:active { color: #888888; text-decoration: none; }
.g2 a:visited { color: #888888; text-decoration: none;  }
.g2 a:hover { color: #FF3399; text-decoration: none; }


.kprip { animation: kpriper 0.6s linear infinite; }
@keyframes kpriper {  50% { opacity: 0; } }

.kprip2 { animation:kpripingText 0.9s infinite; }
@keyframes kpripingText {
    0%{     color: #b0d7ff;    }
	75%{   color: #3372b3;    }
    76%{    color: transparent; }
    100%{    color:transparent;  }
}

.kprip3 { animation: kpripnow 0.7s linear infinite; }
@keyframes kpripnow { 0% { color: #3372b3; }  60% { color: #b0d7ff; } 61% { color:transparent; } 100% { color:transparent; }   }