@charset "utf-8";

/* CSS Document */
body {
	font-family: "Microsoft YaHei", sans-serif;
}

.wrapper{position:relative;overflow:hidden;}

/*很多物件通用*/
.width1280{max-width:1280px;height:auto;margin: 0  auto;text-align: center;}

/*BANNER 進場delay時間、浮動*/
.banner{position: relative;/*overflow:hidden;*/}
img.pic{-webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */animation-delay: 0.4s;}

/*內文*/
.content1{position: absolute;top: 76%;margin: 0 auto;text-align: left;left: 52%;}

/*PIC通用*/
img.bn{
	width:260px;
	height:auto;
	margin: 3%;
}

img.pic{
	width:100%;
	height:auto;
	margin:0 auto;
}	
	
dt{
	font-size: 17px;
	color: #5d616a;
	line-height: 27px;
}
dd{
	font-size: 17px;
	color: #8c8f94;
}

/*	↓↓↓↓	ipad 橫向 w1024 ↓↓↓↓	 */
@media (min-width: 1024px) and (max-width:1439px) {
.content1{
	top: 74%;
	left: 45%;
	}
}

/*	↓↓↓↓	ipad 直向 w768 ↓↓↓↓	 */
@media (min-width: 768px) and (max-width:1023px) {	
.content1{
	top: 72%;
	left: 37%;
	}
dt{
	font-size: 14px;
	color: #5d616a;
	line-height: 21px;
}
dd{
	font-size: 14px;
}
	
}

/* ↓↓↓↓ iPhone Plus w414  Pixel 2 w411 手機尺寸,顯示效果 ↓↓↓↓  */
@media (max-width: 767px) and (min-width: 360px) {
.content1{
	position: relative;
	width: 100%;
	left: 0;
	text-align: center;
	}
dt{
	font-size: 19px;
	color: #5d616a;
	line-height: 27px;
	padding-top: 2%;
	letter-spacing: 2px;
	color: #4da4ad;
}
dd{
	font-size: 16px;
	letter-spacing: 1px;
}	
img.bn {
    width: 50%;
    height: auto;
    margin: 3%;
}
	
}


/* ↓↓↓↓ 手機尺寸SE ,顯示效果 ↓↓↓↓  */
@media (min-width: 320px) and (max-width:359px) {
.content1{
	position: relative;
	width: 92%;
	left: 0;
	text-align: center;
	}
dt{
	font-size: 19px;
	line-height: 27px;
	padding-top: 1%;
	letter-spacing: 2px;
	color: #4da4ad;
}
dd{
	font-size: 16px;
	letter-spacing: 1px;
}	
img.bn {
    width: 50%;
    height: auto;
    margin: 3%;
}	
}