/************************************************************************************
over 960
*************************************************************************************/
@media screen and (min-width: 961px) {
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}
	
	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
	
	.lm-display {
		display:block;
	}
}


/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	.wrapper {
		width: 95%;
	}
	
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}

	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
	
	.lm-display {
		display:block;
	}

	#index_left {
		float:left;
		width:240px;
		margin-right:40px;
	}
	#index_right {
		margin-left:280px;
	}
	
	#menu li {
		width:33.33%;
	}
	
	#cultivation_left {
		float:left;
		width:200px;
		margin-right:20px;
	}
	#cultivation_right {
		margin-left:220px;
	}
	
	.thesis_left {
		width:73.47%;
		margin-right:3.67%;
	}
	.thesis_right {
		margin-left:77.14%;
	}
	.btn a {
		width:100%;
	}
	
	ul.menu_list li {
		width:23.47%;
		margin-right:2.04%;
	}
	
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.lm-navi {
		display:none;
	}
	.s-navi {
		display:block;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:block;
	}
	.s-display {
		display:none;
	}
	
	.lm-display {
		display:none;
	}
	
	html, body {
		font-size:14px;
		line-height:20px;
	}
	
	#header_left {
		width:70%;
	}
	
	#footer {
		padding:0;
	}
	
	h1.title {
		padding:0;
		font-size:20px;
	}
	h2.title {
		font-size:18px;
		line-height:24px;
	}
	h2.title2 {
		font-size:18px;
		line-height:24px;
	}
	
	#index_left {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	#index_right {
		width:100%;
		margin-left:0;
	}
	
	#cultivation_left {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
		text-align:center;
	}
	#cultivation_right {
		width:100%;
		margin-left:0;
	}
	ul.cultivation_img li {
		text-align:center;
	}
	
	.thesis_left {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.thesis_right {
		width:100%;
		margin-left:0;
		text-align:center;
	}
	
	table.patent th.cell1 {
		width:1.02%;
		padding:5px;
	}
	table.patent th.cell2 {
		padding:5px;
	}
	table.patent th.cell3 {
		padding:5px;
		width:24%;
	}
	table.patent th.cell4 {
		width:10.2%;
		padding:5px;
	}
	table.patent th.cell5 {
		width:14%;
		padding:5px;
	}
	table.patent td.cell3 {
		text-align:left;
		word-break: break-word;
	}
}


/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:block;
	}

}