html,body {
  width:100%;
  height:100%;
  margin:0;
  background:#000000 url('../../template/0009/images/bg_wallpaper.png');
  }

  a:link { color: #49b6c0 }
  a:visited { color: #49b6c0 }
  a:hover { color: #ff7260 }

  body {color:#404040;}

  .NormalFont_Color {
  color:#404040;
  }

  .FontColor_Topic {
  
  }

  .SubTopic_Color {
  
  }

  .BG_COLOR_1 {
  
  }

  .BG_COLOR_2 {
  background-color: #f9f9f9;
  }

  .BG_COLOR_3 {
  
  }

  .LINE_COLOR {
  background:#e9e9e9;
  }


  /* -------- ButtonTheme -------- */
  .bttntheme {
  font-family: thaisanslite,Tahoma;
font-size: 1.8em;
height:45px;
line-height:42px;
padding-left:20px;
padding-right:20px;
background:#505050;
color:#ffffff;
cursor:pointer;
border:#404040 solid 2px;
transition: background-color 0.4s ease;
box-sizing: border-box;
  }

  .bttntheme:hover {
  color:#ffffff;
background-color: #ff7260;
border:#cc5b4d 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:#ffffff;
  }

  #HeaderAndMenu {
  }

  #TopTitle_Box {
  width:100%;
  background-color:#9bd7d5;
  }

  #Header_Box {
  text-align:center;
  background:#ffffff;
  }

  #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:#9bd7d5;
  }

  #MainBottomCenter_Box {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
  
  color:#555555;
  font-size:13px;
  
  
  }



  /*
  .gridContainer {
  background:#000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  }
  */

  #TopTitle_1 {
  height:135px;
  font-family:superstoreregular;
  font-size:30px;
  color:#ffffff;
  overflow:hidden;
  }

  .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  }

  #TopTitle_1 img {
  max-width:95%;
  max-height:135px;
  }

  #TopTitleIcon::before {
		content:url('../../template/0009/images/0');
}

#TopTitleIcon {
	display:inline-block;
	vertical-align:middle;
	padding-right:10px;
}

  #TopTitleName {
  font-family:superstoreregular;
  line-height:135px;
  font-size:30px;
  color:#ffffff;
  display:inline-block;
  vertical-align:middle;
  }

  #TopTitleImage {
  height:135px;line-height:135px;
  }

  #TopTitle_2 {
  height:135px;
  box-sizing:border-box;
  padding-top:47.5px;
  }

  #searchbox {
  position:relative;
  max-width:460px;
  height:40px;
  box-sizing:border-box;
  background-color:#fff000;
  }

  #select_category {
  height:40px;
  }

  #searchbox1 {
  float:left;
  border:#84b7b5 solid 1px;
  width: 152px;
  height:40px;
  overflow:hidden;
  background-color:#f6f6f6;
  }

  #searchbox2 {
  margin-left: 152px;
  margin-right: 40px;
  border-top: 1px solid #84b7b5;
  border-bottom: 1px solid #84b7b5;
  height:40px;
  box-sizing:border-box;
  background-color:#8bc1bf;
  
  }

  #searchbox1 .select2{
  min-width:152px;
  height:40px;
  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: 40px;
  }
  .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:#ffffff;
  }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color:#555555;
}

  #searchbox3 {
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px;
  }

  #SearchButton {
  width:40px;
  height:40px;
  color:#ffffff;
  
  background-color:#d4e3a6;
  border:#84b7b5 solid 1px;
  font-size:1.3em;
  
  box-sizing:border-box;
  transition: background-color 0.4s ease;
  }

  #SearchButton:hover {
  background-color:#e7a995;
  }

  #SearchButton span { display:none; }

  #TopTitle_3 {
  height:135px;
  }

  #CartBox {
  position:relative;
background:#8bc1bf;
border:#ffffff solid 1px;
width:205px;
height:49px;
cursor:pointer;
box-sizing: border-box;
margin-top:43px;
transition: all 0.3s ease-in-out;
              
  }

  #CartBox:hover {
  background:#538b89;
-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);
              
  }

  .CartIconLeft {
  float:left;
vertical-align: middle;
text-align:center;
width:49px;
height:47px;
background:#e7a995 url(../../template/0009/images/cart.png) no-repeat;
  }

  .CartData {
  float:left;
box-sizing:border-box;
vertical-align: middle;
width:150px;
height:47px;
padding-top:10px;
padding-left:15px;
word-wrap:break-word;
font-family:Tahoma;
font-size:0.9em;
font-weight:bold;
color:#ffffff;

  }

  .CartData span {
  display:inline-block;
  }


  .cartfont1 {
  color:#ffffff;
  }

  .cartfont2 {
  color:#ffffff;
  }




  /* ----------------------- Menu Top ----------------------- */
  #Template_TopMenu {
  background-color:#ff7260;
  height:65px;
  }

  .div_TopMenu {
  width:100%;
  height:65px;
  /* 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:65px;		/* ส่วนสูง เซ็ตค่าต่ำกว่า 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:#ffffff;
  
  
  
  height:65px;
  line-height:65px;
  text-shadow:0;
  }

  #MenuTop_PC > ul > li > a:hover {
  color:#ffdf91;
  
  
  
  
  
  }

  #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:#d5e999 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:#555555;
  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:#555555;
  text-decoration:none;
  }

  .pdtsub a:hover {
  color:#d4685a;
  }

  .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:#ff7260;
  text-decoration:none;
  }

  .pdtall a:hover {
  color:#61bdba;
  }

  .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:#d5e999 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:#ff7260;
  }



  /*---------- 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:#ffffff;
  }

  #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:#ffffff;
  }


  #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:#9bd7d5 solid 1px;
text-align:center;
font-family:"Courier New", Courier, monospace;
font-size: 1em;
color:#9bd7d5;
background-color:#ffffff;
box-sizing: border-box;
cursor:pointer;
transition: background-color 0.4s ease;
                  
  }

  #pdtd_btn a:hover {
  color:#ff7260;
border:#ff7260 solid 1px;
                
  }

  #pdtd_btn div {
  float:left;
display:block;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
margin:0;
padding:0;
border:#9bd7d5 solid 1px;
text-align:center;
font-family:"Courier New", Courier, monospace;
font-size: 1em;
color:#9bd7d5;
background-color:#ffffff;
box-sizing: border-box;
cursor:pointer;
transition: background-color 0.4s ease;
                  
  }

  #pdtd_btn div:hover {
  color:#ff7260;
border:#ff7260 solid 1px;
                
  }





  /* ---------- Bottom (Newsletter) ---------- */
  #newsletterbox {
  width:100%;
  height:165px;
	background:#93ccca;
  border-top:#8cc2c0 solid 1px;
  border-bottom:#8cc2c0 solid 1px;
	color:#ffffff;
  }

  #newsletterbox_1 {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:80%;
  font-family:thaisansneue;
  font-size:2.1em;
  color:#555555;
  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:#555555;
  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:#ff7260;
  }


  @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:#555555;
  border-bottom:#ffffff dotted 1px;
  }

  #BottomLink_Box {
  width:100%;
  padding-left:5%;
  padding-right:5%;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing:border-box;
  border-bottom:#ffffff dotted 1px;
  }

  .col4 {
  float:left;
  width: 25%;
  word-wrap: break-word;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  color:#555555;
  }

  .col4 h4 {
  display:block;
  margin:0px;
  width:100%;
  min-height:30px;
  font-family: rsu,Tahoma;
  font-size: 1.6em;
  color:#fb5f4e;
  }

  @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:#555555;
  transition: color 0.4s ease;
  transition: margin-left 0.4s ease;
  text-decoration:none;
  }

  .collink > ul > li > a:hover {
  color:#ff7260;
  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:#ffffff;
	background:#ff7260;
  box-sizing:border-box;
  }

  #BottomHost a {
  color:#fcffab;
  text-decoration:none;
  }

  #BottomHost a:hover {
  color:#000000;
  text-decoration:underline;
  }

  #BottomPayOption {
  display:inline-block;
  border-bottom:#ffffff dotted 1px;
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
  text-align:center;
  color:#555555;
  box-sizing:border-box;
  }








  /* -------------------- กำหนดสี ส่วนต่าง ๆ (มีอยู่ใน mainstyle.css ด้วย แต่อันนี้สำหรับเปลี่ยนสีสันใน theme) -------------------- */
  /* ----- Topic Head ----- */
  .WebTopic_Bg {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  width:100%;
  height:60px;
  background:url('../../template/0009/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:#ff7260 solid 1px;
  }

  .WebTopic_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  color:#ff7260;
  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:#ff7260 solid 1px;
  }

  .ProductContentBox_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  font-size:1.95em;
  
  margin:20px 0px 0px 10px;
  
  color:#ff7260;
  
  }

  .ProductContentBox_Name span {
  
  padding:0;
  }


  /* --------------- Thumbnail -------------- */
  .pdtz {					/* Box For Absolute Change */
  /* background:#ffffff; */
  }

  .pdtz2 {					/* Box For Absolute Change */
  /* background:#ffffff; */
  }

  .pdtx2 {					/* Product Container */
  border:#ffffff solid 1px;
  }

  .pdtxn {				/* Product Name */
  font-family:Tahoma;
  font-size:1.15em;
  font-weight: normal;
  text-decoration:none;
  color:#505050;
  border-bottom:#e9e9e9 dotted 1px;
  }

  .pdtxr {				/* Product Rating */
  border-bottom:#e9e9e9 dotted 1px;
  }

  .pdtxr2 {				/* Product Rating(Qty Review) */
  color:#C4C4C4;
  }

  .pdtd {
  color:#555555;
  }

  .pdtxp span:nth-child(1) {				/* Product Price(Real) */
  color:#ff7260;
  }

  .pdtxp span:nth-child(2) {				/* Product Price(Fake) */
  color:#595959;
  }

  .pdtx2:hover {
  border:#9bd7d5 solid 1px;
  }

  .pdtx:hover .pdtxn {
  color:#58bcb9;
  font-size:1.15em;
  font-weight: normal;
  text-decoration:none;
  }

  .pdtbttn {
  border-color:#eeeeee;
  }

.pdtbttn:first-child {
    border-left-color:#eeeeee;
}

  .pdtbttn:hover {
  background-color:#505050;
  }

  /* -------------------------- Thumbnail Horizontal (Content) -------------------------- */

  .pdtzh {
  border-bottom:#e9e9e9 dotted 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:#ff7260 solid 1px;
  }

  .ArticleContentBox_Name {
  position: absolute;
  z-index:1;
  font-family:rsu;
  font-size:1.95em;
  
  margin:20px 0px 0px 10px;
  
  color:#ff7260;
  
  }

  .ArticleContentBox_Name span {
  
  padding:0;
  }

  .article_topic {
  color:#505050;
  }

  .article_box:hover .article_topic {
  color:#58bcb9;
  }

  .article_smpt {
  color:#666666;
  }

  .article_data {
  color:#666666;
  }


  /* -------- 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:#404040;
}

.bank_data {
	border-top:#e9e9e9 dotted 1px;
	border-bottom:#e9e9e9 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:#ff7260 solid 1px;
}

.TrackContentBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.95em;
	
	margin:20px 0px 0px 10px;
	
	color:#ff7260;
	
}

#track_how {
	border-bottom:#d3d3d3 solid 1px;
}

#track_topic_11 {
	color:#404040;
}

#track_searchbox {
	border:#555555 solid 3px;
	background:#ffffff;
}

#bttn_search_track {
	color:#404040;
}

#bttnClearSearchTrack {
	color:#404040;
}

.track_data {
	border-bottom:#e9e9e9 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:#ff7260 solid 1px;
}

.BoardContentBox_Name {
	position: absolute;
	z-index:1;
	font-family:rsu;
	font-size:1.95em;
	
	margin:20px 0px 0px 10px;
	
	color:#ff7260;
	
}

.BoardContentBox_Name span {
	
	padding:0;
}

.bbhome_data {
	border-bottom:#e9e9e9 dotted 1px;
}

.bbhome_link a {
	
}

.bbhome_link a:hover {
	
}

.bbhome_datas1 {
	color:#404040;
}

.bbhome_datas2 {
	color:#404040;
}

/* -------------------- 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:#ff7260;
		}
		
		.button_page_previous {
			color:#555555;
			background:#f5f5f5;
		}
		
		.button_page_previous:hover {
			color:#ffffff;
			background-color:#ff7260;
		}
		
		.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:#ff7260;
		}
		
		.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:#ff7260;
		}
		
		.span_goto {
			color:#808080;
		}
		
		.bttn_page_goto {
			color:#555555;
			background:#f5f5f5;
		}
		
		.bttn_page_goto:hover {
			color:#ffffff;
			background-color:#ff7260;
		}
		
		.txt_goto {
			border:#cccccc solid 1px;	
			background:#ffffff;
		}
	
		#divLineBttn {
			background:#d4f9ff;
		}
		
		.div_paging {
    			border-top: none;
    			border-bottom: none;
    			background:#f9f9f9;
			border-top:#e9e9e9 dotted 1px;
			border-bottom:#e9e9e9 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:#505050;
color:#ffffff;
cursor:pointer;
border:#404040 solid 2px;
transition: background-color 0.4s ease;
box-sizing: border-box;
}

.bttn_AddNewContent:hover {
	color:#ffffff;
background-color: #ff7260;
border:#cc5b4d solid 2px;
}


/* ---------- หน้า Pages เพิ่มเติม ---------- */
#PagesViewTime {
	border-bottom:#e9e9e9 dotted 1px;
}

.pages_viewtime {
	border-bottom:#e9e9e9 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:#404040;
}

.bttn_view {
	background:#ffffff;
	color:#404040;
}

.bttn_view:hover {
	color:#ff7200;
	background-color:#ff7260;
}











/* ======================================= Menu Left ======================================= */





/* -------------------- Left Menu Css (Menu On Left Side) -------------------- */
/*---- WebStatus (002) ----*/
.WebStatus {
		
	margin-left:auto;margin-right:auto;
	max-width:270px;
	height:178px;	
	
	background:url('../../template/0009/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:12px 0px 0px 15px;
	
	color:#ffffff;
}

.WebStatus_Name span {
	
	padding:0;
}

.WebStatus_Content {
	position: absolute;
	z-index:1;
	font-family:Tahoma;
	font-size:0.9em;
	font-weight:normal;
	color:#505050;
	margin:75px 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/0009/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;
	
	font-size:13px;
	background-color:#f9f9f9;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.PdtLeftBox_BG3 {
	clear:both;
	max-width:270px;
	height:30px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0009/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:12px 0px 0px 15px;
	
	color:#ffffff;
	
	
}

.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:#505050;
	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/0009/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;
	
	font-size:13px;
	background-color:#f9f9f9;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.LinkTextBox_BG3 {
	clear:both;
	max-width:270px;
	height:30px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0009/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:12px 0px 0px 15px;
	
	color:#ffffff;
	
	
}

.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:#ff7260;
	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/0009/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;
	
	font-size:13px;
	background-color:#f9f9f9;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.ProductMenuBox_BG3 {
	clear:both;
	max-width:270px;
	height:30px;
	margin-top:0px;
	margin-left:auto;margin-right:auto;
	background:url('../../template/0009/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:12px 0px 0px 15px;
	
	color:#ffffff;
	
	
}

.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:#e9e9e9 dashed 1px;
}

.mnu_pdtc span {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:12px;
	font-size:14px;	
	color:#505050;
	/* transition: background-color 0.3s ease; */
	transition: all 0.3s ease-in-out;
}

.mnu_pdtc span:hover {
	color:#ff7260;
	background-color:#f3f3f3;
	border-left:#ff7260 solid 3px;
}

.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:#505050;
	text-decoration:none;
}

.mnu_pdtc a:hover {
	color:#ff7260;
}

.mnu_pdtslist {
	display:none;	
	margin-left:auto;
	margin-right:auto;
	width:92%;
	box-sizing:border-box;
	padding-left:20px;
	border-bottom:#e9e9e9 dotted 1px;
}

.mnu_pdtslist .mnu_pdts {
	border-bottom:none;
}

.mnu_pdts {
	width:100%;	
	box-sizing:border-box;
	font-size:14px;
	color:#505050;
	border-bottom:#e9e9e9 dashed 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:#f3f3f3;
}

.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:#505050;
	text-decoration:none;
}

.mnu_pdts a:hover {
	color:#ff7260;
}


/* --- 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: #f9f9f9;
}





.chksum_1 {
	border:#cc5b4d solid 1px;
background-color:#ff7260;
}

.chksum_2 {
	border:#e4e4e4 solid 1px;
background:#f8f6f6;
}

.chksum_3 {
	color:#ffffff;
border-right:#ffffff solid 1px;
background-color: #9bd7d5;
}

.chksum_3:hover {
	color:#505050;
border:#505050 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:#404040;
}

.contact_datas2 a {
	color:#404040;
}

.pdtgbox_menu_2 a {
    color: #555555;
}



/* ----------- Thumb Bg After Hover ----------- */
.pdtz:hover {					/* Box For Absolute Change */	
	background:#ffffff;
}

.pdtz2:hover {					/* Box For Absolute Change (Slide Pdt) */	
	background:#ffffff;
}

.pdtzl:hover {					/* Box For Absolute Change (สำหรับด้านซ้ายมือ) */	
	background:#ffffff;
}