@charset "UTF-8";

/***************************************************/
/* !Plan */
/***************************************************/

#Plan {
	margin-bottom: 100px;
}
	#Plan > .hn {
		display: none;
	}

	#Plan .intro {}
		#Plan .intro > .catch {
			background: #008CD6;
			float: right;
			margin-bottom: 30px;
			width: 696px;
		}
		#Plan .intro > .image {
			float: left;
		}
			#Plan .intro > .image > img {
				height: auto;
				width: 275px;
			}
		#Plan .intro > .spec {
			float: right;
			margin-bottom: 50px;
			width: 696px;
			*zoom: 1;
		}
		#Plan .intro > .spec:after {
			clear: both;
			content: '';
			display: block;
			height: 0;
			line-height: 0;
		}
			#Plan .intro > .spec > .li {
				float: left;
			}
				#Plan .intro > .spec > .li > img {
					height: auto;
					width: 87px;
				}

	#Plan .layout {
		border: 1px solid #ccc;
		clear: both;
		margin-bottom: 30px;
		padding: 45px 55px;
		*zoom: 1;
	}
	#Plan .layout:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		line-height: 0;
	}
		#Plan .layout > .fig {
			float: left;
			width: 420px;
		}
			#Plan .layout > .fig > img {
				height: auto;
				margin-bottom: 30px;
				width: 420px;
			}
		#Plan .layout > .fig:nth-of-type(2) {
			float: right;
		}
		#Plan .layout > .text {
			clear: both;
			font-weight: bold;
		}

	#Plan .loan {
		*zoom: 1;
	}
	#Plan .loan:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		line-height: 0;
	}
		#Plan .loan > .sample {
			float: left;
			margin-bottom: 20px;
			margin-right: 30px;
		}
			#Plan .loan > .sample > img {
				height: auto;
				width: 395px
			}
		#Plan .loan > .text {
			color: #008CD6;
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 15px;
		}
		#Plan .loan > .table {
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			margin-bottom: 20px;
			width: 575px;
		}
			#Plan .loan > .table td {
				border-left: 1px solid #999;
				border-top: 1px solid #999;
				font-size: 16px;
				font-weight: bold;
				padding: 10px;
				text-align: center;
			}
		#Plan .loan > .note {
			font-size: 11px;
			line-height: 1.5;
		}

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

	#Plan {
		margin-bottom: 50px;
		padding-top: 20px;
	}
		#Plan > .hn {
			display: none;
		}
	
		#Plan .intro {}
			#Plan .intro > .catch {
				float: none;
				margin: 0 -15px 15px -15px;
				width: auto;
			}
				#Plan .intro > .catch > img {
					height: auto;
					width: 100%;
				}
			#Plan .intro > .image {
				float: none;
				margin:  0 10px 20px 10px;
			}
				#Plan .intro > .image > img {
					height: auto;
					width: 100%;
				}
			#Plan .intro > .spec {
				float: none;
				margin: 0 10px 15px 10px;
				width: auto;
				*zoom: 1;
			}
			#Plan .intro > .spec:after {
				clear: both;
				content: '';
				display: block;
				height: 0;
				line-height: 0;
			}
				#Plan .intro > .spec > .li {
					float: left;
					width: 25%;
				}
					#Plan .intro > .spec > .li > img {
						height: auto;
						width: 100%;
					}
	
		#Plan .layout {
			border: 1px solid #ccc;
			clear: both;
			margin-bottom: 20px;
			padding: 20px 10px;
			*zoom: 1;
		}
			#Plan .layout > .fig {
				float: none;
				width: auto;
			}
				#Plan .layout > .fig > img {
					height: auto;
					margin-bottom: 20px;
					width: 100%;
				}
			#Plan .layout > .fig:nth-of-type(2) {
				float: none;
			}
			#Plan .layout > .text {
				clear: both;
				font-weight: bold;
				line-height: 1.5;
			}
	
		#Plan .loan {}
			#Plan .loan > .sample {
				float: none;
				margin: 0 10px 15px 10px;
			}
				#Plan .loan > .sample > img {
					height: auto;
					width: 100%
				}
			#Plan .loan > .text {
				font-size: 12px;
				margin-bottom: 10px;
			}
			#Plan .loan > .table {
				margin-bottom: 15px;
				width: 100%;
			}
				#Plan .loan > .table td {
					font-size: 10px;
					padding: 5px 0;
				}
			#Plan .loan > .note {
				font-size: 10px;
			}

}