#headergroup {
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    font-family: Tahoma, Geneva, sans-serif;
    color: #333;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
.box-main-menu {
    overflow: hidden;
    width: 100%;
    display: block;
}
.logo {
    width: 281px;
    float: left;
}
.member {
    /*min-width: 240px;*/
    width: auto;
    text-align: right;
    float: right;
    display: block;
    margin-bottom: 5px;
}
.text-welcome {
    float: right;
    margin-right: 15px;
    font-size: 13px;
    position: relative;
    width: 100%;
    text-align: right;
    top: 20px;
}
#welcome-first {
    color: #00528D;
    display: inline-block;
    margin-right: 10px;
    font-size: 22px;
}
@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;
}
.fontfacetext {font-family: "kittithada_roman_55_pregular";}

.fontfacetext-bold {font-family: "kittithada_medium_65_pregular";}

.slider-container #foo a img {width: 100%;}

.main-status {
	/*width: 1100px;*/
	width: 100%;
	margin: auto;
	position: relative;
	overflow: hidden;
	margin-top: 145px;
 }
 .box-right-main {
	position: relative;
	/*float: left;*/
	min-height: 370px;
	/*width: 96%;*/
	padding: 10px;
 }

 .box-center {
	background-color: #fff;
	position: relative;
	min-height: 600px;
	border: 1px solid #ccc;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.box-bg {
	min-height: 750px;
	overflow: hidden;
 }

@media only screen and (max-width : 1100px) {
    #headergroup{width: 100%}
    .box-main-menu {
        width: 98%;
        margin: auto;
    }

	.main-status {width: 100%;}

	.box-right-main {
		width: 98%;
		margin: auto;
		padding: 0;
		clear: both;
		float: none;
	 }
}
@media only screen and (max-width : 767px) {
    .logo {width:auto;float:left;}
    .logo img {height: 50px;}

    .member {
        width: auto;
        text-align: right;
        float: right;
        display: block;
        margin-top: 25px;
    }

    .text-welcome {
        float: right;
        font-size: 13px;
        width: 100%;
        text-align: right;
        display: block;
        margin-right: 5px;
        position: static;
    }
    .member {
        width: auto;
        text-align: right;
        float: right;
        display: block;
        margin-top: 25px;
    }
	.box-right-main {
		position: relative;
		min-height: 370px;
		width: 97%;
		padding: 0px;
	 }
}
@media only screen and (max-width : 548px) {
    .logo {
        width: 100%;
        float: left;
    }
    .logo img {height: 50px;}
    .member {
        width: auto;
        text-align: right;
        float: right;
        display: block;
        margin-top: 25px;
        border: 0px solid #F00;
    }
}