@charset "utf-8";
/* CSS Document */

	#page{
		margin: 0;
		max-width: 100%;
		/*overflow: hidden;	*/
	}
	.clearfix { *display: inline-block; height: 1%; }
	header {
		z-index: 1501;
		position: fixed;
		width: 100%;
		height: 60px;
		left: 0;
		right: 0;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1);
		-webkit-transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
		-moz-transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
		-o-transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
		transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
		-webkit-transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1);
		-webkit-transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
		-moz-transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
		-o-transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
		transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
    	transition-delay: 0.06s;
	}
	@media (min-width: 768px) {
		header {
			width: 64px;
			height: 100%;
		}
		header.menu-is-open { 
			width: 480px; 
			transition-delay: 0s; 
		}
	}
	.shortcut-132-1{
		margin:0;
		padding:0;
		width:64px;
	}
	.shortcut-132-1 .menu{
		margin:0;
		padding:0;
		margin-top:52px;
		text-align:center;
	}
	.shortcut-132-1 .search{
		margin:0;
		padding:0;
		margin-top:20px;
		text-align:center;
	}
	.shortcut-132-1 .change-size{
		margin:0;
		padding:0;
		margin-top:10px;
		text-align:center;
	}
	.shortcut-132-1 .change-size .small{
		font: 16px/20px 'thaisanslite', Arial, sans-serif;
	}
	.shortcut-132-1 .change-size .medium-2{
		font: 24px/20px 'thaisanslite', Arial, sans-serif;
	}
	.shortcut-132-1 .change-size .big{
		font: 30px/20px 'thaisanslite', Arial, sans-serif;
	}
	.shortcut-132-1 .change-size a{
		color: #0368c4;
	}
	.shortcut-132-1 .change-size a:hover{
		color:#ff5a00;
	}
	.shortcut-132-1 .change-size .text{
		margin-top: 8px;
		font-size:12px;
		line-height:12px;
	}
	.shortcut-132-1 .language{
		margin:0;
		padding:0;
		margin-top:20px;
		text-align:center;
		position:relative;
		color: #0467c4;
	}
	.shortcut-132-1 .language a{
		color:#6e6e6e;
	}
	.shortcut-132-1 .language a:hover{
		color:#ff5a00;
	}
	.shortcut-132-1 .language img{
		max-width:100%;
		height:auto;
	}
	.shortcut-132-1 .language .th{
		position: absolute;
		top: -8px;
		right: 8px;
		font: 18px/20px 'thaisanslite', Arial, sans-serif;
	}
	.shortcut-132-1 .language .en{
		position: absolute;
		top: -8px;
		right: 8px;
		font: 24px/20px 'thaisanslite', Arial, sans-serif;
	}
	.shortcut-132-1 .style{
		margin:0;
		padding:0;
		margin-top:20px;
		text-align:center;
		position:relative;
		}
	.shortcut-132-1 .style img{
		max-width:100%;
		height:auto;
		padding-bottom:10px;
		}
	.shortcut-132-1 .style .text1{
		font-size: 12px;
   	 	line-height: 12px;
		text-align:center;
		}
		.shortcut-132-1 .menu-bar ul{
			
		}
		.shortcut-132-1 .menu-bar ul li{
			margin:15px 0px;	
		}
	.shortcut-132-1 .menu-bar .text1 a{
		color:#6e6e6e;
	}
	.shortcut-132-1 .menu-bar .text1 a:hover{
		color:#ff5a00;
	}
	.shortcut-132-1 .menu-bar{
		margin:0;
		padding:0;
		margin-top: 20px;
	}
	.shortcut-132-1 .menu-bar .icon{
		text-align:center;
	}
	.shortcut-132-1 .menu-bar .text{
		font-size:12px;
		line-height:20px;
		text-align:center;
	}
	.shortcut-132-1 .menu-bar .text a{
		color:#6e6e6e;
	}
	.shortcut-132-1 .menu-bar .text a:hover{
		color:#ff5a00;
	}
	
	#header-and-body {
	width: 100%;
	margin-top: 60px;
/*	overflow: hidden;*/
	}
	
	@media (max-width: 374px) { 
	header{
		display:none;	
	}
	#header-and-body{
		margin-top:0px;	
	}
	 }
@media (min-width: 375px) and (max-width: 419px) { 
	header{
		display:none;	
	}
	#header-and-body{
		margin-top:0px;	
	}
 }
@media (min-width: 420px) and (max-width: 575px) { 
	header{
		display:none;	
	}
	#header-and-body{
		margin-top:0px;	
	}
 }
@media (min-width: 576px) and (max-width: 767px) {
	header{
		display:none;	
	}
	#header-and-body{
		margin-top:0px;	
	}	
	 }
@media (min-width: 768px) { 
	#header-and-body {
		margin-top: 0;
	}
	#header-and-body,
	#footer {
		width: calc(100% - 64px);
		margin-left: 64px;
	}
}