BagForLove - Holographic Pattern Square Bag with Dual Handles - Sleek and Stylish Product Description Color Pink Pattern Type Plain Type Top Handle Bag Material PVC Leather Size Chart INCH CM Bag Length Bag Width Bag Height Handle Height Strap Length 10.6 inch 5.1 inch 7.5 inch 4.3 inch 39.4 inch Bag Length Bag Width Bag Height Handle Height Strap Length 27 cm 13 cm 19 cm 11 cm 100 cm Details Pictures Similar Products h2 { text-align: center; } /* æ¢è¡ */ li{ white-space: normal; word-break: break-all; word-wrap: break-word; } .red-box { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .red-box > div { width: 190px; height: 250px; margin: 10px; } .red-box > div > a > img { width: 190px; height: 250px; } .size-box { width: 100%; margin: auto; white-space: nowrap; } .table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; } tr, td, th { border: 1px solid rgb(175, 173, 173); padding: 10px 0px; text-align: center; font-size: 14px; box-sizing: border-box; } .color-button { height: 26px; border: 1px solid #222; margin: 10px 0; } .common { width: 99px; height: 25px; float: left; text-align: center; cursor: pointer; } .in-box, .cm-box { width: 100%; margin: auto; white-space: nowrap; } .size-button { width: 98px; height: 22px; border: 1px solid #222; margin: 10px 0; } .cm { width: 48px; height: 23px; float: right; text-align: center; cursor: pointer; } .in { width: 48px; height: 23px; float: left; text-align: center; cursor: pointer; } .checked { background-color: #222; color: #fff; } .hidden { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 2) { .table { table-layout: auto; } tr, td, th { font-size: 12px; } .red-box > div { width: 140px; height: 210px; margin: 10px; } .red-box > div > a > img { width: 140px; height: 210px; } } $(function () { $('.in').bind("click", function () { $('.in').addClass("checked"); $('.cm').removeClass("checked"); $('.in-box').removeClass("hidden"); $('.cm-box').addClass("hidden"); }); $('.cm').bind("click", function () { $('.cm').addClass("checked"); $('.in').removeClass("checked"); $('.cm-box').removeClass("hidden"); $('.in-box').addClass("hidden"); }); })