@charset "utf-8";
body, table, h1, h2, h3, h4, h5, h6, td, th, div, ul, li, p {
	margin:0 auto;
	padding:0;
}
body {
	background-color:#f1f1f1;
	margin:0 auto;
}
.Box {
	margin:0 auto;
	width:100%;
	max-width:1000px;
}
.header { display:flex; justify-content:space-between; align-items:flex-end; }
.logo { margin:0; padding:1em; }
.Menu { margin:0; padding:0 1em; border-bottom:#d1d1d1 1px dashed; }
.Menu ul { display:flex; list-style:none; }
.Menu ul li {}
.Menu ul li a {
	display:block;
	padding:0 5px 5px 5px;
	margin-left:40px;
	height:17px;
	text-indent:-9999px;
	background-position: center;
	background-repeat:no-repeat;
}
.Menu ul li a.M1 {
	width:72px;
	background-image:url(../images/menu/images/menu_01.png);
}
.Menu ul li a.M2 {
	width:54px;
	background-image:url(../images/menu/images/menu_03.png);
}
.Menu ul li a.M3 {
	width:64px;
	background-image:url(../images/menu/images/menu_05.png);
}
.Menu ul li a.M4 {
	width:76px;
	background-image:url(../images/menu/images/menu_07.png);
}
.Menu ul li a.M5 {
	width:52px;
	background-image:url(../images/menu/images/menu_09.png);
}
.Menu ul li a.M6 {
	width:76px;
	background-image:url(../images/menu/images/menu_06.png);
}
.Menu ul li a.M7 {
	width:83px;
	background-image:url(../images/menu/images/menu_11.png);
}
.Menu ul li a:hover, .Menu ul li.Currently a {
	border-bottom:4px #e03f4c solid;
}
.banner { border-bottom:#d1d1d1 1px dashed; }
.banner img { max-width:100%; }
.content {
	position:relative;
	margin:20px;
	color:#908b89;
	font-size:13px;
	line-height:1.6em;
	letter-spacing:1px;
}
.aboutMe {}
.aboutMe ul { margin:-1%; padding:0; list-style:none; display:flex; justify-content:space-between; }
.aboutMe ul li { margin:2% 1%; border:#FFFFFF 1px solid; }
.SpecialRed {
	position:absolute;
	right:-5px;
	top:-5px;
	width:91px;
	height:91px;
	background-image:url(../images/icon/SpecialRed.png);
}
.aboutMe .iconPhoto {
	text-align:center;
	padding:15px 0;
}
.aboutMe .Introduction {
	padding:0 30px 30px 30px;
}
.footer {
	display:flex;
	justify-content:space-between;
	width:100%;
	max-width:1000px;
	background-color:#e03f4c;
	font-size:12px;
	line-height:1.6;
	letter-spacing:1px;
	color:#FFFFFF;
}
.footer .address { margin:0; padding:20px; }
.footer .nav { margin:0; padding:20px; }
.footer .nav ul {
}
.footer .nav ul li {
	list-style:none;
	text-align: center;
}
.footer .nav li a {
	text-decoration:none;
	display:block;
	color:#FFF;
	padding:2px 30px;
	border-bottom:#f09fa6 1px dashed;
}
.footer .nav li a:hover {
	color:#908B89;
}
a img {
	border:0;
}
.es-carousel ul {
	display:block;
}
#wrapper {
	list-style:none;
	margin:10px 0;
	float:left;
	padding:0;
}
#wrapper li {
	float:left;
	margin: 15px 30px 15px 0;
	width:300px;
}
#wrapper li.app {
	float: left;
	margin: 15px 15px 15px 0;
	width: 310px;
}
#wrapper li.app a {
	float:left;
}
#wrapper li.applast {
	float: left;
	margin: 15px 0;
	width: 310px;
}
#wrapper li.applast a {
	float:left;
}
#wrapper li.last {
	float:left;
	margin: 15px 0 15px;
}
.bwWrapper {
	position:relative;
	display:block;
}
#wrapper li .title {
	margin:8px 0;
}
#wrapper li .titleApp {
	float: left;
	margin: 7px 0 0 10px;
	width: 190px;
}
#wrapper li .titleApp img {
	padding-top:5px;
	padding-right:7px;
}
.content .Line {
	border-bottom:#d1d1d1 1px dashed;
}
#wrapper a.bwWrapper {
	border:#FFFFFF 1px solid;
}
#carousel .es-carousel #wrapper a.bwWrapper {
	border:none;
}
ul.sitemap {
	margin:20px 140px 0 140px;
}
ul.sitemap h4 {
	margin: 40px 27px 40px 15px;
}
ul.sitemap li {
	list-style:none;
	float:left;
	padding: 15px 0;
	margin-bottom:60px;
}
ul.sitemap li a {
	color: #908B89;
	text-decoration:none;
	background-color:#FFF;
	padding:20px 15px;
}
ul.sitemap li a:hover {
	color: #E03F4C;
}
ul.sitemap li span {
	visibility:hidden;
}
.customerList {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
  flex-wrap:wrap;
	justify-content:space-between;
}
.customerList li {
	width:21%;
	margin:2%;
}
.customerList img {
	width:100%;
	height:auto;
	transition:all 0.5s ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
	border:10px solid rgba(255, 255, 255, 0.5);
	overflow:hidden;
	background-color:#FFF;
}
.customerList img:hover {
	border:5px solid #e03f4c;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}
.customerList p {
	margin:5px 0 0 0;
	text-align:center;
}
.philosophy{
	list-style:none outside none;
	margin:0;
	padding:3em 0 0 0;
	width:100%;
	background:url(../images/bg/bg2.png) no-repeat top center;
}
.philosophy li{
	display:inline-block;
	margin:10em 0;
	width:33%;
	text-align:left;
}
/*手機板*/
@media only screen and (max-width:768px) {
	.header,.footer { flex-wrap:wrap; }
	.Menu,.footer .address,.footer .nav { width:100%; }
	.footer .nav { order:-1; padding-bottom:0px; }
	.footer .nav ul {display:flex; justify-content:space-between; }
	.footer .nav ul li { margin:0; width:48%; }
	.footer .nav ul li a { padding:2px 0;}
	.aboutMe ul { flex-wrap:wrap; }
	.aboutMe ul li { width:100%; }
	.customerList li { width:29%; }
}
/*手機板*/
@media only screen and (max-width:570px) {
	.customerList li { width:46%; }
}