/**
  * PWS Tabs jQuery Plugin
  * Author: Alex Chizhov
  * Author Website: http://alexchizhov.com/pwstabs
  * GitHub: https://github.com/alexchizhovcom/pwstabs
  * Version: 1.1.0
  * Version from: 15.01.2015
  * Licensed under the MIT license
  */
.pws_tabs_container ul{  /*หัวเมนู ของ tab ทั้งหมด*/
   list-style: none;
   font-size: 16px;
   background-color:transparent;  /* ให้เอาสี bg ของ body มาใช้ ให้ดู tab เหมือนจริง*/
}

.pws_tabs_container ul li{  /*หัวเมนู ของ tab ในส่วนของ เมนู li  ซอกใน  ให้เอาสี bg ของ body มาใช้ ให้ดู tab เหมือนจริง */
   display: inline-block;
       background-color:transparent; 
}

.pws_tabs_container ul li a{   /*หัวเมนู ของ tab ในส่วนของ link*/
   display: block;
   background-color: #fe5181;
   padding: 8px 15px;  /*ความกว้างของหัว tab ในกรณีมี ยี่ห้อเยอะ ต้องลด*/
   text-decoration: none;
   color: #fff;
   margin-right: 4px;  /* ซอก  ระยะ*/
}
.pws_tabs_container ul li a.pws_tab_active{
   background-color: #fff;
   color: #fe5181;

   padding: 15px;
   top: 5px;
   border: 1px solid red;

      /*box-shadow: 2px 2px 4px 2px rgba(50, 50, 50, .5);*/
}

/* ตัวเดียว กับ .tabset1 ใน Site.css / pws_tabs_list ตัวนี้มันถูกโหลดโดย js*/
.pws_tabs_list{
   display: block;
   background-color: #fff;
   height: auto;

   /*tommybigeye*/
   padding: 5px;

   box-sizing: padding-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   overflow:hidden;  /*ไม่เกี่ยวมันแค่เพิ่ม scrollbar มา*/
   position: relative;  /*แก้แล้วพัง*/
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   transition-delay: .3s;
   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;

   /*tommybigeye*/
   top: -20px   /*เลื่อน tab list ขึ้นไปให้ชิดกับ tab*/
}

.pws_tab_single{  /*ส่วนเนื้อใน*/
   position: absolute;  /*แก้แล้วพัง*/
   top: 5px;
   
   /*tommybigeye*/
   padding-right: 5px;  /*จะได้ไม่กินที่ ทางขวา*/
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
}




/**
  * ######################################################
  * SCALE EFFECT
  * ######################################################
  */
.pws_tabs_scale_hide{
   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
}
.pws_tabs_scale_show{
   z-index: 1;
   
   opacity: 1;
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   
   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;
   transition-delay: .3s;
}


/**
  * ######################################################
  * SLIDE LEFT EFFECT
  * ######################################################
  */

.pws_tabs_slide_left_hide{
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.pws_tabs_slide_left_show{
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;
   transition-delay: .3s;
}


/**
  * ######################################################
  * SLIDE RIGHT EFFECT
  * ######################################################
  */

.pws_tabs_slide_right_hide{
   -webkit-transform: translateX(200%);
   -moz-transform: translateX(200%);
   -o-transform: translateX(200%);
   -ms-transform: translateX(200%);
   transform: translateX(200%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.pws_tabs_slide_right_show{
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;
   transition-delay: .3s;
}

/**
  * ######################################################
  * SLIDE TOP EFFECT
  * ######################################################
  */

.pws_tabs_slide_top_hide{
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.pws_tabs_slide_top_show{
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;
   transition-delay: .3s;
}


/**
  * ######################################################
  * SLIDE DOWN EFFECT
  * ######################################################
  */

.pws_tabs_slide_down_hide{
   -webkit-transform: translateY(200%);
   -moz-transform: translateY(200%);
   -o-transform: translateY(200%);
   -ms-transform: translateY(200%);
   transform: translateY(200%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.pws_tabs_slide_down_show{
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

   -webkit-transition-delay: .3s;
   -moz-transition-delay: .3s;
   -o-transition-delay: .3s;
   -ms-transition-delay: .3s;
   transition-delay: .3s;
}