body{
  font-family: 'kanit';
  padding: 0px;
  margin: 0px;
}
.row{ margin: 0px;}
.no-padding{padding: 0px;}


/**Product **/

.block-label img, .block-warranty img {
	width:100%;
}
.ffv{font-family: 'superspace'; font-weight:700; margin:0px 0px 3px 0px; font-size:18px; padding: 0 0 0 8px;}
.ffv2{font-family: 'superspace'; font-weight:600; margin:0px; font-size:15px; padding: 0 0 0 8px;}
.txt-box-news{font-family: 'superspace'; font-weight:700;font-size:13px; padding: 0 0 0 8px;}

.block-name-bt {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #DFDFDF;
	color: #5A5A5A;
	height: auto;
	/*min-height: 170px;*/
}

.block-sel-bt {
	display: block;
	background-color: white;
	padding: 1px 12px;
	text-align: right;
}

.block-img-bt h6 {
	color: #FFF;
	margin-bottom: -15px;
	text-align: right;
	padding: 5px 12px 9px 0;
	background-color:#C8A875;
}

.block-img-bt h6 span {
	padding-right:10px;
}

.block-img-bt h4 {
	margin-top:-10px;
}

.block-img-bt p span {
	font-size:12px;
	color:#5A5A5A;
	font-weight: bold;
}

.block-item {
	margin:1px;
	padding: 0px;
	border:2px solid #adadad;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;

  -webkit-transform:scale(0.9); /* Safari and Chrome */
  -moz-transform:scale(0.9); /* Firefox */
  -ms-transform:scale(0.9); /* IE 9 */
  -o-transform:scale(0.9); /* Opera */
   transform:scale(0.9);
}
.block-item:hover{
	/*border:2px solid #474343;
	border:2px solid #C8A875;*/
	border:2px solid #f00;
  -webkit-transform:scale(1); /* Safari and Chrome */
  -moz-transform:scale(1); /* Firefox */
  -ms-transform:scale(1); /* IE 9 */
  -o-transform:scale(1); /* Opera */
   transform:scale(1);
}

.block-item2 {
	margin:1px 0px 1px 0px;
	padding: 0px;
	border:1px solid #adadad;
/*
  -webkit-transition: all 1s ease; /* Safari and Chrome
  -moz-transition: all 1s ease; /* Firefox
  -o-transition: all 1s ease; /* IE 9
  -ms-transition: all 1s ease; /* Opera
  transition: all 1s ease;*/


}
.block-item2:hover{
	border:1px solid #f00;
}

label.block-label {
	max-width: 100%;
	margin-bottom: 0;
	font-weight: 300;
  background:#efefef;
  display: block;;
}


.block-warranty {
  display: block;
  width: 40px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.block-name-bt h6 {
    color: #9C9C9C;
    margin-bottom: -15px;
    text-align: center;
    padding: 0px 0px;
    /* background: #27a950; */
    font-weight: bold;
}
.block-name-bt span a{
  font-weight: 200;
}
.block-item label .block-name-bt span a{
  color: #fff;
}
.block-item:hover label .block-name-bt span a:link{
  color:#f00;
}
.block-item:hover label .block-name-bt h5 a:link{
  color: #000;
}
.block-item:hover label .block-name-bt span a:link,
.block-item:hover label .block-name-bt h5 a:link{
	text-decoration:none;
}
.block-item:hover label .block-name-bt span a,
.block-item:hover label .block-name-bt h5 a{
	/*background:#C8A875;
	background:#f00;*/
	color:#f00;
}
.block-item:hover .block-label .block-name-bt  h5 .price-product{ background:#f00;}
.price-product{
	background: #D49B07;
	color: #fff;
	font-weight:bold;
	padding: 4px 10px;
	margin: 0px 8px 8px 8px;
	border-radius: 15px;
}

/** Product **/







/** group **/
.panel,
.panel .panel-footer {
	border-radius: 0;
}

.panel-default {
	border-color: #e5e5e5;
}

	.panel-default .panel-heading {
		border-color: #e5e5e5;
	}

.panel-primary {
	border-color: #0075A7;
}

	.panel-primary .panel-heading,
	.panel-primary .panel-footer {
		background-color: #0075A7;
		color: #fff;
	}

.panel-heading {
	border-radius: 0;
	font-family: "Lato", "Open Sans", sans-serif;
}

	.panel-heading a {
		font-weight: 500 !important;
	}

	.panel-heading i {
		margin-right: 5px;
		font-size: 1.1em;
	}

.panel-title {
	padding: 7px;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-heading-link,
.panel-plus-link {
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	position: relative;
	font-family: "Lato", "Open Sans", sans-serif;
}

	.panel-plus-link a {
		background-color: inherit;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

		.panel-plus-link a:hover,
		.panel-plus-link a:focus,
		.panel-plus-link a:active {
			background-color: transparent !important;
		}

.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {
	font-family: 'FontAwesome';
	content: "\f067";
	font-size: 1.4em;
	margin-right: 10px;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	*margin-right: .3em;
}

.panel-group .panel > .panel-heading.panel-plus-link a:before {
	font-family: 'FontAwesome';
	content: "\f068";
	font-size: 1.4em;
	margin-right: 10px;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	*margin-right: .3em;
}

.panel-primary .panel-heading a,
.panel-primary-dark .panel-heading a,
.panel-info-dark .panel-heading a,
.panel-success-dark .panel-heading a,
.panel-warning-dark .panel-heading a,
.panel-danger-dark .panel-heading a,
.panel-royal-dark .panel-heading a,
.panel-primary .panel-plus-link a,
.panel-primary-dark .panel-plus-link a,
.panel-info-dark .panel-plus-link a,
.panel-success-dark .panel-plus-link a,
.panel-warning-dark .panel-plus-link a,
.panel-danger-dark .panel-plus-link a,
.panel-royal-dark .panel-plus-link a {
	color: #fff;
}

	.panel-primary .panel-heading a:hover,
	.panel-primary-dark .panel-heading a:hover,
	.panel-info-dark .panel-heading a:hover,
	.panel-success-dark .panel-heading a:hover,
	.panel-warning-dark .panel-heading a:hover,
	.panel-danger-dark .panel-heading a:hover,
	.panel-royal-dark .panel-heading a:hover,
	.panel-primary .panel-plus-link a:hover,
	.panel-primary-dark .panel-plus-link a:hover,
	.panel-info-dark .panel-plus-link a:hover,
	.panel-success-dark .panel-plus-link a:hover,
	.panel-warning-dark .panel-plus-link a:hover,
	.panel-danger-dark .panel-plus-link a:hover,
	.panel-royal-dark .panel-plus-link a:hover {
		background-color: none;
	}

.panel-primary .panel-header a,
.panel-primary .panel-footer a,
.panel-primary-dark .panel-header a,
.panel-primary-dark .panel-footer a,
.panel-info-dark .panel-header a,
.panel-info-dark .panel-footer a,
.panel-success-dark .panel-header a,
.panel-success-dark .panel-footer a,
.panel-warning-dark .panel-header a,
.panel-warning-dark .panel-footer a,
.panel-danger-dark .panel-header a,
.panel-danger-dark .panel-footer a,
.panel-royal-dark .panel-header a,
.panel-royal-dark .panel-footer a,
.panel-primary .panel-header a,
.panel-primary .panel-footer a,
.panel-primary-dark .panel-header a,
.panel-primary-dark .panel-footer a,
.panel-info-dark .panel-header a,
.panel-info-dark .panel-footer a,
.panel-success-dark .panel-header a,
.panel-success-dark .panel-footer a,
.panel-warning-dark .panel-header a,
.panel-warning-dark .panel-footer a,
.panel-danger-dark .panel-header a,
.panel-danger-dark .panel-footer a,
.panel-royal-dark .panel-header a,
.panel-royal-dark .panel-footer a {
	color: #fff;
}

.panel-default .panel-heading-link a,
.panel-default .panel-plus-link a {
	color: #333;
}

.panel .panel-footer i {
	margin: 0 5px;
}

.panel .panel-heading-link a:after {
	font-family: 'FontAwesome';
	content: "\f107";
	font-size: 1.2em;
	/*float: right;
  background-color: #0099da;*/
	background-color: #099c09;
	color: #fff;
	/*padding: 5px 0;
	margin-top: -5px;
	margin-right: -15px;*/
	width: 33px;
	text-align: center;
	position: absolute;
	top:0;
	bottom:0;
	right:0;
}

.panel-primary .panel-heading-link a:after,
.panel-primary-dark .panel-heading-link a:after,
.panel-info-dark .panel-heading-link a:after,
.panel-success-dark .panel-heading-link a:after,
.panel-warning-dark .panel-heading-link a:after,
.panel-danger-dark .panel-heading-link a:after,
.panel-royal-dark .panel-heading-link a:after {
	background-color: #333;
}

.panel .panel-heading-link a.collapsed:after {
	content: "\f104";
}

.panel-success .panel-heading-link a:after {
	background-color: #02c66c;
}

.panel-info .panel-heading-link a:after {
	background-color: #54c8eb;
}

.panel-warning .panel-heading-link a:after {
	background-color: #f0ad4e;
}

.panel-danger .panel-heading-link a:after {
	background-color: #d9534f;
}

.panel-royal .panel-heading-link a:after {
	background-color: #ac60d0;
}

.panel-success .panel-plus-link a,
.panel-success .panel-heading-link a {
	color: #017a43;
}

.panel-info .panel-plus-link a,
.panel-info .panel-heading-link a {
	color: #19add9;
}

.panel-warning .panel-plus-link a,
.panel-warning .panel-heading-link a {
	color: #df8a13;
}

.panel-danger .panel-plus-link a,
.panel-danger .panel-heading-link a {
	color: #b52b27;
}

.panel-royal .panel-plus-link a,
.panel-royal .panel-heading-link a {
	color: #8834b0;
}

.panel-heading.panel-plus-link > a,
.panel-heading-link > a {
	display: block;
	padding: 5px 15px 5px 5px;
}

@media (min-width: 768px) {
	.panel-heading.panel-plus-link > a,
	.panel-heading-link > a {
		display: block;
		padding: 5px 15px;
	}
}

.panel-heading-link > a > i {
	margin-right: 10px;
}

.panel .panel-heading a {
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}

.panel .panel-primary .panel-heading a:hover,
.panel .panel-success .panel-heading a:hover,
.panel .panel-info .panel-heading a:hover,
.panel .panel-warning .panel-heading a:hover,
.panel .panel-danger .panel-heading a:hover,
.panel .panel-royal .panel-heading a:hover,
.panel .panel-primary-dark .panel-heading a:hover,
.panel .panel-info-dark .panel-heading a:hover,
.panel .panel-success-dark .panel-heading a:hover,
.panel .panel-warning-dark .panel-heading a:hover,
.panel .panel-danger-dark .panel-heading a:hover,
.panel .panel-royal-dark .panel-heading a:hover {
	background-color: transparent !important;
}

.panel-body-no-padding {
	padding: 0 !important;
}

.panel-default .panel-heading,
.panel-default .panel-footer {
	background-color: #f3f3f3;
	color: #333;
}

.panel-royal .panel-heading,
.panel-royal .panel-footer {
	background-color: #dfc2ed;
	color: #5a2275;
	border: solid 1px #d5afe7;
}

.panel-royal .panel-body {
	border: solid 1px #dfc2ed;
}

.panel-primary-dark .panel-heading,
.panel-primary-dark .panel-footer {
	background-color: #0075a7;
	color: #fff;
}

.panel-success-dark .panel-heading,
.panel-success-dark .panel-footer {
	background-color: #5ca43f;
	color: #fff;
}

.panel-info-dark .panel-heading,
.panel-info-dark .panel-footer {
	background-color: #288ec3;
	color: #fff;
}

.panel-warning-dark .panel-heading,
.panel-warning-dark .panel-footer {
	background-color: #e4c016;
	color: #fff;
}

.panel-danger-dark .panel-heading,
.panel-danger-dark .panel-footer {
	background-color: #a94242;
	color: #fff;
}

.panel-royal-dark .panel-heading,
.panel-royal-dark .panel-footer {
	background-color: #792e9c;
	color: #fff;
}

.panel-primary-dark .panel-body {
	border: solid 1px #0075a7;
}

.panel-success-dark .panel-body {
	border: solid 1px #5ca43f;
}

.panel-info-dark .panel-body {
	border: solid 1px #288ec3;
}

.panel-warning-dark .panel-body {
	border: solid 1px #e4c016;
}

.panel-danger-dark .panel-body {
	border: solid 1px #a94242;
}

.panel-royal-dark .panel-body {
	border: solid 1px #792e9c;
}



.carousel {float:right;margin:0;width:100%;}
.carousel ul {display:block; padding: 0px;}
.carousel li {display:block;float:left;height:65px;width:100px;margin:10px;padding:0px;}

.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}
.bs-example-form .input-group {
    margin-bottom: 10px;
}
.bs-example-form .input-group input{
  background: #fff;
}


/** category **/

/** End Cateofy**/

/** Slide Blog ***/
/* Thumbnail Box */
.caption h4 {
  color: #444;
}
.caption p {
  color: #999;
}
.btn.btn-mini {
  font-size: 0.63rem;
}


/* Carousel Control */
.control-box {
  text-align: right;
  width: 100%;
}
.carousel-control{
  background: #666;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 34px;
  font-weight: 200;
  line-height: 18px;
  opacity: 0.5;
  padding: 4px 10px 0px;
  position: static;
  height: 30px;
  width: 15px;
}

.ppp {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/** End Slide Blog **/



/* tabe bar */
.nav_tab_link{
  border-bottom: 2px solid #090;
}
.nav_tab_link li{
  padding: 0px;
  border: 0px;
}
.nav_tab_link li a{
  margin: 0px;
  border-radius: 0px;
  text-align: center;
  color: #000;
  background: #f9f9f9;
  border-bottom: 1px solid #090;
}
.nav_tab_link li.active a{
  background: #090 !important;
  color:#fff !important;
  border-bottom: 1px solid #090 !important;
}
.nav_tab_link li a:hover,
.nav_tab_link li.active a:hover{
  background: #090 !important;
  color:#fff !important;
  border-bottom: 1px solid #090 !important;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -o-transition: all 1s ease; /* IE 9 */
  -ms-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}

@media (min-width: 768px) {
	.border-left{
		display: block;
    border-left: 1px solid #090;
    padding-left: 20px;
	}
}

@media (max-width: 768px) {
	.border-left{
    border-left: none;
	}
}



.sidenav01{padding: 0px 0px 0px 5px;}
.sidenav01 li{ list-style-type: none;margin: 0;padding: 0px;left: 0;}
.sidenav01 li a,.sidenav01 li a:active{ color:#000; margin-left:5px; padding:10px 15px; display: block; text-decoration: none;background-color:#f1f1f1;margin-bottom: 5px;} /*background-color:#f1f1f1;*/
.sidenav01 li a:hover{color:#f00; background-color:#e1e1e1; }






/** footer**/
.footer {
  background: #253340;
  color: #fff;
  padding-top: 40px;
  font-size: 14px;
  position: relative;
  z-index: 20;
}
.footer p {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.footer .btn-cta,
.footer a.btn-cta {
  padding: 9px 10px;
}
.footer .footer-col.links .fa {
  margin-right: 5px;
}
.footer .footer-col.links li {
  margin-bottom: 10px;
}
.footer .footer-col.connect .social {
  margin-bottom: 15px;
  overflow: hidden;
}
.footer .footer-col.connect .social li {
  margin-right: 10px;
}
.footer .footer-col.connect .social li a .fa {
  color: #b3b3b3;
  font-size: 22px;
}
.footer .footer-col.connect .social li a:hover .fa {
  color: #ec6952;
}
.footer .footer-col.connect .btn-cta-primary {
  background: #5d80a1;
  border-color: #5d80a1;
}
.footer .footer-col.connect .btn-cta-primary:hover {
  background: #4a6781;
  border-color: #4a6781;
}
.footer .footer-col .title {
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.footer .footer-col p {
  color: #fff;
}
.footer .footer-col a {
  color: #6d8dab;
}
.footer .footer-col a:hover {
  color: #8da6bd;
}
.footer .footer-col .navbar-form {
  padding-left: 0;
  padding-right: 0;
}
.footer .footer-col .navbar-form .form-control {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.footer .footer-col .navbar-form .form-control:focus {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.footer .has-divider {
  border-top: 1px solid #2b3b4a;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .download .download-list li {
  margin-bottom: 15px;
}
.footer .download .download-list li .btn-ghost {
  text-align: left;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 230px;
}
.footer .download .download-list li .btn-ghost:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.footer .contact p {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.footer .contact p a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.footer .contact .fa {
  margin-right: 10px;
  font-size: 20px;
}
.footer .contact .email .fa {
  font-size: 16px;
}
.footer .bottom-bar {
  background: #1e1e1e;
  color: #b3b3b3;
  font-size: 14px;
  padding: 10px 0;
}
.footer .bottom-bar .copyright {
  line-height: 1.6;
}