@font-face {
    font-family: 'superstoreregular';
    src: url('superstore-regular-webfont.eot');
    src: url('superstore-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('superstore-regular-webfont.woff') format('woff'),
         url('superstore-regular-webfont.ttf') format('truetype'),
         url('superstore-regular-webfont.svg#superstoreregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Helvetica45LightRegular';
    src: url('helveticaneue-light-webfont.eot');
    src: url('helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-light-webfont.woff') format('woff'),
         url('helveticaneue-light-webfont.ttf') format('truetype'),
         url('helveticaneue-light-webfont.svg#Helvetica45LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
}
@font-face {
    font-family: 'myriadpro-regular';
    src: url('MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro-Regular.woff') format('woff'),
         url('MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body{
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
	font-size:12px;
	color: White;
	
}

#logo
{
	position:fixed;
	top:70px;
	left:0px;
	width:500px;
	height:100px;
	background:url('../images/logo.png');
	background-repeat:no-repeat;
	z-index:1000;
}

#background
{
	position:fixed;
	padding:0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url('../bg/home-bg.jpg');
	background-size:cover;
	z-index:-1;
}

#play_vdo{
	width:100%;
	position:fixed;
	top:450px;
	text-align:center;
	
}

#tbl_vdo {
	margin: 0 auto;
}

#tbl_vdo tr td{
	width:480px;
	height:40px;
	background-color:Black;
	opacity:0.4;
	filter:alpha(opacity=40); 
}

#tbl_vdo tr td#big{
	font-size:22px;
	font-family: 'Helvetica45LightRegular';
}
	
#tbl_vdo tr td#small{
	font-size:14px;
	font-weight:bold;
}

.media{
	/*display:block;*/
}
	
#sub_footer{
	clear:both;
	border:0px;
	position:fixed; background-color:#00bff3;; width:100%; bottom:40px;
	font-family: 'Helvetica45LightRegular'; color:#363636; font-size:19px; padding:15px; text-align:center;
	}
#sub_footer a:link {color:#363636;text-decoration:underline;}      
#sub_footer a:visited {color:#363636;text-decoration:underline;}      
#sub_footer a:hover {color:#363636;text-decoration:none;}      
#sub_footer a:active {color:#363636;text-decoration:none;}     	
#footer{
	clear:both;
	border:0px;
	position:fixed; background-color:Black; width:100%; height:35px; bottom:0px;
	}

/*Code for bottom bar*/

a:link {color:white;text-decoration:none;}      
a:visited {color:white;text-decoration:none;}      
a:hover {color:white;text-decoration:none;}      
a:active {color:white;text-decoration:none;}      

#btm_link
{
	width:100%;
}

#btm_link tr td
{
	width:25%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 2000px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			bottom: 0;
			right: 0;
		}
@media screen and (max-width: 1024px){
			img.bg {
				right: 50%;
				margin-right: -512px; }
		}
#bgimg {
	position:fixed;
	z-index: -1;
}


#inner {
   color:#363636;
   padding:20px 40px;
}

#inner p {
	padding-bottom:10px; margin:0px; padding-top:0px;
	font-family: 'superstoreregular';
	font-size:20px;
}
#inner h1{
	font-family: 'Helvetica45LightRegular';
	font-size:38px;
	
	color:#e1e1e1;

}
#inner img { border:10px solid #5d5c5a; }
.hightlight_dark {background:#666664; padding:0px 10px; line-height:47px; }
.position_about { padding-left:450px; padding-top:95px;}
.position_about span{background:#666664; padding:0px 10px; line-height:47px; }
.position_contact { padding-left:380px; padding-top:100px;}
.position_contact span{background:#666664; padding:0px 10px; line-height:47px; }
.position_gallery { padding-left:380px; padding-top:140px;}
.position_gallery span{background:#666664; padding:0px 10px; line-height:47px; }
.position_under { padding-left:420px; padding-top:92px;}
.position_under span{background:#666664; padding:0px 10px; line-height:47px; }

.position_press { padding-left:420px; padding-top:135px;}
.position_press span{background:#666664; padding:0px 10px; line-height:47px; }
.position_cms { padding-left:420px; padding-top:50px;}
.news_box { padding-left:420px; padding-bottom:30px; }
.box_news {
color: #212121;
padding: 0px;
float: left;
margin-left: 0px;
margin-right: 20px;
width: 290px;
/*background: #ffffff;
border: 2px solid #787878;*/
margin-bottom: 40px;
font-family: 'superstoreregular'; font-size:21px; color:#363636;
/**/
}
.line_right { border-right:1px solid #000; margin-right:80px;}
.box_news h2{ font-family: 'superstoreregular';; font-size:21px; color:#363636; padding-bottom:0px; margin-bottom:0px;}
.box_news a { color:#0072bc; text-decoration:underline;}
.box_news a:hover { color:#0072bc; text-decoration:none;}

.eng_font { font-family: 'myriadpro-regular'; font-size:18px; text-align:justify;}
.thai_font { font-family: 'superstoreregular';; font-size:20px;}

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }
#mask {
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    background:#000;; 
    z-index:10000;
	width:100%;
	height:100%;
	background-size:cover;
	overflow:hidden;
}
.mask_img { background:url(../images/bg-loading.jpg) no-repeat center; width:1200px; height:800px; position:relative; margin:auto;}
#main_show { display:none; }


  #colL {
	 width: 30%;
	 float:left;
	
	  height:auto;
  }
  #colR {
  	float:right;
	width:68%;

	 height:auto;
	
  }

.subcolumns { width: 100%; overflow:hidden; }

.c220 { float:left; width:220px; margin-right:20px; text-align:left; }
.c220r { float:left; width:220px; text-align:left; }
.line_top_gray { border-bottom:1px solid #d2d0d0; padding-top:0px;}
.line_top_orange { border-bottom:5px solid #f7941d;   padding-top:0px;}
.oragne_box {  background:#fddfbe; border-top:5px solid #FFF;}
.c460 { float:right; width:460px; text-align:left; }
.c460l { float:left; width:460px; text-align:left; }
.c500 { float:right; width:500px; text-align:left; }
  .c10l, .c13l, .c15l, .c50l,.c55l,.c57l,.c58l, .c25l, .c30l, .c27l, .c33l, .c32l, .c35l, .c37l, .c38l, .c60l, .c65l, .c68l, .c70l, .c72l, .c75l, .c80l, .c85l, .c78l, .c62l, .c20l, .c40l, .c45l, .c43l, .c48l {float: left; }
  .c10r, .c13r, .c15r, .c50r,.c55r,.c57r,.c58r, .c25r, .c30r, .c27r, .c32r, .c33r,.c35r, .c37r, .c38r, .c60r, .c65r, .c68r, .c70r, .c72r, .c75r, .c80r, .c85r, .c78r, .c62r, .c20r, .c40r, .c45r, .c43r, .c48r {float: right; margin-left: -5px; }

  .c10l, .c10r { width: 10%; }
    .c13l, .c13r { width: 13%; }	
  .c15l, .c15r { width: 15%; }
  .c20l, .c20r { width: 20%; }
  .c25l, .c25r { width: 25%; }
  .c27l, .c27r { width: 27%; }
  .c30l, .c30r { width: 30%; }
  .c32l, .c32r { width: 32%; }
  .c33l, .c33r { width: 33.333%; }
  .c35l, .c35r { width: 35%; }
  .c37l, .c37r { width: 37%; }
  .c40l, .c40r { width: 40%; }
  .c43l, .c43r { width: 43%; }
  .c45l, .c45r { width: 45%; }
  .c48l, .c48r { width: 48%; }
  .c50l, .c50r { width: 50%; }
  .c55l, .c55r { width: 55%; }
  .c57l, .c57r { width: 57%; }
  .c58l, .c58r { width: 58%; }
  .c60l, .c60r { width: 63%; }
  .c65l, .c65r { width: 65%; }
  .c68l, .c68r { width: 68%; }
  .c70l, .c70r { width: 70%; }
  .c72l, .c72r { width: 72%; }
  .c75l, .c75r { width: 75%; }
  .c78l, .c78r { width: 78%; }
  .c80l, .c80r { width: 80%; }
  .c85l, .c85r { width: 85%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
  #inner .content { padding:10px; background:#FFF; color:#000; font-size:11px;  }
  .content a { color:#0066CC; }
  .content h2 { color:#006699; }
  #inner .content img {border:none; }