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

.blog { padding:25px; }

/* 1 = VDO */


/* 2 = คำโปรย */
.div2 { height:65%; position:relative; background-color:#CCC; }
.div2 { background-size:cover; }
.div2-1 { width:70%; font-size:3.8vw; }
.div2-1 h5 { width:80%; }
.div2-2 { width:30%; font-size:0.65em; margin-top:40px; }

.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:70px; margin-bottom:10px; }


/* 3 = รายละเอียด */
.div3 { position:relative; background-color:#EEE; padding:25px; font-size:1.4em; }
.div3-0 { }
.div3content { margin-top:20px; }
.div3-1 { }
.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; background:url(/service/graphic/price-1.jpg) no-repeat center center; background-size:cover;  }
.div4-1 { margin-top:20px; }
.div4-2 { margin-top:20px; font-family:tahoma; }

/* Price Table */
.price { margin-top:15px; font-size:1.1em; }
.price tr { border-bottom:2px dotted #ccc; }
.price td { padding-top:10px; padding-bottom:12px; }
.price .td2 { text-align:right; width:37%; }
.price .td3 { text-align:right; width:10%; }
.priceDetail { font-size:0.75em; overflow:hidden; color:#486CCD; }

.div4-promotion { margin-top:30px; font-size:1.4em; }
.promotionPhoto { width:100%; }
.promotionDetail { font-size:0.7em; text-align:center; }

.div4-price2 { height:100px; background:url(/service/graphic/price-2.jpg) no-repeat center center; background-size:cover; margin-top:40px;  }


/* 5 = คำนิยม */
.div5 { position:relative; background-color:#DDD; padding:25px; font-size:1.2em; font-family:tahoma; }
.div5-photo img { width:120px; height:120px; margin-right:30px; 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; }


/* 6 = STORY */
.div6 { height:70%; 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:10px 20px 10px 15px; 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; }
.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; }

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

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

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

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

.logo-big { width:70px; }

/* 3 = รายละเอียด */
.div3 { font-size:1.4em; overflow:hidden; }
.div3-0 { }
.div3-1 { }
.div3-2 { }

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

.div4-promotion { overflow:hidden; margin-top:20px; }
.promotionTitle { font-size:1.1em; width:45%; overflow:hidden; float:left; padding-top:80px; }
.priceDetail { font-size:0.7em; }
.promotionPhoto { width:50%; float:right; }

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

/* 6 = STORY */
.div6 { height:auto; overflow:hidden; }
.div6 { background-color:#EEE; background-image:none; }
.div6-img { display:block; 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; }

.quip { display:block; }
.quipM { display:none; }

}

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

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

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

.contact { }

.logo-big { width:100px; margin-bottom:15px; }

/* 3 = รายละเอียด */
.div3 { font-size:1.5em; padding-top:60px; padding-bottom:60px; }
.div3-0 { width:40%; overflow:hidden; float:left; }
.div3content { overflow:hidden; width:50%; margin-top:0px; float:right; }
.div3-1 { }
.div3-2 { }

/* 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-top:30px; }
.promotionTitle { font-size:1.7em; margin-top:30px; }
.priceDetail { }
.promotionPhoto { width:40%; }

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

/* 6 = STORY */
.div6 { }
.div6-img { width:600px; height:400px; margin-left:100px; }
.div6-1 { font-size:1.7vw; margin-top:70px; }
.div6-2 { font-size:1.5vw; }

/* 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.2em; margin-right:2%; margin-left:2% }

}


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

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

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

.contact { }

.logo-big { width:110px; }

/* 3 = รายละเอียด */
.div3 { padding-top:80px; padding-bottom:80px; }
.div3-0 { margin-right:140px; }
.div3-1 { }
.div3-2 { }

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

.div4-promotion { font-size:1.6em; }
.promotionTitle { margin-top:50px; }
.promotionPhoto { width:40%; float:left; margin-left:70px; }

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

/* 6 = STORY */
.div6-img { margin-left:250px; }
.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% }

}

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