﻿@charset "utf-8";
* {
	border:0;
	font-style:normal;
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;	
	/*color:#7c7066;*/
	color:#fff;
	
	
	
}

body {
	min-height: 100%;    
    /*background: url("../images/bg.jpg") repeat-x;  */  
	text-align:center;
	background-color:#000;
	
}

#containter {
	margin: auto;
    width:100%;
	height: 1100px;
}

#header 
{
    /*margin-top:30px;
    margin-bottom:-10px;*/
    margin-top:30px;
    width:auto;
    margin-bottom:25px;
}

#slide {
  width: auto;
  margin-bottom:34px;
  }
  
#content 
{
    width:100%;
    display:block;
    font-family: "db_helvethaica_x55_regular";
    line-height:15px; 
    font-size:22px;
    padding-top:15px;
    
    
}
#content-list 
{
    width:100%;
    display:block;
    font-family: "db_helvethaica_x55_regular"; 
    margin-top:30px;
}

.content-project
{
	margin-top:15px;
	margin-bottom:50px;
    font-family: "db_helvethaica_x55_regular"; 
}
#content-mobile 
{
    display:none;
}
    
.details-en 
{
   font-size:1.5000em;
   font-family: 'FuturaLtBTLight';
   padding-bottom:5px;
   line-height:1.325em;
   color:#fff;
}

.details-en-footer
{
   font-size:1.550em;
   display:block;
   margin-bottom:30px;
   *margin-bottom:40px;
}

.details-en-footer-2 
{
   font-size:1.250em;
   display:none;
   margin-bottom:20px;
}
.pleft
{
	float:left;
	width:50%;
}
.pright
{
	float:right;
	width:50%;
}
.details
{
    font-size:1.552em;
    line-height:1em;
    
}
.details_txt-1
{
    font-size:1.320em;
    line-height:20px;
    text-align:right; 
    margin-right:95px;
    color:#d7d9c3;
    margin-top:15px;
    
}
.details_txt-2
{
    font-size:1.320em;
    line-height:20px;
    text-align:left; 
    margin-left:115px;
    color:#d7d9c3;
    margin-top:15px;
}

.details_head
{
	
    font-size:1.278em;
    line-height:33px;
    color:#fff;   
    font-family:'db_helvethaica_x55_regular'; 
    
} 

.details-1
{
    font-size:2.255em;
    margin-top:50px;
    margin-bottom:50px;
    font-family: "db_helvethaica_x55_regular"; 
    color:#E03521;
    
}

.details-2
{
    font-size:1.550em;
    margin-top:30px;
    margin-bottom:30px;
    color:#9da274;
    
}
.imgleft
    {
    	text-align:right; 
    	margin-right:40px;
    }
.imgright
    {
    	text-align:left; 
    	margin-left:40px;
    }
#footer 
{
    margin-top:60px;
    font-family: "db_helvethaica_x55_regular"; 
    
}
.footer_copyright
{
	float:right; 
	font-size:0.865em; 
	color:#746960; 
	margin-top:35px; 
	margin-right:50px;
}

.clear {
	clear:both;
}

.rs 
{
    margin-bottom:10px;    
}

.lang
{
    text-align:right;
    width:926px;
    margin:auto;
    font-size:12px;  
    font-family: 'Akzidenz Grotesk EX'; 
    color:#fff;
}
.lang a
{ 
    
    color:#fff;
}

/* footer */
.social {
	position:relative;
	z-index:11; 
	/*padding: 20px 0 0 0;*/
}

.social > div {
	margin-bottom:14px;
	padding:0 20px 0 23px;
}
.social > div:before,
.social > div:after {
	content:"";
	display:table;
	zoom:1;
}
.socialr > div:after {
	clear:both;
}
.social > div > ul li {
	float:left;
}
ul.channelContact {
	float:left;
}
*:first-child+html ul.channelContact {height:50px}
li.frameShare {
	background:url(../images/footer/sansiri-family-facebook.png) no-repeat 100% 1px;
    margin: 5px 0 0 -40px;
    width: 220px;
    cursor:pointer;
}
ul.social {
	float:right;
	margin-top:-5px;
	/*min-width:305px;*/
}
*:first-child+html ul.social{height:50px}
.changeBg{
	background:url(../images/footer/social.png) no-repeat 0 5px !important;
	
}
.changeBg2{
	background:url(../images/footer/social.png) no-repeat -198px 0 !important;
	
}
.changeBg3{
	background:url(../images/footer/social.png) no-repeat -219px 0 !important;
	
}
.changeBg4{
	background:url(../images/footer/social.png) no-repeat -56px 5px !important;
	
}
li.sFB {
	/*background:url(../images/footer/social-white.png) no-repeat;*/
	height:30px;
	width:50px;
	background:url(../images/footer/fb.png) no-repeat 0 2px;
	margin-right:10px;
	cursor:pointer;
	font: 0.75em Tahoma, Thonburi;
}
li.sFB a,
li.sTW a {
	color:#666;
	display:block;
	font-size:11px;
	height:30px;
	line-height:30px;
	padding-left:30px;
}
li.sTW {
	/*background:url(../images/footer/social-white.png) no-repeat -60px 0;*/
	background:url(../images/footer/tw.png) no-repeat 0 1px;
	height:30px;
	width:63px;
	margin-right:0px;
	cursor:pointer;
	font: 0.75em Tahoma, Thonburi;
}
li.sTW a {
	padding-left:25px;
}
li.sGP {
	/*background:url(../images/social.png) no-repeat -123px 0;*/
	height:30px;
	width:65px;
}
li.sGP a {
	display:block;
	height:30px;
}
li.sansiriFamilyFanPage {
	background:url(../images/footer/social-white.png) no-repeat -198px 0;
	height:20px;
	margin-left:15px;
	width:14px;
}
li.twitterSansiriplc {
	background:url(../images/footer/social-white.png) no-repeat -219px 0;
	height:20px;
	margin-left:7px;
	width:14px;
}
li.sansiriFamilyFanPage a,
li.twitterSansiriplc a {
	display:block;
	height:20px;
}
ul.copyright {
	float:left;
}
ul.copyright li:first-child {
	background:url(../images/footer/bottomLink.png) no-repeat;
	height:15px;
	width:309px;
}
li.term {
	background:url(../images/footer/bottomLink.png) no-repeat -309px 0;
	height:15px;
	position:relative;
	width:104px;
}
li.term a {
	display:block;
	height:15px;
}
div.term {
	background:url(../images/footer/term.png) no-repeat;
	display:none;
	height:27px;
	left:-310px;
	position:absolute;
	top:20px;
	width:457px;
	z-index:2;
}
div.term.en {
    background: url("../images/footer/en-term.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 449px;
}
ul.footerLinks {
	float:right;
	height:15px;
	margin-top:1px;
	min-width:466px;
}
ul.footerLinks a {
	background-image:url(../images/footer/bottomLink.png);
	background-position:-451px 0;
	background-repeat:no-repeat;
	display:block;
	height:15px;
	width:79px;
}
ul.footerLinks li + li a {
	background-position:-530px 0;
	width:139px;
}
ul.footerLinks li + li + li a {
	background-position:-669px 0;
	width:96px;
}
ul.footerLinks li + li + li + li a {
	background-position:-765px 0;
	width:64px;
}
ul.footerLinks li + li + li + li + li a {
	background-position:-829px 0;
	width:88px;
}




/* Smartphones  ----------- */
@media only screen and (min-width : 240px) and (max-width : 379px) {
/* Styles */
    #containter {
	    height: 820px;
    }
     #content 
    {
        display:block;
    }
    
    #content-mobile 
    {
        display:block;
    }
     .pleft
    {
    	width:100%;
    	text-align:center;
    }
    .pright
    {
    	width:100%;
    	text-align:center;
    }
    .imgleft
    {
		text-align:center;
		margin:0px;
    }
    .imgright
    {
    	text-align:center;
    	margin:0px;    	
    }
    .details_head
	{
	
		font-size:1.078em;    
	} 
	.details-1
	{
		font-size:2.275em;		
	}
    .details_txt-1
    {
    	text-align:center;
    	margin-bottom:15px;
    	width:100%;
    }
    .details_txt-2
    {
    	text-align:center;
    	width:100%;
    	margin-left:0px;
    }
    .detail-mobile
    {
        margin-top:30px;
    }
    
    .details-en 
    {
       font-size:1.450em;
    }
    .details-en-footer
    {
        display:none;
    }
    .details-en-footer-2
    {
       display:block;
       margin-bottom:30px;
       *margin-bottom:40px;
    }
     .details-1
    {
        font-size:1.700em;
        margin-top:30px;
    }  
     .details-2
    {
        font-size:1.200em;
        margin-top:30px;
        
    }    
    .details
    {
        margin-top:5px;
        font-size:1.200em;
    }
    .rs img
    {
        border: 0 none;
        height: auto;
        width: auto;
    }
    .lang
    {
        width:auto;
    }
     #footer 
    {
        margin-top:25px;
    }
    .social
    {
    	display:none;
    }
    
}

/* Smartphones  ----------- */
@media only screen and (min-width : 380px) and (max-width : 767px) {
/* Styles */
    #containter {
	    height: 820px;
    }
    
    #content-mobile 
    {
        display:none;
    }
    
    #content 
    {
        display:block;
    }
    
    .details-en 
    {
       font-size:1.500em;
    }
     .details_txt-1
    {
    	text-align:center;
    	margin-bottom:15px;
    	
    }
    .details_txt-2
    {
    	text-align:center;
    	margin-left:0px;
    }
    .details-en-footer
    {
        display:none;
    }
    .details-en-footer-2
    {
       display:block;
       margin-bottom:30px;
       *margin-bottom:40px;
    }
    .details
    {
        margin-top:5px;
        font-size:1.550em;
    }
    .details_head
    {
    	font-size:1.655em;
    }
    .rs img
    {
        border: 0 none;
        height: auto;
        width: auto;
    }
        .lang
    {
        width:auto;
    }
	.social
	{
		display:none;
	}
}
/* tablet */
@media only screen and (min-width : 768px) and (max-width : 979px)  {
/* Styles */
    #containter {
	    height: 990px;
    }
    
    #content-mobile 
    {
        display:none;
    }
    
    #content 
    {
        display:block;
    }
    
    .details-en 
    {
       font-size:1.900em;
    }

    .details-en-footer
    {
        display:block;
    }
    .details-en-footer-2
    {
        display:none;
    }
    .rs img
    {
        border: 0 none;
        height: auto;
        width: auto;
    }
    .details
    {
        margin-top:5px;
        font-size:1.750em;
    }
    .lang
    {
        width:auto;
    }
}

/* tablet */
@media only screen and (max-width : 980x)  {
/* Styles */
    #containter {
	    height: 990px;
    }
    
    #content-mobile 
    {
        display:none;
    }
    
    #content 
    {
        display:block;
    }
    
    .details-en 
    {
       font-size:1.900em;
    }

    .details-en-footer
    {
        display:block;
    }
    .details-en-footer-2
    {
        display:none;
    }
    .rs img
    {
        border: 0 none;
        height: auto;
        width: auto;
    }
    .details
    {
        margin-top:5px;
        font-size:1.750em;
    }
    .lang
    {
        width:926px;
    }
}
