html, body {
    margin: 0;
    padding: 0;
	overflow:hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;
	
	/* Touch detection for Windows 8 */
	-ms-touch-action: none; 
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
	position:relative;
}
.section1 .slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.section2 .slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.section.table, .slide.table {
    display: table;
    width: 100%;
}
.section1 .tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.section2 .controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
}
.section2 .controlArrow.prev {
    left: 135px;
    width: 30px;
	height:52px;
	background:url(/images/left.png) no-repeat top center;
	z-index:10;
}
.section2 .controlArrow.next {
    right: 105px;
    width: 30px;
	height:52px;
	background:url(/images/right.png) no-repeat top center;
	z-index:10;
}
.section{position:relative;}
#LeftNav {
    position: fixed;
    z-index: 100;
    top: 0;
    opacity: 1;
	right: 0px;
	z-index:99999;
	width:0px;
	height:100%;background:url(/images/leftBg.png);
}
.back{
	width: 88px;
	height: 47px;
	line-height:47px;
    position:relative;text-align:center;cursor:pointer;}
.back img{
animation: myfirst1 0.8s linear infinite alternate;
/* Firefox: */
-moz-animation: myfirst1 0.8s linear infinite alternate;
/* Safari บอ Chrome: */
-webkit-animation: myfirst1 0.8s linear infinite alternate;
/* Opera
: */
-o-animation: myfirst1 0.8s linear infinite alternate;	
}
@keyframes myfirst1
{
from {opacity: 1;}
to {opacity: 0.2;}
}

@-moz-keyframes myfirst1 /* Firefox */
{
from {opacity: 1;}
to {opacity: 0.2;}
}

@-webkit-keyframes myfirst1 /* Safari บอ Chrome */
{
from {opacity: 1;}
to {opacity: 0.2;}
}

@-o-keyframes myfirst1 /* Opera */
{
from {opacity: 1;}
to {opacity: 0.2;}
}



.ksRuKou{position: fixed;
    z-index: 100;
    top: 50%;
	margin-top:-50px;
	margin-top:;
    opacity: 1;
	right:20px;
	z-index:99999;
	width:100px;
	height:100px;
	cursor:pointer;}

.ksRuKou img{
animation: myfirst 1s linear infinite alternate;
/* Firefox: */
-moz-animation: myfirst 1s linear infinite alternate;
/* Safari บอ Chrome: */
-webkit-animation: myfirst 1s linear infinite alternate;
/* Opera
: */
-o-animation: myfirst 1s linear infinite alternate;	
}
@keyframes myfirst
{
from {opacity: 1;}
to {opacity: 0.5;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {opacity: 1;}
to {opacity: 0.5;}
}

@-webkit-keyframes myfirst /* Safari บอ Chrome */
{
from {opacity: 1;}
to {opacity: 0.5;}
}

@-o-keyframes myfirst /* Opera */
{
from {opacity: 1;}
to {opacity: 0.5;}
}


#LeftNav ul#Meun{margin-right:0px;width:168px;}
#LeftNav li{
    display: block;
    width: 148px;
    height:47px;
    padding-left:20px;
    position:relative;
	/*background:url(/images/bai.png) no-repeat left center;*/
}
#LeftNav .top{
	padding-top:93px;
	width: 168px;
	height: 47px;
	line-height:47px;
	font-size:14px;
	color:#fff;
    position:relative;}
#LeftNav .top a{display:block;width: 148px;padding-left:20px;	height: 47px;line-height:47px;font-size:14px;
color:#fff;}
#LeftNav .top:hover a{background:#f38222;}
.ksRuKou{}
/*#LeftNav li:hover{background:url(/images/cai.png) no-repeat left center;}*/
#LeftNav li:hover{background:#f38222;}
#LeftNav li a{
    display: block;
    width: 148px;
    height: 47px;
	line-height:47px;
	font-size:14px;
	color:#fff;
    position:relative;
	behavior:url(/css/PIE.htc);
}
/*#LeftNav li a img{-moz-transform: rotateY(360deg);-ms-animation:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform: rotateY(360deg);transform:rotateY(360deg);}
#LeftNav li a:hover img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; -moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg); }
*/
.section1 .fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}

.section1 .fullPage-slidesNav.bottom {
    bottom: 30%;
}

.section1 .fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
  width:106px;
  height:29px;
  line-height:29px;
  background:url(/images/slideBg.png) no-repeat center center;
}

.section1 .fullPage-slidesNav li {
    display: block;
    width: 10px;
    height: 10px;
    margin: 9px 0px;
	margin-left:18px;
    position:relative;
}

.section1 .fullPage-slidesNav li {
    display: inline-block;
}

.section1 .fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}


.fullPage-tooltip {
    position: absolute;
    color: #bc8223;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -0px;
	line-height:23px;
}
.fullPage-tooltip.right {
    right: 28px;
}
.fullPage-tooltip.left {
    left: 20px;
}

.section1 .fullPage-slidesNav .active span {
    background: url(../images/hy.png) no-repeat center center;
}
.section1 .fullPage-slidesNav span {
    width: 10px;
    height: 10px;
    background:url(../images/by.png) no-repeat center center;
    position: absolute;
    z-index: 1;
}

.section2 .tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}