@charset "utf-8";
/* CSS Document */


body{
	background: #eeeeee;
	overflow-x: hidden;
	overflow-y: hidden;
}

.content-body{
	width: 100%;
	left: 0;
	top: 0;
	position: relative;
	z-index: 1;
	-webkit-transition: .7s ease;
    -moz-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;	
}

.content-bk{
    width: 100%;
	height: 990px;
	top: 0;
	left: 0;
	position: fixed;
	overflow: hidden;
	z-index: 4;	
    background:url(../images/five-bk.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
	animation:secbk 1s ease-out;
}
.content-swipe{
	left: 370px;
}
@keyframes secbk{
	0%{
		opacity:0;
		-webkit-transform: translate(0,150px);
		-moz-transform: translate(0,150px);
		-o-transform: translate(0,150px);
		transform: translate(0,150px);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.content-psd{
    width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 5;			 
}
.content-box-inner{
    width: 1130px;
	margin: 0 auto;
	display: block;		 
}
.content-box{
    width: 100%;
	height: 990px;
	top: 0;
	left: 0;
	position: relative;
	z-index: 20px;		 
}
.dynamic-title-box{
	width: 300px;
	top: 150px;
	left: 200px;
	position: absolute; 
	z-index: 21;
	animation:dynamic-title-box 1.2s ease-out;	
}
@keyframes dynamic-title-box{
	0%{
		opacity:0;
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-o-transform: translate(-100px,0);
		transform: translate(-100px,0);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.dynamic-title{
	width: 100%;
	display: block;
	float: left;
	font-family: "微軟正黑體";
	font-weight: 400;
	font-size: 48px;
	color: #0090ce;	
}
.dynamic-title-2{
	width: 100%;
	display: block;
	float: left;
	font-family: "微軟正黑體";
	font-size: 26px;
	color: #000;
	line-height: 43px;
	margin-top: 20px;
	font-weight: 400;	
}
.dfg{
	display: block;	
}
.icon-a{
	width: 251px;
	top: 80px;
	left: 47%;
	position: absolute; 
	z-index: 21;
	animation:icon-a 1s ease-out;
}
.icon-a img{
	width: 100%;
	height: auto;
	max-width: 251px;
}
@keyframes icon-a{
	0%{
		opacity:0;
		-webkit-transform: translate(0,-100px);
		-moz-transform: translate(0,-100px);
		-o-transform: translate(0,-100px);
		transform: translate(0,-100px);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.icon-b{
	width: 281px;
	top: 350px;
	left: 30%;
	position: absolute; 
	z-index: 21;
	animation:icon-b 1s ease-out;
}
.icon-b img{
	width: 100%;
	height: auto;
	max-width: 281px;
}
@keyframes icon-b{
	0%{
		opacity:0;
		-webkit-transform: translate(100px,0);
		-moz-transform: translate(100px,0);
		-o-transform: translate(100px,0);
		transform: translate(100px,0);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.icon-c{
	width: 333px;
	top: 600px;
	left: 47%;
	position: absolute; 
	z-index: 99;
	animation:icon-c 1s ease-out;
}
.icon-c img{
	width: 100%;
	height: auto;
	max-width: 333px;	
}
@keyframes icon-c{
	0%{
		opacity:0;
		-webkit-transform: translate(0,100px);
		-moz-transform: translate(0,100px);
		-o-transform: translate(0,100px);
		transform: translate(0,100px);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.arrow-d{
	width: 88px;
	top: 290px;
	left: 48%;
	position: absolute; 
	z-index: 20;
	animation:arrow-d 1.2s ease-out;	
}
.arrow-d img{
	width: 100%;
	height: auto;
	max-width: 88px;
}
@keyframes arrow-d{
	0%{
		opacity:0;
		-webkit-transform: translate(50px,-50px);
		-moz-transform: translate(50px,-50px);
		-o-transform: translate(50px,-50px);
		transform: translate(50px,-50px);	
	}
	50%{
		opacity:0;
		-webkit-transform: translate(50px,-50px);
		-moz-transform: translate(50px,-50px);
		-o-transform: translate(50px,-50px);
		transform: translate(50px,-50px);	
	}	
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.arrow-e{
	width: 88px;
	top: 550px;
	left: 44%;
	position: absolute; 
	z-index: 20;
	animation:arrow-e 1.2s ease-out;		
}
.arrow-e img{
	width: 100%;
	height: auto;
	max-width: 88px;
}
@keyframes arrow-e{
	0%{
		opacity:0;
		-webkit-transform: translate(50px,-50px);
		-moz-transform: translate(50px,-50px);
		-o-transform: translate(50px,-50px);
		transform: translate(50px,-50px);	
	}
	50%{
		opacity:0;
		-webkit-transform: translate(-50px,-50px);
		-moz-transform: translate(-50px,-50px);
		-o-transform: translate(-50px,-50px);
		transform: translate(-50px,-50px);	
	}	
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.people{
	width: 322px;
	top: 240px;
	left: 66%;
	position: absolute; 
	z-index: 23;
	animation:people 1.2s ease-out;		
}
@keyframes people{
	0%{
		opacity:0;
		-webkit-transform: translate(0,100px);
		-moz-transform: translate(0,100px);
		-o-transform: translate(0,100px);
		transform: translate(0,100px);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.Device{
	top: 190px;
	left: 70%;
	position: absolute; 
	font-family: "微軟正黑體";
	font-size: 26px;
	color: #000;
	animation:Device 1.2s ease-out;	
}
@keyframes Device{
	0%{
		opacity:0;
		-webkit-transform: translate(100px,0);
		-moz-transform: translate(100px,0);
		-o-transform: translate(100px,0);
		transform: translate(100px,0);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.Burn-in{
	top: 450px;
	left: 17%;
	position: absolute; 
	font-family: "微軟正黑體";
	font-size: 26px;
	color: #000;
	line-height: 40px;
	animation:Burn-in 1.2s ease-out;		
}
@keyframes Burn-in{
	0%{
		opacity:0;
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-o-transform: translate(-100px,0x);
		transform: translate(-100px,0);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
.Burn-system{
	top: 740px;
	left: 31%;
	position: absolute; 
	font-family: "微軟正黑體";
	font-size: 26px;
	color: #000;
	animation:Burn-system 1.4s ease-out;		
}
@keyframes Burn-system{
	0%{
		opacity:0;
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-o-transform: translate(-100px,0x);
		transform: translate(-100px,0);	
	}
	100%{
		opacity:1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}




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

}
@media only screen and (max-width: 1440px){
.icon-a{
	width: 231px;
	top: 40px;
	left: 47%;
}
.Device{
	top: 140px;
	left: 69%;
	font-size: 26px;
}
.arrow-d{
	width: 88px;
	top: 230px;
	left: 48%;
}
.icon-b{
	width: 261px;
	top: 280px;
	left: 32%;
}
.arrow-e{
	width: 88px;
	top: 460px;
	left: 44%;		
}
.icon-c{
	width: 313px;
	top: 510px;
	left: 47%;
}
.people{
	width: 322px;
	top: 150px;
	left: 66%;	
}
.dynamic-title-box{
	width: 460px;
	top: 90px;
	left: 200px;	
}
.Burn-in{
	top: 380px;
	left: 19%;
	font-size: 26px;
	line-height: 38px;		
}
.Burn-system{
	top: 630px;
	left: 31%;
	font-size: 26px;	
}
}
@media only screen and (max-width:1366px) and (max-height:1024px){
.content-bk{
    width: 100%;
	height: 1024px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 1024px;	 
}
.content-box-inner{
    width: 1130px;
	margin: 100px auto 0 auto;
	display: block;		 
}	
}
@media only screen and (max-width:1366px) and (max-height:768px){
.content-bk{
    width: 100%;
	height: 1024px;
	top: 0;
	left: 0;
}
.content-box-inner{
    width: 1130px;
	margin: 0 auto 0 auto;
	display: block;		 
}
.icon-a{
	width:  211px;
	top: 10px;
	left: 47%;
}
.Device{
	top: 80px;
	left: 66%;
	font-size: 24px;
}
.arrow-d{
	width: 75px;
	top: 175px;
	left: 47%;
}
.icon-b{
	width: 241px;
	top: 210px;
	left: 32%;
}
.arrow-e{
	width: 75px;
	top: 375px;
	left: 43%;		
}
.icon-c{
	width: 293px;
	top: 410px;
	left: 45%;
}
.people{
	width: 300px;
	top: 90px;
	left: 66%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 300px;
}
.dynamic-title-box{
	width: 460px;
	top: 70px;
	left: 260px;	
}
.Burn-in{
	top: 300px;
	left: 20%;
	font-size: 24px;
	line-height: 35px;		
}
.Burn-system{
	top: 520px;
	left: 33%;
	font-size: 24px;	
}
.dynamic-title{
	width: 100%;
	font-size: 40px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 22px;
	line-height: 35px;
	margin-top: 5px;
}
}
@media only screen and (max-width: 1280px){
	
}
@media only screen and (max-width:1024px) and (max-height:1366px){
.content-bk{
    width: 100%;
	height: 1366px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 1366px;	 
}
.content-box-inner{
    width: 1024px;
	margin: 240px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 460px;
	top: 20px;
	left: 130px;	
}
.Device{
	top: 100px;
	left: 64%;
	font-size: 24px;
}
.Burn-in{
	top: 300px;
	left: 15%;
	font-size: 24px;
	line-height: 38px;		
}
.Burn-system{
	top: 525px;
	left: 25%;
	font-size: 25px;	
}
.people{
	width: 300px;
	top: 110px;
	left: 60%;	
}
.icon-a{
	width:  211px;
	top: 10px;
	left: 43%;
}
.arrow-d{
	width: 75px;
	top: 175px;
	left: 43%;
}
.icon-b{
	width: 241px;
	top: 210px;
	left: 28%;
}
.arrow-e{
	width: 75px;
	top: 380px;
	left: 39%;		
}
.icon-c{
	width: 293px;
	top: 420px;
	left: 41%;
}
}
@media only screen and (max-width:1024px) and (max-height:768px){
.content-bk{
    width: 100%;
	height: 850px;
	top: 0;
	left: 0;
	position: fixed;
}
.content-box{
    width: 100%;
	height: 850px;	 
}
.content-box-inner{
    width: 1024px;
	margin: 20px auto 0 auto;
	display: block;
	 
}
.dynamic-title-box{
	width: 460px;
	top: 75px;
	left: 140px;	
}
.icon-a{
	width:  211px;
	top: -5px;
	left: 42%;
}
.Device{
	top: 80px;
	left: 63%;
	font-size: 25px;
}
.arrow-d{
	width: 75px;
	top: 170px;
	left: 43%;
}
.icon-b{
	width: 241px;
	top: 225px;
	left: 28%;
}
.arrow-e{
	width: 75px;
	top: 390px;
	left: 41%;		
}
.icon-c{
	width: 293px;
	top: 435px;
	left: 44%;
}
.Burn-in{
	top: 310px;
	left: 15%;
	font-size: 24px;
	line-height: 38px;		
}
.Burn-system{
	top: 550px;
	left: 28%;
	font-size: 25px;	
}
.people{
	width: 300px;
	top: 90px;
	left: 60%;	
}
}
@media only screen and (max-width: 900px){
.content-bk{
    width: 100%;
	height: 1600px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 1600px;	 
}
.content-box-inner{
    width: 900px;
	margin: 450px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 460px;
	top: 50px;
	left: 70px;	
}
.icon-a{
	width:  211px;
	top: 0px;
	left: 41%;
}
.Device{
	top: 90px;
	left: 66%;
	font-size: 24px;
}
.arrow-d{
	width: 75px;
	top: 170px;
	left: 42%;
}
.icon-b{
	width: 241px;
	top: 235px;
	left: 26%;
}
.arrow-e{
	width: 75px;
	top: 400px;
	left: 40%;		
}
.icon-c{
	width: 293px;
	top: 455px;
	left: 42%;
}
.Burn-in{
	top: 320px;
	left: 11%;
	font-size: 24px;
	line-height: 35px;		
}
.Burn-system{
	top: 570px;
	left: 24%;
	font-size: 24px;	
}
.people{
	width: 300px;
	top: 90px;
	left: 60%;	
}
}
@media only screen and (max-width: 800px){
.content-bk{
    width: 100%;
	height: 1280px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 1280px;	 
}
.content-box-inner{
    width: 800px;
	margin: 350px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 530px;
	top: -140px;
	left: 110px;	
}
.dfg{
	display: inline;
	margin-left: 10px;
}
.icon-a{
	width:  211px;
	top: 0px;
	left: 30%;
}
.Device{
	top: 90px;
	left: 58%;
	font-size: 24px;
}
.arrow-d{
	width: 75px;
	top: 170px;
	left: 32%;
}
.icon-b{
	width: 241px;
	top: 235px;
	left: 15%;
}
.arrow-e{
	width: 75px;
	top: 400px;
	left: 30%;		
}
.icon-c{
	width: 293px;
	top: 455px;
	left: 31%;
}
.Burn-in{
	top: 320px;
	left: 46%;
	font-size: 24px;
	line-height: 35px;		
}
.Burn-system{
	top: 670px;
	left: 14%;
	font-size: 24px;	
}
.people{
	width: 300px;
	top: 110px;
	left: 52%;	
}

}
@media only screen and (max-width: 768px){
.content-bk{
    width: 100%;
	height: 1024px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 1024px;	 
}
.content-box-inner{
    width: 768px;
	margin: 220px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 460px;
	top: -130px;
	left: 140px;	
}
.dynamic-title-2{
	width: 100%;
	font-size: 22px;
	line-height: 32px;
	margin-top: 15px;
	margin-left: 3px;	
}
.dynamic-title{
	width: 100%;
	font-size: 40px;
}
.arrow-d{
	width: 75px;
	top: 172px;
	left: 32%;
}
.arrow-e{
	width: 75px;
	top: 405px;
	left: 31%;		
}
.Device{
	top: 100px;
	left: 58%;
	font-size: 23px;
}
.Burn-in{
	top: 320px;
	left: 46%;
	font-size: 23px;
	line-height: 35px;		
}
.Burn-system{
	top: 670px;
	left: 16%;
	font-size: 23px;	
}
}
@media only screen and (max-width: 600px){
.content-bk{
    width: 100%;
	height: 960px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 960px;	 
}
.content-box-inner{
    width: 600px;
	margin: 180px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 460px;
	top: -100px;
	left: 80px;	
}
.dynamic-title{
	width: 100%;
	font-size: 35px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;	
}
.icon-a{
	width: 191px;
	top: 0px;
	left: 25%;
}
.Device{
	top: 90px;
	left: 58%;
	font-size: 20px;
}
.arrow-d{
	width: 70px;
	top: 155px;
	left: 27%;
}
.icon-b{
	width: 221px;
	top: 205px;
	left: 5%;
}
.arrow-e{
	width: 70px;
	top: 360px;
	left: 24%;		
}
.icon-c{
	width: 273px;
	top: 405px;
	left: 26%;
}
.Burn-in{
	top: 280px;
	left: 41%;
	font-size: 20px;
	line-height: 30px;		
}
.Burn-system{
	top: 610px;
	left: 10%;
	font-size: 20px;	
}
.people{
	width: 290px;
	top: 110px;
	left: 50%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}
}
@media only screen and (max-width: 480px){
.content-bk{
    width: 100%;
	height: 800px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 800px;	 
}
.content-box-inner{
    width: 480px;
	margin: 160px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 420px;
	top: -80px;
	left: 40px;	
}
.dynamic-title{
	width: 100%;
	font-size: 30px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 18px;
	line-height: 27px;
	margin-top: 10px;	
}
.icon-a{
	width: 161px;
	top: 0px;
	left: 25%;
}
.Device{
	top: 70px;
	left: 60%;
	font-size: 18px;
}
.arrow-d{
	width: 60px;
	top: 130px;
	left: 27%;
}
.icon-b{
	width: 191px;
	top: 175px;
	left: 4%;
}
.arrow-e{
	width: 60px;
	top: 310px;
	left: 24%;		
}
.icon-c{
	width: 243px;
	top: 345px;
	left: 26%;
}
.Burn-in{
	top: 240px;
	left: 44%;
	font-size: 18px;
	line-height: 30px;		
}
.Burn-system{
	top: 520px;
	left: 7%;
	font-size: 18px;	
}
.people{
	width: 230px;
	top: 80px;
	left: 50%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}	
}
@media only screen and (max-width: 414px){
.content-swipe{
	left: 300px;
}
.content-bk{
    width: 100%;
	height: 736px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 736px;	 
}
.content-box-inner{
    width: 414px;
	margin: 160px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 375px;
	top: -80px;
	left: 15px;	
}
.dynamic-title{
	width: 100%;
	font-size: 28px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 18px;
	line-height: 27px;
	margin-top: 10px;	
}
.icon-a{
	width: 151px;
	top: 0px;
	left: 25%;
}
.Device{
	top: 70px;
	left: 63%;
	font-size: 17px;
	z-index: 11;
}
.arrow-d{
	width: 60px;
	top: 120px;
	left: 27%;
}
.icon-b{
	width: 171px;
	top: 170px;
	left: 4%;
}
.arrow-e{
	width: 60px;
	top: 285px;
	left: 24%;		
}
.icon-c{
	width: 203px;
	top: 330px;
	left: 26%;
}
.Burn-in{
	top: 225px;
	left: 45%;
	font-size: 17px;
	line-height: 27px;
	z-index: 11;		
}
.Burn-system{
	top: 490px;
	left: 9%;
	font-size: 17px;
	z-index: 11;	
}
.people{
	width: 225px;
	top: 80px;
	left: 44%;
	z-index: 2;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}
}
@media only screen and (max-width: 375px){
.content-bk{
    width: 100%;
	height: 667px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 667px;	 
}
.content-box-inner{
    width: 375px;
	margin: 155px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 340px;
	top: -80px;
	left: 15px;	
}
.dynamic-title{
	width: 100%;
	font-size: 24px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;	
}
.icon-a{
	width: 131px;
	top: 0px;
	left: 25%;
}
.Device{
	top: 50px;
	left: 61%;
	font-size: 16px;
}
.arrow-d{
	width: 50px;
	top: 110px;
	left: 27%;
}
.icon-b{
	width: 151px;
	top: 150px;
	left: 4%;
}
.arrow-e{
	width: 50px;
	top: 255px;
	left: 24%;		
}
.icon-c{
	width: 183px;
	top: 285px;
	left: 26%;
}
.Burn-in{
	top: 200px;
	left: 43%;
	font-size: 16px;
	line-height: 25px;		
}
.Burn-system{
	top: 420px;
	left: 4%;
	font-size: 16px;	
}
.people{
	width: 215px;
	top: 50px;
	left: 42%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}
}
@media only screen and (max-width: 360px){
.content-swipe{
	left: 290px;
}
.content-bk{
    width: 100%;
	height: 640px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 640px;	 
}
.content-box-inner{
    width: 360px;
	margin: 160px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 310px;
	top: -80px;
	left: 20px;	
}
.dynamic-title{
	width: 100%;
	font-size: 25px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	margin-top: 5px;	
}
.icon-a{
	width: 131px;
	top: -10px;
	left: 25%;
}
.Device{
	top: 40px;
	left: 63%;
	font-size: 15px;
}
.arrow-d{
	width: 50px;
	top: 90px;
	left: 27%;
}
.icon-b{
	width: 151px;
	top: 130px;
	left: 4%;
}
.arrow-e{
	width: 50px;
	top: 230px;
	left: 24%;		
}
.icon-c{
	width: 183px;
	top: 260px;
	left: 26%;
}
.Burn-in{
	top: 180px;
	left: 45%;
	font-size: 15px;
	line-height: 22px;		
}
.Burn-system{
	top: 395px;
	left: 4%;
	font-size: 15px;	
}
.people{
	width: 195px;
	top: 45px;
	left: 46%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}	
}
@media only screen and (max-width: 320px) and (max-height:568px){
.content-swipe{
	left: 260px;
}
.content-bk{
    width: 100%;
	height: 568px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 568px;	 
}
.content-box-inner{
    width: 320px;
	margin: 160px auto 0 auto;
	display: block;		 
}
.dynamic-title-box{
	width: 300px;
	top: -70px;
	left: 15px;	
}
.dynamic-title{
	width: 100%;
	font-size: 20px;
}
.dynamic-title-2{
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;	
}
.icon-a{
	width: 111px;
	top: -10px;
	left: 25%;
}
.Device{
	top: 35px;
	left: 61%;
	font-size: 14px;
}
.arrow-d{
	width: 40px;
	top: 80px;
	left: 27%;
}
.icon-b{
	width: 131px;
	top: 110px;
	left: 4%;
}
.arrow-e{
	width: 40px;
	top: 205px;
	left: 24%;		
}
.icon-c{
	width: 158px;
	top: 227px;
	left: 26%;
}
.Burn-in{
	top: 155px;
	left: 45%;
	font-size: 14px;
	line-height: 20px;		
}
.Burn-system{
	top: 345px;
	left: 4%;
	font-size: 14px;	
}
.people{
	width: 170px;
	top: 30px;
	left: 46%;	
}
.people img{
	width: 100%;
	height: auto;
	max-width: 322px;	
}
}
@media only screen and (max-width: 320px) and (max-height:480px){
body{
	overflow-y: auto;
}
.content-bk{
    width: 100%;
	height: 880px;
	top: 0;
	left: 0;
}
.content-box{
    width: 100%;
	height: 480px;	 
}
.content-box-inner{
    width: 320px;
	margin: 160px auto 0 auto;
	display: block;		 
}	
}