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

/* all style */
	.salesWrap{
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
		position: relative;
        z-index: 2;
	}
	.salesWrap section{
		position: relative;
	}
	.salesWrap img{
		width: 100%;
	}
	.mb{
		display: none;
        position: relative;
        z-index: 3;
	}
    .pc{
        position: relative;
        z-index: 3;
    }
	ul, ul li{
		list-style: none;
	}
	@media screen and (max-width: 800px){
		.pc{
			display: none;
		}
		.mb{
			display: block;
		}
	}

/*  */
    body {
        margin: 0;
        padding: 0;
    }
    .salesWrap * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .salesWrap section {
        width: 100%;
        position: relative;
    }
    .salesWrap section a,
    .salesWrap .double-link a,
    .salesWrap .double-link a:active,
    .salesWrap .triple-link a,
    .salesWrap .triple-link a:active {
        border: 0;
        outline: none;
    }
    .salesWrap a:hover{
        opacity: 1;
    }

    .salesWrap .one-link,
    .salesWrap .double-link,
    .salesWrap .triple-link {
        position: absolute;
        z-index: 4;
        top: 0;
        left: 0%;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .salesWrap .one-link a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .salesWrap .double-link a {
        display: block;
        width: 50%;
        height: 100%;
    }
    .salesWrap .triple-link a {
        display: block;
        width: 33.33%;
        height: 100%;

    }

    /*****錨點*******/
    .salesWrap .adjust {
        position: absolute;
        margin-top: -55px;
    }

    @media screen and (max-width: 500px) {
        .salesWrap .adjust {
            position: absolute;
            margin-top: -50px;
            height: ;
        }
    }