.web-header-top{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: nowrap;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	/* padding-bottom: 50px; */
	/* padding-top: 50px; */
}

.header-wrap-txt{
	width: 500px;

}


.header-wrap{
    display: flex;
    width: 100vw;
    margin: auto;
    height: 380px;
    /* margin-bottom: 50px; */
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
.point-title{
    color: red;
    margin-bottom: 10px;
}
.point-detail{
    border: 1px solid red;
    padding: 10px;

}
.detail{
    width: 700px;
    margin: auto;
    margin-bottom: 50px;
}

.logo-left,.logo-right{
	width: 30%;
	height: 211px;
	background-repeat: no-repeat;
	/* position: absolute; */
}
.logo-left{
	background-image: url(../img/online-left.png);
	/* left: 0; */
	background-position: left;
}
.logo-right{
	background-image: url(../img/online-right.png);
	/* right: 0; */
	background-position: right bottom;
}

@media screen and (max-width: 1000px) {
	.web-header-top{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: flex-end;
		flex-wrap: nowrap;
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
		/* padding-bottom: 50px; */
		/* padding-top: 50px; */
		background-image: url(../img/online-right.png);
		/* right: 0; */
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 180px;
	}
	
	.header-wrap-txt{
		width: 500px;
	
	}
	
	
	.header-wrap{
	    display: flex;
	    width: 100vw;
	    margin: auto;
	    height: 380px;
	    /* margin-bottom: 50px; */
	    flex-wrap: nowrap;
	    flex-direction: row;
	    align-items: center;
	    align-content: center;
	    justify-content: space-between;
	}
	.point-title{
	    color: red;
	    margin-bottom: 10px;
	}
	.point-detail{
	    border: 1px solid red;
	    padding: 10px;
	
	}
	.detail{
	    width: 100%;
	    margin: auto;
	    margin-bottom: 50px;
	    padding: 5px;
	}
	
	.logo-left,.logo-right{
		width: 0;
		height: 211px;
		background-repeat: no-repeat;
		/* position: absolute; */
	}
	.logo-left{
		background-image: url(../img/online-left.png);
		/* left: 0; */
		background-position: left;
	}
	.logo-right{
		background-image: url(../img/online-right.png);
		/* right: 0; */
		background-position: right bottom;
	}
}