body { background-color: #96439d; color: #FFF; }
.ct1 { height:60%; position:relative; background-color:#CCC; }
.ct1 { background:url(/graphic/cover/1m.jpg) top center; background-size:cover; }
.ct2 { font-size:1.25em;  padding-left:30px; top:50px; position:absolute; }

.logo-big { width:100px; margin-right: 20px;  }

.ct3 { padding: 30px 30px 0px 30px; clear: both; overflow: hidden; }
.ctLP { font-size: 4vw; margin-bottom: 30px; width: 45%; height: 45vw; cursor: pointer; }
.ctLP img {  }
.ct3-1 { overflow: hidden; float: left; margin-top: 8px; }
.ctLeft { float: left; }
.ctRight { float: Right; }

.contact { padding:30px; overflow: hidden; clear: both; }
.contactLine { font-size:1.4em; line-height:1; text-align:left; margin-bottom:10px; overflow: hidden; float: left; clear: both;  }
.contactLine img { vertical-align:-7px; margin-right:5px; width:30px; height:30px; display:inline; }


/* ความกว้าง ไม่ต่ำกว่า */ /**** มือถือรุ่นใหม่ จอยาวๆ ****/
@media screen and (min-width: 360px) and (min-height: 800px)
{
	.ct1 { height:45%; }
	.ct2 { font-size: 1.5em; }
	.contactLine img { vertical-align:-9px; width:35px; height:35px; }
	.contact { font-size: 1em; }
}


/* ความกว้าง ไม่ต่ำกว่า */ /* Tablet แนวตั้ง */
@media screen and (min-width: 700px)
{
	.logo-big { width:150px; }
	.ct1 { height: 55%; }
	.ct2 { font-size: 2em; }
	.ctLP { width: 20%; height: 150px; font-size: 2.1vw; }
	.ctLeft { float: left; margin-right: 30px; }
	.ctRight { float: left; margin-right: 30px; }
	.ct3 { padding: 50px 50px 0px 50px; }
	.contact { position: absolute; bottom: 10px; padding-left: 50px; }
	.contactLine { clear: none; font-size: 0.8em;  margin-right: 40px;  }
}



/* ความกว้าง ไม่ต่ำกว่า */ /* Tablet แนวนอน + Notebook */
@media screen and (min-width: 1000px)
{

.logo-big { width:150px; margin-left: 30px; }
.ct1 { height:64%; background:url(/graphic/cover/1.jpg) top center; background-size: cover; }
.ct2 { font-size:2.5em; }
.ct3 { overflow: hidden; float: left; width: 70%; clear: none; padding: 40px 0px 0px 40px; height: auto; }
.ctLP { width: 14%; font-size: 1vw; margin-right: 40px; height: auto;  }
	
.contact { font-size:1.5em; padding-left:80px; width:20%; right: 0; margin-bottom: auto; bottom: 20px; }

}

/* ความกว้าง ไม่ต่ำกว่า */ /* Full HD */
@media screen and (min-width: 1600px)
{
	.ctLP { width: 15%; margin-right: 40px; }
	.ct3-1 { margin-top: 15px; }
	.contact { bottom: 40px; font-size:1.7em; }
	.contactLine {  }
	.contactLine img { width:40px; height:40px; }
}