/* link ไม่มีสี สำหรับ DIV */

.blog { padding:25px; }

/* 1 = VDO */


/* 2 = คำโปรย */
.div2 { height:70%; position:relative; background-color:#CCC; }
.div2 { background-size:cover !important; }
.div2-1 { width:80%; font-size:4.6vw; }
.div2-1 h5 { width:80%; font-size: 1.2em; }
.div2-2 { width:50%; font-size:1.2em; bottom:50px; overflow: hidden; position: absolute; }

.contact { padding:30px; }
.contactLine { font-size:1.2em; line-height:1; text-align:left; margin-bottom:10px; font-family:tahoma; }
.contactLine img { vertical-align:middle; margin-right:5px; width:30px; height:30px; display:inline; }

.logo-big { display:block; width:55px; margin-bottom:5px; margin-left:0px; }
.st1 { text-shadow: -3px -3px 0 #FFF, 3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px 3px 0 #FFF; }
.st2 { text-shadow: -5px -5px 0 #FFF, 5px -5px 0 #FFF, -5px 5px 0 #FFF, 5px 5px 0 #FFF; }


/* 3 = รายละเอียด */
.div3 { position:relative; background-color:#EEE; font-size:1.3em; }
.div3left { margin-top:0px; margin-bottom:20px; }
.deliveryPhoto { padding:0px 20px 0px 20px; margin-bottom:10px; }
.div3content { margin-top:20px; }
.div3-0 { margin-top:40px; }
.div3-1 { font-size:1.4em; font-weight:bolder; }
.div3-title { font-size:0.9em; margin-top:5px; color:#000; }
.div3-sta { font-size:1.9em; color:#7F38AD; }
.div3-help { font-size:1.4em; margin-top:45px; line-height: 1.5; overflow: hidden; }
.div3-help i { font-size: 1.5em; vertical-align:-5px; margin-bottom: 5px; margin-right: 5px; }
.div3-2 { margin-top:30px; font-family:tahoma; font-size:1.1em; }


/* 4 = ราคา */
.div4 { position:relative; background-color:#FFF; padding:25px; font-size:1.2em; }
.div4-price1 { height:100px; }
.div4-1 { margin-top:20px; }
.div4-1 h4 { font-size:1.6em; }
.div4-2 { margin-top:20px; font-family:tahoma; }

/* Price Table */
.price { font-size:1.1em; margin-top:10px; }
.priceRow { overflow:hidden; clear:both; border-bottom:4px dotted #ccc; padding:25px 0px 25px 0px; cursor: pointer; }
.price .col1 { width:150px; overflow:hidden; float:left; margin-right:25px; }
.price .col1 img { margin-top: 5px; }
.price .col2 { overflow:hidden; }
.price .col3 { }
.priceTitle { font-size:1.2em; color:#000; line-height:1.1; margin-top: 0px; }
.priceDetail { font-size:0.9em; overflow:hidden; color:#888; margin-top:5px; font-family:tahoma; }
.priceShow { margin-top:15px; }
.priceShow b {  font-weight:bold; font-size:1.2em; color:#3138B4; }
.priceStart { font-size:0.6em; font-weight: normal; color: #999; margin-bottom: 0px; font-family:kanit; }

.div4-promotion { margin-top:30px; font-size:1.4em; border:4px dotted #CCC; padding:30px; }
.promotionPhoto { width:100%; }
.promotionDetail { font-size:0.7em; text-align:center; }
.promotionTitle { font-size:0.9em; }

.div4-price2 { height:100px; margin-top:40px;  }


/* 5 = คำนิยม */
.div5 { position:relative; background-color:#DDD; padding:25px; font-size:1.3em; font-family:tahoma; }
.div5-photo img { width:130px; height:130px; margin-right:30px; margin-bottom: 15px; overflow:hidden; float:left; }
.div5-photo { margin-bottom:30px; overflow:hidden; color:#000; }
.div5-photo .reviewName { font-size:0.8em; margin-top:8px; color:#4A4B96; }
.div5-title { font-size:1.5em; margin-bottom:40px; font-family:kanit; }

.review { overflow: hidden; }
.review1 { width: 30%; margin-right: 4.5%; overflow: hidden; float: left; }
.review2 { width: 30%; margin-right: 4.5%; overflow: hidden; float: left; }
.review3 { width: 30%; overflow: hidden; float: left; }


/* 6 = STORY */
.div6 { height:400px; position:relative; background-color:#CCC; }
.div6 { background:url(/service/graphic/6m.jpg) bottom center; background-size:cover; }
.div6-img { display:none; }
.div6-1 { font-size:4vw; }
.div6-2 { margin-top:20px; font-size:1.2em; }


/* Special */
/*
.special { font-size:1.3em; border-bottom:5px dotted #EEE; }
.specialDetail { margin-top:20px; text-align:center; }
.sTime { margin-top:30px; }
.flip-clock-wrapper { width: inherit !important; }
.clock { display: inline-block; width: auto; zoom: 0.8; -moz-transform: scale(0.8); }
.flip-clock-label { font-size:1.6em !important; }
*/


/* contact */
.serviceContact { overflow:hidden; padding-top:40px; padding-bottom:50px; }
.contactTitle { font-size:1.5em; margin-bottom:20px; color:#666; text-align:center; }
.contactArea { overflow:hidden; padding:15px 15px 15px 20px; font-size:1.4em; line-height:1; text-align:left; font-family:tahoma; margin-bottom:15px; }
.contactArea img { overflow:hidden; float:left; margin-right:12px; width:35px; height:35px; }
.contactText { margin-top:8px; }
.contactText b { font-size:1.2em; }
.ctbt1 { background-color:#b4c7ed; color:#1C1EA0; } .ctbt1:hover { background-color:#d8e3fa; color:#1F47E0; }
.ctbt2 { background-color:#bfeea3; color:#017807; } .ctbt2:hover { background-color:#dbfac9; color:#0BB70A; }
.ctbt3 { background-color:#EEE; }


/* 8 = คำคม */
.quip { display:none; }
.quipM { display:block; }
.quipLast { font-size:1.2em; padding-top:0px; padding-bottom:40px; }
.quipLastPhoto { width:130px; overflow:hidden; float:left; margin-right:20px; }
.quipLastText { overflow:hidden; }


/* ความกว้าง ไม่ต่ำกว่า */ /**** มือถือรุ่นใหม่ จอยาวๆ ****/
@media screen and (min-width: 360px) and (min-height: 800px)
{
	.div2 { height:75%; }
	.div2-1 { width: 70%; font-size: 5vw; }
	.div2-1 h5 { font-size: 1.3em; }
	.div2-2 { font-size: 5.5vw; }
	.logo-big { width: 70px; }
	.div22-brand { font-size: 7vw; }
	.div22-title { font-size: 3.7vw; }
	.div22-sta { font-size: 6vw; }
	.blog { padding:30px; }
	.div3-2 { font-size: 6vw; }
	.div3-title { font-size: 1.05em; }
	.div3-help { font-size: 7.3vw; }
	.div3-time { font-size: 7vw; }
	.div4-1 { font-size: 4.8vw; }
	.price .col1 { }
	.price .col2 { font-size: 5.2vw;  }
	.priceShow { font-size: 1em; }
	.priceRow { padding: 30px 0px 30px 0px; }
	.div5 { font-size: 5vw; }
	.div5-photo img { width:150px; height: 150px; }
	.div6 { height: 550px; }
	.div6-2 { font-size: 1.6em; }
	.contactText { font-size: 1.2em; }
	.quipLast { font-size: 1.4em; }
	.contactData { margin-top: 20px; }
}


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

.blog { padding:30px 50px 30px 50px; }

/* 2 = คำโปรย */
.div2 { height:40%; background-size:cover; }
.div2-1 { font-size:1.2em; width:50%; }
.div2-2 { font-size: 1.2em; bottom: 25px; }

.contact { font-size:1.3em; width:20%; }

.logo-big { width:60px; margin-left:0px; }
.cardArea {  margin-top: 60px !important; }

/* 3 = รายละเอียด */
.div3 { font-size:1.2em; overflow:hidden; }
.div3left { width:48%; float:left; margin-top:0px; }
.deliveryPhoto { width:300px; overflow:hidden; float:left; margin-right:50px; padding:0; margin-top:20px; }
.div3-title { }
.div3-sta { }
.div3-help { font-size: 3vw; }
.div3content { overflow:hidden; width:45%; margin-top:0px; float:right; }
.div3-time { font-size: 3vw; }
.div3-2 { font-size: 3vw; }

/* 4 = ราคา */
.div4-1 { font-size: 1.4em; }
.div4-price { font-size:1.2em; }
.div4-price1 { height:150px; }
.div4-price2 { height:150px; }

.div4-promotion { overflow:hidden; margin-top:20px; padding:40px; }
.promotionTitle { font-size:0.85em; width:45%; overflow:hidden; float:left; padding-top:50px; }
.priceTitle { font-size: 1em; }
.priceDetail { font-size:0.6em; }
.promotionPhoto { width:50%; float:right; }
.priceHelp { margin-left:45px; }
.price { font-size:1.2em; }
.price .col1 { width:250px; }
.price .col2 { padding-left:35px; }
.priceShow { margin-top:50px; font-size: 0.65em; }

/* 5 = คำนิยม */
.div5 { font-size:1.8em; padding-left:100px; }
.div5-photo { width:80%; }
.div5-photo img { width:200px; height:200px; }

/* 6 = STORY */
.div6 { height:auto; overflow:hidden; }
.div6 { background-color:#EEE; background-image:none; }
.div6-img { display:block; margin-bottom:50px; float:right; margin-left:30px; width:300px; height:200px; background:url(/service/graphic/6.jpg) center center no-repeat; background-size:cover; }
.div6-1 { font-size:2vw; }
.div6-2 { }

/* special */
.special { font-size:1.5em; clear:both; overflow:hidden; padding:0px 30px 40px 30px; }
.specialPhoto { width:45%; overflow:hidden; float:left; }
.specialDetail { width:50%; overflow:hidden; float:right; margin-top:100px; }
.sTime { margin-left:3%; margin-right:3%; }

/* contact */
.contactTitle { font-size:2em; font-weight:bolder; color:#000; }
.contactArea { float:left; overflow:hidden; margin-right:30px; width:270px; }
.contactText { font-size: 0.8em; }

.quip { display:block; }
.quipM { display:none; }
.quipLast { font-size:1.4em; clear:both; padding-bottom:50px; padding-top:0px; }
.quipLastPhoto { width:150px; overflow:hidden; margin-right:50px; margin-top:-25px; }
.quipLastText { width:60%; overflow:hidden; margin-top:30px; }

}

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

.blog { padding:40px 100px 40px 100px; clear:both;  }

/* 2 = คำโปรย */
.div2 { height:70%; }
.div2-1 { font-size:1.8em; width:60%; }
.div2-1 h5 { width: 50%; }
.div2-2 { font-size:1.3em; bottom: 30px; }

.contact { }

.logo-big { width:80px; margin-bottom:10px; margin-left:0px; }
.cardArea { width: 73%; }

/* 3 = รายละเอียด */
.div3 { font-size:1.5em; padding-top:60px; padding-bottom:60px; }
.div3left { width:48%; float:left; margin-top:0px; }
.deliveryPhoto { width:50%; margin-bottom:30px; margin-top:0px; }
.div3-1 { clear:both; }
.div3-title { font-size:1.1em; }
.div3-sta { font-size:1.7em; }
.div3-help { margin-top:30px; font-size: 2vw; }

.div3content { overflow:hidden; width:45%; margin-top:0px; float:right; }
.div3-0 { width:100%; margin-bottom:30px; margin-top:0px; }
.div3-2 { font-size: 1em; }

/* 4 = ราคา */
.div4 { padding:80px 100px 80px 100px; }
.div4-1 { font-size: 1.2em; }
.div4-price { width:45%; overflow:hidden; font-size:1.1em;  }
.priceLeft { float:left; }
.priceRight { float:right; }
.div4-price1 { height:120px; }
.div4-price2 { height:120px; margin-top:0px; }

.div4-promotion { overflow:hidden; clear:both; padding:70px; }
.promotionTitle { font-size:1.5em; margin-top:30px; }
.priceDetail { }
.promotionPhoto { width:40%; }
.price { font-size:1.8em; margin-bottom:50px; }
.priceTitle { font-size:0.8em; }
.price .col1 { width:200px; }
.price .col2 { padding-left:35px; }
.priceShow { margin-top:15px; }
.priceRow { padding:40px 0px 40px 0px; height: 280px;  }

/* 5 = คำนิยม */
.div5 { overflow:hidden; font-size:1.4em; }
.div5-title { font-size:1.8em; }
.div5-photo { overflow:hidden; width:33%; float:left; padding-right:70px; margin-bottom:20px; }
.div5-photo img { width:170px; height:170px; margin-right:20px; margin-bottom:20px; }
.div5-photo3 { padding-right:0px; display: none; }
	
.review { position: absolute; width: 30%; right: 50px; bottom: 70px; z-index: 10; }

/* 6 = STORY */
.div6 { }
.div6-img { width:500px; height:350px; margin-left:170px; margin-bottom:20px; }
.div6-1 { font-size:1.7vw; margin-top:20px; }
.div6-2 { font-size:1.7vw; }

/* special */
.special { padding-left:100px; padding-right:100px; }
.specialPhoto { width:40%; overflow:hidden; float:left; }
.specialDetail { width:45%; font-size:1.1em; margin-top:20%; text-align:left; }
.sTime { margin-left:0; margin-right:0; text-align:left; margin-top:50px; }
.clock { zoom: 1; -moz-transform: scale(1); }
.flip-clock-wrapper { padding:0; margin:0 !important; }

/* contact */
.contactTitle { font-size:3em; text-align:center; margin-bottom:40px; }
.contactData { width: 90%; margin: 0 auto; }
.contactArea { padding:15px 25px 15px 30px; width:29%; font-size:1.3em; margin-right:2%; margin-left:2% }
	.contactText { font-size: 1em; }

.quipLast { width:60%; margin:0 auto; font-size:1.4em; clear:both; padding-bottom:50px; padding-top:0px; }
.quipLastPhoto { width:150px; overflow:hidden; margin-right:40px; margin-top:10px; }
.quipLastText { width:60%; overflow:hidden; padding-top:30px; }

}


/* ความกว้าง ไม่ต่ำกว่า */ /* Full HD */
@media screen and (min-width: 1600px)
{

.blog { padding:60px 200px 60px 200px; }

/* 2 = คำโปรย */
.div2 { height:70%; }
.div2-1 { font-size:2.4em; width:50%; }
.div2-1 h5 { font-size: 1.2em; width: 70%; }
.div2-2 { font-size:1.5em; bottom: 40px; }

.contact { }

.logo-big { width:80px; margin-left:0px; }
.cardArea { width: 48%;  }

/* 3 = รายละเอียด */
.div3 { padding-top:80px; padding-bottom:80px; }
.deliveryPhoto { width:400px; }
.div3-0 { margin-right:140px; }
.div3-1 { }
.div3-2 { }
.div3-help { margin-top:40px; font-size: 1.4vw; }
.div3-time img { width: 60px; height: 60px; }
	
.div3left { font-size: 1.2em; }
.div3content { font-size: 1.2em; }
.div3-time { font-size: 1.5em; }

/* 4 = ราคา */
.div4 { padding:80px 300px 80px 300px; }
.price { font-size:1.3em; }
.div4-price1 { height:150px; }
.div4-price2 { height:150px; }
.div4-price { }

.div4-promotion { font-size:1.3em; padding:80px; }
.promotionTitle { margin-top:30px; }
.promotionPhoto { width:40%; float:left; margin-left:100px; }
.price .col1 { width:240px; }
.price .col2 { padding-left:30px; font-size: 2vw; }
.priceRow { height: 400px; padding-top:60px; }
.priceShow { margin-top:40px; }
.priceTitle { font-size: 1em; }
.priceDetail { font-size:0.6em; }
.priceHelp { margin-left:42px; }

/* 5 = คำนิยม */
.div5-title { font-size:1.8em; }
.div5-photo { font-size:1.3em; margin-right:40px; width:32%; margin-bottom:0px; }
.div5-photo img { width:200px; height:200px; margin-right:30px; margin-bottom:100px; }
.div5-photo .reviewName { margin-top:20px; }
.review { right: 100px; }

/* 6 = STORY */
.div6-img { margin-left:250px; width:600px; height:422px; }
.div6-1 { font-size:1.5vw; }
.div6-2 { font-size:1.5vw; margin-top: 50px; }

/* special */
.special { padding-left:250px; padding-right:250px; }
.specialPhoto { width:40%; }
.specialDetail { font-size:1.7em; margin-top:250px; }

/* contact */
.contactData { width: 85%; margin: 0 auto; }
.contactArea { padding:20px 25px 20px 30px; width:29%; font-size:1.7em; margin-right:2%; margin-left:2% }
.contactTitle { margin-top: 30px; }

.quipLast { font-size:1.7em; }
.quipLastPhoto { margin-left:30px; }
.quipLastText { padding-top:0px; }

}

/* color special */
.color1 { color:#FFF !important; }
.color2 { color:#DDD !important; }
.color3 { color:#999 !important; }