body{line-height: 1;margin: 0;-webkit-text-size-adjust: none;}
*, *:before, *:after{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.card-img {
    display: block;
    text-align: center;
    margin-bottom: 10px;
 }
.a-color{
width: 110px;
height: 50px;
background-color: #000;
display: inline-flex;}
#my-menu{
background:linear-gradient(to top,#1803e6,#2914f7);
max-width: 100%;padding: 15px 0;margin-top: 10px;
}
#my-menu a {
margin: 1em 0.5em;
text-decoration: none;
color: #fff;
font-weight: bold;
}
#my-menu a:hover {color: #fdd835;}
.input-bg{
padding-left:50px;
display: inline-block;
}
.fa-check{color: #ff5722;}
.fa-gripfire{color: #ff9800;}
.fa-btn{position: absolute; margin-top: 8px;margin-left: 10px;color: #222;font-size: 1.5em;}
.fa-inp{position: absolute; margin-top: 8px;margin-left: 15px;color: #eee;font-size: 1.5em;}
.inp-ico{position: absolute; margin-top: 15px;margin-left: 20px;height: 30px;color: #eee;font-size: 1.5em;}
.gold-border{
border: 10px solid #d3b32e;
margin: 0;
}
@media screen and (max-width: 480px){
html, body{min-width: 320px;}
}
body{
color: #fdfcfe;background-image: url(img/bg-123kfc-32.jpg);background-size: 100% 100%;background-attachment: fixed;
}
body, input, button, a{
font-family: 'Kanit', sans-serif;
font-size: 13pt;
}
a{text-decoration: underline;color: #fff;}
a:hover{text-decoration: none;}
p{margin: 0;line-height: 1.5em;}
.big-p{font-size: 2em;font-weight: bold;line-height: 1.5em;color: #fefeff;}
.game-p{font-size: 1.5em;padding: 10px 0;font-weight: bold;background:linear-gradient(to top,#0b2174,#021ebd,#0b2174);}
.pd-10{padding: 10px 10px;}
.content-bg{background-color: #10009e;border-radius: 30px;}
.bdb{border-bottom: 10px solid #1803e6;}
@media screen and (max-width: 980px){.big-p{font-size: 1.5em;}}
h1, h2, h3, h4{
color: #f3bd04;
line-height: 1em;
margin: 5px 0;
}
h1 a, h2 a, h3 a, h4 a{text-decoration: none;font-size: 1.5em;}
h1{font-size: 2em;}
h2{font-size: 1.75em;margin: 10px 0 10px 0;}
hr{
border: 0;
border-bottom: solid 1px #999999;
margin: 1em 0;
}
.p1{font-size: 2em;color: #fff; margin: 1em 0 0 0;line-height: 1em; margin-left: 10px;}
.p2{font-size: 1.5em;color: #fdc607; margin: 0.5em 0 0 0;line-height: 1em;margin-left: 20px;}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
input{
border: 2px solid #03a9f4;
border-radius: 30px;
color: #ccc;
cursor: pointer;
display: inline-block;
text-align: center;
height: 40px;
background-color: #00000066;
outline: 0;
width: 100%;
text-align: left;
cursor: text;
}
.button{
border: 2px solid #2196F3;
border-radius: 30px;
color: #000;
cursor: pointer;
display: inline-block;
font-weight: bolder;
text-align: center;
text-decoration: none;
white-space: nowrap;
height: 40px;
background-color: #ffeb3b;
line-height: 1em;
}
.button:hover{background-color: #ffc501;}
@media screen and (min-width: 980px){
input { max-width: 250px; }
}
input.fit, button.fit, .button.fit{
margin: 0 0 10px 0;
width: 100%;
height: 50px;
padding: 0;
text-align: center;
line-height: 3em;
font-weight: bolder;
}
@media screen and (max-width: 480px){
input,button,.button{padding: 0;}
}
::-webkit-input-placeholder{opacity: 1;color: #ccc !important;}
:-moz-placeholder{opacity: 1;color: #ccc !important;}
::-moz-placeholder{opacity: 1;color: #ccc !important;}
:-ms-input-placeholder{opacity: 1;color: #ccc !important;}
.img-radius{border-radius: 15px;}
#header{
cursor: default;
left: 0;
top: 0;
width: 100%;
background:linear-gradient(to top,#010a2b,#011166);
}
#header nav{
height: inherit;
line-height: inherit;
top: 0;
vertical-align: middle;
}
#banner .button.r1 {
box-shadow: none;
line-height: 2em;
margin-bottom: 0;
padding: 0 1em;
vertical-align: middle;
width:250px;
}
#header .container{position: relative;}
@media screen and (max-width: 980px){
#header{display: none;}
}
@media screen and (max-width: 980px){
.form-hide{display: none;}
}
@media screen and (min-width: 981px){
.form-show{display: none;}
}
@media screen and (max-width: 980px){
.form-show{display: block;}
}
@media screen and (max-width: 1125px){
.logo-hide{display: none;}
}
@media screen and (max-width: 980px){#banner{padding: 5em 3em 3em 3em;}}
@media screen and (max-width: 736px){#banner{padding: 5em 2em 2em 2em;}}
@media screen and (max-width: 480px){#banner{padding: 5em 2em 1em 2em;margin-bottom: 3em;}}
#footer{padding: 1em 0 0 0;color: #fff;background:linear-gradient(to top,#010a2b,#011166);}
#footer a{text-decoration: none;margin: 15px; line-height: 3em;}
#footer p{padding: 0;}
.details-card .news-articles{
max-width:366px;
overflow:hidden;
display:inline-block;
padding:5px;
}
.details-card .news-articles .article-link{text-decoration:none;}
.details-card .news-articles .article-link .news-articles-img{display:inline-block;}
.news-articles .news-articles-img .bg-img{
display:inline-block;
padding:0px;
position:relative;
border-radius:14px;
background:linear-gradient(to right,#FFC107,#FF5722);}
.news-articles a  {color: #fff;}
.news-articles h3 {color: #ffeb3b;}
.details-card .news-articles .article-link .news-articles-img img{
width:100%;
border:4px solid;
border-top-color:currentcolor;
border-right-color:currentcolor;
border-bottom-color:currentcolor;
border-left-color:currentcolor;
border-color:#5f9ea000;
border-radius:15px;}
.details-card .news-articles .article-link .box-articles{color:#bdbdbd;font-size:13px;}
.details-card .news-articles .article-link .news-articles-p{font-size:15px;text-align:justify;}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: grey;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #333;}

.navPanelToggle{
text-decoration: none;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 75px;
display: none;
}
@media screen and (max-width: 980px){
.navPanelToggle{display: block;}
}
.navPanelToggle *:before{
background: rgba(144, 144, 144, 0.65);
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
height: 2.25em;
left: 0.5em;
line-height: 2.25em;
position: absolute;
text-align: center;
top: 0.5em;
width: 3.5em;
}
#navPanel{
-moz-transform: translateX(-20em);
-webkit-transform: translateX(-20em);
-ms-transform: translateX(-20em);
transform: translateX(-20em);
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
transition: transform 0.5s ease, visibility 0.5s;
-webkit-overflow-scrolling: touch;
visibility: hidden;
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.9);
color: #333;
height: 100%;
max-width: 80%;
width: 20em;
padding: 0.5em 1.25em;
}
#navPanel ul{
list-style: none;
margin: 0;
padding: 0;
}
#navPanel ul li{padding: 0;}
#navPanel ul li:first-child a:not(.button), #navPanel ul li:first-child span:not(.button){
border-top: 0;
}
#navPanel ul li a:not(.button),
#navPanel ul li span:not(.button){
border-top: solid 1px #555;
color: #fff;
display: block;
padding: 0.75em 0;
text-decoration: none;
}
#navPanel .button{width: 100%;}
#navPanel .close{
text-decoration: none;
border: 0;
color: #fff;
cursor: pointer;
display: block;
height: 4em;
padding-right: 1.25em;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 5em;
}
#navPanel .close:before{
content: 'X';
width: 3em;
height: 3em;
line-height: 3em;
display: block;
position: absolute;
right: 0;
top: 0;
text-align: center;
}
@media screen and (max-width: 736px){
#navPanel .close{height: 4em;line-height: 4em;}
}
#navPanel.visible{
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
visibility: visible;
}

.container{
margin-left: auto;
margin-right: auto;
}
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 80em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
@media screen and (max-width: 1680px){
.container.\31 25\25{
width: 100%;
max-width: 100em;
min-width: 60em;
}
.container.\37 5\25{width: 60em;}
.container.\35 0\25{width: 40em;}
.container.\32 5\25{width: 20em;}
.container{
max-width: 100%;
width: 80em;
}
}
@media screen and (max-width: 1280px){
.container.\31 25\25{
width: 100%;
max-width: 81.25em;
min-width: 45em;
}
.container.\37 5\25{width: 48.75em;}
.container.\35 0\25{width: 32.5em;}
.container.\32 5\25{width: 16.25em;}
.container{width: 65em;}
}
@media screen and (max-width: 980px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90%;}
}
@media screen and (max-width: 736px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
@media screen and (max-width: 480px){
.container.\31 25\25{
width: 100%;
max-width: 112.5%;
min-width: 90%;
}
.container.\37 5\25{width: 67.5%;}
.container.\35 0\25{width: 45%;}
.container.\32 5\25{width: 22.5%;}
.container{width: 90% !important;}
}
.row{
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > *{
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row:after, .row:before{
content: '';
display: block;
clear: both;
height: 0;
}
.row.\30 \25 > *{padding: 0 0 0 0em;}
.row.\30 \25{margin: 0 0 -1px 0em;}
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.\31 2u, .\31 2u\24{width: 100%;clear: none;margin-left: 0;}
.\31 1u, .\31 1u\24{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u, .\31 0u\24{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u, .\39 u\24{width: 75%;clear: none;margin-left: 0;}
.\38 u, .\38 u\24{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u, .\37 u\24{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u, .\36 u\24{width: 50%;clear: none;margin-left: 0;}
.\35 u, .\35 u\24{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u, .\34 u\24{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u, .\33 u\24{width: 25%;clear: none;margin-left: 0;}
.\32 u, .\32 u\24{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u, .\31 u\24{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24 + *,.\31 1u\24 + *,.\31 0u\24 + *,
.\39 u\24 + *,.\38 u\24 + *,.\37 u\24 + *,
.\36 u\24 + *,.\35 u\24 + *,.\34 u\24 + *,
.\33 u\24 + *,.\32 u\24 + *,.\31 u\24 + *{clear: left;}
@media screen and (max-width: 1680px){
.row > *{padding: 0 0 0 2em;}
.row{margin: 0 0 -1px -2em;}
.row.uniform > *{padding: 2em 0 0 2em;}
.row.uniform{margin: -2em 0 -1px -2em;}
.row.\32 00\25 > *{padding: 0 0 0 4em;}
.row.\32 00\25{margin: 0 0 -1px -4em;}
.row.uniform.\32 00\25 > *{padding: 4em 0 0 4em;}
.row.uniform.\32 00\25{margin: -4em 0 -1px -4em;}
.row.\31 50\25 > *{padding: 0 0 0 3em;}
.row.\31 50\25{margin: 0 0 -1px -3em;}
.row.uniform.\31 50\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\31 50\25{margin: -3em 0 -1px -3em;}
.row.\35 0\25 > *{padding: 0 0 0 1em;}
.row.\35 0\25{margin: 0 0 -1px -1em;}
.row.uniform.\35 0\25 > *{padding: 1em 0 0 1em;}
.row.uniform.\35 0\25{margin: -1em 0 -1px -1em;}
.row.\32 5\25 > *{padding: 0 0 0 0.5em;}
.row.\32 5\25{margin: 0 0 -1px -0.5em;}
.row.uniform.\32 5\25 > *{padding: 0.5em 0 0 0.5em;}
.row.uniform.\32 5\25{margin: -0.5em 0 -1px -0.5em;}
}
@media screen and (max-width: 1280px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
}
@media screen and (max-width: 980px){
.row > *{padding: 0 0 0 1.5em;}
.row{margin: 0 0 -1px -1.5em;}
.row.uniform > *{padding: 1.5em 0 0 1.5em;}
.row.uniform{margin: -1.5em 0 -1px -1.5em;}
.row.\32 00\25 > *{padding: 0 0 0 3em;}
.row.\32 00\25{margin: 0 0 -1px -3em;}
.row.uniform.\32 00\25 > *{padding: 3em 0 0 3em;}
.row.uniform.\32 00\25{margin: -3em 0 -1px -3em;}
.row.\31 50\25 > *{padding: 0 0 0 2.25em;}
.row.\31 50\25{margin: 0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > *{padding: 2.25em 0 0 2.25em;}
.row.uniform.\31 50\25{margin: -2.25em 0 -1px -2.25em;}
.row.\35 0\25 > *{padding: 0 0 0 0.75em;}
.row.\35 0\25{margin: 0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > *{padding: 0.75em 0 0 0.75em;}
.row.uniform.\35 0\25{margin: -0.75em 0 -1px -0.75em;}
.row.\32 5\25 > *{padding: 0 0 0 0.375em;}
.row.\32 5\25{margin: 0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > *{padding: 0.375em 0 0 0.375em;}
.row.uniform.\32 5\25{margin: -0.375em 0 -1px -0.375em;}
.\31 2u\28medium\29, .\31 2u\24\28medium\29{width: 100%;clear: none;margin-left: 0;}
.\31 1u\28medium\29, .\31 1u\24\28medium\29{width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u\28medium\29, .\31 0u\24\28medium\29{width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u\28medium\29, .\39 u\24\28medium\29{width: 75%;clear: none;margin-left: 0;}
.\38 u\28medium\29, .\38 u\24\28medium\29{width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u\28medium\29, .\37 u\24\28medium\29{width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u\28medium\29, .\36 u\24\28medium\29{width: 50%;clear: none;margin-left: 0;}
.\35 u\28medium\29, .\35 u\24\28medium\29{width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u\28medium\29, .\34 u\24\28medium\29{width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u\28medium\29, .\33 u\24\28medium\29{width: 25%;clear: none;margin-left: 0;}
.\32 u\28medium\29, .\32 u\24\28medium\29{width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u\28medium\29, .\31 u\24\28medium\29{width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24\28medium\29 + *,.\31 1u\24\28medium\29 + *,.\31 0u\24\28medium\29 + *,
.\39 u\24\28medium\29 + *,.\38 u\24\28medium\29 + *,.\37 u\24\28medium\29 + *,
.\36 u\24\28medium\29 + *,.\35 u\24\28medium\29 + *,.\34 u\24\28medium\29 + *,
.\33 u\24\28medium\29 + *,.\32 u\24\28medium\29 + *,.\31 u\24\28medium\29 + *{clear: left;}
}
@media screen and (max-width: 736px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}
@media screen and (max-width: 480px){
.row > *{padding: 0 0 0 1.25em;}
.row{margin: 0 0 -1px -1.25em;}
.row.uniform > *{padding: 1.25em 0 0 1.25em;}
.row.uniform{margin: -1.25em 0 -1px -1.25em;}
.row.\32 00\25 > *{padding: 0 0 0 2.5em;}
.row.\32 00\25{margin: 0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > *{padding: 2.5em 0 0 2.5em;}
.row.uniform.\32 00\25{margin: -2.5em 0 -1px -2.5em;}
.row.\31 50\25 > *{padding: 0 0 0 1.875em;}
.row.\31 50\25{margin: 0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > *{padding: 1.875em 0 0 1.875em;}
.row.uniform.\31 50\25{margin: -1.875em 0 -1px -1.875em;}
.row.\35 0\25 > *{padding: 0 0 0 0.625em;}
.row.\35 0\25{margin: 0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > *{padding: 0.625em 0 0 0.625em;}
.row.uniform.\35 0\25{margin: -0.625em 0 -1px -0.625em;}
.row.\32 5\25 > *{padding: 0 0 0 0.3125em;}
.row.\32 5\25{margin: 0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > *{padding: 0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25{margin: -0.3125em 0 -1px -0.3125em;}
}