/*large Screen*/
/*主要讓商品圖不要變透明*/
@media only screen and (min-width: 677px) and (max-width: 768px) {

    .productBox img{
        opacity: 1;
    }

    /*單獨setting*/


    .sideSelectedChn{
        font-size: 16px !important;
    }

    h1{
        font-size: 32px;
        letter-spacing: 3px; !important;
        cursor: default;
        color: #a7a7a7; !important;
    }



}




/*iPad larger*/
@media only screen and (min-width: 543px) and (max-width: 676px) {


    article .content .contentRight{
        width: 83%;
        padding: 0px 0px 0px 1%;
    }



    .productBox{

        width: 200px;
        height: 226px;
        display: inline-block;
        margin: 0px;
        text-align: center;
        opacity: 1;

        font-size: 14px;
    }

    .productBox img{
        opacity: 1;
    }




    /*單獨setting*/


    .sideSelectedChn{
        font-size: 16px !important;
    }

    h1{
        font-size: 32px;
        letter-spacing: 3px; !important;
        cursor: default;
        color: #a7a7a7; !important;
    }



}


/*iPad smaller*/
@media only screen and (min-width: 489px) and (max-width: 543px) {

    .productBox {

        width: 180px;
        height: 203px;
        display: inline-block;
        margin: 0px;
        text-align: center;

        font-size: 14px;
        transition: opacity 0.6s ease;
    }

    .productBox img{
        opacity: 1;
    }


    /*單獨setting*/


    .sideSelectedChn{
        font-size: 16px !important;
    }

    h1{
        font-size: 32px;
        letter-spacing: 3px; !important;
        cursor: default;
        color: #a7a7a7; !important;
    }


}




/* Smart Phone*/

@media only screen and (max-width: 489px) {

    #topArea{
        background-position: center center;
    }

    .top_bg_1{
        background-image: url("../images/product/mobile/mobile_banner_1.jpg");
    }
    .top_bg_2{
        background-image: url("../images/product/mobile/mobile_banner_2.jpg");
    }

    .logo_black{
        background-image: url("../images/logo_white.png");
    }



    article .content .contentHeader{
        margin: auto;
    }


    article{
        width: 80%;
        padding: 30px 5%;
    }

    nav{
        display: block;

        width: 20%;
        height: auto;
        padding: 0;
        display: block;
        border-right: none;
        border-bottom: none;
        font-family: "Abadi MT Condensed Extra Bold";
        font-size: 14px;
        margin: auto auto 20px auto;


    }


    article .content nav li{

        margin: 25px 0px;

    }


    article .content nav ul li a{

        color: inherit;
        transition: color 0.9s ease;

    }

    article .content nav ul li a:hover{

        color: #e1e1e1;
        transition: color 0.4s ease;

    }



    article .content .contentLeft{
        display: none;

    }

    article .content .contentRight{
        width: 100%;
        text-align: center;
        display: block;
        padding: 0;
        line-height: 30px;
    }


    .productBox{

        width: 80%;
        display: inline-block;
        margin: 40px auto;
        text-align: center;

        font-size: 14px;
        transition: opacity 0.6s ease;
    }

    .productBox img{
        opacity: 1;
    }




    /*單獨css 設定*/
    h1{
        font-size: 32px;
        letter-spacing: 3px; !important;
        cursor: default;
        color: #a7a7a7; !important;

    }



    footer{
        position: relative;
        bottom: 0%;

    }


}