* {
    margin: 0;
    padding: 0;
    outline: none;
}
   @media (min-width: 1200px) {
    .main {
        width: 100%;
        height: auto;
	    background: #f8edd9;
		background-size: 100%;
    }

    .top_bg {
        width: 100%;
        height: auto;
    }
    .top_bg img {
        width: 100%;
		display: block;
    }

    .top_name {
        width: 1200px;
	    height: auto;
		margin: 0 auto;
		text-align: center;
    }
    .top_name img {
        width: 80%;
    }
    .main a{
		text-decoration: none;
		display:block;
		color:#ffffff;
	}
}

 @media (max-width: 1199px) {
    
	.main {
        width: 100%;
        height: auto;
	    background: #f8edd9;
		background-size: 100%;
    }

    .top_bg {
        width: 100%;
        height: auto;
    }
    .top_bg img {
        width: 100%;
		display: block;
    }

    .top_name {
        width: 100%;
	    height: auto;
		margin: 0 auto;
		text-align: center;
    }
    .top_name img {
        width: 80%;
    }
    .main a{
		text-decoration: none;
		display:block;
		color:#ffffff;
	}
}

@media (max-width: 960px) {
    

	
	
}

@media (max-width: 680px) {
    

	
	
}

@media (max-width: 450px) {
    

	
	
}