@font-face {
  font-family: Kanit;
  src: url('/Font/Kanit-Regular.ttf?ver=uoV2aOndLOM-VwA4ViiKkA%3d%3d');
  font-style: normal;
  font-weight: 400;
}

p {
    font-family: Kanit;
}

html, body, span, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'Kanit', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 150%;
    font: message-box;
    vertical-align: baseline;
}

body .site_wrapper > .main_menu_container > #dnn_main_menu .level2_placeholder {
    height: 30px;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    border-top: 4px solid #21a3da;
}
body .site_wrapper > .main_menu_container > #dnn_main_menu > ul > li > a {
    font-size: 14px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
  
    display: inline-block;
    color: #fff;
    padding: 2px 11px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

body .site_wrapper > .main_menu_container > #dnn_main_menu > ul {
    background: url(images/main_menu_bg.png) repeat-x bottom left #27afea;
    color: #226f9b;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    height: 34px;
    padding: 10px 10px 16px;
    border-bottom: 1px solid #f0f2f1;
    z-index: 910;
}
body .site_wrapper > .main_menu_container > #dnn_main_menu > ul > li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

body .site_wrapper > .main_menu_container > #dnn_main_menu {
    background: #f1f5f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    position: relative;
}

body .site_wrapper {
    margin: 0 auto 10px;
    background: #fff;
    max-width: 1050px;
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 17px -15px 16px 10px rgba(0, 0, 0, 0.19);
}

body .site_wrapper > .main .main_content-wrapper > .main_content {
    float: left;
    width: 55%;
}

body .site_wrapper > .main .main_content-wrapper > .sidebar {
    FONT-WEIGHT: 500;
    float: right;
    width: 590px;
    margin-right: -250px;
}

body .site_wrapper > .footer.big {
    background: #333333c4;
    padding: 25px 1px 0;
    margin: 0 20px 0 20px;
    border-radius: 5px;
}