.container{
	background:#ffffff;
}
.banner{
	font-size: 14px;
}
.banner img{
	width: 100%;
}
.tips{
	color: #17a8f9;
	text-align: center;
}
.content{
	display: flex;
	justify-content: space-around;
} 
.content a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.explain{
    background: #00d8c8;
}
.explain .title{
    color: #2cbaaa;
    position: relative;
    font-family: '΢ÈíÑÅºÚ Bold', '΢ÈíÑÅºÚ Regular', '΢ÈíÑźÚ', sans-serif;
    font-weight: bold;
}
.title:after{
    content: "";
    background: #a0f1eb;
    position: absolute;
    bottom: 0;
    z-index: -1;
    border-radius: 3px;
}
.explain .box{
    color: #5e5e5e;
}
.explain .box:before{
    content: "";
    display: inline-block;
    background: #2cbaaa;
    border-radius: 50%;
}
.con-box{
    background: #fff;
    border-radius: 3px;
}
@media screen and (max-width:600px) {
	.content{
		margin-top:3vw;
	} 
	.content a img{
		width:13vw;
	}
	.content a span{
		font-size:3.8vw;
	}
	.explain{
	    margin: 5vw 0vw 0vw;
	    padding: 3vw;
	}
	.explain .title{
	    font-size: 4vw;
	    margin-bottom: 3vw;
	}
	.title:after{
	    width: 18vw;
	    height: 2vw;
	    left: -1vw;
	}
	.explain .box{
	    font-size: 3.8vw;
	    margin-bottom: 1vw;
	    line-height: 7vw;
	}
	.explain .box:before{
	    width: 1.5vw;
	    height: 1.5vw;
	    margin-bottom: 0.5vw;
	    margin-right: 1vw;
	}
	.con-box{
	    padding: 2vw 3vw;
	}
}
@media screen and (min-width:600px) {
	.content{
		margin-top:15px;
	} 
	.content a img{
		width:60px;
	}
	.content a span{
		font-size:18px;
	}
	.explain{
	    margin: 20px 0vw 0vw;
	    padding: 15px;
	}
	.explain .title{
	    font-size: 24px;
	    margin-bottom: 15px;
	}
	/* .title:after{
	    width: 18vw;
	    height: 2vw;
	    left: -1vw;
	} */
	.explain .box{
	    font-size: 18px;
	    margin-bottom: 10px;
	    line-height: 28px;
	}
	.explain .box:before{
	    width: 10px;
	    height: 10px;
	    margin-bottom: 0px;
	    margin-right: 5px;
	}
	.con-box{
	    padding: 10px 15px;
	}
}