/* CSS Document */
/*img {

	width:100%;

}*/
.media_indent {
    margin:30px;
}
p.document_detail {
    text-indent: 30px;
    margin-bottom: 10px;
    padding-top: 0px !important;
}
p.document_header1 {
    font-size: 15px;
    font-weight: bold;
    color:#553a0a;
    padding-bottom: 0px !important;
}
p.document_header2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px !important;
    color:#a77c22;
}
ul.document_bullet {
    font-size: 14px;
    margin-bottom:10px;
}
ul.document_bullet li {
    text-indent: 30px;
}
p.document_detail b {
    font-weight: bold;
    color : #a77c22;
}
.clear {clear:both; line-height:0; height:0; font-size: 1px}

a {
	color:inherit;
}

@font-face {
 font-family: THNiramit;
 src:url(TH_Niramit_AS_Bold.eot); /* EOT file for IE */
}
@font-face {
 font-family: THNiramit;
 src:url(TH_Niramit_AS_Bold.ttf) /* TTF file for CSS3 browsers */
}
body { background:url(../images/background-img.jpg) repeat; font-family:Tahoma, Geneva, sans-serif;}

#warpper-tk { background:url(../images/overlay-bg-img.png) repeat-x; overflow:hidden; }

header {
	width:90%;
	padding:0 5%;
	background: url(../images/header_bg.png) repeat-x center top ;
	height:146px;
}
.body-fixed{
	overflow: hidden;
}
#header-panel{
	height:146px;
}
#footer-panel{
	height: 130px;
}

#header-tk-warpper {
	width:100%;
	max-width:960px;
	margin:0 auto;

}

#logo-tk-warpper {
	float:left;
	width:294px;
	margin-top:15px;
}

#menu-tk-warpper {
	float:right;
	width:auto;
	margin-top:47px;
}

.menu-tk-top-menu1 {
	float:left;
	width:auto;
	height:66px;

}
.menu-tk-top-menu2 {
	float:left;
	width:auto;
	height:66px;

}

.menu-tk-top-menu3 {
	float:left;
	width:auto;
	height:66px;

}






#content-tk-warpper {
	width:90%;
	padding:0 5%;
	height:auto;

}

#content-tk {
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:auto;
	/*overflow:auto;*/
}

#book-shelf-tk {

	height:auto;
	max-width:1185px;
	margin:75px 0 0 0;
	background:url(../images/shelf-bg-img.png) center bottom no-repeat;
	/*background-size: contain;
	min-height:320px;*/
	width:100%;
	overflow: hidden;
	position:relative;
	padding-bottom:45px;

}

#bookshelf-tk-inside {
	width: 95%;
	max-width: 1006px;
	margin: 0 auto;
	position: relative;
	height: auto;
	min-height: 230px;
}

.book-tk1 {

	/*margin-top:63px; */
	width:241px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:74px;

}
.book-tk2 {
	width:173px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:8px;

}
.book-tk3 {
	width:139px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:68px;
}
.book-tk4 {
	width:130px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:65px


}
.book-tk5 {
	margin-right:0;
	width:101px ;
	/*position:absolute;
	bottom:0;*/
	float:left;
}


.book-tk-nav {
	float:left;
	height:47px;
	width:34px;
	padding-top:120px;
}

#book-descrip-warpper {
	width:100%;
	max-width:960px;
	margin:35px auto 0;
	height:auto;
	position:relative;
}

#book-tk-descrip-img {
	width:49%;
	float:left;
	margin-right:1%;
}

#book-tk-descrip-text {
	width:49%;
	float:right;
	margin-left:1%;
	font:Tahoma, Geneva, sans-serif;
	text-align:left;
	font-weight:normal;

}

#book-tk-descrip-img-inside {
	margin:0 auto;
	width:100%;
	max-width:382px;

}

#book-tk-descrip-text-title {
	width:100%;
	text-align:left;
	/*color:#027dd0;*/
	/*font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;*/
	font-size:40px;
	font-family:THNiramit, Tahoma, Geneva, sans-serif;

}

#book-tk-descrip-text-subtitle {
	width:100%;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#898989;
	margin-top:5px;

}

#book-descrip-text-content {
	margin-top:20px;
	width:100%;
	font-size:14px;
	color:#737373;
	line-height:18px;


}

#button-bookindex-warpper {
	width:100%;
	max-width:227px;
	margin-top:20px;
}

		#flipbook-shelf-tk {
		width:100%;
		height:auto;
		max-width:960px;
		margin:25px auto 0px auto;
		position:relative;


		}

.footer_team { width:auto; margin:0 auto; float:right ; display:none; padding: 15px 15px 0px}

footer {
	width:90%;
	padding:0 5%;
	margin-top:20px;
}

.footer-warpper {
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:80px;
	border-top:1px #b7b7b7 solid;
	;
}

.footer-warpper.mobile {
	display:none;
	height:130px;
}


#footer-text-contact {
	width:auto;
	float:left;
	font-size:12px;
	color:#959595;
	line-height:18px;

}

#footer-img {
	width:auto;
	float:right;
	font-size:12px;
	color:#959595;
	line-height:18px;
}

		#menu-shelf-tk {
		width:100%;
		height:auto;
		overflow:auto;
		/*max-width:700px;*/
		max-width:679px;
		margin:25px auto 0px auto;
		}

		#menu-shelf-tk.musichistory {
		max-width:685px;
		}

		.menu-shelf-tk-mobile {
		display:none;
		}



		.menu-tk {
		width:97px;
		height:110px;
		margin:0px 0 15px auto;
		float:left;
		}

	.doc-article {
		width:100%;
		max-width:960px;
		background-color:#faf7f2;
		/*border:1px solid #f2ece2;*/
		font:12px Tahoma, Geneva, sans-serif;
		height:100%;
		min-height:100px;
		/*padding:20px;*/
		text-align:left;
		line-height:23px;
		padding-bottom:30px;

		}

		.doc-head-picture {
			width:100%;
			max-width:960px;
			height:auto;

		}
		.doc-content-div {
			width:96%;
			max-width:960px;
			padding:2%;
			/*margin-top:-20px;*/
			}
		.doc-heading-text {
			text-align:right;
			font: 40px THNiramit,Tahoma, Geneva, sans-serif ;
			color:#dbb538;

		}
		.doc-heading-subtitle {
			text-align:right;
			font: 18px Tahoma, Geneva, sans-serif;
			color:#636363;
			/*font-weight:bold;*/
			}

		.doc-content-text {
			font:12px Tahoma, Geneva, sans-serif;
			/*color:#636363;*/
			color:#000;
			margin-top:20px;
			/*line-height:18px;*/
			line-height:24px;
			position:relative;
			}
			.doc-content-text p {
				padding:5px 0;
				font-size:14px;
			}
			.doc-content-text img {
				max-width: 100%;
				height: auto;
			}
			@media \0screen {
			.doc-content-text img {
					width: auto; /* for ie 8 */
				  }
			}

		/*Style For Tabale*/
		table.doc-content-table{
				background-color:#fbf9f6;
				font:12px Tahoma, Geneva, sans-serif;
				border-width: 0 0 1px 1px;
				border-spacing: 0;
				border-collapse: collapse;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table td, .mystyle th
			{
				font:12px Tahoma, Geneva, sans-serif;
				alignment-adjust:central;
				text-align:center;
				margin: 0;
				padding: 10px;
				border-width: 1px 1px 0 0;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table tr:first-child td{
				background-color:#f4ede2;
				color:#666;
				font:12px Tahoma, Geneva, sans-serif;
				font-weight:bold;
				vertical-align:middle;
			}
			.doc-content-table tr:nth-child(odd){
				background-color:#fcfbf9;
			}
			.doc-content-table td:datacelltwo{
				font-style:italic;
			}
			.doc-content-sup {
                                font-size:xx-small; vertical-align:super;
            }
			/*Style For Tabale End*/


			table.doc-content-table2{
				font:Tahoma, Geneva, sans-serif;
				font-size:14px;
				color:#636363;
				line-height:18px;
			}

			/*Style For Tabale 3 (for thai curry)*/
			table.doc-content-table3{
				font:Tahoma, Geneva, sans-serif;
				font-size:14px;
				color:#636363;
				line-height:18px;
			}

			table.doc-content-table3{
				background-color:#fbf9f6;
				font:12px Tahoma, Geneva, sans-serif;
				border-width: 0 0 1px 1px;
				border-spacing: 0;
				border-collapse: collapse;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table3 td, .mystyle th
			{
				font:12px Tahoma, Geneva, sans-serif;
				alignment-adjust:central;
				text-align:center;
				margin: 0;
				padding: 6px;
				border-width: 1px 1px 0 0;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table3 td:first-child{
				background-color:#f4ede2;
				color:#666;
				font:12px Tahoma, Geneva, sans-serif;
				font-weight:bold;
				vertical-align:middle;
			}
			.doc-content-table3 tr:nth-child(odd){
				background-color:#fcfbf9;
			}
			.doc-content-table3 td:datacelltwo{
				font-style:italic;
			}
			.doc-content-sup {
                                font-size:xx-small; vertical-align:super;
            }
			/*Style For Tabale End*/

			/*Style For Tabale*/
		table.doc-content-table4{
				background-color:#fbf9f6;
				font:12px Tahoma, Geneva, sans-serif;
				border-width: 0 0 1px 1px;
				border-spacing: 0;
				border-collapse: collapse;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table4 td, .mystyle th
			{
				font:12px Tahoma, Geneva, sans-serif;
				alignment-adjust:central;
				text-align:left;
				margin: 0;
				padding: 10px;
				border-width: 1px 1px 0 0;
				border-style: solid;
				border-color:#e5cb7c;
			}
			.doc-content-table4 td:first-child
			{
				font:12px Tahoma, Geneva, sans-serif;
				alignment-adjust:central;
				margin: 0;
				padding: 10px;
				border-width: 1px 1px 0 0;
				border-style: solid;
				border-color:#e5cb7c;
				text-align:center;
			}
			.doc-content-table4 tr:first-child td{
				background-color:#f4ede2;
				color:#666;
				font:12px Tahoma, Geneva, sans-serif;
				font-weight:bold;
				vertical-align:middle;
				text-align:center;
			}
			.doc-content-table4 tr:nth-child(odd){
				background-color:#fcfbf9;
			}
			.doc-content-table4 td:datacelltwo{
				font-style:italic;
			}
			.doc-content-sup {
                                font-size:xx-small; vertical-align:super;
            }
			/*Style For Tabale End*/



#header_warpper {
	width:100%;
	height:146px;
	background:url(../images/header_bg) repeat-x;
	height:145px;

	}

#header-tk-logo {
	float:left;
	width:294px;
	padding-left:20px;

	}

#menu-top-warpper {
	float:right;
	padding-right:20px;
	padding-top:47px;
	width:auto;

		}

#nav-menu-tk {
	width:100%;
	text-align:left;
	font:12px Tahoma, Geneva, sans-serif;
	color:#b9b9b9;
	padding-top:10px;
	display:none;

}

#nav-menu-tk span {
	text-decoration:underline;
}

.bookindex-header-img-tk {
	width:100%;
	max-width:347px;
	text-align:center;
	margin:35px auto;

}

.bookindex-header-img-tk.nirat {
	max-width:488px;
}

.bookindex-header-img-tk.muaythai {
	max-width:387px;
}

.bookindex-header-img-tk.thaicurryrecipe {
	max-width:261px;
}

.bookindex-header-img-tk.team {
	max-width:603px;
}

.bookindex-header-img-tk.musichistory {
	max-width:378px;
}

.bookindex-header-img-tk.teammobile {
	display:none;

}

.media_musichistory_descripe {
	font-family:Tahoma, Geneva, sans-serif;
	width: 80%;
	border-left: none;
	border-right: none;
	border-top: 1px solid #E5CB7C;
	border-bottom: 1px solid #E5CB7C;
	background: #FAF7F2;
	padding: 20px;
	margin: 20px auto 0;

	}

.media_musichistory_descripe > h1  { font-size:18px; color:#DBC376 }
.media_musichistory_descripe > h2  { font-size:14px; color:#DBC376; line-height:20px; }
.media_musichistory_descripe > h3  { font-size:12px; color:#949494; font-weight:normal; spadding-top:15px; }
.media_musichistory_descripe > p  { font-size:12px; color:#636363; line-height:20px; text-align:left; padding-bottom:10px; }
.media_musichistory_descripe > span  { font-size:12px; color:#999 ; list-style:none; display:inline-block; padding:5px; text-decoration:none;}

.document-table-of-content {
	width:100%;
	max-width:144px;
	padding:10px 0;
	border-top:1px solid #dbb538;
	border-bottom:1px solid #dbb538;
	margin:20px auto;
	color:#dbb538;
	font:18px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
	/*background:url(../images/bg-table-content.png) no-repeat center top;*/
	line-height:5px;
	cursor:pointer;
}
.menu-gallery .document-table-of-content{
	max-width: 168px;
}

.document-table-of-content a:link, .document-table-of-content a:visited {
	color:inherit;
	text-decoration:none;

}

.document-table-of-content a:hover {
	color:#dbc376;
	text-decoration: underline;

}

.table-of-content-lightbox {
	background: none repeat scroll 0 0 #faf7f2;
	border-color: #e5cb7c -moz-use-text-color;
	border-left: medium none;
	border-right: medium none;
	border-style: solid none;
	border-width: 1px medium;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	display: table;
	font-family: Tahoma,Geneva,sans-serif;
	font-style: normal;
	margin: 50px auto 0;
	max-width: 80%;
	padding: 20px;
	position: relative;
	overflow: auto;
	min-width: 250px;


	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}

.mobile_popup { height:100% ; overflow: auto; -webkit-overflow-scrolling: touch;}

.table-of-content-text {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	font-style:normal;
	padding:5px 0px;
	cursor:pointer;
	color:##636363 !important;
}
.sub_index {
    padding-left:20px;
}
.table-of-content-text.headtext { color:#dbc376;}

.table-of-content-text a {
	text-decoration:none;

	}

.table-of-content-text a:link {
	text-decoration:none;
	color:##636363 !important;
	}


.table-of-content-text a:hover {
	text-decoration:underline;
	}

table.doc-content-table2{
				font:Tahoma, Geneva, sans-serif;
				font-size:14px;
				color:#636363;
				line-height:18px;
				line-height:18px;
			}

.document-page-count {
	width: 100%;
max-width: 175px;
padding: 10px 0;
border-top: 1px solid #DBB538;
border-bottom: 1px solid #DBB538;
margin: 25px auto 25px;
color: #95908B;
font: 14px Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
line-height: 5px;

}

.flipbook-page-count {
	width:100%;
	max-width:200px;
	padding:5px 0;
	border-top:1px solid #dbb538;
	border-bottom:1px solid #dbb538;
	margin:30px auto 0;
	color: #95908B;
	font: 14px Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;

}

.flipbook-nav-control-warpper {
	width:100%;
	max-width:660px;
	margin:0 auto;
}

.flipbook-page-count-slider {

	width:100%;
	max-width:600px;
	padding:5px 0;
	border-top:1px solid #dbb538;
	border-bottom:1px solid #dbb538;
	margin:30px auto ;
	color: #95908B;
	font: 14px Tahoma, Geneva, sans-serif;
	font-weight: bold;
	overflow:hidden;
	word-spacing:15px;
	line-height:5px;
	height:25px !important;

	}

.foot-note-page {
	margin-top:10px;
	width:250px;
	border-top:1px solid #f2e3b5;
	height:10px;
}

.pagedocument {

  list-style: none;
  overflow: hidden;

  padding: 0;
  margin:0 auto;

  border-left:none;
	border-right:none;
	border-top:1px solid #e5cb7c;
	border-bottom:1px solid #e5cb7c;
	width:100%;
	max-width:816px;
	background:#faf7f2;
	position:relative;
	padding: 0 1%;

}

.showpageNum {
	position:absolute;
	bottom:15px;
	left:50%;
	font:18px Tahoma, Geneva, sans-serif ;
	color:#dbb538;
	margin-left:-50px;

}

#carousel { width:94%; max-width:815px; margin:20px 3% 0;}
#paginate { padding:10px 0; border-top:1px solid #DBB538; border-bottom:1px solid #DBB538; color:#A5A5A5;}
#paginate > li { cursor:pointer;}


.media_button_nav_warp { width:232px; height:48px; margin:20px auto 0;}
.media_button_nav_back { width:118px; height:48px; float:left;}
.media_button_nav_next { width:114px; height:48px; float:left;}

.media_niraj_warpper {
	width:100%;
	height:auto;
}

.media_niraj_intro_warpper {
	background:url(../images/nirat/media/niraj_media_bg_p2.jpg) no-repeat center center;
	background-size:960 auto;
	width:100%;
	/*height:731px;*/
	padding-bottom:10%;

	}
.media_niraj_logo_warpper { width:235px; height:75px; margin:0 auto; padding-top:20px;}
.media_niraj_intro_frame { width:100%; max-width:703px; margin:50px auto 0;}
.media_niraj_intro_frame_mobile { display:none;}

.media_niraj_button {
	width:100%;
	text-align:center;
	background-color:#ba935f;
	margin-top:-2px;
	padding-bottom:20px;
	padding-top:20px;

}

.media_niraj_map_marker_button_warpper_mask { width:100%; overflow:auto;}
.media_niraj_map_marker_button_warpper { width: 100%; height: auto; overflow: hidden; padding-top:10px;}

.media_niraj_map_marker_button li {

	background-color:#ede0cb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;


	width:auto;
	font:12px Tahoma, Geneva, sans-serif;
	color:#998675;
	padding:10px;
	list-style:none;
	line-height: 15px;
	font-weight: bold;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25);
	border:1px solid #d1cbc4;
	text-align:center;
	margin:5px 0 0 0;
	display:inline-block;


	}

.media_niraj_map_marker_button li:hover { border:1px solid #dbb538; color:#dbb538;
}

.media_niraj_button {
	width:100%;
	text-align:center;
	background-color:#ba935f;
	margin-top:-2px;
	padding-bottom:20px;
	padding-top:20px;
	height: auto;
	overflow: hidden;

}

.media_niraj_select_char_warpper {
	background:url(../images/nirat/media/niraj_media_bg_p3.jpg) no-repeat center center;
	width:100%;
	height: auto;
}

.media_niraj_select_char {
	float:left;
	width:auto;

}

.media_niraj_select_character_text { text-align:center !important; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:left; line-height:22px; color:#EDE0CB; width:auto !important; padding-top:25px; font-weight:bold; padding-bottom: 25px; background-color:#BD9266;  }
.media_niraj_select_character_text a { text-decoration:none;}
.media_niraj_select_character_text a:hover { text-decoration:underline;}




.media_niraj_character_detail {
	width:563px; height:403px;
	background:url(../images/nirat/media/niraj_media_character_detail_frame.jpg) no-repeat center top;
	margin:50px auto 0;
	padding-bottom:50px;
}

.media_niraj_character_detail_inside_left {
	width:190px;
	float:left;
	margin: 45px 0 0 60px;
	text-align: center;
	}

.media_niraj_character_detail_inside_right {
	width:260px;
	float:left;
	}
.media_niraj_character_detail_inside_headingtext {
	font:18px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#936e41;
	margin-top:60px;
	}

.media_niraj_character_detail_inside_headingtext_mobile {
	font:18px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#936e41;
	padding:0 10% 0 10%;

	}

.media_niraj_character_detail_inside_content {
	margin-top:15px;
	font:14px Tahoma, Geneva, sans-serif;
	color:#46433c;
	line-height: 18px;
	}

.media_niraj_character_detail_inside_content_mobile {
	margin-top:10px;
	font:14px Tahoma, Geneva, sans-serif;
	color:#46433c;
	line-height: 18px;
	max-width: 286px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding-bottom: 10px;
	}
.media_niraj_character_detail_imgheader_mobile {

	max-width: 286px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding-top:10px;
	}

.media_niraj_select_char img {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	cursor:pointer;

}

.media_niraj_select_char img:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */

}

.media_niraj_map_warpper {
	width:100%;
	height:auto;
	background:url(../images/nirat/media/niraj_media_bg_p5.jpg) no-repeat center top !important;
	overflow:hidden;
}

.media_niraj_map_paper {

	width: 100%;
	max-width: 873px;
	min-height: 526px;
	background: url(../images/nirat/media/niraj_media_map_paper.jpg) no-repeat center top;
	margin: -20px auto 0;

	}

.media_niraj_map_inside {
	max-width:650px;
	width:90%;
	min-height:340px;
	overflow:hidden;
	padding:75px 5% 0;
	margin:0 auto;
}

.media-niraj-popup {
	width:898px;
	height:534px;
	background:url(../images/nirat/paper-lightbox.png) no-repeat top center;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	opacity:1.0 !important;
	margin:auto;
	z-index:98;

}

.media_niraj_popup_contnet {
	width:100%; height:auto;
	padding:5px;
	padding-top:80px;
	margin:0 auto;
}

.media_niraj_popup_contnet_text {
	width:100%; height:auto;
	max-width:635px; margin:15px auto 0;
	font:14px Tahoma, Geneva, sans-serif;
	color:#5f5a51; text-align:left;
	}

.media_niraj_popup_content_image {
	width:100%; height:auto;
	text-align:center;
	margin:0 auto;

	}

.media_niraj_credit_text { width:100%; border-top:1px solid #d6bb9a; padding-top:5px; font:12px Tahoma, Geneva, sans-serif;margin-top: 5px; color:#dcc5a8;}

.table-name-palce {
	text-align:left;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:10px;
	color:#553a0a;
}

.table-name-palce td {
	padding:5px 0 5px;

}

.table-name-palce a { text-decoration:none;	}
.table-name-palce a:hover { text-decoration: underline;	}

.media-niraj-button-warrper {width:158px !important; float:right; margin-right:10px;}
.media-niraj-button-back, .media-niraj-button-next {width:79px !important; height:75px; float:left;}

.media-niraj-all-character-warpper {
	width:960px;
	height:597px;
	background:url(../images/nirat/media/niraj_media_bg_p3.jpg) no-repeat top center;
}

.media-niraj-all-character-warpper-inside {
	width:605px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	padding-top:50px;
}

.media-niraj-all-character-warpper-inside div { float:left;}
.media_niraj_logo_traveler { width:382px; height:auto; margin: 40px auto 0;}
.media-niraj-all-character-warpper-inside-mobile { display:none;}
.media_niraj_character_detail_mobile {
	max-width:360px; height:auto; width:100%;
	/*background:url(../images/nirat/media/niraj_media_character_detail_pitsamai_frame_mobile.jpg) no-repeat center top;*/
	margin:60px auto 0;
	padding-bottom:50px;

	}

.media_niraj_character_detail_mobile_frame_top {
	background:url(../images/nirat/media/niraj_media_character_detail_frame_mobile_top.jpg)  no-repeat center top;
	max-width:360px; width:100%; height:28px;
	background-size:contain;
	}
.media_niraj_character_detail_mobile_frame_center {
	background: url(../images/nirat/media/niraj_media_character_detail_frame_mobile_center.jpg) repeat-y center top;
	max-width:360px; width:100%; height:auto;
	background-size:contain;
	margin-top: -10px;
	}
.media_niraj_character_detail_mobile_frame_bottom {
	background:url(../images/nirat/media/niraj_media_character_detail_frame_mobile_buttom.jpg)  no-repeat center top;
	max-width:360px; width:100%; height:54px;
	background-size:contain;
	}


.media_niraj_intro_heading_text { max-width:293px;  margin:0 auto; padding-top: 40px; padding-left: 15%;
    padding-right: 15%;
    padding-top: 40px;
    width: 70%;}
.media_niraj_intro_content_text { margin:40px 10% 0 10%; width:80%; line-height:18px; text-align:center; color:#46433c; font:16px Tahoma, Geneva, sans-serif;}

.media_niraj_index_damrong_warpper { width:90%; max-width:413px; margin:0 auto; padding:50px 5% 0;}
.media_niraj_index_logo_warpper { width:90%; max-width:434px; margin:0 auto 0; padding:0 5%;}
.media_niraj_index_text_warpper { width:96%; margin:-30px auto 0; padding:15px 2% 15px; font:20px Tahoma, Geneva, sans-serif ; text-align:center; color:#ede0cb; font-weight:bold; background-color:#bd9266;}

.media_yathai_warpper {
	width:100%;
	max-width:960px;
	height:auto;
	background:url(../images/doctor/media/yathai_bg_thaimassage.jpg) no-repeat top center;
	padding-bottom:15px;

}

.media_yathai_heading_img {
	max-width:371px;
	width:90%;
	height:auto;
	margin:0 auto;
	padding:30px 5% 0;
}

.media_yathai_select_button_warpper {
	max-width:700px;
	width:90%;
	height:111px;
	margin:80px auto 0;
	padding:0 5% 0;

}

.media_yathai_button {
	float:left;
	width:275px;
	/*width:100%;*/
	height:auto;
}

.media_yathai_button_mobile { display:none;}

.media_yathai_shelf {
	max-width:552px;
	width:90%;
	height:auto;
	margin:25px auto 0;
	padding:0 5% 0;
}

.media_yathai_title_img {
	width:90%;
	max-width:300px;
	height:auto;
	margin:0 auto;
	padding:0 5% 0;
}

.media_yathai_select_side_img {
	width:246px;
	height:74px;
	margin:-18px auto 0;
}

.media_yathai_select_side_warpper {
	width:791px;
	height:auto;
	overflow:hidden;
	margin:0px auto 0;
	position:relative;
}

.media_yathai_select_side_warpper_mobile {
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:relative;

}

.media_yathai_select_warpper_mobile_inside {
	max-width: 240px;
	width: 100%;
	margin: 0 auto;
	}

.media_yathai_front_side {
	width:399px;
	float:left;
}

.media_yathai_back_side {
	width:392px;
	float:right;
}

.media_yathai_back_btn {
	width:189px;
	height:58px;
	margin:0 auto;
}

.media_yathai_thaimassage_front_warpper {
	width:730px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.media_yathai_thaimassage_nav {
	float:left;
	margin-top:25%;
	width:100%;
	max-width:51px;

}

.media_yathai_thaimassage_nav:hover { opacity:0.7;}

.media_yathai_thaimassage_nav.mobile { margin-top:65%; max-width:30px; }

.media_yathai_thaimassage_image_warpper {
	float:left;
	width: 100%;
	max-width: 628px;
}

.media_yathai_thaimassage_image_warpper.mobile {
	max-width: 300px;
}

.media_yathai_thaimassage_front_warpper_mobile {
	display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	max-width:360px;

}

.media_yathai_thaimassage_prev { width:51px; height:468px; float:left; background:url(../images/doctor/media/media_yathai_prev_button.png) center center no-repeat; cursor:pointer;}
.media_yathai_thaimassage_prev:hover { background:url(../images/doctor/media/media_yathai_prev_button_hover.png) center center no-repeat;}
.media_yathai_thaimassage_next { width:51px; height:468px; float:left; background:url(../images/doctor/media/media_yathai_next_button.png) center center no-repeat; cursor:pointer;}
.media_yathai_thaimassage_next:hover { background:url(../images/doctor/media/media_yathai_next_button_hover.png) center center no-repeat;}

.media_yathai_thaimassage_human { width:598px; height:468px; padding:0 15px 0 15px; position:relative; margin:0 auto;}

.media_yathai_thaimassage_label { width:auto; height:auto; position:absolute; top:25px; left:25px;}
.media_yathai_thaimassage_label_mobile { width:100%; height:auto; max-width:320px; margin:0 auto 0;}
.media_yathai_thaimassage_marker {
	width: 255;
	height: 147;
	position: absolute;
	left: 371px;
	top: 159px;
}

.media-yathai-popup {
	max-width:454px;
	min-height:453px;
	background: url(../images/doctor/media/media_yathai_thaimassage_popupbg.png) no-repeat top center;
	position:relative;
	text-align:center;
	width:100%;
	top:0; left:0; right:0; bottom:0;
	margin:60px auto 0;


}

.media_yathai_rusiedotton_warpper {
	width:100%;
	max-width:730px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.media_yathai_rusiedotton_warpper_mobile {
	/*display:none;*/
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.media_yathai_rusiedotton_video {
	width:100%;
	height:auto;
}

.mediayathai_nav { float:left; width:8%; height:100%; cursor:pointer; margin-top:19%; }
.mediayathai_thaimassage_nav {float:left; width:8%; height:100%; cursor:pointer; margin-top:19%; }

.media_yathai_rusiedotton_video_warpper { width:100%;height:auto; margin:0 auto; overflow:hidden;}


.media_yathai_rusiedotton_label { max-width:282px; height:auto; margin:0px auto 10px; width:90%; padding:0 5% 0;}
.media_yathai_rusiedotton_prev { width:51px; height:366px; float:left; background:url(../images/doctor/media/media_yathai_prev_button.png) center center no-repeat; cursor:pointer;}
.media_yathai_rusiedotton_prev:hover { background:url(../images/doctor/media/media_yathai_prev_button_hover.png) center center no-repeat;}
.media_yathai_rusiedotton_next { width:51px; height:366px; float:left; background:url(../images/doctor/media/media_yathai_next_button.png) center center no-repeat; cursor:pointer;}
.media_yathai_rusiedotton_next:hover { background:url(../images/doctor/media/media_yathai_next_button_hover.png) center center no-repeat;}
.yathai_pop { position:absolute; padding-top:0; top:50%; left:50%; width:auto;}

.media_thaicurryrecipe_warpper {
	width:100%;
	max-width:960px;
	height:665px;
	background:url(../images/03_thaicurryrecipe/media/media_thaicurryrecipe_bg.jpg) no-repeat center top;
	background-size:cover;
}

.media_thaicurryrecipe_hedaer_image { max-width:379px; height:auto; margin:0 auto; padding-top:20px; width:100%;}
.media_thaicurryrecipe_content_warpper { width:89%; max-width:520px; height:auto; margin:0px auto; overflow:hidden; position:relative; padding: 0 5% 0 6%;}
.media_thaicurryrecipe_videoplayer_warpper { width:90%; height:386px; float:left; margin:0 5%}
.media_thaicurryrecipe_videoplayer_inside { width:100%; height:auto; max-width:520px;}
.media_thaicurryrecipe_videothumbnail_warpper {width:130px; height:332px; float:left; margin-top:54px;}
.media_thaicurryrecipe_videoname { width:100%; height:auto; text-align:center;}
.media_thaicurryrecipe_videoname img { margin:0 auto;}
.media_thaicurryrecipe_videothumbnail { width:126px; height:75px; background:url(../images/03_thaicurryrecipe/media/media_thaicurryrecipe_vdothumbnail_bg.jpg) no-repeat center top; padding:3px; margin-bottom: 1px;}
.media_thaicurryrecipe_video {
	/*width:478px; height:291px;
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom:30px;*/
}


.media_muaythai_warpper { max-width:960px; width:100% height:665px; overflow:hidden; background:url(../images/04_muaythai/media/media_muaythai_bg.jpg) no-repeat center top; background-size:cover; position:relative}
.media_muaythai_header_image { max-width:200px; margin:20px auto 0; width:100%}

.media_muaythai_vdowarpper { max-width:591px; width:90%; height:auto; margin:15px auto; border: 3px solid #401807; background-color: #534741;}

.media_muaythai_vdo_detail { max-width:333px; height:auto; margin:0 auto; width:100%}
.media_muaythai_vdo_thumb_warp { width:90%; max-width:536px; height:119px; margin:-20px auto 10px; background:url(../images/04_muaythai/media/media_muaythai_vdo_thumbnail.png) no-repeat center top; position:relative; }
#backoffice_head { width:237px; height:50px; float:right; margin-top:60px;}
 .manipulator_warpper {
	overflow: hidden;
	padding: 15px;
	margin: 0 auto;
	border-left: none;
	border-right: none;
	border-top: 1px solid #E5CB7C;
	border-bottom: 1px solid #E5CB7C;
	width: 90%;
	max-width: 720px;
	background: #FAF7F2;

	  }

.manipulator_warpper h1 { font:16px Tahoma, Geneva, sans-serif; font-weight:bold; color:#DBB538; margin:15px 0 10px 0;}
.manipulator_warpper li { font-size:14px; line-height:18px; list-style:none; color:#636363; padding-bottom:5px; padding-left:20px;}

.media_music_warp { width:100%; max-width:586px; height:auto; overflow:hidden; margin:0 auto; text-align:center !important; position:relative;}.
.media_music_radio { width:100%; max-width:586px; height:auto; overflow:hidden;}
.media_music_radio_ctrl { width:100%; max-width:586px; height:auto; overflow:hidden; }

.your-class{
	/*margin-left: 80px;*/
	/*margin-right: 80px;*/
	margin-bottom: 0;
	border: 5px solid #ffffff;
}

.slick-slide img{
	max-width: 100%;
}

.slick-prev, .slick-next{
	margin-top: -30px;
}

.slick-prev:hover, .slick-prev{
	background: url("../images/nav-left.png") no-repeat scroll 0 0 transparent;
	text-indent: -9999px;
	color: transparent;
    height: 69px;
    left: -80px;
    width: 52px;
}


.slick-next:hover, .slick-next{
	background: url("../images/nav-right.png") no-repeat scroll 0 0 transparent;
	text-indent: -9999px;
	color: transparent;
    height: 69px;
    right: -80px;
    width: 52px;
}


/* For 1046 or less*/
@media screen and ( max-width: 1046px) {
	#bookshelf-tk-inside {
	width: 86%;
	max-width: 1006px;
	margin: 0 auto;
	position: relative;
	height: auto;
	min-height: 230px;
}

.book-tk1 {

	/*margin-top:63px; */
	width:241px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:74px;

}
.book-tk2 {
	width:173px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:8px;

}
.book-tk3 {
	width:139px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:68px;
}
.book-tk4 {
	width:130px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:65px


}
.book-tk5 {
	margin-right:0;
	width:101px ;
	/*position:absolute;
	bottom:0;*/
	float:left;
	display:none;
}


.media-niraj-popup {
	width:90%;
	max-width:450px;
	height:auto;
	background-color:#f0ca8f;
	border-top:2px solid #e5cb7c;
	border-bottom:2px solid #e5cb7c;
	position:relative;
	text-align:center;
	background-image:none;
	margin-top:60px !important;
	padding: 5%;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);




}

.media-niraj-popup-inside {  height:100% ; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.media_niraj_popup_contnet {

	padding-top:0px;
}


}
/* End 1046 or less*/

/* for 1026px or less*/
@media screen and ( max-width: 1026px) {
	#bookshelf-tk-inside {
	width: 690px;
	max-width: 1006px;
	margin: 0 auto;
	position: relative;
	height: auto;
	min-height: 230px;
}

.book-tk4 {
	width:130px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:65px;
	display:none;


}
}
/* End 1026px or less*/
/* for 1026px or less*/
@media screen and ( max-width: 895px) {

/*.media_yathai_rusiedotton_warpper { display:none}
.media_yathai_rusiedotton_warpper_mobile {
	display:block;
}
	*/
.media_yathai_select_side_warpper {
	display: none;
}
.media_yathai_select_side_warpper_mobile {
	display:block;
}

.media_yathai_thaimassage_front_warpper {
	display:none;
}

.media_yathai_thaimassage_front_warpper_mobile {
	display: block;
}

.media_yathai_thaimassage_human {

	max-width: 374px;
	height: 447px;
	background: url(../images/doctor/media/media_yathai_human_front_mobile.png) no-repeat center top;
	padding:0px;
	position: relative;
	margin:0 auto;
	overflow: hidden;
	width: 100%;
	background-size:contain;

	}

	.slick-prev, .slick-next{
		margin-top: -20px;
	}


}

/* for 767px or less*/
@media screen and ( max-width: 767px) {

	.menu-tk-top-menu1 { display:none;}

	header {
		width:90%;
		padding:0 5%;
		background: url(../images/header_bg.png) repeat-x center top ;
		height:120px;
	}
	#header-panel{
		height: 120px;
	}
	@media  ( max-width: 600px) {
		#menu-footer-panel{
			height: 388px;
		}
	}
	@media ( min-width: 600px) and ( max-width: 754px) {
		#menu-footer-panel{
			height: 277px;
		}
	}

	#footer-panel {
		height: 170px;
	}



	#logo-tk-warpper {
		width:220px;
		margin:10px auto 0;
		clear:both;
		position:absolute;
		left:50%;
		margin-left:-110px
	}

	#menu-tk-warpper {
		clear:both;
		width:100%;
		margin-top:90px;
		float:left;
		border-top:1px solid #EEEAE4;
	}

	#menu-tk-warpper-inside {
		width:100%;

		}

	.menu-tk-top-menu3 {

		width:77px;
		/*height:50px !important;*/
		text-align:center;
		margin:0 auto;
		float:none;
		display:none;

	}

	.footer_team {
		display:block;
	}

	#book-shelf-tk {
		width:100%;
		height:auto;
		max-width:1185px;
		margin:60px 0 0 0;
		background:url(../images/shelf-bg-img.png) center no-repeat;
		/*background-size: contain;
		min-height:150px;*/
	}

	#bookshelf-tk-inside {
		width: 520px;
		max-width: 1006px;
		margin: 0 auto;
		position: relative;
		height: auto;
		min-height: 180px;
	}

	.book-tk1 {

		/*margin-top:63px; */
		width:120.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:38px;

	}
	.book-tk2 {
		width:86.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:7px;

	}
	.book-tk3 {
		width:69.5px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:35px;
	}

	.book-tk4 {
		width:65px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:33px;
		display:block;


	}
	.book-tk5 {
		margin-right:0;
		width:50.5px ;
		/*position:absolute;
		bottom:0;*/
		float:left;
		display:block;
	}

	.book-tk-nav {
		float:left;
		height:47px;
		width:34px;
		padding-top:60px;
	}

	#footer-warpper {
		width:100%;
		max-width:960px;
		margin:0 auto;

		border-top:1px #b7b7b7 solid;
		padding-top:15px;
	}

	#footer-text-contact {
		width:auto;
		font-size:12px;
		color:#959595;
		line-height:18px;

	}

	#footer-img {
		width:auto;
		font-size:12px;
		color:#959595;
		line-height:18px;
		float:left;
	}

	#book-descrip-warpper {
		width:100%;
		max-width:960px;
		margin:0 auto 0;
		height:auto;
	}

	#book-tk-descrip-img {
		width:100%;
	}

	#book-tk-descrip-text {
		width:100%;
	}

	#book-tk-descrip-img-inside {
		margin:20px auto 0;
		width:100%;
		max-width:382px;

	}

	#book-tk-descrip-text-title {
		width:100%;
		text-align:left;
		/*color:#027dd0;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;*/
		font-size:48px;
		font-family:THNiramit, Tahoma, Geneva, sans-serif;
		padding-top:20px;

	}

	#book-tk-descrip-text-subtitle {
		width:100%;
		text-align:left;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#898989;
		margin-top:5px;

	}

	#book-descrip-text-content {
		margin-top:20px;
		width:100%;
		font-size:14px;
		color:#737373;
		line-height:18px;

	}

	#button-bookindex-warpper {
		width:100%;
		max-width:227px;
		margin:20px auto 0;
	}

	.flipbook-page-count-slider {

		width:87%;

	}

	.media-niraj-all-character-warpper-inside { display:none;}
	.media-niraj-all-character-warpper-inside-mobile { display:block;}
	.media_niraj_select_character_text { display:none;}
	.media_niraj_character_detail { display:none;}
	.media_yathai_button { display:none;}
	.media_yathai_button_mobile {
		display:block;
		float:left;
		width:150px;
		/*width:100%;*/
		height:auto;

	}

}
/* end of 767px*/

@media screen and ( max-width:600px){

	.media_thaicurryrecipe_warpper { height:auto; padding-bottom:50px;}

	.media-niraj-popup {
		width:90%;
		max-width:450px;
		height:auto;
		background-color:#f0ca8f;
		border-top:2px solid #e5cb7c;
		border-bottom:2px solid #e5cb7c;
		position:relative;
		text-align:center;
		background-image:none;
		margin-top:60px !important;
		padding: 5%;

		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		height:70%;



	}

	.media-yathai-popup {
		max-width:454px;
		min-height:0px;
		background: url(../images/doctor/media/media_yathai_thaimassage_popupbg.png) no-repeat center center;
		position:relative;
		text-align:center;
		width:100%;
		top:0; left:0; right:0; bottom:0;
		margin:60px auto 0;
		height:70%;


	}

	.slick-prev:hover, .slick-prev{
		background: url("../images/flipbook-nav-left.png") no-repeat scroll 0 0 transparent;
	    color: transparent;
	    height: 35px;
	    left: -40px;
	    text-indent: -9999px;
	    width: 28px;
	}

	.slick-next:hover, .slick-next{
		background: url("../images/flipbook-nav-right.png") no-repeat scroll 0 0 transparent;
	    color: transparent;
	    height: 35px;
	    right: -40px;
	    text-indent: -9999px;
	    width: 28px;
	}



}

/* for 540px or less*/
@media screen and ( max-width: 540px) {

	.flipbook-page-count-slider {

	width:85%;

	}

	#book-shelf-tk {
	width:100%;
	height:auto;
	max-width:1185px;
	margin:60px 0 0 0;
	background:url(../images/shelf-bg-img.png) center no-repeat;
	/*background-size: contain;
	min-height:150px;*/
}

#bookshelf-tk-inside {
	width: 520px;
	max-width: 1006px;
	margin: 0 auto;
	position: relative;
	height: auto;
	min-height: 180px;
}

.book-tk1 {

	/*margin-top:63px; */
	width:120.5px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:38px;

}
.book-tk2 {
	width:86.5px;
	/*position:absolute;
	bottom:0;	*/
	float:left;
	padding-top:7px;

}
.book-tk3 {
	width:69.5px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:35px;
}

.book-tk4 {
	width:65px;
	/*position:absolute;
	bottom:0;*/
	float:left;
	padding-top:33px;
	display:block;


}
.book-tk5 {
	margin-right:0;
	width:50.5px ;
	/*position:absolute;
	bottom:0;*/
	float:left;
	display:none;
}


}


/* end of 540px*/

/* for 540px or less*/
@media screen and ( max-width: 540px) {


	#book-shelf-tk {
		width:100%;
		height:auto;
		max-width:1185px;
		margin:60px 0 50px 0;
		background:url(../images/shelf-bg-img.png) center no-repeat;
		/*background-size: contain;
		min-height:200px;*/
	}

	#bookshelf-tk-inside {
		width: 370px;
		max-width: 1006px;
		margin: 0 auto;
		position: relative;
		height: auto;
		min-height: 180px;
	}

	.book-tk1 {

		/*margin-top:63px; */
		width:120.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:38px;

	}
	.book-tk2 {
		width:86.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:7px;

	}
	.book-tk3 {
		width:69.5px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:35px;
	}

	.book-tk4 {
		width:65px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:33px;
		display:none;


	}
	.book-tk5 {
		margin-right:0;
		width:50.5px ;
		/*position:absolute;
		bottom:0;*/
		float:left;
		display:none;
	}



	#book-tk-descrip-text-title {
		width:100%;
		text-align:left;
		/*color:#027dd0;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;*/
		font-size:40px;
		font-family:THNiramit, Tahoma, Geneva, sans-serif;
		padding-top:20px;

	}

	.bookindex-header-img-tk {
		width:100%;
		max-width:215px;
		text-align:center;
		margin:35px auto;

	}

	.bookindex-header-img-tk.muaythai {
		max-width:295px;
	}

	.bookindex-header-img-tk.nirat {
		max-width:190px;
	}

	.bookindex-header-img-tk.thaicurryrecipe {
		max-width:185px;
	}

	.footer-warpper {
		display:none;
		}

	.footer-warpper.mobile {
		display:block
	}

	#menu-shelf-tk {
		display:none;
	}

	.menu-shelf-tk-mobile {
		width:85%;
		height:auto;
		max-width:470px;
		margin:25px auto 0px auto;
		display:block;
	}
    .menu-shelf-tk-mobile-last {
        border-bottom: 1px solid #D8D4CC;
    }
	.menu-shelf-tk-mobile a {
		text-decoration:none;
	}

	.menu-tk-mobile {
		width: 95%;
		border-top: 1px solid #D8D4CC;
		padding: 5px;
		height: auto;
		overflow: hidden;
		background-color: #F8F4EE;
		font-family: Tahoma, Geneva, sans-serif;
	}

	.menu-tk-mobile:hover {

		background-color: #faf7f2;
	}

	.menu-shelf-tk-mobile-img {
		width:40px;
		float:left;

	}

	.menu-shelf-tk-mobile-text {
		width:auto;
		padding-left:15px;
		float:left;
		padding-top:10px;
		/*font-weight:bold;*/
		font-size:14px;
		color:#959595;
	}

	.flipbook-page-count-slider {

		width:80%;
		float:none;

		}

	.media_niraj_intro_frame_mobile { display: block; margin-top:50px;}
	.media_niraj_intro_frame { display: none;}
	.media_niraj_logo_traveler { width:282px;}
	.media_niraj_index_damrong_warpper { padding:50px 10% 0;}
	.media_niraj_index_text_warpper { word-break: break-strict;}
	.media_niraj_map_marker_button_warpper { width: 100%; height: auto; overflow: hidden;}


	.media_muaythai_header_image { max-width:200px; padding:0 5px;}
	.media_muaythai_vdo_detail { max-width:250px;}

	 .bookindex-header-img-tk.team{
		display:none;
	}

	.bookindex-header-img-tk.teammobile {
		display:block;
		max-width:232px;

	}

	.bookindex-header-img-tk.musichistory {
		max-width:200px;
	}

	.media_niraj_index_text_warpper { margin:-90px auto 0;}

	.media_yathai_thaimassage_image_warpper.mobile {
		max-width: 220px;
	}

	.media_yathai_thaimassage_front_warpper_mobile {
		max-width:280px;
	}

}

	#media a.sm2_button{
		display: inline;
	}
	#media a.sm2_button,
	#media a.sm2_button.sm2_paused:hover {
		background: inherit;
	}

	#media a.sm2_button:hover,
	#media a.sm2_button.sm2_playing,
	#media a.sm2_button.sm2_playing:hover {
		background: inherit;
		text-indent: 0;
	}

	#media #book-shelf-tk {
		width:100%;
		height:auto;
		max-width:1185px;
		margin:60px 0 50px 0;
		background:url(../images/shelf-bg-img.png) center no-repeat;
		/*background-size: contain;
		min-height:200px;*/
	}

	#media #bookshelf-tk-inside {
		width: 370px;
		max-width: 1006px;
		margin: 0 auto;
		position: relative;
		height: auto;
		min-height: 180px;
	}

	#media .book-tk1 {

		/*margin-top:63px; */
		width:120.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:38px;

	}
	#media .book-tk2 {
		width:86.5px;
		/*position:absolute;
		bottom:0;	*/
		float:left;
		padding-top:7px;

	}
	#media .book-tk3 {
		width:69.5px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:35px;
	}

	#media .book-tk4 {
		width:65px;
		/*position:absolute;
		bottom:0;*/
		float:left;
		padding-top:33px;
		display:none;


	}
	#media .book-tk5 {
		margin-right:0;
		width:50.5px ;
		/*position:absolute;
		bottom:0;*/
		float:left;
		display:none;
	}



	#media #book-tk-descrip-text-title {
		width:100%;
		text-align:left;
		/*color:#027dd0;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;*/
		font-size:40px;
		font-family:THNiramit, Tahoma, Geneva, sans-serif;
		padding-top:20px;

	}

	#media .bookindex-header-img-tk {
		width:100%;
		max-width:215px;
		text-align:center;
		margin:35px auto;

	}

	#media .bookindex-header-img-tk.muaythai {
		max-width:295px;
	}

	#media .bookindex-header-img-tk.nirat {
		max-width:190px;
	}

	#media .bookindex-header-img-tk.thaicurryrecipe {
		max-width:185px;
	}

	#media .footer-warpper {
		display:none;
		}

	#media .footer-warpper.mobile {
		display:block
	}

	#media #menu-shelf-tk {
		display:none;
	}

	#media .menu-shelf-tk-mobile {
		width:85%;
		height:auto;
		max-width:470px;
		margin:25px auto 0px auto;
		display:block;
		border-bottom:1px solid #d8d4cc;
	}

	#media .menu-shelf-tk-mobile a {
		text-decoration:none;
	}

	#media .menu-tk-mobile {
		width: 95%;
		border-top: 1px solid #D8D4CC;
		padding: 5px;
		height: auto;
		overflow: hidden;
		background-color: #F8F4EE;
		font-family: Tahoma, Geneva, sans-serif;
	}

	#media .menu-tk-mobile:hover {

		background-color: #faf7f2;
	}

	#media .menu-shelf-tk-mobile-img {
		width:40px;
		float:left;

	}

	#media .menu-shelf-tk-mobile-text {
		width:auto;
		padding-left:15px;
		float:left;
		padding-top:10px;
		/*font-weight:bold;*/
		font-size:14px;
		color:#959595;
	}

	#media .flipbook-page-count-slider {

		width:80%;
		float:none;

		}

	#media .media_niraj_intro_frame_mobile { display: block; margin-top:50px;}
	#media .media_niraj_intro_frame { display: none;}
	#media .media_niraj_logo_traveler { width:282px;}
	#media .media_niraj_index_damrong_warpper { padding:50px 10% 0;}
	#media .media_niraj_index_text_warpper { word-break: break-strict;}
	#media .media_niraj_map_marker_button_warpper { width: 100%; height: auto; overflow: hidden;}


	#media .media_muaythai_header_image { max-width:200px; padding:0 5px;}
	#media .media_muaythai_vdo_detail { max-width:250px;}

	 #media .bookindex-header-img-tk.team{
		display:none;
	}

	#media .bookindex-header-img-tk.teammobile {
		display:block;
		max-width:232px;

	}

	#media .bookindex-header-img-tk.musichistory {
		max-width:200px;
	}

	#media .media_niraj_index_text_warpper { margin:-90px auto 0;}

	#media .media_yathai_thaimassage_image_warpper.mobile {
		max-width: 220px;
	}

	#media .media_yathai_thaimassage_front_warpper_mobile {
		max-width:280px;
	}