@font-face {
    src: url('fonts/Kanit-Bold.ttf');
    font-family: Kanit-Bold;
}
@font-face {
    src: url('fonts/Kanit-Regular.ttf');
    font-family: Kanit-Regular;
}
@font-face {
    src: url('fonts/Kanit-SemiBold.ttf');
    font-family: Kanit-SemiBold;
}

@font-face {
    src: url('fonts/Roboto-Regular.ttf');
    font-family: Roboto-Regular;
}
@font-face {
    src: url('fonts/Roboto-Bold.ttf');
    font-family: Roboto-Bold;
}

@font-face {
    src: url('fonts/NotoSansThai-Regular.woff');
    font-family: Noto-Regular;
}
@font-face {
    src: url('fonts/NotoSansThai-Bold.woff');
    font-family: Noto-Bold;
}

@font-face {
    src: url('fonts/NotoSansThai-SemiBold.woff');
    font-family: Noto-SemiBold;
}

.navLink {
    color: #005B88;
    text-decoration: none;
}

.navLink-White {
    color: white;
    text-decoration: none;
}

.innerShadow {
    -moz-box-shadow:    inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow:         inset 0 0 5px #000000;
}

.frameOnHover {
    font-family: Kanit-Regular;
    margin: 1%;
    padding: 10%;
    color:#005B88;
    text-align: center;
    transition: .2s;
    border : 2px solid rgba(0,0,0,0);

}

.frameOnHover:hover {
    font-family: Kanit-Regular;
    color:#005B88;
    text-align: center;
    border: 2px solid #005B88;
}

.link {
    color:white;
    text-decoration: none;
}

.link:hover {
    color:white;
    text-decoration: underline;
}