/* Coutureheels: responsive improvements to the existing orange album. */
html.ch-opt { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.ch-opt body { background:#fff; color:#252525; font:16px/1.55 Arial,"Microsoft YaHei",sans-serif; }
.ch-opt .header, .ch-opt .main, .ch-opt .footer { box-sizing:border-box; max-width:1200px; width:calc(100% - 40px); margin-left:auto; margin-right:auto; }
.ch-opt .header .main, .ch-opt .header .footer { width:100%; }
.ch-opt .header { overflow:visible; }
.ch-opt .main { margin-top:22px; overflow:visible; }
.ch-opt .logo { width:auto; max-width:190px; padding:20px 0; }
.ch-opt .logo img { max-width:100%; height:auto; }
.ch-opt .divMessage { width:auto; max-width:100%; float:right; padding:16px 0 8px; margin:0; }
.ch-opt .divMessage a, .ch-opt .divMessage span, .ch-opt .divMessage font { color:#484848 !important; font:14px/1.6 Arial,sans-serif !important; }
.ch-opt .divMessage a { display:inline-block; padding:5px 2px; }
.ch-opt .divLan { float:right; width:auto; max-width:100%; margin:0; padding:12px 0 8px 16px; font-size:14px; }
.ch-opt .ch-head-layout { clear:both; border:1px solid #eadfd5; border-radius:8px; overflow:hidden; }
.ch-opt .ch-head-layout, .ch-opt .ch-head-layout table, .ch-opt .ch-head-layout tbody,
.ch-opt .ch-head-layout tr, .ch-opt .ch-head-layout td { display:block; width:auto !important; height:auto !important; min-width:0; box-sizing:border-box; }
.ch-opt .ch-head-layout .d1, .ch-opt .ch-head-layout .d3, .ch-opt .ch-spacer { display:none !important; }
.ch-opt .ch-head-layout .d2 { background:none; }
.ch-opt .ch-head-layout .keylist { display:flex; flex-wrap:wrap; gap:0; padding:6px; background:#a74712; }
.ch-opt .keylist a, .ch-opt .keylist a:visited { display:inline-flex; align-items:center; min-height:44px; padding:0 12px; margin:0; color:#fff; font-size:15px; line-height:1.4; font-weight:600; border-radius:4px; }
.ch-opt .keylist a:hover { background:rgba(0,0,0,.14); text-decoration:none; }
.ch-opt .ch-head-layout .ch-search-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 12px; }
.ch-opt .ch-search-row > td:first-child { flex:1 1 220px; font-size:14px; overflow-wrap:anywhere; }
.ch-opt .ch-search-row > td:nth-child(3) { flex:0 1 260px; min-width:120px; }
.ch-opt #txtKey, .ch-opt #selectType, .ch-opt #btnSearch { box-sizing:border-box; height:44px !important; min-height:44px; border:1px solid #b6b6b6; border-radius:5px; padding:8px 10px; font:16px/1.3 Arial,sans-serif; color:#242424; background:#fff; }
.ch-opt #txtKey { width:100% !important; }
.ch-opt #selectType { width:96px !important; }
.ch-opt #btnSearch { cursor:pointer; color:#fff; background:#a74712; border-color:#a74712; min-width:82px; }
.ch-opt a:focus-visible, .ch-opt input:focus-visible, .ch-opt select:focus-visible { outline:3px solid #1264a3; outline-offset:3px; }
.ch-opt .marqueeDiv { width:100%; padding:9px 0 0; font-size:13px; color:#666; }
.ch-opt .ch-static-message { text-align:center; }
.ch-opt .container { border:1px solid #e3e3e3; border-radius:8px; overflow:hidden; }
.ch-opt .mode .title { box-sizing:border-box; background:#faf5f0; color:#71360f; margin:0; padding:16px 20px; height:auto; min-height:56px; border-bottom:1px solid #eadfd5; font-size:20px; line-height:1.3; }
.ch-opt .mode .title a, .ch-opt .mode .title a:visited { color:#71360f; }
.ch-opt .rm_u, .ch-opt .rm_d { display:none; }
.ch-opt .home_ul_img.ch-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 18px; width:100%; padding:20px; box-sizing:border-box; overflow:visible; align-items:start; }
.ch-opt .ch-grid > .category_160, .ch-opt .ch-grid > .product_160 { box-sizing:border-box; float:none; width:auto; min-width:0; height:auto; padding:0; text-align:left; }
.ch-opt .ch-grid > .clear { display:none; }
.ch-opt .category_160_img, .ch-opt .product_160_img { box-sizing:border-box; float:none; display:flex; align-items:center; justify-content:center; width:100%; height:auto; aspect-ratio:4/3; padding:8px; border:1px solid #e1e1e1; background:#fff; border-radius:5px; overflow:hidden; }
.ch-opt .category_160_img > a, .ch-opt .product_160_img > a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.ch-opt .category_160_img img, .ch-opt .product_160_img img { display:block; width:100% !important; height:100% !important; max-width:100%; max-height:100%; object-fit:contain; }
.ch-opt .category_160_txt, .ch-opt .product_160_txt { box-sizing:border-box; float:none; width:100%; height:auto; padding:7px 0 0; font-size:14px; line-height:1.5; word-break:normal; overflow-wrap:anywhere; }
.ch-opt .category_160_txt:first-child, .ch-opt .product_160_txt:first-child { padding:0 0 7px; color:#666; font-size:13px; }
.ch-opt .category_160_txt a:not([href^="downLoad_"]) { font-weight:600; }
.ch-opt .category_160_txt a[href^="downLoad_"] { display:inline-flex; align-items:center; gap:4px; min-height:36px; padding:0 6px; white-space:nowrap; font-size:13px; }
.ch-opt .category_160_txt a[href^="downLoad_"] img { width:16px; height:16px; }
.ch-opt .ch-empty { display:none !important; }
.ch-opt #product_toolbar { box-sizing:border-box; display:flex; float:none; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; width:100%; height:auto; min-height:60px; padding:14px; }
.ch-opt #product_nav { display:flex; flex-wrap:wrap; gap:12px; float:none; width:auto; }
.ch-opt #product_nav li { float:none; width:auto; height:auto; line-height:1.5; }
.ch-opt #product_nav .title-display { max-width:100%; width:auto; height:auto; white-space:normal; overflow-wrap:anywhere; }
.ch-opt #product_toolbar .tools { display:flex; flex-wrap:wrap; float:none; width:auto; padding:0; }
.ch-opt #product_toolbar .tools a { display:inline-flex; float:none; align-items:center; min-height:44px; padding:0 10px; background:none; font-size:14px; }
.ch-opt #product_container { box-sizing:border-box; float:none; margin:0; width:100%; height:auto !important; min-height:0; padding:12px; }
.ch-opt #photo_img { display:block; margin:auto; max-width:100%; width:auto !important; height:auto !important; max-height:75vh; object-fit:contain; }
.ch-opt #productlist { display:flex; float:none; align-items:center; gap:8px; width:100%; height:auto; min-height:90px; box-sizing:border-box; padding:12px; }
.ch-opt #product_item_container { flex:1 1 auto; min-width:0; width:auto; height:auto; overflow-x:auto; }
.ch-opt #productitem { display:flex; width:max-content; max-width:none; gap:6px; position:static; }
.ch-opt #productitem a { flex:0 0 75px; float:none; }
.ch-opt #next_item, .ch-opt #prev_item { position:static; flex:0 0 auto; width:auto; height:auto; background:none; }
.ch-opt #next_item a, .ch-opt #prev_item a { display:inline-flex; align-items:center; width:auto; height:auto; min-height:44px; padding:0 8px; text-indent:0; overflow:visible; background:none; font-size:14px; }
.ch-opt .infoDIV { width:auto; max-width:100%; padding:12px; overflow-x:auto; }
.ch-opt .container > table { max-width:100%; width:100% !important; }
.ch-opt .infoDIV .table_1 { width:100% !important; margin:0 0 12px !important; }
.ch-opt .infoDIV .table_1 td { font-size:14px; padding-top:9px; padding-bottom:9px; overflow-wrap:anywhere; }
.ch-opt .footer { margin-top:32px; padding:22px 0; }
.ch-opt .footer p, .ch-opt .footer a { font-size:13px; line-height:1.8; color:#666; }
.ch-opt .pagebox { clear:both; width:100%; height:auto; overflow-wrap:anywhere; }
.ch-opt .yahoo2 { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; padding:12px; }
.ch-opt .yahoo2 a, .ch-opt .yahoo2 span { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:40px; min-height:44px; margin:0; font-size:14px; }
@media(max-width:1020px) { .ch-opt .home_ul_img.ch-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) {
 .ch-opt .header, .ch-opt .main, .ch-opt .footer { width:calc(100% - 24px); }
 .ch-opt .home_ul_img.ch-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 12px; padding:16px; }
 .ch-opt .divMessage { float:none; clear:both; padding:0 0 8px; text-align:left; }
 .ch-opt .divMessage p { text-align:left !important; }
 .ch-opt .logo { padding:16px 0 8px; }
 .ch-opt .divLan { float:none; padding:0 0 8px; text-align:left; }
 .ch-opt .divLan br { display:none; }
 .ch-opt .ch-search-row > td:first-child { flex:1 0 100%; }
 .ch-opt .ch-search-row > td:nth-child(3) { flex:1 1 100px; min-width:60px; }
 .ch-opt .infoDIV .table_1 tr { display:grid; grid-template-columns:90px minmax(0,1fr); }
 .ch-opt .infoDIV .table_1 td { display:block; width:auto !important; min-width:0; text-align:left !important; padding:8px 4px !important; }
}
@media(max-width:540px) {
 .ch-opt .home_ul_img.ch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:20px 12px; }
 .ch-opt .keylist a { font-size:14px; padding:0 10px; }
 .ch-opt .mode .title { padding:14px 12px; font-size:19px; }
 .ch-opt .ch-head-layout .ch-search-row { padding:10px 8px; gap:6px; }
 .ch-opt #selectType { width:82px !important; }
 .ch-opt #btnSearch { min-width:72px; padding:8px; }
 .ch-opt .main { margin-top:14px; }
 .ch-opt #productlist { flex-wrap:wrap; }
 .ch-opt #product_item_container { order:3; flex-basis:100%; }
 .ch-opt #photo_img { max-height:65vh; }
}
@media(max-width:340px) { .ch-opt .home_ul_img.ch-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .ch-opt * { scroll-behavior:auto !important; } }