/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 24, 2015 */

@font-face {
    font-family: 'cs_prakasregular';
    src: url('../font/csprakas-webfont.woff') format('woff2'),
         url('../font/csprakas-webfont.woff') format('woff'),
         url('../font/csprakas-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rsulight';
    src: url('../font/rsu_light-webfont.eot');
    src: url('../font/rsu_light-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/rsu_light-webfont.woff') format('woff2'),
         url('../font/rsu_light-webfont.woff') format('woff'),
         url('../font/rsu_light-webfont.ttf') format('truetype'),
         url('../font/rsu_light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0;
	padding:0;
}
body.th-font .detail-page .overflow-detail h4,
body.th-font .detail-page .overflow-detail p,
body.th-font ul.list-menu li a,
.th-font,
.overflow-detail span
{ 
	font-family: 'cs_prakasregular' !important;
}

body.th-font ul.list-menu li a{
	padding-top:5px;
	font-size:16px;
}

body.th-font .detail-page .overflow-detail p{
	font-size:16px;
}

.img{
	text-align:center;
	margin:0 auto;
}
.img-responsive{
	display: block;
	height: auto;
	max-width: 100%;
}

.pull-right {
  float: right !important;
}

/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 5em;
	font-family: arial,helvetica;
	color: #fff;
	margin:0;
}
.intro p{
	color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

/* Overwriting styles for the navigation dots (to place it where we want)
* --------------------------------------- */
.fp-slidesNav.bottom{
	bottom: 25px;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;
}

#section2 h1{
	color: #333;
}

a{
	text-decoration: none;
}

.section h1{
	color:#000;
}

.fp-controlArrow.fp-next{
	border-color: transparent transparent transparent #201C19;
}

.fp-controlArrow.fp-prev{
	border-color: transparent #201C19 transparent transparent;
}

#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat:no-repeat !important;
}

.fp-controlArrow.fp-prev{
	/*left:15%;*/
	left:8%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background-color:#000;
}
.nav{
	/*position:absolute;*/
	position:fixed;
	z-index:8000;
	display:block;
	top:0;
	left:0;
}
.img-logo{
	padding:0 5px;
	padding-top:25px;
	height:63px;
	/*display:inline;*/
}
.menu{
	margin:0;
	padding:20px 0 0 0;
	width:80px;
	background-color:#000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

ul.list-menu{
	margin:15px 0 30px 0;
	padding:0;
}

ul.list-menu li{
	margin:0;
	padding:5px 0 5px 20px;
	height:30px;
	border-bottom:1px solid #666666;
}
ul.list-menu li:first-child {
     border-top:1px solid #666666;
} 
ul.list-menu li:last-child {
    border-bottom:none;
} 
ul.list-menu li img.icon{
	float:left;
	margin-right:10px;
	width:25px;
}
ul.list-menu li a{
	float:left;
	/*display:inline-block;*/
	display:none;
	color:#666666;
	font-size:18px;
	font-family: 'rsulight';
}

.copy{
	display:none;
	margin:0 auto;
	width:180px;
	position:relative;
	margin-top:70px;
	bottom:40px;
	color:#666666;
	font-size:12px;
	font-family: 'rsulight';
	text-align:center;
}

.optional-link{
	display:none;
	margin:0 auto;
	margin-top:0px;
	width:180px;
	position:relative;
	text-align:center;
}
.optional-link a{
	display:block;
	font-family: 'rsulight';
	color:#666666;
	font-size:16px;
	font-weight:bold;
}



.img-social{
	position:absolute;
	padding-top:15px;
	padding-left:20px;
	z-index:9;
	top:0;
	/*left:1160px;*/
	right:9%;
	width:170px;
	height:119px;
	background-image:URL('../../images/bg-social.png');
	background-repeat:no-repeat:
}
.img-social a{
	float:left;
	margin-right:10px;
}

.overflow-detail a{
	color:#cb1877;
}
.overflow-detail h4{
	margin-bottom:10px;
	text-align:left;
	font-size:18px;
	color:#CB1877;
	line-height:18px;
	font-family: 'rsulight';
}
.overflow-detail h4thai{
	margin-bottom:10px;
	text-align:left;
	font-size:18px;
	color:#CB1877;
	line-height:18px;
	font-family: 'Arial';
}
.overflow-detail p
{
	/*padding:15px 0 10px 0;*/
	text-align:left;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-family: 'rsulight';
}
.overflow-detail span,
.overflow-detail label
{
	font-family: 'rsulight';
}

ul.sub-cate-menu li a{
	color: #fff;
    font-family: "rsulight";
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
	border: 0px solid #5c5c5c;
    padding: 0px 15px; 
    background: #5c5c5c;
    border-radius: 5px;
}
ul.sub-cate-menu li a:hover{
	 background: #cfcfcf;
	 color:#000;
}
ul.sub-cate-menu li{
	float:left;
	padding-right:5px;
	margin-right:0;
	/*border-right:1px solid #cb1877;*/
}

/*@media (min-width: 1024px) {*/
@media (min-width: 1025px) {
	ul.sub-cate-menu{
		clear:all;
		margin:0 auto;
		margin-top:15px;
		padding:0;
		width:610px;
		list-style-type:none;
	}
	#slide-home{
		display:block;
	}
	#content-home{
		display:none;
	}
	
	.article-box{
		float:left;
		margin-right:15px;
		margin-bottom:30px;
		/*width:290px;*/
		width:auto;
	}

	
	header , nav , footer{
		display:none;
	}
	.detail-page{
		margin:0 auto;
		margin-top:150px;
		margin-bottom:50px;
		width:70%;
		padding:15px;
		height:100%;
		background-image:URL('../../images/bg-content.png');
		background-repeat:repeat-y;
	}
	.overflow-detail{
		/*overflow:auto;*/
		padding:0 15px;
		height:auto;
	}
	
	#content-wrapper{
		border:1px solid transparent;
		min-height:700px;
		max-height:2500px;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover  !important;
	}
	
}

#fullpage{
	width:100%;
	background-color:#000;
}

#slider1_container{
	position: relative; 
	margin: 0 auto; 
	top: 0px; 
	left: 0px; 
	width: 600px; 
	height: 300px;
}

div[u='slides']{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 600px;  
	height: 300px;
	overflow: hidden;
}

/*@media (max-width: 850px) {*/
@media (max-width: 1024px) {
	ul.sub-cate-menu{
	clear:all;
	margin:0 auto;
	margin-top:15px;
	padding:0;
	width:610px;
	list-style-type:none;
}
	#slide-home{ display:block; }
	#content-home{ display:none; }
	#slider1_container{
		position: relative; 
		margin: 0 auto; 
		top: 0px; 
		left: 0px; 
		width: 1024px; 
		height: 768px;
	}
	div[u='slides']{
		cursor: move; 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 1024px;  
		height: 768px;
		overflow: hidden;
	}
	
	.article-box{
		float:left;
		margin-right:15px;
		margin-bottom:30px;
		width:220px;
	}
	#fullpage{
		position:absolute !important;
		top:0;
	}
	.hidden-lg , .hidden-sm{
		display:none;
	}
	
	.img-social{
		/*display:none;*/
		right:2%;
		background:transparent;
	}
	header{
		position:relative;
		z-index:9;
		top:0;
		margin: 0;
		padding:20px 0 0 0;
		filter:alpha(opacity=80); /* IE */
		-moz-opacity:0.8; /* Mozilla */
		opacity: 0.8; /* CSS3 */

		width:100%;
		height:68px;
		background-color: #000000;
	}
	.menu-bar{
		position:relative;
		z-index:999;
		clear:both;
		display:block;
		width:100%;
		height:38px;
		/*margin-top:125px;*/
		background-color:transparent;
		background-image:URL('../../images/bg-menu-bar.png');
		background-repeat:repeat-x;
	}
	
	.navbar-default .navbar-toggle {
		border-color: #ddd;
	}
	.navbar-toggle{
		padding: 6px 10px;
		position: relative;
		border: 0 none;
		border-radius: 0;
		float: left;
		margin-bottom: 3px;
		margin-top: 5px;
		background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000a16;
	}
	.navbar-toggle .icon-bar {
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000a16;
	}

	.nav{
		display:none;
		left:-180px;
	}
	.sr-only {
		border: 0 none;
		clip: rect(0px, 0px, 0px, 0px);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.navbar-toggle .icon-bar {
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #666666 ;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 4px;
	}
	ul.list-menu{
		margin-top:0;
	}
	.menu{
		padding-top:0;
	}
	.copy{
		bottom:15%;
	}
	footer{
		display:none;
	}
	
	.section-detail .fp-tableCell{
		vertical-align:top;
	}
	.detail-page{
		margin:0 auto;
		/*margin-top:125px;*/
		padding:15px;
		background-image:URL('../../images/bg-menu-bar2.png');
	}
	.overflow-detail{
		padding:0 15px;
	}
	.menu{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
}

/*iPad*/
/*@media (max-width: 559px) {*/



/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	ul.sub-cate-menu{
		clear:all;
		margin:0 auto;
		margin-top:15px;
		padding:0;
		width:610px;
		list-style-type:none;
	}
	body{
		background-color:#000;
	}
	#slide-home{ display:block; }
	#content-home{ display:none; }
	#slider1_container{
		position: relative; 
		margin: 0 auto; 
		top: 0px; 
		left: 0px; 
		width: 1024px; 
		height: 768px;
	}
	div[u='slides']{
		cursor: move; 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 1024px;  
		height: 768px;
		overflow: hidden;
	}
	.img-social{
		left:auto;
	}
	.img-logo{
		padding-top:0;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	.fp-slidesNav.bottom{
		bottom:5px;
	}
	.hidden-xs{
		display:none;
	}
	.hidden-sm{
		display:block;
	}
	#fullpage{
		position:relative !important;
		top:0;
		height:auto !important;
	}
	.img-social{
		width: 80px;
		padding-top:3px;
	}
	.img-social  img{
		width:25px;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	ul.list-menu{
		margin-bottom:0;
	}
	ul.list-menu li{
		height:20px;
	}
	ul.list-menu li a{
		font-size:14px;
	}
	ul.list-menu li img.icon{
		width:15px;
	}
	footer{
		padding-bottom:15px;
		width:100%;
		position:relative;
		bottom:0;
	}
	footer .copy-mobile{
		padding-top:15px;
	}
	footer .copy-mobile p{
		margin:0;
		padding:0;
		color:#666666;
		font-size:10px;
		text-align:center;
	}
	footer .copy-mobile a{
		color:#dd0083;
		text-decoration:none;
	}
	footer{
		display:block;
		height:100%;
		background-color:#000;
	}
	
	body.section-detail{
		margin:0;
		paddding:0;
	}
	
	.section-detail .fp-tableCell{
		vertical-align:top;
	}
	.detail-page{
		margin:0 auto;
		padding:15px 15px 30px 15px;
		/*background-image:URL('../../images/bg-menu-bar2.png');*/
		background-image:URL('../../images/bg-content-mobile.jpg');
	}
	.overflow-detail{
		overflow:auto;
		padding:0 15px;
		
	}
	.nav{
		position:absolute;
	}
	ul.sub-cate-menu li a{
		font-size:12px;
	}
	ul.sub-cate-menu li{
		padding-right:5px;
		margin-right:5px;
	}
	.copy{
		display:none !important;
	}
	.menu{
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

/*Portrait*/
/*@media (max-width: 785px) {*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	ul.sub-cate-menu{
		clear:all;
		margin:0 auto;
		margin-top:15px;
		padding:0;
		width:610px;
		list-style-type:none;
	}
	body{
		background-color:#000;
	}
	#slide-home{ display:block; }
	#content-home{ display:none; }
	#slider1_container{
		position: relative; 
		margin: 0 auto; 
		top: 0px; 
		left: 0px; 
		width: 768px; 
		height: 1024px;
	}
	div[u='slides']{
		cursor: move; 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 768px;  
		height: 1024px;
		overflow: hidden;
	}
	.img-social{
		left:auto;
	}
	.img-logo{
		padding-top:0;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	.fp-slidesNav.bottom{
		bottom:5px;
	}
	.hidden-xs{
		display:none;
	}
	.hidden-sm{
		display:block;
	}
	#fullpage{
		position:relative !important;
		top:0;
		height:auto !important;
	}
	.img-social{
		width: 80px;
		padding-top:3px;
	}
	.img-social  img{
		width:25px;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	ul.list-menu{
		margin-bottom:0;
	}
	ul.list-menu li{
		height:20px;
	}
	ul.list-menu li a{
		font-size:14px;
	}
	ul.list-menu li img.icon{
		width:15px;
	}
	footer{
		padding-bottom:15px;
		width:100%;
		position:relative;
		bottom:0;
	}
	footer .copy-mobile{
		padding-top:15px;
	}
	footer .copy-mobile p{
		margin:0;
		padding:0;
		color:#666666;
		font-size:10px;
		text-align:center;
	}
	footer .copy-mobile a{
		color:#dd0083;
		text-decoration:none;
	}
	footer{
		display:block;
		height:100%;
		background-color:#000;
	}
	
	body.section-detail{
		margin:0;
		paddding:0;
	}
	
	.section-detail .fp-tableCell{
		vertical-align:top;
	}
	.detail-page{
		margin:0 auto;
		padding:15px 15px 30px 15px;
		/*background-image:URL('../../images/bg-menu-bar2.png');*/
		background-image:URL('../../images/bg-content-mobile.jpg');
	}
	.overflow-detail{
		overflow:auto;
		padding:0 15px;
		
	}
	.nav{
		position:absolute;
	}
	ul.sub-cate-menu li a{
		font-size:12px;
	}
	ul.sub-cate-menu li{
		padding-right:5px;
		margin-right:5px;
	}
	.copy{
		display:none !important;
	}
	.menu{
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@media (max-width: 650px) {
	ul.sub-cate-menu{
		clear:all;
		margin:0 auto;
		margin-top:15px;
		padding:0;
		width:310px;
		list-style-type:none;
	}
	ul.sub-cate-menu li:first-child{
		margin-left:7px;
	}
	.optional-link{
		margin-top:30px;
	}
	body{
		background-color:#000;
	}
	#slide-home{ display:none; }
	#content-home{ display:block; }

	.img-social{
		left:auto;
	}
	.img-logo{
		padding-top:0;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	.fp-slidesNav.bottom{
		bottom:5px;
	}
	.hidden-xs{
		display:none;
	}
	.hidden-sm{
		display:block;
	}
	#fullpage{
		position:relative !important;
		top:0;
		height:auto !important;
	}
	.img-social{
		width: 120px;
		padding-top:3px;
	}
	.img-social  img{
		width:25px;
	}
	#slide1 , #slide2 , #slide3 , #slide4 , #slide5{
		-webkit-background-size: none !important;
		-moz-background-size: none !important;
		-o-background-size: none !important;
		background-size: none !important;
		background-repeat:no-repeat !important;
	}
	ul.list-menu{
		margin-bottom:0;
	}
	ul.list-menu li{
		height:20px;
	}
	ul.list-menu li a{
		font-size:14px;
	}
	ul.list-menu li img.icon{
		width:15px;
	}
	footer{
		padding-bottom:15px;
		width:100%;
		position:relative;
		bottom:0;
	}
	footer .copy-mobile{
		padding-top:15px;
	}
	footer .copy-mobile p{
		margin:0;
		padding:0;
		color:#666666;
		font-size:10px;
		text-align:center;
	}
	footer .copy-mobile a{
		color:#dd0083;
		text-decoration:none;
	}
	footer{
		display:block;
		height:100%;
		background-color:#000;
	}
	
	body.section-detail{
		margin:0;
		paddding:0;
	}
	
	.section-detail .fp-tableCell{
		vertical-align:top;
	}
	.detail-page{
		margin:0 auto;
		padding:15px 15px 30px 15px;
		/*background-image:URL('../../images/bg-menu-bar2.png');*/
		background-image:URL('../../images/bg-content-mobile.jpg');
	}
	.overflow-detail{
		overflow:auto;
		padding:0 15px;
		
	}
	.nav{
		position:absolute;
	}
	ul.sub-cate-menu li a{
		font-size:12px;
	}
	ul.sub-cate-menu li{
		padding-right:5px;
		margin-right:0;
	}
	.menu{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	ul.list-menu li a{
		font-size:20px;
	}
}

#qtranslate-chooser{
    margin: 0 auto;
    width: 90px;
	margin-bottom:10px;
	color:#666666;
	list-style-type:none;
}

#qtranslate-chooser li{
	float:left;
	font-size:14px;
}

#qtranslate-chooser li.active a,
#qtranslate-chooser li a:hover
{
	color:#cb1877;
}

#qtranslate-chooser li a{
	color:#666666;
	font-size:12px;
}
#qtranslate-chooser .lang-en,
#qtranslate-chooser .lang-th,
#qtranslate-chooser .lang-ja{
	/*border-right:1px solid #666666;*/
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
#qtranslate-chooser .lang-cn{
	padding-left:5px;
	padding-right:5px;
}

#qtranslate-chooser .lang-ja,
#qtranslate-chooser .lang-cn{
	display:none;
}

#qtranslate-chooser  .lang-th{
	border-right:none;
}

/*-----Contact -------*/
.wpcf7-form-control-wrap{
	margin-bottom:5px;
	display:inline-block;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
	padding:5px 10px;
	background:#960059 none repeat scroll 0 0;
	border:none;
	color:#fff;
	max-width:210px;
}
.wpcf7-form-control-wrap textarea , .your-message{
	padding-bottom:0;
	margin-bottom:0;
	line-height:16px;
}

.wpcf7-submit{
	display:block;
	position:relative;
	background: #960059 url("../../images/arrow-reserv.png") no-repeat scroll 205px center;
    border: 0 none;
    color: #fefcfd;
    cursor: pointer;
    font-family: "PT Sans",sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 3px 0;
    text-indent: -5000px;
	margin-top:-15px;
	padding-bottom:5px;
	width:230px;
	height:25px;
}

ul.display-list{
	margin:15px 0 0 0;
	padding:0;
	display:block;
	list-style-type:none;
}

li.list-box{
	text-align:left;
	padding:10px 10px 10px 25px;
	background-color:#000;
	border-bottom:1px solid #cccccc;
}

li.list-box a{
	color: #cb1877;
    font-family: "rsulight";
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: left;
}

.page-navigation{
	clear:both;
	margin-top:10px;
}

.wp-pagenavi a, .wp-pagenavi span{
	border:none;
	font-family: "rsulight";
	color: #cb1877;
}

ul.sub-cate-menu li.last{
	border-right:0;
}


.cover-list-gallery{
	margin-top:15px;
}


.article-box h5{
	color: #cb1877;
    font-family: "rsulight";
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}

.list-gallery{
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}

.last-box{
	margin-right:0;
}

.wp-pagenavi .pages{
	margin-right:5px
}
.wp-pagenavi span{
	margin-right:5px;
}
.wp-pagenavi .current{
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
}

.nextpostslink,
.previouspostslink{
	margin-left:5px;
	margin-right:5px;
}