:lang(th){
font-family:supermarket;
font-size:1.1em !important;
letter-spacing:1px;
}

:lang(th_medium){
font-family:supermarket;
font-size:1.2em !important;
letter-spacing:1px;
}

:lang(th_large){
font-family:supermarket;
font-size:1.3em !important;
letter-spacing:1px;
}

:lang(th_xl){
font-family:supermarket;
font-size:2em !important;
letter-spacing:1px;
}

:lang(th_quark){
font-family:Quark-Light;
font-size:1.3em !important;
letter-spacing:1px;
}

:lang(th_quarkBold){
font-family:Quark-Bold;
font-size:1.3em !important;
letter-spacing:1px;
}

:lang(th_quarkBold_h1){
font-family:Quark-Bold;
font-size:3em !important;
letter-spacing:1px;  
}

:lang(th_read){
font-family:THSarabunPSK;
font-size:1em;
}

.flareRank{
color:#e74c3c !important;
}

#zoomPlaceholder{
position:absolute;
top:0px;left:0px;
height:100%;width:100%;
pointer-events:none;
}

a > .no-decoration:hover{
text-decoration:none;
}

@media print{    
.no-print, .no-print *{
display: none !important;
}
}

.hoverable:hover{
cursor:pointer;
}

/* */
/* product description */
dl.productDesc > dt{
display:inline-block;
min-width:150px;
color:#a6a6a6;
text-align:left;
}

dl.productDesc > dd{
display:inline-block;
}

dl.productDesc > dd.withcolon:before{
content: " : ";
}

/*--------------------------------------------------
  [9. Call To Action]
----------------------------------------------------*/
/*Call To Action v1
------------------------------------*/
.call-action-v1 p {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 0;
}

.call-action-v1.call-action-v1-boxed {
  padding: 0 25px;
}

.call-action-v1 .call-action-v1-box {
  width: 100%;
  display: table;
  padding: 30px 0;
  vertical-align: middle;
}

.call-action-v1 .call-action-v1-in {
  display: table-cell;
  vertical-align: middle;
}

.call-action-v1 .call-action-v1-in.inner-btn {
  padding-top: 1px;
  min-width: 250px;
  text-align: right;
}

@media (max-width: 992px) {
  .call-action-v1 .call-action-v1-in,
  .call-action-v1 .call-action-v1-in.inner-btn {
    display: block;
    text-align: center;
  }

  .call-action-v1 .call-action-v1-in p {
    margin-bottom: 20px;
  }
  
  .toppieces-hero{
    padding-top:0px;
  }
  
  .toppieces-hero-h1{
    font-size:2em !important;
    text-align:left;
    line-height:40px;
  }
  
}

@media (min-width: 992px){
  .toppieces-hero{
    padding-top:40px;
  }
  
  .toppieces-hero-h1{
    font-size:3em !important;
    text-align:left;
    line-height:89px;
  }
  
}

.btn-line, .btn-line:hover{
 background-color:#53da06;
}

/*.btn-line:hover{
 background-color:#0bb801;
}*/

.fb-link, .fb-link:hover{
color:#2a407b;
}

#king_ribbon{
  position:fixed;
  background-image:url("/master/ribbon_right.png");
  background-position:top right;
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
  top:0px;
  right:0px;
  height:100px;
  width:100px;
  z-index:9999;
}

/* youtube */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}