.news {}
.detail {padding-left:10em;}
h1.detail{font-size: 50px;color:#886854;}
#img1 {float:left;margin-right:0px;}
#img2 {float:left;margin-right:0px;}
#img3 {float:left;margin-right:0px;}
#img4 {float:left;margin-right:0px;}
.product {clear:both;background:white;margin-top:0px;margin-left:0em;padding-right:3em;padding-left:3em;}
.product2 {clear:both;background:white;padding-right:3em;padding-left:3em;}
.product3 {clear:both;background:white;padding-right:3em;padding-left:3em;}
.product4 {clear:both;background:white;padding-right:3em;padding-left:3em;}
.product5 {clear:both;background:white;}
a {text-decoration:none;} /* อันนี้คือวิธีการลบเส้น link*/
/* อันนี้เป็น css ของการวางตัวอักษร ลงบนภาพแรกของเวปไวท์เฮนน่า ว่าจะวางได้หรือเปล่า */
/* Container holding the image and the text */
.container {position: relative;text-align: center;color: black; border:0px solid;display:flow-root;}
  /*สองบรรทัดสุดท้ายนี้เพิ่งจะเพิ่มเข้าไป หวังว่าจะให้อักษรไม่ล้นกรอบออกมา*/ /* บนนี้อันนี้คือคุณสมบัติของตาราง*//* Centered text */
.centered {position: absolute;top: 48%;left: 60%;transform: translate(-50%, -50%);}
/* Bottom left text */
.bottom-left {position: absolute;bottom: 8px;left: 16px;} /* Top left text */
.top-left {position: absolute;top: 8px;left: 16px;}
/*  text-align: justify; *//* text-justify: inter-word; *//* อันนี้ลองเพิ่ม *//* Top right text */
.top-right {position: absolute;top: 8px;right: 16px;}/* Bottom right text */
.bottom-right {position: absolute;bottom: 8px;right: 16px;}
/* div {text-align: left; text-justify: inter-word;} */
/* หลังจากบรรทัดนี้เป็นการเพิ่มขึ้นทีหลัง 22 7 24 */
.nav {width:100px;margin:auto;}
/* ต่อจากนี้คืออันที่ย้ายมาจาก style html */
.introduction { }
.navigation{margin:40px;background-color:#ffffff;}
h1.navigation{font-size:50px; color:#886854;}/*ดูทรงแล้ว ไอ้.centered ข้างล่างนี้น่าจะเขียนผิด */
h1.centered{font-size:50px;color:#886854;}/*H1 จะโดนทับจากบรรทัดล่าง  */
body,td,th {font-family: Thai Sans Lite, Thonburi, Leelawadee, JasmineUPC, FreesiaUPC, CordiaUPC;}
h1{display:/*block; */;font-size: 50px;color:#886854;}  /* สีน้ำเงินเข้มมืด ที่เอาไว้เขียนข้อความสำคัญ */
h2{display:block;font-size:40px;}
h3 {display:block;font-size: 35px;}
h4 {display:block;font-size: 30px;}
p{font-size: 25px;color:#25aacd;}
p2{font-size: 24px;color:#2f5984;}
body {margin-left: 10px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
.style3 {font-size: 30px}
.style4 {color: #29AAE3;font-weight: bold;font-style: italic;font-size: 24px;}
.style6 {color: #FFFFFF; } /*อันนี้สีขาว*/
.style7 {color: #FF6600; /*อันนี้สีส้ม*/font-weight: bold;font-style: italic;font-size: 36px;}
.style8 {font-size: 50px;color: #89D1CD; /*อันนี้สีมิ้นท์*/font-weight: bold;}
/* อันล่างนี้เป็น a:visited ต่อจากนี้ มันเป็นของอันไหนแน่ ระหว่าง .style9  */
.style9 {color: #B2341B} /*อันนี้สีแดง*/
a:link, a:visited {color:#25aacd}
a:visited {color: #F8C8C8;} /*อันนี้สีชมพู*/