/**************************************************************/
/*** Body ***/
/**************************************************************/
body{
	margin:0px;
	padding:0px;
	/*
	font:normal 14px 'Kanit', Tahoma, Geneva, sans-serif;
	font-size:16px;font-family: 'Kanit', Tahoma, Geneva, sans-serif;font-style: bold;
	*/
	font-size: 14px;
	font-family: 'Kanit', Tahoma, Geneva, sans-serif !important;
	font-weight: normal;
	font-style: normal;
	color:#f6e9bd;
	font-weight:300;
	
	/*background-color: #080500;
	background:-webkit-gradient(linear,left top,left bottom,from(#080500),to(#222));
	background:-moz-linear-gradient(top,#080500, #222);*/
	}
hr {
	border:none;
	border-top:1px solid #fef8c5;
	height:1px;
	display:block;
	margin:5px 0px 0px 0;
	padding:0;
	}
/**************************************************************/
/*** Wrapper ***/
/**************************************************************/
#wrapper {
	margin:5px auto 5px auto;
	width:1000px;
	/*padding:5px;
	background-color:#FFF;*/
	}
/**************************************************************/
/*** Header ***/
/**************************************************************/
.header {
    position: relative;
    text-align: center;
    color: white;
	line-height:0px;
}
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}
/**************************************************************/
/*** Side-Left ***/
/**************************************************************/
#wrap-side-left {
	padding:0px 0px 50px 0px;
	vertical-align:top;
	width: 230px;
	}
/**************************************************************/
/*** Side-Right ***/
/**************************************************************/
#wrap-side-right {
	padding:0px 0px 50px 0px;
	vertical-align:top;
	width: 200px;
	}
/**************************************************************/
/*** Content ***/
/**************************************************************/
#wrap-content {
	padding:0px 0px 7px 10px;
	vertical-align:top;
	width:760px;
	}
#main-content{
	margin-bottom:7px;
	padding:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:100%;
	}
/**************************************************************/
/*** Footer ***/
/**************************************************************/
#wrap-footer {

}
#footer {
	margin:0px auto 0px auto;
	overflow:hidden;
	border-top:solid 1px #ffffff;
	width:100%;
	color: #f6e9bd;
	padding-top:7px;
	text-align: center;
	font-size:13px;
	/*text-shadow:0px 0px 1px #000;*/
}
#footer a {
	color:#f6e9bd;
	text-decoration:none;
	cursor:pointer;
	/*text-shadow:0px 0px 1px #000;*/
	}
#footer a:hover {
	color: #FFBE00;
	}
div#navbar-bottom {
	padding:6px;
	}
div#navbar-bottom a#menu-footer {
	padding-right:8px;
	padding-left:3px;
	background-image:url(../images/common/divider-line.png);
	background-repeat:no-repeat;
	background-position:center right;
	color:#f6e9bd;
	}
div#navbar-bottom a#menu-footer:hover {
	color: #FFBE00;
	}
div#navbar-bottom a#menu-footer:last-child {
	background-image:none;
	}
/**************************************************************/
/*** Search Box ***/
/**************************************************************/
#block_horo {
	background-image:url(../images/common/bghoro.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
	margin-top:-68px;
	height: 175px;
	z-index:999;
	position:relative;
}
#block_search {
    /*background-color: #333333;
	background:-webkit-gradient(linear,left top,left bottom,from(#333333),to(#000000));
	background:-moz-linear-gradient(top,#333333, #000000);*/
	background-image:url(../images/common/bgsearch.jpg);
	background-repeat:repeat-x;
	padding: 2px 10px;
	background-repeat: no-repeat;
	margin-bottom:5px;
	margin-top:5px;
}
#box_search_position_m {
	width:35px;
	height:35px;
	text-align:center;
	font-size:24px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
#search-position {
	height:75px;
	/*background-color: #ffe035;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffe035),to(#fec031));
	background:-moz-linear-gradient(top,#ffe035, #fec031);*/
	/*background-image:url(../images/common/bgsearch.jpg);
	background-repeat:repeat-x;*/
	width:980px;
	margin-bottom:5px;
	margin-top:5px;
	color:#fef8c5;
	/*text-shadow:1px 1px 1px #fef8c5;*/
	}
#box_search_position {
	width:15px;
	height:20px;
	text-align:center;
	font-size:14px;
	background-color:#FFFFFF;
	color:#333333;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	}
#search_pos_title {
	color:#fef8c5;
	font-size:19px;
	}
#search_pos_title_big {
	color:#fef8c5;
	font-size:24px;
	}
#search_pos_sec {
	font-size:15px;
	margin-bottom:3px;
	}
#search-likenumber {
	height:75px;
	/*background-color: #ffe035;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffe035),to(#fec031));
	background:-moz-linear-gradient(top,#ffe035, #fec031);*/
	/*background-image:url(../images/bar.png);
	background-repeat:repeat-x;*/
	color:#fef8c5;
	width:980px;
	/*text-shadow:1px 1px 1px #fef8c5;*/
	margin-bottom:5px;
	margin-top:5px;
	}
#search_like_title {
	color:#fef8c5;
	font-size:19px;
	}
#search_like_title_big {
	color:#fef8c5;
	font-size:24px;
	}
#search_like_sec {
	font-size:15px;
	margin-bottom:3px;
	}
/**************************************************************/
/*** Side-Menu ***/
/**************************************************************/
#list-cat {
	margin:0px auto 15px auto;
	padding: 5px 20px 0px 20px;
	}
#list-cat ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#list-cat ul li {
	background-image:url(../images/common/cat-div.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size: 15px;
	position:relative;
	}
#list-cat ul li a {
	padding: 6px 0px 6px 0px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	color:#f6e9bd;
	line-height:18px;
	}
#list-cat ul li a:hover {
	text-decoration: none;
	text-shadow:0px 0px 10px #f4eba0;
	}
#list-cat ul li:hover ul {
	display:block;
	}
#list-cat ul li#sub-cat {
	background:url('../images/icon_more.gif') no-repeat scroll right center transparent;
	}
#list-cat ul ul {
	position:absolute;
	left:177px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
	margin-top:-1px;
	z-index: 100;
	}
#list-cat ul ul li {
	width:173px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
	}
#list-cat ul ul li a {
	color:#333;
	font-size:13px;
	text-transform:none;
	}
#list-cat ul ul li a:hover {
	color: #fff;
	background-color:#333;
	}
/**************************************************************/
/*** Track ***/
/**************************************************************/
.track-list #headtitle {
	border-radius:5px 5px 0 0;
	padding:5px 10px 5px 10px;
	color:#f6e9bd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:22px;
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to( #000));
	background:-moz-linear-gradient(top,#333, #000);
	background-color: #333;
	font-weight: normal;
	font-style: normal;
	}
.track-list th {
	font-weight: normal;
	font-style: normal;
	}
.track-list td {
	margin:0px auto 7px auto;
	padding: 5px 5px 5px 5px;
	border-bottom:1px solid #E5E5E5;
	background:#fdfdfd;
	color:#333;
	}
/**************************************************************/
/*** Side-Menu ***/
/**************************************************************/
#list-title {
	border-radius:5px 5px;
	padding:5px 10px 5px 10px;
	color:#f6e9bd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:22px;
	background:-webkit-gradient(linear,left top,left bottom,from(#0e0518),to( #1c0e27));
	background:-moz-linear-gradient(top,#0e0518, #1c0e27);
	background-color: #0e0518;
	}
#list-menu {
	margin:0px auto 7px auto;
	padding: 5px 5px 5px 5px;
	/*border:1px solid #E5E5E5;*/
	}
#list-menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#list-menu ul li {
	background-image:url(../images/common/cat-div.png);
	background-position:bottom;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #E5E5E5;*/
	font-size: 14px;
	position:relative;
	}
#list-menu ul li a {
	padding: 6px 0px 6px 6px;
	color:#fff;
	cursor: pointer;
	text-decoration: none;
	display: block;
	}
#list-menu ul li a:hover {
	text-decoration: none;
	color:#333;
	background-color:#f6e9bd;
	}
#list-menu ul li:hover ul {
	display:block;
	}
#list-menu ul li#sub-menu {
	background:url('../images/icon_more.gif') no-repeat scroll right center transparent;
	}
#list-menu ul ul {
	position:absolute;
	left:177px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
	margin-top:-1px;
	z-index: 10;
	}
#list-menu ul ul li {
	width:173px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
	}
#list-menu ul ul li a {
	color:#333;
	font-size:13px;
	text-transform:none;
	}
#list-menu ul ul li a:hover {
	color: #fff;
	background-color:#333;
	}
/**************************************************************/
/*** Side-Menu ***/
/**************************************************************/
/*#list-title {
	border-radius:5px 5px 0 0;
	padding:5px 10px 5px 10px;
	color:#f6e9bd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:20px;
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to( #000));
	background:-moz-linear-gradient(top,#333, #000);
	background-color: #333;
	}
#list-menu {
	margin:0px auto 15px auto;
	padding: 5px 0px 5px 0px;
	}
#list-menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#list-menu ul li {
	background-image:url(../images/common/cat-div.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size: 15px;
	position:relative;
	}
#list-menu ul li a {
	padding: 6px 0px 6px 6px;
	background: linear-gradient(180deg, #FFA500 0%, #F0E68C 25%, #DAA520 50%, #F0E68C 75%, #FFA500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	cursor: pointer;
	text-decoration: none;
	display: block;
	}
#list-menu ul li a:hover {
	text-decoration: none;
	text-shadow:0px 0px 10px #f4eba0;
	}
#list-menu ul li:hover ul {
	display:block;
	}
#list-menu ul li#sub-menu {
	background:url('../images/common/icon_more.gif') no-repeat scroll right center transparent;
	}
#list-menu ul ul {
	position:absolute;
	left:177px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
	margin-top:-1px;
	z-index: 100;
	}
#list-menu ul ul li {
	width:173px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
	}
#list-menu ul ul li a {
	color:#333;
	font-size:13px;
	text-transform:none;
	}
#list-menu ul ul li a:hover {
	color: #fff;
	background-color:#333;
	}*/
/**************************************************************/
/*** Title Categories ***/
/**************************************************************/
#title-categories {
	padding:5px 25px 5px 25px;
	margin:0px auto 7px auto;
	font-size:20px;
	text-align:center;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	font-family:'Kanit', Tahoma, Geneva, sans-serif;
	font-weight:300;
	}
.blue {
	color:#f6e9bd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	/*background:-webkit-gradient(linear,left top,left bottom,from(#fe142d),to( #c90202));
	background:-moz-linear-gradient(top,#fe142d, #c90202);
	background-color: #fe142d;*/
	background-image:url(../images/common/bgbar.jpg);
	background-repeat:repeat-x;
	border:solid 1px rgba(246, 233, 189, .5);
	}
.gold {
	color:#f6e9bd;
	text-shadow:1px 1px 1px #900202;
	/*background:-webkit-gradient(linear,left top,left bottom,from(#fe142d),to( #c90202));
	background:-moz-linear-gradient(top,#fe142d, #c90202);
	background-color: #c90202;*/
	background-image:url(../images/common/bgbar.jpg);
	background-repeat:repeat-x;
	border:solid 1px rgba(246, 233, 189, .5);
	}
/**************************************************************/
/*** Slideshow ***/
/**************************************************************/
.slideshow {
            position: absolute;
}
.slideshow div, .slideshow div:hover, .slideshow .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../plugins/slideshow/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
}
.slideshow div { background-position: -7px -7px; }
.slideshow div:hover, .slideshow .av:hover { background-position: -37px -7px; }
.slideshow .av { background-position: -67px -7px; }
.slideshow .dn, .slideshow .dn:hover { background-position: -97px -7px; }
.arrow-left, .arrow-right {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('../plugins/slideshow/a12.png') no-repeat;
            overflow: hidden;
}
.arrow-left { background-position: -16px -37px; }
.arrow-right { background-position: -75px -37px; }
.arrow-left:hover { background-position: -136px -37px; }
.arrow-right:hover { background-position: -195px -37px; }
.arrow-left.arrow-leftdn { background-position: -256px -37px; }
.arrow-right.arrow-rightdn { background-position: -315px -37px; }
/**************************************************************/
/*** Tag ***/
/**************************************************************/
.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}
.tags span {
  float: left; 
}
.tag {
  color:#f6e9bd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to( #000));
	background:-moz-linear-gradient(top,#333, #000);
	background-color: #333;
	border:solid 1px rgba(246, 233, 189, .5);
  border-radius: 3px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 15px 0 15px;
  position: relative;
  margin: 0 7px 7px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  font-size:13px;
}
/*.tag::before {
  background: #333333;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}*/
/*.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #E1E1E1;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}*/
.tag:hover {
  background-color: crimson;
  color: #F7D700;
}
.tag:hover::after {
   border-left-color: crimson; 
}
/**************************************************************/
/*** Waranty ***/
/**************************************************************/
div.fixed-warranty {
    position: fixed;
    top:0px;
    left:0px;
    width:138px;
	z-index:10;
}
#warranty-detail {
	background-image:url(../images/common/w-bg.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	font:normal 14px 'Kanit', Tahoma, Geneva, sans-serif;
	font-weight:300;
}
/**************************************************************/
/*** Cart ***/
/**************************************************************/
div.fixed-cart {
    position: fixed;
    top:30px;
    right:30px;
    width:198px;
	z-index:10;
}
#cart-detail {
	font:normal 13px 'Kanit', Tahoma, Geneva, sans-serif;
	background-color:#DFDFDF;
	border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
/**************************************************************/
/*** Product Box ***/
/**************************************************************/
#wrap_product_vip {
	width:360px;
	padding:5px;
	border: 1px solid #666;
	/*background:-webkit-gradient(linear,left top,left bottom,from(#333),to( #000));
	background:-moz-linear-gradient(top,#333, #000);
	background-color: #333;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0px auto;
	background-color:rgba(0, 0, 0, .4);
	}
#number_block_vip {
	padding:3px 0px;
	text-align:center;
	/*background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
	background:-moz-linear-gradient(top,#fff, #ccc);
	background-color: #ccc;*/
	border-radius:2px 2px 0px 0px;
	-moz-border-radius:2px 2px 0px 0px;
	-webkit-border-radius:2px 2px 0px 0px;
	background-image:url(../images/common/productbox.jpg);
	background-repeat:repeat-x;
	}
#phone_number_vip {
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	/*color:#333;*/
	background: linear-gradient(180deg, #FF8C00 0%, #DAA520 25%, #f6e9bd 50%, #DAA520 75%, #FF8C00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	}
	
#wrap_product {
	width:360px;
	padding:5px;
	border: 1px solid #666;
	background:-webkit-gradient(linear,left top,left bottom,from(#666),to( #333));
	background:-moz-linear-gradient(top,#666, #333);
	background-color: #333;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0px auto;
	}
#box_product {
	border: 1px solid #666;
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to( #000));
	background:-moz-linear-gradient(top,#333, #000);
	background-color: #333;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:248px;
	float:left;
	}
#number_block {
	padding:3px 0px;
	text-align:center;
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to( #000));
	background:-moz-linear-gradient(top,#222, #000);
	background-color: #222;
	border-radius:2px 2px 0px 0px;
	-moz-border-radius:2px 2px 0px 0px;
	-webkit-border-radius:2px 2px 0px 0px;
	}
#price_block {
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to( #000));
	background:-moz-linear-gradient(top,#222, #000);
	background-color: #222;
	border-radius:0px 0px 2px 2px;
	-moz-border-radius:0px 0px 2px 2px;
	-webkit-border-radius:0px 0px 2px 2px;
	line-height:32px;
	font-weight:bold;
	color:#fff;
	}
#phone_number {
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	color:#333;
}
#button_block {
	width:105px;
	margin-left:6px;
	float:left;
	}
a#order_num {
	text-align:center;
	float:right;
	/*background-color: #0280e2;
	background:-webkit-gradient(linear,left top,left bottom,from(#008efd),to(#0280e2));
	background:-moz-linear-gradient(top,#008efd, #0280e2);*/
	color:#fff;
	width:105px;
	margin-bottom:3px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	line-height:0px;
	}
a#order_num:hover {
	color:#FFCE00;
	}
a#prevision_num {
	text-align:center;
	float:right;
	overflow:hidden;
	/*background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
	background:-moz-linear-gradient(top,#fff, #ccc);
	background-color: #ccc;*/
	padding:0px 4px;
	width:97px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	background: linear-gradient(180deg, #FF8C00 0%, #DAA520 25%, #f6e9bd 50%, #DAA520 75%, #FF8C00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	/*text-shadow:1px 1px 1px #fff;*/
	font-size: 16px;
	line-height:30px;
	font-weight:bold;
	}
a#prevision_num:hover {
	cursor:pointer;
		}
a#booked_num {
	text-align:center;
	float:right;
	overflow:hidden;
	background-color: #da1a00;
	background:-webkit-gradient(linear,left top,left bottom,from(#da1a00),to(#a41400));
	background:-moz-linear-gradient(top,#da1a00, #a41400);
	color:#fff;
	text-shadow:1px 1px 1px #6A0103;
	padding:8px 4px;
	width:97px;
	margin-bottom:3px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	font-size: 16px;
	line-height:30px;
	font-weight:bold;
	}
a#booked_num:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	}
span#booked_button {
	color:#F00;
	margin-top:1px;
	float:right;
	text-decoration:none;
	}