@font-face{font-family:'thaisansneue-extralight';src:url('thaisansneue-extralight-webfont.eot?v=4.0.3');src:url('thaisansneue-extralight-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('thaisansneue-extralight-webfont.woff?v=4.0.3') format('woff'),url('thaisansneue-extralight-webfont.ttf?v=4.0.3') format('truetype'),url('thaisansneue-extralight-webfont.svg?v=4.0.3#thaisansneuegular') format('svg');font-weight:normal;font-style:normal}

@font-face {
    font-family: 'Kanit-Regular';
    src: url('Kanit-Regular.eot');
    src: url('Kanit-Regular.eot?#iefix') format('embedded-opentype'),
         url('Kanit-Regular.woff2') format('woff2'),
         url('Kanit-Regular.woff') format('woff'),
         url('Kanit-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'CSPraJad';
    src: url('CSPraJad.eot');
    src: url('CSPraJad.eot?#iefix') format('embedded-opentype'),
         url('CSPraJad.woff2') format('woff2'),
         url('CSPraJad.woff') format('woff'),
         url('CSPraJad.ttf') format('truetype');
}

body{ 
		font-family: "Kanit-Regular", "Open Sans", sans-serif;
/*		background-image:url(../../images/pattern-4.png);*/
		background-repeat: repeat-x;
		/*-moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);*/

}
.kanit{ font-family: "Kanit-Regular", "Open Sans", sans-serif }
.prajad{ font-family: "CSPraJad", "Open Sans", sans-serif; font-weight:bold; font-size:15px }
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.box {

  position: relative;

}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.hr-thin {
	border: 0; 
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carous.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
el-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.floater { float:left; }
.non-floater { overflow:hidden; }
iframe { width:100%; padding:0; border:0; hegiht:100px; }