@charset "utf-8";

@font-face {
    font-family: 'kittithada_roman_55_pregular';
    src: url("../fonts/kit55p-webfont.eot");
    src: url("../fonts/kit55p-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kit55p-webfont.woff") format("woff"), url("../fonts/kit55p-webfont.ttf") format("truetype"), url("../fonts/kit55p-webfont.svg#kittithada_roman_55_pregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kittithada_medium_65_pregular';
    src: url("../fonts/kit65p-webfont.eot");
    src: url("../fonts/kit65p-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kit65p-webfont.woff") format("woff"), url("../fonts/kit65p-webfont.ttf") format("truetype"), url("../fonts/kit65p-webfont.svg#kittithada_medium_65_pregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.aside--left {
    min-height: auto;
    background-color: #004F8C;
    color: #fff;
    padding: 5px 15px;
    float: left;
    width: 25%;
    opacity: 0.9;
    font-family: "kittithada_roman_55_pregular";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    behavior: url(css/PIE.htc);
}
.aside--left2 {
    min-height: auto;
    background-color: #fff;
    color: #fff;
    padding: 15px 15px;
    float: left;
    width: 20%;
    opacity: 0.9;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    font-family: "kittithada_roman_55_pregular";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    behavior: url(css/PIE.htc);
}
.aside--right {
    width: 74.5%;
    height: auto;
    float: right;
    background-color: #fff;
    padding: 8px 15px ;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    border-radius: 0px;
    font-family: "kittithada_roman_55_pregular";
}
.aside--right2 {
    width: 79.5%;
    height: auto;
    float: right;
    background-color: #fff;
    padding: 8px 15px ;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    border-radius: 0px;
    font-family: "kittithada_roman_55_pregular";
}
.hedder-txt {
    font-size: 33px;
}
.menu__aside--left {
    float: right;
    font-size: 22px;
    margin: 10px -15px;
    width: 100%;
}
.bullet--white {
    margin-right: 5px;
}
ul.menu__aside--left li {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 0;
    padding: 5px;
    width: 94%;
}
ul.menu__aside--left a li {
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 0;
    padding: 5px;
    width: 94%;
}
ul.menu__aside--left li.active,
ul.menu__aside--left li.active:hover {
    background-color: #00335a;
    color: #fff;
}
ul.menu__aside--left li:hover {
    background-color: #00335a;
    color: #ccc;
}
ul.menu__aside--left a:hover {
    text-decoration-line: none;
}
.well {
    margin-left: auto;
    margin-right: auto;
    width: 77%;
    background-color: #fff;
}
/*mobile & tab vertical*/

@media (max-width: 480px) {
    .aside--left {
        width: 100%;
        min-height: auto;
        padding: 5px 30px 5px 15px;
    }
    .aside--left2 {
        width: 100%;
        min-height: auto;
        padding: 5px 15px 5px 15px;
    }
    .aside--right {
        width: 100%;
    }
    .aside--right2 {
        width: 100%;
    }
    ul.menu__aside--left li {
        width: 100%;
        display: inline-block;
        margin: 0px;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .aside--left {
        width: 100%;
        min-height: auto;
    }
    .aside--left2 {
        width: 100%;
        min-height: auto;
    }
    .aside--right {
        width: 100%;
    }
    .aside--right2 {
        width: 100%;
    }
    ul.menu__aside--left li {
        width: 32%;
        display: inline-block;
        margin: 0px;
    }
}
@media (min-width: 481px) and (max-width: 580px) {
    ul.menu__aside--left li {
        width: 48%;
        display: inline-block;
        margin: 0px;
    }
    .text-width--fix{
        width: 100%;
    }
}
/* tab horizontal */

@media (min-width: 769px) and (max-width: 1024px) {
    .aside--left {
        width: 30%;
    }
    .aside--left2 {
        width: 30%;
    }
    .aside--right {
        width: 69.5%;
    }
    .aside--right2 {
        width: 69.5%;
    }
}
/* Bootstrap Modify */

.textbox--fix {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn--next {
    font-size: 22px;
    background-color: #00518e;
    color: #ffffff;
    border-radius: 0px 20px 20px 0px;
}
.btn--next:hover, .btn--next:focus {
    background-color: #00467f;
    color: #ffffff;
}
.btn--cancle {
    font-size: 22px;
    background-color: #999999;
    color: #ffffff;
    border-radius: 0px 20px 20px 0px;
}
.btn--cancle:hover, .btn--cancle:focus {
    background-color: #888888;
    color: #ffffff;
}
label {
    font-weight: normal;
    margin-bottom: 0;
}