@charset "UTF-8";
body, .fontfamily, .font12n, .font14n, a:link, a:visited, a:hover, a:active, .menu_font, .hbox_font {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
}
body {  margin: 0px; padding: 0px; top: 0px; color: #000000; }
/* font property */
.font12n, .usrfont, .footerfont, .guestfont { font-size: 12px; font-weight: normal; }
.font14n, .sbfont, .mfont, .sitemapfont { font-size: 14px; font-weight: normal; }

.mlfont { text-decoration: none; }
.sbfont { font-weight: bold; color: #463E3F; }
.mfont { color: white; font-weight: bold; }
.footerfont { color: white; }
.usrfont { font-weight: bold; color: blue; text-indent: 5px; padding-top: 2px; }
.guestfont { font-weight: bold; color: gray; float: right; padding-top: 2px; }
.sitemapfont { color: gray; }
.rsl_roll { height: 40px; position: relative; overflow-x: hidden; overflow-y: hidden; white-space: normal; }
.rsl_roll2 { position: relative; display: block; top: 0px; } 

/* decorate property */
img { border: 0; }
td.padr20 { padding-right: 20px; }
td.padl20 { padding-left: 20px; }
.padr20 { padding-right: 20px; }
.padl20 { padding-left: 20px; }
div.padr10 { padding-right:  10px; text-align: right; }

/* support view */
div#support div#row1, div#support div#row2, div#support div#row3, div#support div#row4 { padding-top: 5px; padding-bottom: 5px;}
div#support div#row1 img { padding-right: 10px; padding-left: 10px; }
div#support div#row2 img { padding-right: 3px; padding-left: 3px; }
div#support div#row4 img { padding-right: 5px; padding-left: 5px; }

/* form style_th.css */
a:link { font-size: 14px; color: #FF3300; }
a:visited { font-size: 14px; color: #FF3300; }
a:hover { font-size: 14px; color: #6666FF; }
a:active { font-size: 14px; color: #FF3300; }
.menu_font { color: #FFFFFF; text-decoration: none; }
.hbox_font { color: #FFFFFF; font-size: 14px; }

/* banner */
div#loadbanner {
	float: right;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	background-image: url('../image/banner.png');
	background-repeat: no-repeat;
	background-position: right center;
}
.imgbanner_pr {
	margin-right: 10px;
	border: 3px solid #ffffff;
}

/* survey banner */
.survey {
        background-color: transparent;
        position: fixed;
        top: -40px;
        left: 0px;
        z-index: 100;
        width: 200px;
        height: 420px;
}
.hidesurvey{
        background-color: transparent;
        position: fixed;
        top: 25px;
        left: 20px;
        z-index: 100;
        width: 120px;
        height: 16px;
}

/*** 3 colunm property ***/
 /* width all 3 column */
.container {
	width: 1024px; 
	margin: 0 auto 0 auto;
}
.rightback,.contentback,.leftback{
	float: left;
	position: relative;
	width: 100%;
}
/* background right column */
.rightback {
	overflow: hidden;
        background: right top url("../image/bd_right.png");
        background-repeat: repeat-y;
}
/* background and width center column */
.contentback {  right: 42px;  }
/* background and width left column */
.leftback { 
	right: 940px;
        background: right top url("../image/bd_left.png");
        background-repeat: repeat-y;
}

.leftsidebar,.content,.rightsidebar{
	float: left;
	overflow: hidden;
	position: relative;
	left: 982px; /* center column - left column  */
}
/* left column width */
.leftsidebar{ width: 42px; }
/* content column width */
.content { margin-left: 42px; margin-right: 42px; width: 940px; }
/* right column width */
.rightsidebar{ width: 42px; }

/* header web */
div#detect { position: absolute; margin-left: 25%; font-size: 0.8em; }
div#hwebl { float: left; width: 21%; height: 80px; padding: 10px 0px 10px 5px; }
div#hwebr { float: right; width: 78%; height: 80px; padding: 10px 0px 10px 0px; }
div#hwebr div#mtopl { float: left; width: 88%; height: 20px; }
div#hwebr div#mtopr { float: right; width: 10%; height: 20px;  text-align: right; margin-right: 10px; }
div#hwebr div#mmid { float: right; width: 98%; font-size: 11px; text-align: right; margin: 2px 10px; }
div#hwebr div#mbtm { float: right; width: 98%; text-align: right; margin-right: 10px; }