@media(max-width: 450px){
    *{
        letter-spacing: 1.5px;
    }
    header .logo{
        width: 100%;
        padding: 20px 0;
    }
    header .logo a{
        max-width: 150px;
    }
    header .banner{
        margin: 70px auto 0;
    }
    nav{
        top: 68px;
    }
    nav a{
        width: 40%;
        padding: 5px 0 7px 8px;
        margin: 10px;
        font-size: 16px;
        letter-spacing: 10px;
    }
    main section{
        background-size: 450px 553px;
        height: 553px;
    }
    main section .item{
        width: 190px;
    }
    main section .item svg{
        width: 15px;
        height: 15px;
    }
    main section .item .wordbox{
        margin: 15px 0 0 0;
        flex-direction: column;
        justify-content: flex-start;
    }
    main section .item:nth-child(even) .wordbox{
        text-align: right;
    }
    main section .item .wordbox h2{
        width: 100%;
        font-size: 14px;
        font-weight: 400;
    }
    main section .item .wordbox img{
        width: 26px;
        display: none;
    }
    main section .item .wordbox h3{
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        margin: 10px auto 0;
    }
    main section .item .wordbox p{
        font-size: 10px;
        margin: 20px auto 0;
        font-weight: 300;
    }

    /*區塊內白點 齊左齊右設定*/
    main section .item:nth-child(odd) svg{
        margin: auto auto auto 100px;
    }
    main section .item:nth-child(even) svg{
        margin: auto auto auto 50px;
    }

    /*男裝1 - 內文字容器定位*/
    main section.man01 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.man01 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.man01 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.man01 .box4{
        bottom: 10px;
        right: 20px;
    }
    /*男裝2 - 內文字容器定位*/
    main section.man02 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.man02 .box2{
        bottom: 50px;
        right: 20px;
    }
    main section.man02 .box3{
        bottom: 50px;
        left: 20px;
    }
    /*男裝3 - 內文字容器定位*/
    main section.man03 .item svg{
        margin: auto auto auto 50px;
    }
    main section.man03 .item .wordbox{
        text-align: right;
    }
    main section.man03 .box1{
        bottom: 250px;
        right: 20px;
    }
    main section.man03 .box2{
        bottom: 50px;
        right: 20px;
    }
    /*男裝4 - 內文字容器定位*/
    main section.man04 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.man04 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.man04 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.man04 .box4{
        bottom: 50px;
        right: 20px;
    }
    /*男裝5 - 內文字容器定位*/
    main section.man05 .box1{
        bottom: 300px;
        left: 20px;
    }
    main section.man05 .box2{
        bottom: 170px;
        right: 20px;
    }
    main section.man05 .box3{
        bottom: 170px;
        left: 20px;
    }
    main section.man05 .box4{
        bottom: 30px;
        right: 20px;
    }
    main section.man05 .box5{
        bottom: 30px;
        left: 20px;
    }
    /*男裝6 - 內文字容器定位*/
    main section.man06 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.man06 .box2{
        bottom: 230px;
        right: 20px;
    }
    main section.man06 .box3{
        bottom: 50px;
        left: 20px;
    }
    /*男裝7 - 內文字容器定位*/
    main section.man07 .box1{
        bottom: 300px;
        left: 20px;
    }
    main section.man07 .box2{
        bottom: 170px;
        right: 20px;
    }
    main section.man07 .box3{
        bottom: 170px;
        left: 20px;
    }
    main section.man07 .box4{
        bottom: 10px;
        right: 20px;
    }
    main section.man07 .box5{
        bottom: 30px;
        left: 20px;
    }
    /*男裝8 - 內文字容器定位*/
    main section.man08 .box1{
        bottom: 230px;
        left: 20px;
    }
    main section.man08 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.man08 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.man08 .box4{
        bottom: 30px;
        right: 20px;
    }
    /*女裝1 - 內文字容器定位*/
    main section.woman01 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman01 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.woman01 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.woman01 .box4{
        bottom: 30px;
        right: 20px;
    }
    /*女裝2 - 內文字容器定位*/
    main section.woman02 .box1{
        bottom: 300px;
        left: 20px;
    }
    main section.woman02 .box2{
        bottom: 300px;
        right: 20px;
    }
    main section.woman02 .box3{
        bottom: 170px;
        left: 20px;
    }
    main section.woman02 .box4{
        bottom: 170px;
        right: 20px;
    }
    main section.woman02 .box5{
        bottom: 30px;
        left: 20px;
    }
    main section.woman02 .box6{
        bottom: 30px;
        right: 20px;
    }
    /*女裝3 - 內文字容器定位*/
    main section.woman03 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman03 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.woman03 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.woman03 .box4{
        bottom: 50px;
        right: 20px;
    }
    /*女裝4 - 內文字容器定位*/
    main section.woman04 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman04 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.woman04 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.woman04 .box4{
        bottom: 30px;
        right: 20px;
    }
    /*女裝5 - 內文字容器定位*/
    main section.woman05 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman05 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.woman05 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.woman05 .box4{
        bottom: 30px;
        right: 20px;
    }
    /*女裝6 - 內文字容器定位*/
    main section.woman06 .box1{
        bottom: 300px;
        left: 20px;
    }
    main section.woman06 .box2{
        bottom: 170px;
        right: 20px;
    }
    main section.woman06 .box3{
        bottom: 170px;
        left: 20px;
    }
    main section.woman06 .box4{
        bottom: 10px;
        right: 20px;
    }
    main section.woman06 .box5{
        bottom: 30px;
        left: 20px;
    }
    /*女裝7 - 內文字容器定位*/
    main section.woman07 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman07 .box2{
        bottom: 250px;
        right: 20px;
    }
    main section.woman07 .box3{
        bottom: 50px;
        left: 20px;
    }
    main section.woman07 .box4{
        bottom: 30px;
        right: 20px;
    }
    /*女裝8 - 內文字容器定位*/
    main section.woman08 .box1{
        bottom: 250px;
        left: 20px;
    }
    main section.woman08 .box2{
        bottom: 30px;
        right: 20px;
    }
    main section.woman08 .box3{
        bottom: 50px;
        left: 20px;
    }
    /*back to top*/
    #btn-back-to-top{
        position: fixed;
        bottom: 30px;
        right: 10px;
    }
}
@media(max-width: 1500px){
    /*back to top*/
    #btn-back-to-top{
        position: fixed;
        bottom: 30px;
        right: 10px;
    }
}