﻿

  html,body {
  width:100%;
  height:100%;
  margin:0;
  background:#f6dbb1 url('../../template/0010/images/bg_wallpaper.png');
  }

  a:link { color: #b08c66 }
  a:visited { color: #b08c66 }
  a:hover { color: #ff9900 }

  body {color:#444444;}

  .NormalFont_Color {
  color:#444444;
  }

  .FontColor_Topic {
  
  }

  .SubTopic_Color {
  
  }

  .BG_COLOR_1 {
  
  }

  .BG_COLOR_2 {
  background-color: #f1e2ca;
  }

  .BG_COLOR_3 {
  
  }

  .LINE_COLOR {
  background:#dacbb8;
  }


  /* -------- ButtonTheme -------- */
  .bttntheme {
  font-family: thaisanslite,Tahoma;
font-size: 1.8em;
height:45px;
line-height:42px;
padding-left:20px;
padding-right:20px;
background:#b08c66;
color:#ffffff;
cursor:pointer;
border:#a27e58 solid 2px;
border-radius: 2px;
transition: background-color 0.4s ease;
box-sizing: border-box;
  }

  .bttntheme:hover {
  color:#b08c66;
background-color: #ffffff;
border:#b08c66 solid 2px;
  }

  #MainBg_Box {
  width:100%;
  
  }

  #MainCenterBg_Box {
  	margin-left:auto;
	margin-right:auto;  
  }

  #MainCenter_Box {
  padding-top:30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:30px;
  max-width:1232px;
  background:#f6ecdc;
  }

  #HeaderAndMenu {
  }

  #TopTitle_Box {
  width:100%;
  background-color:#b08c66;
border-top:#69462a solid 8px;
  }

  #Header_Box {
  text-align:center;
  background:#f6ecdc;
  }

  #MainBody_Box {
  width:100%;
  
  }

  #Left_Box {
  
  
  }

  #MainContent_Box, #MainContent_Box2 {
  box-sizing:border-box;
  min-height:500px;
  padding-bottom:100px;
  
  
  
  }

  #MainBottomOutside_Box {
  width: 100%;
  
  background-color:#573d28;
  }

  #MainBottomCenter_Box {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
  
  color:#f6ecdc;
  font-size:13px;
  
  
  }



  /*
  .gridContainer {
  background:#000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  }
  */

  #TopTitle_1 {
  height:117px;
  font-family:superstoreregular;
  font-size:30px;
  color:#f6ecdc;
  overflow:hidden;
  }

  .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  }

  #TopTitle_1 img {
  max-width:95%;
  max-height:117px;
  }

  #TopTitleIcon::before {
		content:url('../../template/0010/images/0');
}

#TopTitleIcon {
	display:inline-block;
	vertical-align:middle;
	padding-right:10px;
}

  #TopTitleName {
  font-family:superstoreregular;
  line-height:117px;
  font-size:30px;
  color:#f6ecdc;
  display:inline-block;
  vertical-align:middle;
  }

  #TopTitleImage {
  height:117px;line-height:117px;
  }

  #TopTitle_2 {
  height:117px;
  box-sizing:border-box;
  padding-top:35.5px;
  }

  #searchbox {
  position:relative;
  max-width:460px;
  height:41px;
  box-sizing:border-box;
  background-color:#f6ecdc;
-moz-border-radius: 40px;
border-radius: 40px;
  }

  #select_category {
  height:41px;
  }

  #searchbox1 {
  float:left;
    	background:#f6ecdc url(../../template/0005/images/bg_line_col.gif) no-repeat right;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
  width: 152px;
  height:41px;
  overflow:hidden;
  
  }

  #searchbox2 {
  margin-left: 152px;
  margin-right: 35px;
  height:41px;
  box-sizing:border-box;
  background-color: transparent;
  
  }

  #searchbox1 .select2{
  min-width:152px;
  height:41px;
  padding-left:10px;
  }
  #searchbox1 .select2 .select2-selection{
  border: none;
  background: transparent;
  margin-top: -1px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 41px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 6px;
  left: 3px;
  }
  .select2-dropdown{
  border: 1px solid #eaeaea;
  }
  .select2-container--open .select2-dropdown {
  left: -1px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  }

  #SearchText {
  width:100%;
  padding-left:5px;
  padding-right:5px;
  height:40px;
  box-sizing:border-box;
  border:none;
  background: transparent;
  color:#555555;
  }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color:#555555;
}

  #searchbox3 {
  position:absolute;
  top:3px;
  right:3px;
  width:35px;
  height:38px;
  }

  #SearchButton {
  width:35px;
  height:35px;
  color:#ffffff;
  
  background-color:#a6704c;
  border:none;
  font-size:1em;
  -moz-border-radius:40px;border-radius:40px;
  box-sizing:border-box;
  transition: background-color 0.4s ease;
  }

  #SearchButton:hover {
  background-color:#473224;
  }

  #SearchButton span { display:none; }

  #TopTitle_3 {
  height:117px;
  }

  #CartBox {
  position:relative;
width:235px;
height:67px;
cursor:pointer;
margin-top:21px;
border:#c1af97 solid 4px;
transition: all 0.4s ease-in-out;
border-radius:40px;
  }

  #CartBox:hover {
  background:#9b7350;
border-color:#f6ecdc;
              
              
  }

  .CartIconLeft {
  float:left;
vertical-align: middle;
text-align:center;
width:77px;
height:58px;
background:url(../../template/0010/images/cart.png) no-repeat;

  }

  .CartData {
  float:left;
box-sizing:border-box;
vertical-align: middle;
height:70px;
padding-top:14px;
width:140px;
word-wrap:break-word;
font-family:Tahoma;
font-size:1em;
color:#fbe194;
font-weight:bold;
  }

  .CartData span {
  display:inline-block;
  }


  .cartfont1 {
  color:#ffffff;
  }

  .cartfont2 {
  color:#ffffff;
  }




  /* ----------------------- Menu Top ----------------------- */
  #Template_TopMenu {
  background-color:#69462a;
  height:80px;
  }

  .div_TopMenu {
  width:100%;
  height:80px;
  /* overflow:hidden; */
  margin-left:auto;margin-right:auto;
  padding:0;
  }

  #MenuTop_Box {
  width:100%;
  }

  #MenuTop_PC > ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
  max-height:80px;		/* ส่วนสูง เซ็ตค่าต่ำกว่า height ปกติหน่อยนึง เพราะไม่งั้น ถ้าย่อหน้าจอ แล้วไปถึงจุดที่เมนูล้น จะทำให้เกิด space */
  }

  #MenuTop_PC > ul > li {
  display:inline-block;
  padding-left:2%;
  padding-right:2%;
  }

@media only screen and (max-width:909px) {
	
  #MenuTop_PC > ul > li {
	  padding-left:1.6%;
	  padding-right:1.6%;
  }
	
}

  #MenuTop_PC ul > li > a {
  font-family:superstoreregular;
  font-size:1.8em;
  text-decoration:none;
  color:#f6ecdc;
  
  
  
  height:80px;
  line-height:80px;
  text-shadow:0;
  }

  #MenuTop_PC > ul > li > a:hover {
  color:#ff9d00;
  
  
  
  
  
  }

  #MenuTop_PC > ul > li > div.pdtdropdown {
  padding:20px;
  padding-right:0px;
  left:0;
  width:100%;
  background-color:#ffffff;
  position: absolute;
  z-index: 999;
  border-top:#ebc07e solid 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;
  visibility:hidden;
  box-sizing:border-box;
  opacity: 0;
  }

  #MenuTop_PC > ul > li:hover > div.pdtdropdown {
  /* Display the dropdown */
  visibility: visible;
  opacity: 1;
  margin-top:-10px;
  }

  .pdtmnubox {
  float:left;
  display:block;
  width:210px;
  margin-right:30px;
  margin-bottom:15px;
  }

  .pdtcatimg {
  clear:both;
  width:100%;
  height:100px;
  margin-bottom:5px;
  overflow:hidden;
  }

  .pdtcatimg img {
  max-width:100%;
  }

  .pdtcat {
  text-align:left;
  width:100%;
  word-wrap:break-word;
  min-height:30px;
  line-height:20px;
  border-bottom:#eeeeee solid 1px;
  }

  .noborderbottom {
  border-bottom:none;
  }

  .pdtcat a {
  font-family: Tahoma;
  font-size: 12px;
  font-weight:bold;
  color:#983734;
  text-decoration:none;
  }

  .pdtcat a:hover {
  color:#000000;
  }

  .pdtsub {
  text-align:left;
  width:100%;
  word-wrap:break-word;
  padding-top:7px;
  padding-bottom:7px;
  }

  .pdtsub a {
  font-family: Tahoma;
  font-size:1em;
  color:#666666;
  text-decoration:none;
  }

  .pdtsub a:hover {
  color:#ff7260;
  }

  .pdtall {
  clear:both;
  width:95%;
  height:40px;
  line-height:40px;
  border-top:#eeeeee solid 1px;
  text-align:left;
  }

  .pdtall a {
  font-family: Tahoma;
  font-size: 12px;
  font-weight:bold;
  color:#5f4f42;
  text-decoration:none;
  }

  .pdtall a:hover {
  color:#ff0600;
  }

  .MenuTop_Icon {
  width:auto;
  height:auto;
  vertical-align: middle;
  }

  .MenuTop_IconMaxWidth {
  max-width: 40px;
  max-height: 40px;
  /* Resize the image for IE6 */
  width: expression(this.width > 25 ? 40: true);
  height: expression(this.height > 25 ? 40: true);
  }

  #MenuTop_PC > ul > li > div.pagesdropdown {
  padding:10px;
  padding-top:5px;
  padding-bottom:20px;
  left:0;
  width:250px;
  margin-left:-70px;
  background-color:#ffffff;
  position: absolute;
  /* z-index: 999; */
  border-top:#ebc07e solid 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;
  visibility:hidden;
  box-sizing:border-box;
  opacity: 0;
  }

  #MenuTop_PC > ul > li:hover > div.pagesdropdown {
  /* Display the dropdown */
  visibility: visible;
  opacity: 1;
  margin-top:-10px;
  }

  #MenuTop_PC > ul > li > div.pagesdropdown ul {
  list-style:none;
  margin:0;
  padding:0;
  }

  #MenuTop_PC > ul > li > div.pagesdropdown ul li {
  margin-left:auto;
  margin-right:auto;
  width:95%;
  word-wrap:breakword;
  border-bottom:#e5e5e5 solid 1px;
  }

  #MenuTop_PC > ul > li > div.pagesdropdown ul li a {
  display:block;
  padding-left:1%;
  padding-right:1%;
  padding-top:17px;
  padding-bottom:17px;
  height:auto;
  line-height:17px;
  text-align:left;
  width:100%;
  font-family: thaisanslite,Tahoma;
  font-size: 1.7em;
  color:#555555;
  text-decoration:none;
  box-sizing:border-box;
  }

  #MenuTop_PC > ul > li > div.pagesdropdown ul li a:hover {
  color:#fc1a3f;
  background-color:#ffffff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  }


  #MenuTop_Mobile {
  width:100%;
  height:60px;
  line-height:60px;
  background-color:#69462a;
  }



  /*---------- Menu Mobile ----------*/

  #MenuTop_Mobile_L {
  float:left;
  width:120px;
  height:60px;
  line-height:60px;
  text-align:center;
  font-family:Tahoma;
  font-size:1.1em;
  cursor:pointer;
  color:#f6ecdc;
  }

  #MenuTop_Mobile_R {
  float:right;
  width:120px;
  height:60px;
  line-height:60px;
  text-align:center;
  font-family:Tahoma;
  font-size:1.1em;
  cursor:pointer;
  color:#f6ecdc;
  }


  #MenuTop_Mobile_Sub {
  display:none;
  margin-left:auto;
  margin-right:auto;
  width:97%;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:10px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
  background:#ffffff;
  }

  #MenuTop_Mobile_Sub ul {
  list-style:none;
  margin:0;
  padding:0;
  }

  #MenuTop_Mobile_Sub ul li {
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:60px;
  line-height:60px;
  overflow:hidden;
  border-bottom:#e5e5e5 solid 1px;
  font-family: thaisanslite,Tahoma;
  font-size: 1.7em;
  font-weight:bold;
  color:#555555;
  }

  #MenuTop_Mobile_Sub ul li i {
  padding-right:10px;
  }


  #MenuTop_Mobile_Sub ul li a {
  display:block;
  padding-left:5%;
  width:100%;
  height:60px;
  font-family: thaisanslite,Tahoma;
  font-size: 23px;
  color:#555555;
  text-decoration:none;
  }

  #MenuTop_Mobile_Sub ul li a:hover {
  color:#fc1a3f;
  background-color:#ffffff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  }

  #MenuTop_Mobile_SubPdt {
  display:none;
  margin-left:auto;
  margin-right:auto;
  width:94%;
  padding-left:3%;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:10px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
  background-color:#ffffff;
  }


  /* --------------- Product Topic -------------- */
  .topicbox_bttn_left {
  float:right;
  padding-top:8px;
  height:45px;
  }

  .topicbox_bttn {
  float:right;
  padding-top:15px;
  height:45px;
  }

  #pdtd_btn {
  margin-left:auto;
  margin-right:auto;
  width:70px;
  height:30px;
  }

  #pdtd_btn a {
  float:left;
display:block;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
margin:0;
padding:0;
border:#dacbb8 solid 1px;
text-align:center;
font-family:"Courier New", Courier, monospace;
font-size: 1em;
color:#c69c6d;
background-color:#faf4ea;
box-sizing: border-box;
cursor:pointer;
transition: background-color 0.4s ease;
                  
  }

  #pdtd_btn a:hover {
  color:#c69c61;
background-color: #242424;
border:#c69c61 solid 1px;
                
  }

  #pdtd_btn div {
  float:left;
display:block;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
margin:0;
padding:0;
border:#dacbb8 solid 1px;
text-align:center;
font-family:"Courier New", Courier, monospace;
font-size: 1em;
color:#c69c6d;
background-color:#faf4ea;
box-sizing: border-box;
cursor:pointer;
transition: background-color 0.4s ease;
                  
  }

  #pdtd_btn div:hover {
  color:#c69c61;
background-color: #242424;
border:#c69c61 solid 1px;
                
  }





  /* ---------- Bottom (Newsletter) ---------- */
  #newsletterbox {
  width:100%;
  height:165px;
  background:#73563f;
  }

  #newsletterbox_1 {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:80%;
  font-family:thaisansneue;
  font-size:2.1em;
  color:#f6ecdc;
  text-align:center;
  height:80px;
  line-height:80px;
  }

  #newsletterbox_2 {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:80%;
height:52px;
background:#ffffff;
border:#cccccc solid 1px;
              
  }

  #newsletter_1 {
  position:absolute;
  width:100%;
  padding-left:3px;
  padding-right:130px;
  height:50px;
  over-flow:hidden;
  }

  #NEWSLETTER_EMAIL {
  width:100%;
  height:50px;
  border:none;
  }

  #newsletter_2 {
  position:absolute;
  right:0px;
  width:128px;
  height:50px;
  line-height:50px;
  background-color:#bc8b5f;
  font-family: thaisansneue,Tahoma;
  font-size: 2em;
  color:#ffffff;
  text-align:center;
  cursor:pointer;
  transition: background-color 0.4s ease;
  }

  #newsletter_2:hover {
  background-color:#ff6600;
  }


  @media only screen and (max-width:635px) {

  #newsletterbox_2 {
  width:95%;
  }

  }

  @media only screen and (max-width:350px) {

  #newsletterbox_1 {
  font-size:2.1em;
  }

  }

  #BottomInfo_Box {
  margin-left:auto;
  margin-right:auto;
  max-width:1202px;
  padding-top:20px;
  padding-bottom:20px;
  font-family: thaisansneue,Tahoma;
  font-size:2em;
  color:#f6ecdc;
  border-bottom:#6d5745 dotted 1px;
  }

  #BottomLink_Box {
  width:100%;
  padding-left:5%;
  padding-right:5%;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing:border-box;
  border-bottom:#6d5745 dotted 1px;
  }

  .col4 {
  float:left;
  width: 25%;
  word-wrap: break-word;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  color:#f6ecdc;
  }

  .col4 h4 {
  display:block;
  margin:0px;
  width:100%;
  min-height:30px;
  font-family: rsu,Tahoma;
  font-size: 1.6em;
  color:#d78400;
  }

  @media only screen and (max-width:755px) {

  .col4 {
  width: 50%;
  }
  .col4:nth-child(3) {
  clear:left;
  }

  }

  @media only screen and (max-width:450px) {

  .col4 {
  clear:both;
  width: 100%;
  }

  }

  .collink {
  width:100%;
  }

  .collink > ul {
  list-style:none;
  margin:0;
  padding:0;
  }

  .collink > ul > li {
  /* display:inline-block; */
  padding-top:5px;
  padding-bottom:5px;
  }

  .collink ul > li > a {
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
  color:#f6ecdc;
  transition: color 0.4s ease;
  transition: margin-left 0.4s ease;
  text-decoration:none;
  }

  .collink > ul > li > a:hover {
  color:#ff9d00;
  margin-left:5px;
  }

  #BottomHost {
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
  text-align:center;
  color:#f6ecdc;
  box-sizing:border-box;
	background:#1e1e1e;
  }

  #BottomHost a {
  color:#ff9d00;
  text-decoration:none;
  }

  #BottomHost a:hover {
  color:#d63030;
  text-decoration:underline;
  }

  #BottomPayOption {
  display:inline-block;
  border-bottom:#6d5745 dotted 1px;
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
  text-align:center;
  color:#f6ecdc;
  box-sizing:border-box;
  }








  /* -------------------- กำหนดสี ส่วนต่าง ๆ (มีอยู่ใน mainstyle.css ด้วย แต่อันนี้สำหรับเปลี่ยนสีสันใน theme) -------------------- */
  /* ----- Topic Head ----- */
  .WebTopic_Bg {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  width:100%;
  height:60px;
border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
  background:url('../../template/0010/images/topic_bar.png') repeat-x top;
  }

  .WebTopic {
  margin-left:auto;
  margin-right:auto;
  min-height:60px;
  
  
  margin-bottom:20px;
border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
  border-bottom:#e3d2c2 solid 2px;
  }

  .WebTopic_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  color:#69462a;
  font-size:2em;
  
  margin:20px 0px 0px 10px;
  
  }

  .WebTopic_Name span {
  
  padding:0;
  }

  /* ----- Topic Head (Product 003) ----- */
  .ProductContentBox_Topic {
  margin-left:auto;
  margin-right:auto;
  min-height:60px;
  
  
  margin-bottom:20px;
border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
  border-bottom:#e3d2c2 solid 2px;
  }

  .ProductContentBox_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  font-size:1.95em;
  
  margin:10px 0px 0px 10px;
  
  color:#69462a;
  
  }

  .ProductContentBox_Name span {
  
  padding:0;
  }


  /* --------------- Thumbnail -------------- */
  .pdtz {					/* Box For Absolute Change */
  /* background:#ffffff; */
  }

  .pdtz2 {					/* Box For Absolute Change */
  /* background:#ffffff; */
  }

.pdtborder {
	background:#f8f1e6;
	border:#e6d5c0 solid 1px;
}

  .pdtx2 {					/* Product Container */
  border:#ffffff solid 1px;
  }

  .pdtxn {				/* Product Name */
  font-family:Tahoma;
  font-size:1.15em;
  font-weight: normal;
  text-decoration:none;
  
  border-bottom:#dacbb8 dotted 1px;
  }

  .pdtxr {				/* Product Rating */
  border-bottom:#dacbb8 dotted 1px;
  }

  .pdtxr2 {				/* Product Rating(Qty Review) */
  color:#C4C4C4;
  }

  .pdtd {
  color:#555555;
  }

  .pdtxp span:nth-child(1) {				/* Product Price(Real) */
  color:#ff6600;
  }

  .pdtxp span:nth-child(2) {				/* Product Price(Fake) */
  
  }

  .pdtx2:hover {
  border:#ffa800 solid 1px;
  }

  .pdtx:hover .pdtxn {
  color:#af8151;
  font-size:1.15em;
  font-weight: normal;
  text-decoration:none;
  }


  .pdtbttn:hover {
  background-color:#ffae00;
  }

  /* -------------------------- Thumbnail Horizontal (Content) -------------------------- */

  .pdtzh {
  /* background:#ffffff; */
  border-bottom:#dacbb8 solid 1px;
  }



  /* ----- Topic Head (Article) ----- */
  .ArticleContentBox_Topic {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  margin-bottom:20px;
  min-height:60px;
  border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
  border-bottom:#e3d2c2 solid 2px;
  }

  .ArticleContentBox_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  font-size:1.95em;
  
  margin:10px 0px 0px 10px;
  
  color:#69462a;
  
  }

  .ArticleContentBox_Name span {
  
  padding:0;
  }

  .article_topic {
  color:#af8151;
  }

  .article_box:hover .article_topic {
  color:#ff9d00;
  }

  .article_smpt {
  color:#444444;
  }

  .article_data {
  color:#444444;
  }


  /* -------- Board Forum & Borad Topic Page (สี Board Topic) -------- */
.link_BoardTopic a {
	font-family:Tahoma;
	font-size:1.1em;
	font-weight:bold;
	
	text-decoration:none;
}

.link_BoardTopic a:hover {
	
}

.boardtopicfont {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	
}

/* ----------- How To Pay Page ----------- */

.bank_logo {
	color:#444444;
}

.bank_data {
	border-top:#dacbb8 dotted 1px;
	border-bottom:#dacbb8 dotted 1px;
}


/* ----------- Track & Trace ----------- */

.TrackContentBox_Topic {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:20px;
	margin-bottom:20px;
	min-height:60px;
	border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
	border-bottom:#e3d2c2 solid 2px;
}

.TrackContentBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.95em;
	
	margin:10px 0px 0px 10px;
	
	color:#69462a;
	
}

#track_how {
	border-bottom:#d3d3d3 solid 1px;
}

#track_topic_11 {
	color:#444444;
}

#track_searchbox {
	border:#555555 solid 3px;
	background:#ffffff;
}

#bttn_search_track {
	color:#444444;
}

#bttnClearSearchTrack {
	color:#444444;
}

.track_data {
	border-bottom:#dacbb8 dotted 1px;
}


/*----- Board (021) -----*/
/* ----------- Bulletin Board At Home ----------- */
.BoardContentBox_Topic {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:20px;
	min-height:60px;
	border:solid 1px  transparent;	/* จำเป็นต้องมี เพราะถ้าไม่มี ตอนที่ย่อหน้าจอจนเล็ก จะทำให้หัวข้อเลื่อนไปติดด้านบน แทนที่จะ margin ลงมา */
	border-bottom:#e3d2c2 solid 2px;
}

.BoardContentBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.95em;
	
	margin:10px 0px 0px 10px;
	
	color:#69462a;
	
}

.BoardContentBox_Name span {
	
	padding:0;
}

.bbhome_data {
	border-bottom:#dacbb8 dotted 1px;
}

.bbhome_link a {
	
}

.bbhome_link a:hover {
	
}

.bbhome_datas1 {
	color:#444444;
}

.bbhome_datas2 {
	color:#444444;
}

/* -------------------- Paging -------------------- */
		.span_totalpage {
			color:#808080;
		}	
	
		.button_page_selected {
			color:#ff553a;
			background:#e5e5e5;
		}
	
		.button_page {
			color:#555555;
			background:#f5f5f5;
		}
		
		.button_page:hover {
			color:#ffffff;
			background-color:#b08c66;
		}
		
		.button_page_previous {
			color:#555555;
			background:#f5f5f5;
		}
		
		.button_page_previous:hover {
			color:#ffffff;
			background-color:#b08c66;
		}
		
		.button_page_previous_end {
			color:#d9d9d9;
			border:#eeeeee solid 1px;
			background:#ffffff;
		}
		
		.button_page_next {
			color:#555555;
			background:#f5f5f5;
		}
		
		.button_page_next:hover {
			color:#ffffff;
			background-color:#b08c66;
		}
		
		.button_page_next_end {
			color:#d9d9d9;	
			border:#eeeeee solid 1px;	
			background:#ffffff;
		}		
		
		.button_page_next1 {
			color:#555555;
			background:#f5f5f5;
		}
		
		.button_page_next1:hover {
			color:#ffffff;
			background-color:#b08c66;
		}
		
		.span_goto {
			color:#808080;
		}
		
		.bttn_page_goto {
			color:#555555;
			background:#f5f5f5;
		}
		
		.bttn_page_goto:hover {
			color:#ffffff;
			background-color:#b08c66;
		}
		
		.txt_goto {
			border:#cccccc solid 1px;	
			background:#ffffff;
		}
	
		#divLineBttn {
			background:#d4f9ff;
		}
		
		.div_paging {
    			border-top: none;
    			border-bottom: none;
    			background:#f1e2ca;
			border-top:#dacbb8 dotted 1px;
			border-bottom:#dacbb8 dotted 1px;
		}		
		
		.div_paging a {
			color:#555555;
		}
		
		.div_paging a:visited {
			color:#555555;
		}
		
		.div_paging a:hover {
			color:#ffffff;
		}


/* ----------- MenuTopScroll ----------- */
#mnutopscroll {
	background:#ffffff;
}

.spnmenu:first-child {
	border-left:#dddddd solid 1px;
}

.spnmenu {
	border-right:#dddddd solid 1px;
	color:#555555;
}

.spnmenu:hover {
	color:#00A2FF;
}

.dropdownbox {		
	background:#ffffff;
}

.dropdownbox ul li {
	border-bottom:#E5E5E5 solid 1px;
	color:#555555;
}

.dropdownbox ul li a {
	color:#555555;
}

.dropdownbox ul li a:hover {
	color:#ffffff;
	background-color: #333333;
}

.dropdownbox ul li a i {
	padding-right:5px;
}

.submnud {
	color:#555555;
}

.submnud:hover {
	color:#ffffff;
	background-color: #333333;
}

#SearchTextTop {
	border:#e5e5e5 solid 1px;
}

#SearchTextTop:focus {
	border:#333333 solid 1px;
}

#SearchButtonTop {
	background:#434444;
	color:#ffffff;
}

#SearchButtonTop:hover {
	background-color:#ff7e00;
}


/* ---------------------- Dropdown Cart View ---------------------- */
.cartdd_topic {
	border-bottom:#dddddd solid 1px;
	color:#555555;
}

.cartdd_topic span {
	color:#0078ff;
}

.cartdd_pdt {
	border-bottom: #dddddd solid 1px;
}

.bttncart_edit {
	background:#aaaaaa;
	color:#ffffff;
}

.bttncart_edit {
	background:#aaaaaa;
	color:#ffffff;
}

.bttncart_edit:hover {
	background-color:#444444;	
}

.castdd_price {
	color:#555555;
}

.castdd_bttncheckout {
	background:#555555;
	color:#ffffff;
}

.castdd_bttncheckout:hover {
	background-color:#d6644a;
}


/* ----- ปุ่ม AddNew @home ----- */
.bttn_AddNewContent  {
	font-family: thaisanslite,Tahoma;
font-size: 1.8em;
height:45px;
line-height:42px;
padding-left:20px;
padding-right:20px;
background:#b08c66;
color:#ffffff;
cursor:pointer;
border:#937452 solid 2px;
border-radius: 2px;
transition: background-color 0.4s ease;
box-sizing: border-box;
}

.bttn_AddNewContent:hover {
	color:#b08c66;
background-color: #ffffff;
border:#b08c66 solid 2px;
}


/* ---------- หน้า Pages เพิ่มเติม ---------- */
#PagesViewTime {
	border-bottom:#dacbb8 dotted 1px;
}

.pages_viewtime {
	border-bottom:#dacbb8 dotted 1px;
}

.pages_viewtime span {
	color:#ff6600;
}


/* -------------- Sort Row (เมนูสำหรับด้านบนสำหรับสินค้า เช่น เลือกแสดงจำนวนสินค้า, แสดงแบบ thumb หรือ horizontal, แสดง sort ตามชื่อ หรือราคา) -------------- */
.pdtlistcontrol {
	border-top:#dddddd solid 1px;
	border-bottom:#dddddd dashed 1px;	
}

.bttn_view_selected {
	background:#e5e5e5;
	color:#444444;
}

.bttn_view {
	background:#ffffff;
	color:#444444;
}

.bttn_view:hover {
	color:#ff7200;
	background-color:#b08c66;
}











/* ======================================= Menu Left ======================================= */





/* -------------------- Left Menu Css (Menu On Left Side) -------------------- */
/*---- WebStatus (002) ----*/
.WebStatus {
		
	margin-left:auto;margin-right:auto;
	max-width:270px;
	height:168px;	
	
	background:url('../../template/0010/images/bg_webstatus.png') no-repeat center top;	
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
}

.WebStatus_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.8em;
	
	
	margin:14px 0px 0px 20px;
	
	color:#69462a;
}

.WebStatus_Name span {
	
	padding:0;
}

.WebStatus_Content {
	position: absolute;
	z-index:1;
	font-family:Tahoma;
	font-size:0.9em;
	font-weight:bold;
	color:#a99583;
	margin:73px 0px 0px 34px;
}

.Status_LineData {
	float:left;
	width:100%;
	height:20px;
	clear:both;
}




/*----------- Product  (003) (For LeftBox Only) --------------*/
.PdtLeftBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
	padding-bottom:10px;
}

.PdtLeftBox_BG1 {
	margin:0;
	max-width:270px;
	height:48px;
	background:url('../../template/0010/images/bg_menuleft_1.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	position:relative;
	overflow:hidden;
}

.PdtLeftBox_BG2 {
	margin-top:0px;
	max-width:270px;
	padding:20px 0px 20px 0px;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;margin-right:auto;
	color:#907f6f;
	font-size:13px;
	background:url('../../template/0010/images/bg_menuleft_2.png') repeat-y;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.PdtLeftBox_BG3 {
	clear:both;
	max-width:270px;
	height:20px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0010/images/bg_menuleft_3.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.PdtLeftBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.9em;
	margin:14px 0px 0px 20px;
	
	color:#907f6f;
	
	
}

.PdtLeftBox_Name span {
	
	padding:0;
}

.PdtLeftBox_DataList {
	margin-left:auto;
	margin-right:auto;
	max-width:240px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#907f6f;
	padding-left:3px;
}

.ProductListBoxLeft {
	width:100%;
}


/*---- ImageBox (ใช้กับ ContactUs [005], ConfirmPay [006], MessageUs [007], Track [008]) ----*/

.ImgLeftBox {
	text-align:center;
}


/*---- MenuHtml (009) ----*/

.HtmlBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
	word-wrap: break-word;
	font-family:Tahoma;
	font-size:12px;
	min-height:20px;
}



/*---- LinkText (010) ----*/
.LinkTextBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}

.LinkTextBox_BG1 {
	margin:0;
	max-width:270px;
	height:48px;
	background:url('../../template/0010/images/bg_menuleft_1.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	position:relative;
	overflow:hidden;
}

.LinkTextBox_BG2 {
	margin-top:0px;
	max-width:270px;
	padding:20px 0px 20px 0px;
	clear:both;
	margin-left:auto;margin-right:auto;
	color:#907f6f;
	font-size:13px;
	background:url('../../template/0010/images/bg_menuleft_2.png') repeat-y;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.LinkTextBox_BG3 {
	clear:both;
	max-width:270px;
	height:20px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0010/images/bg_menuleft_3.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.LinkTextBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.9em;
	margin:14px 0px 0px 20px;
	
	color:#907f6f;
	
	
}

.LinkTextBox_Name span {
	
	padding:0;
}

.LinkTextBox_Content {
	margin-left:auto;
	margin-right:auto;
	width:92%;
	word-wrap:break-word;
}

.linktext_link {
	margin-left:auto;
	margin-right:auto;
	font-family:Tahoma;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#cccccc dotted 1px;
	list-style:none;
	background:url(../../template/0000/images/arrow_gray.png) no-repeat left;
	padding-left:20px;
	padding-bottom:10px;	
}

.linktext_link a {
	color:#0077c2;
	text-decoration:none;
}

.linktext_link a:hover {
	color:#ff4e00;
	text-decoration:underline;
}


/*---- DBD (013) ----*/

.DBDBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}

/*---- Facebook LikeBox (014) ----*/
.LikeBoxBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}



/*---- Facebook LikeButton (015) ----*/
.LikeButtonBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}


/*---- Twitter (016, 017) ----*/

.TwitterWidgetBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}

.TwitterButtonBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}


/*---- GooglePlus (018) ----*/

.GooglePlusBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}


/*---- MenuWriteMessage (019) ----*/

.WriteMessageBox {
	margin-left:auto;margin-right:auto;
	width:100%;
	word-wrap: break-word;
	min-height:20px;
}



/* ----- ProductMenu (023)-เมนูสินค้า -----*/
.ProductMenuBox {
	margin-left:auto;margin-right:auto;
	max-width:270px;
}

.ProductMenuBox_BG1 {
	margin:0;
	max-width:270px;
	height:48px;
	background:url('../../template/0010/images/bg_menuleft_1.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	position:relative;
	overflow:hidden;
}

.ProductMenuBox_BG2 {
	margin-top:0px;
	max-width:270px;
	padding:20px 0px 20px 0px;
	clear:both;
	margin-left:auto;margin-right:auto;
	color:#907f6f;
	font-size:13px;
	background:url('../../template/0010/images/bg_menuleft_2.png') repeat-y;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.ProductMenuBox_BG3 {
	clear:both;
	max-width:270px;
	height:20px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0010/images/bg_menuleft_3.png');
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.ProductMenuBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.9em;
	margin:14px 0px 0px 20px;
	
	color:#907f6f;
	
	
}

.ProductMenuBox_Name span {
	
	padding:0;
}

.ProductMenuBox_ContentList {	
	word-wrap:break-word;
	margin-left:auto;margin-right:auto;
}


/* ---- Menu Pdt Category ---- */
.mnu_pdtc {
	margin-left:auto;
	margin-right:auto;
	width:92%;
	box-sizing:border-box;
	border-bottom:#e3d2c2 dotted 1px;
}

.mnu_pdtc span {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:12px;
	font-size:14px;	
	color:#907f6f;
	transition: background-color 0.3s ease;
}

.mnu_pdtc span:hover {
	color:#ff4e00;
	background-color:#f8eede;
}

.mnu_pdtc img {
	display:inline-block;
	max-width:30px;
	padding-right:5px;
	vertical-align:middle;
}

.mnu_pdtc a {
	font-family:Tahoma;
	font-size:14px;	
	color:#907f6f;
	text-decoration:none;
}

.mnu_pdtc a:hover {
	color:#ff4e00;
}

.mnu_pdtslist {
	display:none;	
	margin-left:auto;
	margin-right:auto;
	width:92%;
	box-sizing:border-box;
	padding-left:20px;
	border-bottom:#dacbb8 dotted 1px;
}

.mnu_pdtslist .mnu_pdts {
	border-bottom:none;
}

.mnu_pdts {
	width:100%;	
	box-sizing:border-box;
	font-size:14px;
	color:#907f6f;
	border-bottom:#e3d2c2 dotted 1px;
}

.mnu_pdts span {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:12px 5px 12px 12px;
	transition: background-color 0.3s ease;
}

.mnu_pdts span:hover {
	background-color:#f8eede;
}

.mnu_pdts img {
	display:inline-block;
	max-width:30px;
	padding-right:5px;
	vertical-align:middle;
}

.mnu_pdts a {
	font-family:Tahoma;
	font-size:14px;
	color:#907f6f;
	text-decoration:none;
}

.mnu_pdts a:hover {
	color:#ff4e00;
}


/* --- menu pdt subcategory ---*/
#mnu_pdts_box {
	display:none;
	width:290px;
	position: relative;
	background: #ffffff;
	box-sizing:border-box;
	padding:10px;
	padding-bottom:30px;
	border: 1px solid #dddddd;
	border-radius:5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);			
}
#mnu_pdts_box:after, #mnu_pdts_box:before {
	right: 100%;
	top: 27px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#mnu_pdts_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
#mnu_pdts_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #dddddd;
	border-width: 12px;
	margin-top: -12px;
}

@media only screen and (max-width:570px) {

.mnu_pdtslist {
	display:block;	
}

.mnu_pdts {
	border-bottom:none;
}
	
}



.HtmlContentBox {
	margin-left:auto;margin-right:auto;
	width:100%;
	word-wrap: break-word;
	font-family:Tahoma;
	font-size:1.1em;
	min-height:20px;
}

.LikeBoxContentBox {
	width:100%;
}

.LikeButtonContentBox {
	width:100%;
}


.TwitterWidgetContentBox {
	width:100%;
}

.TwitterButtonContentBox {
	width:100%;
}

.GooglePlusContentBox {
	width:100%;
}

.WriteMessageContentBox {
	margin-left:auto;margin-right:auto;
	width:100%;
	word-wrap: break-word;
	font-family:Tahoma;
	font-size:1.1em;
	min-height:20px;
}




#bbf_path {
	background-color: #f1e2ca;
}





.chksum_1 {
	border:#dcab5b solid 1px;
background-color:#f7cc85;
color:#333333;
}

.chksum_2 {
	border:#e4e4e4 solid 1px;
background:#f8f6f6;
}

.chksum_3 {
	color:#a28a77;
border-right:#c7b69b solid 1px;
background-color: #e4d7bb;
}

.chksum_3:hover {
	color:#cd996f;
border:#cd996f solid 2px;
background-color:#ffffff;
}



/* ----------- PdtgBox ----------- */
.pdtgbox {
	border-color:#eeeeee;
	background:#ffffff;
	border-top:#f31349 solid 2px;
}

.pdtgbox_menu {
	border-color:#eeeeee;
}

.pdtgbox_menu_1 {
	border-color:#eeeeee;
}

.pdtgbox_thumb {	
	border-color:#eeeeee;
}

.pdtgbox_thumbnoleft {
	border-color:#eeeeee;
}

.pdtgbox_thumb:nth-child(1), .pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(3), .pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6), .pdtgbox_thumb:nth-child(7), .pdtgbox_thumb:nth-child(8) {
	border-color:#eeeeee;
}

.pdtgbox_thumbnoleft:nth-child(1), .pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(3), .pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
	border-color:#eeeeee;
}

.pdtgbox_thumb_name {
    	color:#444444;
}

.contact_datas2 a {
	color:#444444;
}










/* ----------- Update เพิ่ม ------------*/

.pdtx2 {
    border: 1px solid #f6ecdc;
}

.pdtbttn {
  border-color:#ebdbc8;
}

.pdtbttn:first-child {
    border-left-color:#ebdbc8;
}

.bbhome_link a:hover {
    color: #24bad7;
}


/* ----------- PdtgBox ----------- */
.pdtgbox {
	border-color:#f6ecdc;
	background:#fdf9f4;
	border-top:#f31349 solid 2px;
}

.pdtgbox_menu {
	border-color:#ece5dd;
}

.pdtgbox_menu_1 {
	border-color:#ece5dd;
}

.pdtgbox_thumb {	
	border-color:#ece5dd;
}

.pdtgbox_thumbnoleft {
	border-color:#ece5dd;
}

.pdtgbox_thumb:nth-child(1), .pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(3), .pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6), .pdtgbox_thumb:nth-child(7), .pdtgbox_thumb:nth-child(8) {
	border-color:#ece5dd;
}

.pdtgbox_thumbnoleft:nth-child(1), .pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(3), .pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
	border-color:#ece5dd;
}



/* ---------- PdtDetail ---------- */
#pdtd_name {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_rating {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_desc {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_price {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_overview {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_bttncart {
    border-bottom: 1px dotted #d6bfa5;
}

#pdtd_bttnthumb {
    background: transparent url("../../template/0008/images/line_bttn_pdtd.png") repeat-x scroll 0% 0%;
}

/*
#pdtd_btn div {
    border: 1px solid #d6bfa5;
}
*/

.tabbox {
    border-bottom: 1px solid #d6bfa5;
}

.tabSelected {
	background:#fde7cc;
	border:#d6bfa5 solid 1px;
}

.tabDeSelect {
	background:#ffffff;
	border:#d6bfa5 solid 1px;
}

.tabcontent {
	border:#d6bfa5 solid 1px;
	border-top: none;
}

#ment_summary {
    	border-bottom: 1px solid #d6bfa5;
}

#mentre_topic {
    	border-bottom: 1px solid #d6bfa5;
}




/* ---------- Bulletin Board ---------- */
#bbf_path {
	background:#f1e2ca;
}

#bb_path {
	color:#4f6479;
	background:#f1e2ca;
}

.bbf_box {
    	border-bottom: 1px dotted #3c4959;
}

.bbf_box:hover {
	background:#f1e2ca;
}

.bbt_box {
    	border-bottom: 1px dotted #3c4959;
}

.bbm1 {
    	background: none;
	border-right: 1px dotted #3c4959;
}

.bbm {
    	background: none;
	border-bottom: 1px dotted #3c4959;
}

.bbm_signature {
	border-top: 1px dotted #3c4959;
}




/* ----------- Article Detail ----------- */
#arc_suggest_topic {
	border-bottom: 5px solid #efdeca;
}

#arc_comment_topic {
	border-bottom: 5px solid #efdeca;
}

#arc_topic_other {
	border-bottom: 5px solid #efdeca;
}



/* ---------- How To Pay ---------- */
.bank_data {
    	border-top: 1px dotted #d6bfa5;
    	border-bottom: 1px dotted #d6bfa5;
}


/* ---------- ContactUs ---------- */
#contact_detail {
    	border: 1px dotted #d6bfa5;
}

#contact_message {
    	border: 1px dotted #d6bfa5;
}

.topic {
	color:#555555;
	border-bottom: 5px solid #efdeca;
}

.topicsub {
	color:#ac9468;
	border-bottom: 1px dotted #d6bfa5;
}

#form_message {
	border: 1px solid #d6bfa5;
}

/*
.contact_datas {
    	color: #858c94;
}

.contact_datas2 a {
    	color: #858c94;
}
*/

.contact_datas2 a:hover {
    	color: #00b7db;
}


/* ---------- Track & Trace ---------- */
#track_how {
	border-bottom: 1px solid #d6bfa5;
}

#track_topic_2 a {
	    color: #ac9468;
}

#track_topic_2 a:hover {
	    color: #22c6f5;
}

#track_searchbox {
    	border: 3px solid #efdeca;
}

#txtSearchTrack {
	color:#555555;
    	background:#fffbf7;
}

#bttn_search_track, #track_topic_11 {
	color:#888888;
}




/* ---------- Register ---------- */
.form_sub {
    	border: 1px solid #d6bfa5;
}

.form_sub_topic {
	color:#555555;
	border-bottom: 1px solid #d6bfa5;
}





/* ----------- Thumb Bg After Hover ----------- */
.pdtz:hover {					/* Box For Absolute Change */	
	background:#f6ecdc;
}

.pdtz2:hover {					/* Box For Absolute Change (Slide Pdt) */	
	background:#f6ecdc;
}

.pdtzl:hover {					/* Box For Absolute Change (สำหรับด้านซ้ายมือ) */	
	background:#fcf8f2;
}


/* ------------------- Banner Thumb List Small ------------------- */
.bannerthumbtopic {
	color:#68462a;
	border-color:#cbb097;
}