li {list-style: none;}
.wording {
    background-image: url(../img/app_top.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 558px;
}
.app_btn {
    width: 580px;
    float: right;
    position: absolute;
    top: 590px;
    left: 48%;
}

.app_btn img {
    width:90%;
    padding-right: 5%;
    vertical-align: top;
}

.app_btn li {
	margin-top: 0px;
}

.box_button {
	width: 680px;
    margin: 0 auto;
    text-align: center;
}

.box_text{
	width: 650px;
	margin:0 auto; 
	text-align: center;
}

.box_text strong{
	color: #fff;
	font-size: 1.15rem;
	letter-spacing: 1px;
	line-height: 25px;
}

.box_title{
	width: 100%;
}

.box_title img{
	width: 100%;
}

.box_button li {
	float: left;
	margin-left: 20px

}

@media (max-width: 992px) {

	.wording {
    background-image: url(../img/app_top.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 558px;
}

.app_btn img {
    width: 80%;
    padding-right: 5%;
    vertical-align: top;
}

}

@media (max-width:768px) {

	.app_btn {
    width: 100%;
    float: none;
    position: absolute;
    top: 480px;
    left: 0%;
}

.app_btn img {
    width: 80%;
    padding-top: 0px;
    padding-right: 0%;
    vertical-align: top;
}

.box_title{
	width: 100%;
}

.box_text{
	width: 100%;
	margin:0 auto; 
	text-align: left;
}

.box_button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.box_button li {
	width: 33.3%;
    float: left;
    margin-left: 0px;
}

.box_text strong{
	color: #fff;
	text-align: left;
	font-size: 0.98rem;
}

.video_box {
  width: 100%;
  margin-bottom: 80px;
  
}
.video_box > .player_co {
    margin-top: 50px;
    width: 550px;
    height: 340px;

}


}

@media (max-width:480px) {

	.wording {
    background-image: url(../img/app_top_m.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 430px;
}

.app_btn {
    width: 96%;
    float: right;
    position: absolute;
    top: 42%;

}

.app_btn img {
    width: 100%;
    margin: -8px auto;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 0px;
    vertical-align: top;
}

.activion_btn {
	width: 100%;
}

.activion_btn img {
    width: 100%;
    margin: 10px auto;
    padding-right: 0px;
    vertical-align: top;
}

.box_button li {
	width: 33.33%;
    float: left;
    margin-left: -1px;
}

.box_button li img{
	width: 100%;
}

.box_title{
	width: 100%;
}

.box_title img {
	width: 100%;
	padding-bottom: 10px;
}

.video_box {
  width: 100%;
  
}
.video_box > .player_co {
    margin-top: 0px;
    width: 100%;
    height: 210px;
}

#intro.intro {
    padding: 100px 0 0 0;
    background-color: #373a40;
    text-align: -webkit-center;
    height: initial;
}

}

@media (max-width:360px) {

	#intro.intro {
    padding: 90px 0 0 0;
    background-color: #373a40;
    text-align: -webkit-center;
    height: initial;
}

	.wording {
    background-image: url(../img/app_top_m.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 410px;
}

.app_btn {
    width: 96%;
    float: right;
    position: absolute;
    top: 38%;
}

.app_btn img {
    width: 100%;
    margin: -8px auto;
    padding-top: 0px;
    padding-right: 5px;
    vertical-align: top;
}

.activion_btn {
	width: 100%;
}

.activion_btn img {
    width: 100%;
    padding-right: 0px;
    vertical-align: top;
}

.box_button {
    width: 100%;
}

.box_title{
	width: 100%;
}

.box_title img {
	width: 102%;
	padding-bottom: 10px;
}
.video_box > .player_co {
    margin-top: 0px;
    width: 100%;
    height: 180px;
}
}