/* about */
#content-container article{
	
}

/*-------------------------------------------
about
-------------------------------------------*/
#content-container #about{
	height:auto!important;
    min-height:300px;
    height:300px;
}
	#about h3{
		padding:0 25px;
	}
		#about h3 *{
			font-family:'Roboto', "Lucida Grande", "Lucida Sans Unicode", Arial, "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微軟雅黑", "LiHei Pro", Helvetica, sans-serif !important;
		}
	#about .story{
		width:520px;
		font-size:16px;
		line-height:30px;
		color:#333;
		padding-top:40px;
		letter-spacing:1px;
	}
	#about .story span{
		color:#df151d;
	}
@media screen and (max-width:667px){/* i6,i7,i8 Landscape */
	#about h3{
		text-align:left !important;
	}
}
@media screen and (max-width:568px){/* i5 Landscape */
	#about h3{
		font-size:100%;
	}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#about h3 br{
		display:none;
	}
}

/*-------------------------------------------
service
-------------------------------------------*/
#service ul{
	margin:0;
	padding:0;
	list-style:none;
}
	#service ul li{
		position:relative;
		clear:both;
		margin-bottom:30px;
		border-radius:10px;
		background-color:#FFF;
		padding:20px 20px 70px 270px;
		min-height:260px;
		box-shadow:0 0 8px rgba(0,0,0,.1);
		transition:.3s; -webkit-transition:.3s;
	}
	#service ul li:hover{
		box-shadow:0 0 0 rgba(0,0,0,0);
	}
		#service ul li figure{
			margin:0;
			width:214px;
			height:214px;
			border-radius:50%;
			overflow:hidden;
			position:absolute; left:20px; top:20px;
		}
			#service ul li figure img{
				width:100%;
			}
		#service ul li h3{
			margin:0;
			font-size:200%;
			color:#E32700;
			padding-top:5px;
		}
		#service ul li .caption{
			padding:10px 0;
			font-size:110%;
		}
		#service .btn_shere,
		#service .btn_rent{
			position:absolute; bottom:30px;
		}
		#service .btn_rent{
			margin-left:120px;
		}
			#service .btn_shere a,
			#service .btn_rent a{
				display:block;
				color:#fff;
				text-align:center;
				width:100px;
				padding:5px 7px;
				border-radius:5px;
			}
			#service .btn_rent a:hover{
				background-color:#f30
			}
			#service .btn_shere a{
				background-color:#0CF;
			}
			#service .btn_shere a:hover{
				background-color:#0099ff
			}
			#service .btn_rent a{
				background-color:#FF6600;
			}
@media screen and (max-width:568px){/* i5 Landscape */
	#service ul li{
		padding-left:240px;
	}
		#service ul li figure{
			width:192px;
			height:192px;
		}
		#service ul li h3{
			font-size:160%;
		}
		#service ul li .caption{
			font-size:100%;
		}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#service ul li{
		padding:20px 20px 70px;
	}
		#service ul li figure{
			width:192px;
			height:192px;
			position:static;
			margin:0 auto 10px;
		}
		#service ul li h3{
			text-align:center;
		}
		#service ul li .caption{
			font-size:100%;
		}
		#service .btn_shere{
			left:50%;
			margin-left:-110px;
		}
		#service .btn_rent{
			right:50%;
			margin-left:0;
			margin-right:-110px;
		}
}

/*-------------------------------------------
superiority
-------------------------------------------*/
#superiority section{
	padding:0 25px;
}
	#superiority figure{
		margin-top:40px;
	}
		#superiority ul{
			list-style:none;
			margin:0;
			padding:0;
		}
			#superiority ul li{
				float:left;
				width:30%;
				font-size:18px;
				color:#333;
				border-bottom:1px dotted #ccc;
				padding:12px 0;
				margin:0 1.65% 15px;
				position:relative;
			}
				#superiority ul li i{
					display:inline-block;
					width:25px;
					height:25px;
					background:url(../images/about-li@2x.png) 0 50% no-repeat;
					background-size:25px 25px;
					text-indent:-99999em;
					margin-right:10px;
				}
@media screen and (max-width:812px){/* iX Landscape */
	#superiority ul li{
		width:46%;
		margin:0 2% 15px;
	}
}
@media screen and (max-width:568px){/* i5 Landscape */
	#superiority ul li{
		width:100%;
		margin:0 0 5px;
	}
}