BagForLove - Versatile Travel Bag with Shoe Storage, Waterproof & Multi-pocket Large Capacity, Stylish Casual Fitness Bag Product Description Color Multicolor Material Polyester Closure Type Zipper Style Sporty Type Fashion Travel Bag Features Foldable Strap Type Double Handle Bag Size Medium Composition 100% Polyester Size Chart INCH CM Bag Length Strap Length Bag Width Bag Height Handle Height Size 18.5 inch 47.2 inch 8.3 inch 11.8 inch 5.9 inch one-size Bag Length Strap Length Bag Width Bag Height Handle Height Size 47 cm 120 cm 21 cm 30 cm 15 cm one-size 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"); }); })