@font-face {
    font-family: NotoserifThai;
    font-display: swap;
    src: url(/AF/assets/font/Notoserif/NotoSerifThai-Regular.eot);
    src: url(/AF/assets/font/Notoserif/NotoSerifThai-Regular.woff2) format("woff2"), url(/AF/assets/font/Notoserif/NotoSerifThai-Regular.woff) format("woff"), url(/AF/assets/font/Notoserif/NotoSerifThai-Regular.ttf) format("truetype"), url(/AF/assets/font/Notoserif/NotoSerifThai-Regular.svg#NotoSerifThai-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: NotoserifThai-bold;
    font-display: swap;
    src: url(/AF/assets/font/Notoserif/NotoSerifThai-Bold.eot);
    src: url(/AF/assets/font/Notoserif/NotoSerifThai-Bold.woff2) format("woff2"), url(/AF/assets/font/Notoserif/NotoSerifThai-Bold.woff) format("woff"), url(/AF/assets/font/Notoserif/NotoSerifThai-Bold.ttf) format("truetype"), url(/AF/assets/font/Notoserif/NotoSerifThai-Bold.svg#NotoSerifThai-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: NotosansThai;
    font-display: swap;
    src: url(/AF/assets/font/Notosans/NotoSansThai-Regular.eot);
    src: url(/AF/assets/font/Notosans/NotoSansThai-Regular.woff2) format("woff2"), url(/AF/assets/font/Notosans/NotoSansThai-Regular.woff) format("woff"), url(/AF/assets/font/Notosans/NotoSansThai-Regular.ttf) format("truetype"), url(/AF/assets/font/Notosans/NotoSansThai-Regular.svg#NotoSansThai-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: NotosansThai-Medium;
    font-display: swap;
    src: url(/AF/assets/font/Notosans/NotoSansThai-Medium.eot);
    src: url(/AF/assets/font/Notosans/NotoSansThai-Medium.woff2) format("woff2"), url(/AF/assets/font/Notosans/NotoSansThai-Medium.woff) format("woff"), url(/AF/assets/font/Notosans/NotoSansThai-Medium.ttf) format("truetype"), url(/AF/assets/font/Notosans/NotoSansThai-Medium.svg#NotoSansThai-Medium) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: NotosansThai-bold;
    font-display: swap;
    src: url(/AF/assets/font/Notosans/NotoSansThai-Bold.eot);
    src: url(/AF/assets/font/Notosans/NotoSansThai-Bold.woff2) format("woff2"), url(/AF/assets/font/Notosans/NotoSansThai-Bold.woff) format("woff"), url(/AF/assets/font/Notosans/NotoSansThai-Bold.ttf) format("truetype"), url(/AF/assets/font/Notosans/NotoSansThai-Bold.svg#NotoSansThai-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
}
html{
    scroll-behavior: smooth;
    min-height: 100%;
    position: relative;
}

html,body{
    font-family: 'NotosansThai', sans-serif;
    font-weight: 400;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.fifa55colorbg {
    background-color: #b90504;
    color: #ffffff;
}

.linecolorbg {
    background-color: #00c300;
    color: #ffffff;
}

.fifa55colorofdarkbg {
    background-color: #970215;
    color: #ffffff;
}

.success_color{
    color: #28a745;
}

.row-menu-grid{
    margin-top: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}

/* Footer */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #b90504;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #b90504 !important;
}
#footer h5{
    padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
    padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.social li:hover a i {
    font-size:30px;
    margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
    color:#ffffff;
}
#footer ul.social li a:hover{
    color:#eeeeee;
}
#footer ul.quick-links li{
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.quick-links li:hover{
    padding: 3px 0;
    margin-left:5px;
    font-weight:700;
}
#footer ul.quick-links li a i{
    margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}