@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
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,
sub,
sup,
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	font          : inherit;
	vertical-align: baseline;


}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol {
	margin-top   : 0;
	margin-bottom: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}

ul li {
	margin    : 0;
	padding   : 0;
	list-style: none;
}

a {
	color          : #000;
	text-decoration: none;
}

a:hover {}

a:visited {
	text-decoration: none;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

p {
	font-size  : 13px;
	line-height: 20px;
}

span {}

span:first-child {}

.bar {
	margin-bottom: 10px;
}

.bar span {
	line-height: 30px;
	/*font-size:13px;*/
}

img {
	border: none;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'supermarket', Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
	font-weight: normal;
	line-height: 1;
}

h1,
h2,
h3 {
	/*  margin-top: 20px;
  margin-bottom: 10px;*/
}

h4,
h5,
h6 {
	margin-top   : 10px;
	margin-bottom: 10px;
}

h1,
.h1 {
	font-size: 38px;
}

h2,
.h2 {
	font-size: 32px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 18px;
}

h5,
.h5 {
	font-size: 14px;
}

h6,
.h6 {
	font-size: 12px;
}

h1 small,
.h1 small {
	font-size: 24px;
}

h2 small,
.h2 small {
	font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
	font-size: 14px;
}


.more {
	float       : right;
	margin-right: 0px;
	text-indent : 5px;
	width       : 71px;
	height      : 24px;
	text-align  : left;
	background  : url(../images/more.png) top left no-repeat;
	cursor      : pointer;
	color       : #FFF;
}

.more a {
	color      : #FFF;
	font-size  : 11px;
	line-height: 24px;
	cursor     : pointer;
	font-weight: bold;
}

.more a:hover {
	width      : 100%;
	font-size  : 11px;
	display    : block;
	color      : #FFF;
	font-weight: bold;
	cursor     : pointer;
	background : url(../images/more-over.png) top left no-repeat;
}

.more-2 {
	position   : absolute;
	top        : 20px;
	right      : 0;
	text-indent: 5px;
	width      : 71px;
	height     : 24px;
	text-align : left;
	background : url(../images/more.png) top left no-repeat;
	cursor     : pointer;
	color      : #FFF;
}

.more-2 a {
	color      : #FFF;
	font-size  : 11px;
	line-height: 24px;
	cursor     : pointer;
	font-weight: bold;
}

.more-2 a:hover {
	width      : 100%;
	font-size  : 11px;
	display    : block;
	color      : #FFF;
	font-weight: bold;
	cursor     : pointer;
	background : url(../images/more-over.png) top left no-repeat;
}

.more-3 {
	margin    : 0 auto;
	width     : 249px;
	height    : 73px;
	text-align: center;
	background: url(../images/container-5/travel-more.png) top left no-repeat;
	cursor    : pointer;
	color     : #FFF;
}

.more-3 a {
	color      : #FFF;
	font       : 23px/70px 'thaisanslite', Arial, sans-serif;
	cursor     : pointer;
	font-weight: bold;
}

.more-3 a:hover {
	width      : 100%;
	font       : 23px/70px 'thaisanslite', Arial, sans-serif;
	display    : block;
	color      : #FFF;
	font-weight: bold;
	cursor     : pointer;
	background : url(../images/container-5/travel-more.png) top left no-repeat;
	cursor     : pointer;
}

/*******************************************************/
body {
	overflow-x : hidden;
	font-size  : 14px;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	float  : left;
	width  : 100%;
	margin : 0px;
	padding: 0px;
	height : auto;
}

#container {
	float     : left;
	margin-top: -20px;
	width     : 100%;
	height    : auto;
	position  : relative;
	background: url(../images/sub/bg.png) top center no-repeat;
}

#main {
	position  : relative;
	margin    : 0 auto;
	/*overflow:hidden;*/
	width     : 1200px;
}

.row {
	float : left;
	width : 100%;
	margin: 0;
	height: auto;
}

/********************************************************** HEADER *******************************************/
#header {
	float     : left;
	width     : 100%;
	height    : 152px;
	/*position: fixed;*/
	position  : relative;
	z-index   : 999;
	background: url(../images/header/bar.jpg) top center no-repeat;
}

.headerin {
	margin  : 0 auto;
	width   : 1200px;
	height  : 152px;
	position: relative;
}

.row-header {
	float     : left;
	width     : 100%;
	height    : 103px;
	text-align: center;
}

.row-menu {
	float     : left;
	width     : 100%;
	height    : 49px;
	text-align: center;
}

/*********************Flash*************************/
#flash {
	float        : left;
	width        : 100%;
	height       : 168px;
	/* background:url(../images/flash/flash-sub.jpg) top center no-repeat; */
	background   : url(../images/flash/flash.jpg) center center no-repeat;
	position     : relative;
}

/*********************Flash*************************/
.topname {
	float        : left;
	margin-top   : 17px;
	text-indent  : 20px;
	margin-bottom: 17px;
	width        : 100%;
	height       : 67px;
	display      : block;
	font         : 32px/67px 'thaisanslite', Arial, sans-serif;
	color        : #fff;
}

.suball {
	float  : left;
	width  : 100%;
	height : auto;
	display: block;
}

.subbody {
	margin    : 0 auto;
	padding   : 20px 0px;
	width     : 97%;
	min-height: 582px;
	display   : block;

}


/***************************footer***************************/
#footer {
	position  : relative;
	margin-top: 135px;
	float     : left;
	width     : 100%;
	height    : 494px;
	background: url(../images/footer/bg.png) top center no-repeat;
}

.footer-in {
	margin  : 0 auto;
	width   : 1200px;
	height  : 494px;
	display : block;
	position: relative;
}

.footer-left {
	float   : left;
	width   : 376px;
	height  : 494px;
	position: relative;
}

.footer-left .footer-logo {
	width   : 376px;
	height  : 76px;
	position: absolute;
	top     : 176px;
	left    : 0;
}

.footer-left .footer-map {
	width   : 380px;
	height  : 123px;
	position: absolute;
	top     : 254px;
	left    : 0;
}

.footer-left .footer-address {
	width      : 380px;
	height     : 79px;
	position   : absolute;
	top        : 382px;
	left       : 0;
	font       : 17.3px/20px 'thaisanslite', Arial, sans-serif;
	color      : #000;
	font-weight: bold;
}

.footer-center {
	float   : left;
	width   : 413px;
	height  : 494px;
	position: relative;
}

.footer-center .footer-door {
	width   : 409px;
	height  : 489px;
	position: absolute;
	bottom  : 40px;
	left    : 17px;
}

.footer-center .footer-ship {
	width   : 249px;
	height  : 149px;
	position: absolute;
	top     : -126px;
	left    : 93px;
}

.footer-center .footer-social {
	width      : 160px;
	height     : 122px;
	position   : absolute;
	bottom     : 150px;
	left       : 50%;
	margin-left: -68px;
}

.social-row {
	float     : left;
	padding   : 5px 0px;
	display   : block;
	width     : 100%;
	height    : auto;
	font      : 27px/20px 'rsu', Arial, sans-serif;
	color     : #000;
	text-align: center;
}

.footer-right {
	float      : left;
	margin-left: 78px;
	width      : 322px;
	height     : 494px;
	position   : relative;
}

.footer-right .facebook-block {
	width   : 320px;
	height  : 281px;
	position: absolute;
	bottom  : 42px;
	left    : 0;
	display : block;
}

.footer-right .menu-footer {
	width     : 320px;
	height    : auto;
	position  : absolute;
	top       : 127px;
	left      : 0;
	display   : block;
	font      : 24px/20px 'thaisanslite', Arial, sans-serif;
	color     : #fff;
	text-align: right;
}

.footer-right .menu-footer a {
	font : 24px/20px 'thaisanslite', Arial, sans-serif;
	color: #fff;
}

.footer-right .menu-footer a:hover {
	font : 24px/20px 'thaisanslite', Arial, sans-serif;
	color: #ffeb00;
}


.copyright {
	bottom   : 8px;
	left     : 12px;
	width    : 530px;
	height   : auto;
	position : absolute;
	font-size: 12px;
	color    : #fff;
}

.copyright a {
	font-size: 12px;
	color    : #d68d00;
}

.copyright a:hover {
	font-size: 12px;
	color    : #01ceec;
}

#attr {
	position  : absolute;
	margin-top: 27px;
	width     : 47%;
	text-align: right;
	right     : 2px;
	bottom    : 7px;
}


.admin-system {
	position: relative;
	float   : left;
	width   : 110px;
	height  : 15px;

	color                : #fff;
	padding              : 3px;
	font-size            : 12px;
	line-height          : 16px;
	text-align           : left;
	margin-top           : 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;
	background-position  : 4% 50%;
}

.admin-system a {
	color: #fff;
}

.admin-system a:hover {
	color: #f3ce5b;
}

.admin-system .notification {
	position        : absolute;
	top             : 4px;
	right           : 0px;
	width           : 32px;
	height          : 15px;
	color           : #fff;
	background-color: #ba142b;
	text-align      : center;
	font-size       : 11px;
	line-height     : 16px;
}

.admin-system a {
	display: block;
	width  : 100%;
}

.stat {
	float        : left;
	width        : 50px;
	height       : 18px;
	margin       : 3px 0 0 5px;
	padding-right: 5px;
	background   : #2d805d;
	color        : #fff;
	border       : #3eaa7f 1px solid;
	line-height  : 18px;
}

.hi-stat {
	float : left;
	width : auto;
	height: 18px;
	margin: 3px 0 0 5px;
}

/***************************footer***************************/

@media (max-width: 900px) {
	body {
		overflow-x: scroll;
	}
}

@media (max-width: 1000px) {

	/*body,#flash,#wrapper,#footer,#container {
        width:104% !important;
    }*/
	#wrapper {
		overflow-x: hidden;
		width     : 104% !important;
	}
}