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

.blog { padding:25px; }

/* 1 = VDO */


/* 2 = คำโปรย */
.div2 { height:65%; position:relative; background-color:#CCC; color: #000; }
.div2-1 { width:70%; font-size:3.8vw; }
.div2-1 h5 { width:80%; }
.div2-2 { width:80%; bottom:40px; position: absolute; }
.div2-2 h1 { font-size: 2.2em; }

.div2-2s { width:80%; bottom:30px; position: absolute; }
.cls1 { color: #444; }
.topicon { width: 70px; height: 70px; margin-right: 25px; margin-top: 20px; overflow: hidden; float: left; }
.t20 { color: #ffff00; }
.texticon { font-size: 1.4em; line-height: 1.15; width: 60%;  font-family: Tahoma;  }
.allclear { all: unset; }

.div2s { height:35%; font-family: tahoma; position: relative; cursor: pointer; color: #333; }
.div2s-1 { font-size:5.2vw; width: 30%; margin-top: 10px;  }
.div2s-2 { font-size:1.8em; width: 30%; margin-top: 10px; line-height: 1;  }
.div2s-2 b { font-size: 1.5em; color: #000;  }
.div2s-3 { position: absolute; right: 0; bottom: 0; width: 70vw; }

.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:87px; margin-bottom:5px; margin-left:-22px; }


/* 3 = รายละเอียด */
.div3 { position:relative; background-color:#EEE; font-size:1.3em; }
.div3left { margin-top:20px; 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.5em; color:#0509C0; }
.div3-help { font-size:1.4em; margin-top:25px; 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; position:relative; }
.price .col1 { width:50%; overflow:hidden; float:left; margin-right:20px; }
.price .col2 { overflow:hidden; }
.price .col3 { }
.priceTitle { font-size:1.1em; color:#000; line-height:1.1; }
.priceDetail { font-size:0.8em; overflow:hidden; color:#666; margin-top:5px; }
.priceShow { margin-top:10px; margin-left: 20px; position: absolute; left: 50%; bottom: 20px; }
.priceShow b {  font-weight:bold; font-size:1em; color:#3138B4; }

.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:5vw; font-family:tahoma; }
.div5-photo img { width:140px; height:140px; 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; overflow: hidden;  }
.div5-title { font-size:1.5em; margin-bottom:40px; font-family:kanit; }


/* 6 = STORY */
.div6 { height:500px; 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:4.9vw; }


/* 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.2em; 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.4em; }
.ctbt1 { background-color:#b4c7ed; color:#1C1EA0; } .ctbt1:hover { background-color:#d8e3fa; color:#1F47E0; }
.ctbt2 { background-color:#bfeea3; color:#017807; font-size: 1.5em; } .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:100px; overflow:hidden; float:left; margin-right:30px; }
.quipLastText { overflow:hidden; }


/* ความกว้าง ไม่ต่ำกว่า */ /* มือถือจอเล็กๆ  */
@media screen and (max-width: 359px)
{ 
	.div3 { font-size: 1.1em !important; }
	.div3-2 { font-size: 1.3em !important; }
	.col2 { margin-bottom: 50px; }
}

/* ความกว้าง ไม่ต่ำกว่า */ /* มือถือรุ่นเก่า จอสั้นๆ */
/* @media screen and (min-device-aspect-ratio:0.58) */
@media screen and ( min-aspect-ratio:0.58)
{ 
	.topicon { width: 55px; height: 55px; margin-right: 20px; margin-top: 15px; }
	.texticon { font-size: 1.1em; width: 52% }
	.logo-big { width: 60px; margin-left: -15px; }
	.cls1 {  }
}

/* ความกว้าง ไม่ต่ำกว่า */ /* มือถือรุ่นใหม่ จอยาวๆ */
@media screen and (min-width: 360px) and (min-height: 800px)
{ 
	.div2-1 { width: 90%; font-size: 1.3em; }
	.div2-1 h5 { width:60%; font-size:6vw; }
	.blog { padding:30px; }
	.div3-title { font-size: 0.9em; }
	.div3-2 { font-size: 5.6vw; }
	.price .col1 { width:50%; margin-right: 25px; }
	.price .col2 { font-size: 5.2vw;  }
	.priceShow { font-size: 0.9em; margin-left: 25px;  bottom: 27px;  }
	.priceRow { padding: 30px 0px 30px 0px; }
	.div5 { font-size: 5.1vw; }
	.div5-photo img { width:150px; height: 150px; }
	.div6 { height: 550px; }
	.div6-2 { font-size: 1.5em; }
	.cardArea { font-size: 0.8em !important; }
	
	.div2s { }
	.div2s-1 { font-size:5.8vw; width: 35%; margin-top: 5px;  }
	.div2s-2 { font-size:1.8em; width: 30%; margin-top: 20px;  }
	.div2s-2 b { font-size: 1.5em;  }
	.div2s-3 { }
	
	/* .div2-2s { margin-top: 60px; } */
}

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

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

/* 2 = คำโปรย */
.div2 { height:50%; background-size:cover; }
.div2-1 { font-size:1.2em; width:60%; color: #FFF !important; }
.div2-1 h5 { color: #CCC !important; font-size: 1.4em;  }
.div2-2 { margin-top:40px; }
	
	
	.div2s { }
	.div2s-1 { font-size:4.5vw; width: 35%; margin-top: 20px; margin-left: 30px;  }
	.div2s-2 { font-size:2.2em; width: 30%; margin-top: 20px; margin-left: 30px;  }
	.div2s-2 b { font-size: 2.5em;  }
	.div2s-3 { width: 50vw; }


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

.logo-big { width:80px; margin-left:-20px; }
.cardArea {  margin-top: 40px !important; }

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

/* 4 = ราคา */
.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: 1.4em; }
.priceDetail { font-size:0.8em; }
.promotionPhoto { width:50%; float:right; }
.priceHelp { margin-left:45px; }
.price { font-size:1.2em; }
.price .col1 { width:45%; }
.price .col2 { padding-left:35px; }
.priceRow { padding: 40px 0 40px 0; }
	
.price .col2 { font-size: 3.6vw;  }
.priceShow { font-size: 0.9em; bottom: 35px; left: auto; margin: auto;  }

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

/* 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 b { font-size:1.2em; }

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

}

/* ความกว้าง ไม่ต่ำกว่า */ /* Tablet แนวนอน */
@media screen and (min-width: 800px) and (max-height: 800px)
{
	.div2s { display: none; }
}

/* ความกว้าง ไม่ต่ำกว่า */ /* Tablet แนวนอน */
@media screen and (min-width: 1000px)
{
	/* 2 = คำโปรย */
	.div2 { height:55%; }
	
	.div2s { display: none; }
	
	.cls1 { color: #CCC; }
	.t20 { color: #ffff00; }
	
	.div2-1 { font-size:1.4em; width:50%; }
	.div2-2 { font-size:1em; bottom:20px; }
	.div2-2 h1 { font-size: 1.4em; }
	.cardArea { width: 72%; }
	.div3 { font-size:1.3em; 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:1em; }
	.div3-sta { font-size:1.5em; }
	.div3-help { margin-top:30px; font-size: 1.2em; }

	.div3content { overflow:hidden; width:45%; margin-top:0px; float:right; }
	.div3-0 { width:100%; margin-bottom:30px; margin-top:0px; }
	.div3-2 { margin-top: 40px; font-size: 1.1em;  }
	
	/* 4 = ราคา */
	.div4 { padding:80px 100px 80px 100px; }
	.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; }

	.promotionTitle { font-size:1.5em; margin-top:30px; }
	.priceDetail { }
	.promotionPhoto { width:40%; }
	.price { font-size:1.3em; margin-bottom:50px; }
	.priceTitle { font-size:1.3em; }
	.price .col1 { width:200px; }
	.price .col2 { padding-left:0px; font-size: 1.8vw; }
	.priceShow {  }
	
	/* 5 = คำนิยม */
	.div5 { overflow:hidden; font-size:1.4em; clear: both; }
	.div5-title { font-size:1.8em; }
	.div5-photo { overflow:hidden; width:33%; float:left; padding-right:80px; margin-bottom:20px; }
	.div5-photo img { width:170px; height:170px; margin-right:20px; margin-bottom:20px; }
	.div5-photo3 { padding-right:0px; }

	/* 6 = STORY */
	.div6 { }
	.div6-img { width:500px; height:350px; margin-left:80px; margin-bottom:20px; }
	.div6-1 { font-size:2.2vw; margin-top:20px; }
	.div6-2 { font-size:2vw; }
	
	/* contact */
	.contactTitle { font-size:3em; text-align:center; margin-bottom:40px; margin-top: 30px; }
	.contactData { width: 90%; margin: 0 auto; }
	.contactArea { padding:15px 25px 15px 30px; width:29%; font-size:1.1em; margin-right:2%; margin-left:2% }
	
}


/* ความกว้าง ไม่ต่ำกว่า */ /* Notebook */
@media screen and (min-width: 1100px)
{
	
	.cls1 { font-size: 1.5em;  }
	.texticon { font-size: 1.5em; line-height: 1.15; width: 80%; display:block; }
	.div2-2s { width:80%; bottom:40px; }
	.topicon { margin-right: 25px; }

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

/* 2 = คำโปรย */
.div2 { height:70%; }
.div2-1 { font-size:1.6em; width:45%; }
.div2-2 { font-size:1.2em; bottom:30px; }
.div2-2 h1 { font-size: 1.6em; }
.div2-1 h5 { width:70%; font-size:1.1em; }

.contact { }

.logo-big { width:100px; margin-bottom:10px; margin-left:-25px; }
.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: 1.5em; }

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

/* 4 = ราคา */
.div4 { padding:80px 100px 80px 100px; }
.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.3em; margin-bottom:50px; }
.priceTitle { font-size:1.1em; }
.price .col1 { width:250px; }
.price .col2 { padding-left:35px; font-size: 1.8vw; }
.priceShow { }

/* 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:60px; }
.div5-photo3 { padding-right:0px; }

/* 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.6vw; }

/* 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% }

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

/* ความกว้าง ไม่ต่ำกว่า */ /* แก้ Tablet บางรุ่น */
@media screen and (min-width: 1100px) and (min-height: 800px)
{
	.div2 { height:50%; }
}

/* ความกว้าง ไม่ต่ำกว่า */ /* แก้ Tablet บางรุ่น */
@media screen and (min-width: 1500px) and (min-height: 850px)
{
	.div2 { height:60%; }
	.div2-1 { font-size:2em; }
	.div2-2 { font-size:1.6em; }
	.div2-2 h1 { font-size: 1.2em; }
}


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

.blog { padding:60px 200px 60px 200px; }
	
.topicon { width: 80px; height: 80px; margin-right: 35px; }

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

.contact { }

.logo-big { width:110px; margin-left:-27px; }
.cardArea { width: 58%;  }

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

/* 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:250px; }
.price .col2 { padding-left:30px; font-size: 1.5vw; }
.priceShow { bottom: 43px; }
.priceTitle { }
.priceDetail { font-size:0.8em; }
.priceHelp { margin-left:42px; }
.priceRow { padding: 50px 0 50px 0;}

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

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

/* 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% }

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

}

/* ความกว้าง ไม่ต่ำกว่า */ /* แก้จอมือถือ flip */
@media screen and (min-width: 2000px)
{
	.div2 { height:35%; }
	.div2-1 { font-size:2em; }
	.div2-2 { font-size:1.6em; }
	.div2-2 h1 { font-size: 1.2em; }
}

/* ความกว้าง ไม่ต่ำกว่า */ /* แก้จอมือถือ flip */
@media screen and (min-width: 2500px)
{
	.div2 { height:60%; }
	.div2-1 { font-size:3em; }
	.div2-2 { font-size:2.2em; }
	.div2-2 h1 { font-size: 1.8em; }
	.price .col1 { width:400px; }
	.price .col2 { padding-left:30px; font-size: 1.7vw; }
	.priceShow { margin-left: 150px; }
	
	/* 5 = คำนิยม */
	.div5-title { font-size:2.5em; }
	.div5-photo { font-size:1.6em; margin-right:40px; width:30%; margin-bottom:0px; }
	.div5-photo img { width:300px; height:300px; margin-right:30px; margin-bottom:70px; }
	.div5-photo .reviewName { margin-top:20px; }
	
	/* 6 = STORY */
	.div6-img { margin-left:250px; width:800px; height:580px; }
	.div6-1 { font-size:2vw; }
	.div6-2 { font-size:1.6vw; }
	
	/* contact */
	.contactData { width: 85%; margin: 0 auto; }
	.contactArea { padding:20px 25px 20px 30px; width:29%; font-size:2.5em; }

}