body, html{
	margin: 0px;
}
body{
	overflow: hidden;
}
#loading{
	position: absolute;
	margin: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color:#000;  
    background-color:#FFF;    
    z-index:99999;  
    text-align:center;  
}
#sliderframe{
	border: 0px solid black; background-color: rgb(240, 240, 240);
	position: relative;
	z-index:90;
	left:0px;
	top:0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: move;
}
.contentbg, .contenttext, .contentimg, .contentani, .dropcontent, .contentimgfixed, .vlab, .animateContent, .movingContent, .interactive, .contenttxt, .contentiframe, .contentpaint{
	position:absolute !important;
}
.clickcontent, .videocontent, .clicklink, .clickfake, .dragcontent, .quizDropDown, .quizButton, .soundContent, .clickflipbook{
	position: absolute;
	cursor: pointer;
}
.sound, .video, .icon, .navibutton, #naviicon, .insidecontent, .vlabclick, .subshinbox, .clickable{
	cursor: pointer;
}
#imgSlide{
	border: 0px;
	z-index:90;
	position: relative;
}
#menuDialog{
	z-index:9997;
}
#sliderframe{
	z-index: 9997;
}
#multimediadiv{
	border: 0px;
	position: absolute;
	z-index: 98;
	display: none;
}
#icondiv{
	border: 0px;
	position: absolute;
	z-index: 99;
	display: none;
}
#naviframe{
	cursor: default;
    -webkit-border-radius: 100px; 
	-moz-border-radius: 100px;
	-khtml-border-radius: 100px;
	border-radius: 100px;
}
div, img{
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
}
.ui-widget ,  .ui-widget-content , .ui-widget button, body {
	font-family: Tahoma;
	font-size: 12pt;     
	font-weight: normal;
	color: #444444;
} 
.shinbox{
	position:absolute;
	padding: 25px;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius: 15px;
	z-index:9997;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
}
.vbox{
	padding: 25px;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius: 15px;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
}
.contenttxt{
	overflow-y:auto;
	overflow-x:hidden;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
}
#shinboxclose{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
}
#shinboxoverlay{
	position: absolute;
	z-index:9996;
	display:none;
	background-image: url('fancybox_overlay.png');
	background-repeat:repeat;
}
#shinboxnext{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
	background-position: 0 -72px;
}
#shinboxpre{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
	background-position: 0 -36px;
}
#cgclose{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
}
#cgnext{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
	background-position: 0 -72px;
}
#cgpre{
	position:absolute;
	z-index:9998;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
	background-image: url('fancybox_sprite.png');
	background-position: 0 -36px;
}
#cgbox{
	position:absolute;
	padding: 25px;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius: 15px;
	background-color:#1b1b1b;
	background-image:gradient(linear, 0 0, 0 100%, from(#555), to(#303030));
	box-shadow:0 1px 2px rgba(0,0,0,0.8);
	display:none;
	z-index:9997;
	word-wrap: break-word;
	color:white;
	-webkit-overflow-scrolling: touch;
}
.customgallery{
	position: relative;
}

.flipbookpageLeft{
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.25)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
}

.flipbookpageRight{
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.25)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.25) 100%);
}

.bgframeflipbook{
	background-color:#693B00;
}

.bgmenuflipbook{
	background-color: #ff7cb2;
	background-image: -webkit-linear-gradient(top, #ff7cb2, #ff3e93 50%, #ff318a 51%, #ff117a);
	background-image: -moz-linear-gradient(top, #ff7cb2, #ff3e93 50%, #ff318a 51%, #ff117a);
	background-image: -ms-linear-gradient(top, #ff7cb2, #ff3e93 50%, #ff318a 51%, #ff117a);
	background-image: -o-linear-gradient(top, #ff7cb2, #ff3e93 50%, #ff318a 51%, #ff117a);
	background-image: linear-gradient(top, #ff7cb2, #ff3e93 50%, #ff318a 51%, #ff117a);
	background-clip: padding-box;
	background-size: 1px 100%;
	background-repeat: repeat-x;
	border-top: 1px solid #ffadd1;
	border-bottom: 1px solid #72002e;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew-webfont.eot');
    src: url('thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew-webfont.woff') format('woff'),
         url('thsarabunnew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_bolditalic-webfont.eot');
    src: url('thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_bolditalic-webfont.woff') format('woff'),
         url('thsarabunnew_bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_italic-webfont.eot');
    src: url('thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_italic-webfont.woff') format('woff'),
         url('thsarabunnew_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_bold-webfont.eot');
    src: url('thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_bold-webfont.woff') format('woff'),
         url('thsarabunnew_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

.thsarabunnew{
   font-family: 'THSarabunNew', sans-serif;
}

.font-size-xxl {
	font-size:50px;
	line-height: 60px;
	font-weight:bold;
   font-family: 'THSarabunNew', sans-serif;
}

.font-size-xl {
	font-size:36px;
	line-height: 46px;
	font-weight:bold;
   font-family: 'THSarabunNew', sans-serif;
}
.font-size-m {
	font-size:17px;
	line-height: 30px;
	font-weight:bold;
   font-family: 'THSarabunNew', sans-serif;
}
.font-size-s {
	font-size:16px;
	line-height: 30px;
	font-weight:bold;
   font-family: 'THSarabunNew', sans-serif;
}