/* revamp.css - consolidated page-level modernization styles (upload to CDN root) */
/* scopes: body.pg-home index.html | body.pg-notice notice/ | body.pg-reviews reviews/ |
   body.pg-msgadd support/msg_add.asp | body.pg-svcdet service/detail.asp | body.pg-svclist service/index.asp */

/* ===== index.html (scope body.pg-home) ===== */
/* ===== Homepage header polish (page-level override, does not affect other pages) ===== */
/* Top bar: solid white background + orange brand color */
body.pg-home .hd_wrapper{background:#fff;opacity:1;filter:none;border-bottom:1px solid #ececec}
body.pg-home .hd_wr_f_nav a:hover{background:#fff3e8}
body.pg-home #welSinInOut a.link_green:link, body.pg-home #welSinInOut a.link_green:visited{color:#f60}
body.pg-home #welSinInOut a.link_green:hover{color:#c85000;background:#fff3e8}
body.pg-home .hd_wr_nav{background:none;position:relative}
body.pg-home .hd_wr_f_bar{float:right;display:flex;align-items:stretch;width:auto}
body.pg-home .hd_wr_f_my, body.pg-home .hd_wr_f_help, body.pg-home .hd_wr_f_lang{width:auto;float:none}
body.pg-home .hd_wr_f_shipto{float:none;width:auto}
body.pg-home .hd_wr_nav>a{display:flex;align-items:center;white-space:nowrap;padding:0 12px}
body.pg-home .hd_wr_nav>a::after{content:"";flex:0 0 auto;margin-left:6px;border:4px solid transparent;border-top-color:#999;transition:border-top-color .15s}
body.pg-home .hd_wr_nav:hover>a::after{border-top-color:#f60}
body.pg-home .hd_wr_nav:hover>a{background:#fff;box-shadow:none;color:#333}
body.pg-home .hd_wr_nav ul{position:absolute;top:100%;left:0;border:1px solid #eee;border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:4px;background:#fff}
body.pg-home .hd_wr_nav:hover ul a{background:#fff none;padding:6px 12px;border:0;border-radius:6px;color:#444}
body.pg-home .hd_wr_nav ul a:hover{background:#fff3e8 none;color:#f60}
body.pg-home .hd_wr_f_shipto_item{background:none}
/* Main header row: flex vertical centering, retire the sprite-era look */
body.pg-home .header{display:flex;align-items:center;height:80px}
body.pg-home .hd_logo{float:none;flex:0 0 320px;background-size:auto;background-position:left center}
body.pg-home .hd_sch{float:none;flex:1 1 auto;order:2;width:auto;height:auto;padding:0;margin:0 24px 0 10px;overflow:visible}
body.pg-home .hd_sch form{display:flex;align-items:center;height:42px;box-sizing:border-box;border:1px solid #ddd;border-radius:21px;overflow:hidden;background:#fff;line-height:normal;transition:border-color .15s,box-shadow .15s}
body.pg-home .hd_sch form input.kw, body.pg-home .hd_sch form input.kw_focus{flex:1 1 auto;width:auto;height:40px;margin:0;padding:0 14px;border:0;background:#fff;font:14px Arial;color:#333;text-indent:0}
body.pg-home .hd_sch form input.kw:focus, body.pg-home .hd_sch form input.kw_focus:focus{outline:none}
body.pg-home .hd_sch form:focus-within{border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.16)}
body.pg-home .hd_sch form input.go{flex:0 0 32px;width:32px;height:32px;margin:0 4px 0 0;border:0;border-radius:50%;background:#f60 url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Ccircle%20cx='10.5'%20cy='10.5'%20r='6.5'/%3E%3Cpath%20d='M15.5%2015.5%2021%2021'/%3E%3C/svg%3E") center/18px 18px no-repeat;font-size:0;line-height:0;color:transparent;cursor:pointer}
body.pg-home .hd_sch form input.go:hover{background-color:#e65c00}
body.pg-home .hd_cart{float:none;flex:0 0 auto;order:3;width:auto;height:auto;padding:0}
body.pg-home .hd_cart a, body.pg-home .hd_cart a:visited{display:flex;align-items:center;height:42px;width:auto;padding:0 18px 0 14px;background:#f60 none;border-radius:21px;color:#fff;font:700 13px/1 Arial;text-decoration:none;transition:background-color .15s}
body.pg-home .hd_cart a::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-right:8px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='20.5'%20r='1.7'/%3E%3Ccircle%20cx='18.5'%20cy='20.5'%20r='1.7'/%3E%3Cpath%20d='M2.5%203.5h2.8l2.4%2011.2a1.6%201.6%200%200%200%201.6%201.3h8.9a1.6%201.6%200%200%200%201.6-1.3l1.7-8.2H6.2'/%3E%3C/svg%3E") center/20px 20px no-repeat}
body.pg-home .hd_cart a:hover{background-color:#e65c00;color:#fff}
body.pg-home #str_num_mycart b{color:#fff;font:700 15px Verdana}
body.pg-home #str_num_mycart span{color:rgba(255,255,255,.92)}
/* Orange nav bar + hover feedback */
body.pg-home .hd_nav{background:#f60;height:40px;box-shadow:0 2px 8px rgba(255,102,0,.25)}
body.pg-home .hd_ct{height:40px;font:12px/40px Arial;overflow:visible}
body.pg-home .hd_ct>ul{display:flex;flex-wrap:nowrap;float:none;width:auto}
body.pg-home .hd_ct li{float:none;flex:0 0 auto}
body.pg-home .hd_ct ul li.fir{height:40px;width:34px;background-position:left center}
body.pg-home .hd_ct ul li.fir a{height:40px;width:34px}
body.pg-home .hd_ct ul li a.ac_ats, body.pg-home .hd_ct ul li a.ac_ats:visited, body.pg-home .hd_ct ul li a.ac_a_sm, body.pg-home .hd_ct ul li a.ac_a_sm:visited{height:40px;padding:0 12px;font:700 12px/40px Arial;color:#fff;transition:background-color .15s}
body.pg-home .hd_ct ul li a.ac_ats:hover, body.pg-home .hd_ct ul li:hover a.ac_ats, body.pg-home .hd_ct ul li a.ac_a_sm:hover, body.pg-home .hd_ct ul li:hover a.ac_a_sm{background:rgba(0,0,0,.14);color:#fff}
body.pg-home .hd_ct :hover>a{border-top-style:none;border-bottom-style:none;background-image:none}
/* Categories mega menu: white-bg rounded corners + soft shadow */
body.pg-home .hd_ct>ul>li>ul{border:0;border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(0,0,0,.16);padding:10px 12px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:2px 10px}
body.pg-home .hd_ct>ul>li:hover>ul{top:40px;left:-30px;width:920px}
body.pg-home .hd_ct>ul>li>ul::before{content:"Shop by Category";grid-column:1/-1;padding:2px 12px 8px;margin-bottom:4px;border-bottom:1px solid #f2f2f2;font:700 11px/16px Arial;letter-spacing:.8px;text-transform:uppercase;color:#999}
body.pg-home .hd_ct>ul>li>ul>li>a, body.pg-home .hd_ct>ul>li>ul>li>a:link, body.pg-home .hd_ct>ul>li>ul>li>a:visited{width:auto;margin:0;padding:8px 12px;border:0;border-radius:6px;background:none;font:600 13px/18px Arial;color:#444}
body.pg-home .hd_ct>ul>li>ul>li>a:hover{background:#fff3e8;color:#f60}
body.pg-home .hd_ct>ul>li>ul>li:last-child:has(>a.m_all){grid-column:1/-1}
body.pg-home .hd_ct>ul>li>ul>li:last-child:has(>a.m_all)>a, body.pg-home .hd_ct>ul>li>ul>li:last-child:has(>a.m_all)>a:visited{margin-top:4px;padding-top:10px;border-top:1px solid #f2f2f2;border-radius:0 0 6px 6px}
body.pg-home .hd_ct>ul>li>ul>li>a.m_all, body.pg-home .hd_ct>ul>li>ul>li>a.m_all:visited{color:#f60;font-weight:700}
/* Third-level flyout: match the mega panel's modern look */
body.pg-home .hd_ct>ul>li>ul>li>ul{border:0;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.14);background:#fff;padding:4px}
body.pg-home .hd_ct>ul>li:hover>ul>li>ul{border:0;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.14);background:#fff;padding:4px}
body.pg-home .hd_ct>ul>li>ul>li>ul li.b_top{background:none}
body.pg-home .hd_ct>ul>li>ul>li>ul li a, body.pg-home .hd_ct>ul>li>ul>li>ul li a:link, body.pg-home .hd_ct>ul>li>ul>li>ul li a:visited{width:auto;padding:7px 12px;border:0;border-radius:6px;background:none;font:600 12px/16px Arial;color:#444}
body.pg-home .hd_ct>ul>li>ul>li>ul li a:hover{background:#fff3e8;color:#f60}
/* ===== Footer modernization ===== */
body.pg-home #footer{background:#fafafa;border-top:1px solid #eee;padding:28px 16px 24px;min-height:0;box-sizing:border-box}
body.pg-home #footer .blank5px{display:none}
body.pg-home #footer div.menu2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 0 4px}
body.pg-home #footer div.menu2 span{display:none}
body.pg-home #footer div.menu2 a, body.pg-home #footer div.menu2 a:link, body.pg-home #footer div.menu2 a:visited{padding:6px 13px;border-radius:6px;font:600 12px/18px Arial;color:#555;transition:background .15s,color .15s}
body.pg-home #footer div.menu2 a:hover{background:#fff3e8;color:#f60}
body.pg-home #footer div.align_center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 0 16px}
body.pg-home #footer div.align_center a{display:block;line-height:0}
body.pg-home #footer div.align_center img{display:block;height:30px;width:auto;margin:0;padding:4px 8px;border:1px solid #eee;border-radius:6px;background:#fff;box-sizing:content-box;transition:border-color .15s,transform .15s}
body.pg-home #footer div.align_center a:hover img{border-color:#fca01b;transform:translateY(-1px)}
body.pg-home #footer div.copyright{padding:2px 0 0;font:400 12px/22px Arial;color:#888}
body.pg-home #footer div.copyright a, body.pg-home #footer div.copyright a:link, body.pg-home #footer div.copyright a:visited{color:#f60}
body.pg-home #footer div.copyright a:hover{color:#e35b00;text-decoration:underline}
body.pg-home #footer .weeklykeywords{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:auto;max-width:1170px;margin:0 auto;padding:18px 0 0}
body.pg-home #footer .weeklykeywords::before{content:"Popular Searches:";flex:0 0 100%;text-align:center;font:700 11px/16px Arial;letter-spacing:.8px;text-transform:uppercase;color:#999}
body.pg-home #footer .weeklykeywords a, body.pg-home #footer .weeklykeywords a:link, body.pg-home #footer .weeklykeywords a:visited{display:block;margin:0;padding:7px 16px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;font:400 12px/16px Arial;color:#666;transition:border-color .15s,color .15s,background .15s}
body.pg-home #footer .weeklykeywords a:hover{border-color:#f60;background:#fff3e8;color:#f60}
/* Back-to-top floating button (sits above the tidio chat widget) */
body.pg-home #ft_gotop{position:fixed;right:24px;bottom:96px;z-index:900;width:42px;height:42px;border:1px solid #eee;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;color:#f60;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,border-color .15s,color .15s}
body.pg-home #ft_gotop.show{opacity:1;visibility:visible;transform:none}
body.pg-home #ft_gotop:hover{border-color:#f60;color:#e35b00}
body.pg-home #ft_gotop svg{width:18px;height:18px}
/* Keyboard accessibility */
body.pg-home .hd_nav a:focus-visible, body.pg-home .hd_wrapper a:focus-visible, body.pg-home .hd_sch form input.go:focus-visible{outline:2px solid #f60;outline-offset:2px}
@media (max-width:900px){
body.pg-home{padding-top:0}
body.pg-home .hd_wrapper{position:static;border-bottom:1px solid #eee}
body.pg-home .hd_wrap_fun{width:100%;height:36px;line-height:36px;padding:0 10px;box-sizing:border-box}
body.pg-home .hd_wr_f_nav{width:auto}
body.pg-home .hd_wr_f_nav a{padding:0 5px}
body.pg-home .hd_wr_f_bar{width:auto}
body.pg-home .hd_wr_f_lang, body.pg-home .hd_wr_f_shipto{width:auto;height:36px;line-height:36px}
body.pg-home .hd_wr_f_nav a, body.pg-home .hd_wr_nav>a{font-size:12px}
body.pg-home .header{height:auto;flex-wrap:wrap;padding:6px 10px 0;box-sizing:border-box}
body.pg-home .hd_logo{flex:1 1 60%;width:auto;height:44px;background-size:contain;background-position:left center}
body.pg-home .hd_logo a, body.pg-home .hd_logo a:visited{height:44px;width:100%}
body.pg-home .hd_cart{margin-left:auto}
body.pg-home .hd_cart a, body.pg-home .hd_cart a:visited{height:40px;padding:0 12px 0 10px;background:#fff none;border:1.5px solid #f60;border-radius:20px;color:#f60}
body.pg-home .hd_cart a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f60'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='20.5'%20r='1.7'/%3E%3Ccircle%20cx='18.5'%20cy='20.5'%20r='1.7'/%3E%3Cpath%20d='M2.5%203.5h2.8l2.4%2011.2a1.6%201.6%200%200%200%201.6%201.3h8.9a1.6%201.6%200%200%200%201.6-1.3l1.7-8.2H6.2'/%3E%3C/svg%3E")}
body.pg-home .hd_cart a:hover{background:#fff3e8;color:#f60}
body.pg-home #str_num_mycart{font-size:0;display:flex;align-items:center}
body.pg-home #str_num_mycart span{display:none}
body.pg-home #str_num_mycart b{flex:0 0 auto;display:inline-block;min-width:20px;margin-left:-4px;padding:1px 6px;border-radius:10px;background:#f60;color:#fff;font:700 12px/18px Verdana;text-align:center}
body.pg-home .hd_sch{flex:1 1 100%;order:3;margin:8px 0 10px}
body.pg-home .hd_sch form{height:44px;border-radius:22px}
body.pg-home .hd_sch form input.kw, body.pg-home .hd_sch form input.kw_focus{height:42px;font-size:16px;padding:0 16px}
body.pg-home .hd_sch form input.go{flex:0 0 34px;width:34px;height:34px;margin:0 4px 0 0;border-radius:50%;background-position:center center}
/* Nav: orange rounded bar, margins aligned with search box, chips vertically centered */
body.pg-home .hd_nav{height:44px;margin:0 10px;border-radius:12px;overflow:hidden;box-shadow:none}
body.pg-home .hd_ct{width:100%;height:44px;font:12px/44px Arial;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 6px;box-sizing:border-box}
body.pg-home .hd_ct::-webkit-scrollbar{display:none}
body.pg-home .hd_ct>ul{width:max-content;align-items:center;height:44px}
body.pg-home .hd_ct ul li:nth-child(n+6){display:block}
body.pg-home .hd_ct ul li.fir{height:36px;width:32px}
body.pg-home .hd_ct ul li.fir a{height:36px;width:32px}
body.pg-home .hd_ct ul li a.ac_ats, body.pg-home .hd_ct ul li a.ac_ats:visited, body.pg-home .hd_ct ul li a.ac_a_sm, body.pg-home .hd_ct ul li a.ac_a_sm:visited{height:36px;padding:0 14px;font:700 13px/36px Arial;white-space:nowrap;border-radius:10px}
body.pg-home .hd_ct ul li:nth-child(2)>a.ac_a_sm{background:rgba(0,0,0,.16);padding:0 14px 0 34px;position:relative}
body.pg-home .hd_ct ul li:nth-child(2)>a.ac_a_sm::before{content:"";position:absolute;left:11px;top:9px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Crect%20x='3'%20y='3'%20width='8'%20height='8'%20rx='1.5'/%3E%3Crect%20x='13'%20y='3'%20width='8'%20height='8'%20rx='1.5'/%3E%3Crect%20x='3'%20y='13'%20width='8'%20height='8'%20rx='1.5'/%3E%3Crect%20x='13'%20y='13'%20width='8'%20height='8'%20rx='1.5'/%3E%3C/svg%3E") center/18px 18px no-repeat}
/* Touch devices: disable hover expand, switch to tap .mopen dropdown panel */
body.pg-home .hd_ct ul :hover ul{top:auto;left:auto;width:auto}
body.pg-home .hd_ct ul :hover>ul{display:none}
body.pg-home .hd_ct li.mopen>ul{display:block}
body.pg-home .hd_ct li.mopen>ul li{display:block}
body.pg-home .hd_ct li.mopen>ul a, body.pg-home .hd_ct li.mopen>ul a:link, body.pg-home .hd_ct li.mopen>ul a:visited{width:auto;display:block;margin:0;padding:12px 18px;border:0;border-radius:0;border-bottom:1px solid #f4f4f4;background:none;font:400 14px/18px Arial;color:#333;white-space:normal}
body.pg-home .hd_ct li.mopen>ul a:hover{background:#fff3e8;color:#f60}
body.pg-home .hd_ct li.mopen>ul a.m_all{color:#f60;font-weight:700;border-bottom:0}
body.pg-home #footer{padding:22px 12px 18px}
body.pg-home #footer div.menu2 a, body.pg-home #footer div.menu2 a:link, body.pg-home #footer div.menu2 a:visited{padding:6px 9px;font-size:11px}
body.pg-home #ft_gotop{right:14px;bottom:88px;width:38px;height:38px}
}

/* ===== notice/index.asp (scope body.pg-notice) ===== */
/* ===== Notice page modernization (design language synced with site-wide revamp) ===== */
/* Breadcrumb */
body.pg-notice #main .breadcrumb{height:auto;padding:14px 0 12px;margin:0;line-height:18px;font:12px/18px Arial;color:#999;background:none}
body.pg-notice #main .breadcrumb a, body.pg-notice #main .breadcrumb a:link, body.pg-notice #main .breadcrumb a:visited{color:#666;padding:3px 7px;border-radius:6px;transition:background .15s,color .15s}
body.pg-notice #main .breadcrumb a:hover{color:#f60;background:#fff3e8;text-decoration:none}
/* Main panel: retire the legacy hard border + offset shadow */
body.pg-notice #main .exh_full_top, body.pg-notice #main .exh_full_bottom{display:none}
body.pg-notice #main .exh_full_main{border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff;padding:24px 28px}
body.pg-notice #main .blank15px{display:none}
body.pg-notice #WriteReview:empty{display:none}
/* Related product card (funProRelated_Reivew fieldset output) */
body.pg-notice #main .exh_full_main h1{font:700 20px/26px Arial;color:#222;padding:0 0 12px}
body.pg-notice #main fieldset{border:1px solid #eee;border-radius:10px;background:#fcfcfc;padding:16px 18px 18px;margin:0 0 22px}
body.pg-notice #main fieldset legend{font:700 12px/18px Arial;letter-spacing:.7px;text-transform:uppercase;color:#f60;padding:0 8px;margin:0 0 0 4px}
body.pg-notice #main .pro_list{border-bottom:0;padding:6px 0 0;display:flex;gap:18px;align-items:flex-start}
body.pg-notice #main .pro_list div.photo{float:none;flex:0 0 132px;width:132px;height:132px}
body.pg-notice #main .pro_list div.photo a, body.pg-notice #main .pro_list div.photo a:hover{width:124px;height:124px;line-height:118px;padding:3px;border:1px solid #eee;border-radius:8px;background:#fff;box-sizing:content-box;transition:border-color .15s}
body.pg-notice #main .pro_list div.photo a:hover{border-color:#fca01b}
body.pg-notice #main .pro_list div.photo img{max-width:124px;max-height:124px;vertical-align:middle}
body.pg-notice #main .pro_list div.order_fun_suit{float:none;flex:0 0 224px;width:224px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:12px 14px;font-size:12px;line-height:20px}
body.pg-notice #main .pro_list div.order_fun_suit .input{height:30px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;background:#fff;padding:0 8px;font:13px Arial;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-notice #main .pro_list div.order_fun_suit .input:focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
/* Add-to-cart row: block flow kills the align=absmiddle line-box overshoot (inline gif poked up into the Quantity row on tight mobile line-heights) */
body.pg-notice #main .pro_list div.order_fun_suit div.fl{float:none}
body.pg-notice #main .pro_list div.order_fun_suit div.fl a{display:block;margin:2px 0 0}
body.pg-notice #main .pro_list div.order_fun_suit div.fl a img{display:block;max-width:100%;height:auto}
body.pg-notice #main .pro_list div.brief_fs_suit{float:none;flex:1 1 auto;width:auto;padding:0}
body.pg-notice #main .pro_list div.brief_fs_suit .blank10px{display:none}
body.pg-notice #main .pro_list div.brief_fs_suit div.title a, body.pg-notice #main .pro_list div.brief_fs_suit div.title a:link, body.pg-notice #main .pro_list div.brief_fs_suit div.title a:visited{color:#222;font:700 14px/20px Arial}
body.pg-notice #main .pro_list div.brief_fs_suit div.title a:hover{color:#f60;text-decoration:none}
/* Subscription form card */
body.pg-notice #main .fc_col_b{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:none;padding:20px 24px;line-height:1.6em}
body.pg-notice #main .fc_col_b .fc_tit{display:flex;align-items:center;color:#222;font:700 17px/24px Arial}
body.pg-notice #main .fc_col_b .fc_tit::before{content:"";flex:0 0 4px;width:4px;height:18px;margin-right:9px;border-radius:2px;background:#f60}
body.pg-notice #main .fc_col_b > p{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 14px;margin:10px 0 14px;color:#666;font:12.5px/20px Arial}
body.pg-notice #main .fc_col_b > p strong{color:#444}
/* Form grid (override legacy float 200/680 columns) */
body.pg-notice #main .fc_col_b dl{display:grid;grid-template-columns:172px 1fr;gap:0 16px;align-items:center}
body.pg-notice #main .fc_col_b dl > div{display:none}
body.pg-notice #main .fc_col_b dl > span{display:contents}
body.pg-notice #main .fc_col_b dt{float:none;clear:none;width:auto;text-align:left;padding:8px 0;font:600 13px/20px Arial;color:#444}
body.pg-notice #main .fc_col_b dd{float:none;width:auto;background:none;padding:8px 0;margin:0}
/* InputCss() wholesale-swaps className to input_normal/input_focus/input_error -> base box model must cover all three states */
body.pg-notice #main .fc_col_b .input_normal, body.pg-notice #main .fc_col_b .input_focus, body.pg-notice #main .fc_col_b .input_error, body.pg-notice #main .fc_col_b select.input{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 12px;font:14px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
/* focus ring: class-swapped controls via .input_focus, handler-less ones (TargetPrice/title select) via :focus */
body.pg-notice #main .fc_col_b .input_focus, body.pg-notice #main .fc_col_b .input_normal:focus, body.pg-notice #main .fc_col_b select.input:focus{background:#fff;border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-notice #main .fc_col_b .input_error{background:#fff6f5;border-color:#c00}
body.pg-notice #main .fc_col_b select.input{padding:0 8px}
/* Turnstile widget row (funTurnstileWidget output; empty when keys unset) */
body.pg-notice #main .fc_col_b .cf-turnstile{margin:2px 0 4px;max-width:100%}
/* Verification code inline combo */
body.pg-notice #main .span_num_verify{display:inline-block;background:#fff3e8;border:1px dashed #fca01b;border-radius:6px;color:#f60;padding:7px 12px;margin-left:10px;letter-spacing:6px;font:700 15px/16px Georgia;vertical-align:middle}
body.pg-notice #main #txtIDnumVerify{margin-left:6px}
/* Submit button (style.css .btn_submit pins height:23px -> must reset height) */
body.pg-notice #main .fc_col_b .btn_submit{height:auto;border:0;border-radius:21px;background:#f60;color:#fff;font:700 14px/20px Arial;padding:9px 36px;cursor:pointer;transition:background .15s,transform .15s}
body.pg-notice #main .fc_col_b .btn_submit:hover{background:#e65c00;transform:translateY(-1px)}
/* Notice record list: card timeline */
body.pg-notice #main .rev_list{background:#fff;border:1px solid #eee;border-radius:10px;padding:13px 18px;margin:0 0 10px;transition:border-color .15s,box-shadow .15s}
body.pg-notice #main .rev_list:hover{border-color:#fcd9b0;box-shadow:0 3px 10px rgba(0,0,0,.05)}
body.pg-notice #main .rev_master_file{float:none;width:100%;line-height:22px}
body.pg-notice #main .rev_title{clear:both;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:0 0 5px}
body.pg-notice #main .rev_title strong{color:#f60;font:700 13px/18px Arial}
body.pg-notice #main .rev_title strong::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f60'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9'/%3E%3Cpath%20d='M10.3%2021a1.94%201.94%200%200%200%203.4%200'/%3E%3C/svg%3E") center/14px 14px no-repeat}
body.pg-notice #main .rev_title span.gray, body.pg-notice #main .rev_title span.px11{color:#999;font:400 11.5px/18px Arial}
body.pg-notice #main .rev_master_file > div:nth-child(2){color:#555;font:400 13px/21px Arial}
body.pg-notice #main .rev_master_file > div:nth-child(2) strong{color:#333}
body.pg-notice #main .rev_master_file > div:nth-child(2) a{color:#f60}
/* Paging */
body.pg-notice #main .page_nav{padding:16px 2px 2px;font:12px/20px Arial;line-height:24px}
body.pg-notice #main .page_nav a, body.pg-notice #main .page_nav a:link, body.pg-notice #main .page_nav a:visited{border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#555;padding:4px 10px;margin:2px;transition:border-color .15s,background .15s,color .15s}
body.pg-notice #main .page_nav a:hover{border-color:#f60;background:#fff3e8;color:#f60;text-decoration:none}
body.pg-notice #main .page_nav span{border:1px solid #f60;border-radius:6px;background:#f60;color:#fff;padding:4px 10px;margin:2px}
body.pg-notice #main .page_nav input.line{border:0;border-bottom:1px solid #ccc;border-radius:0;background:#fff;padding:2px 4px;font:12px Arial;text-align:center}
@media (max-width:900px){
body.pg-notice #main .exh_full_main{padding:16px 14px;border-radius:10px}
body.pg-notice #main .pro_list{flex-wrap:wrap;gap:12px}
/* price box stays beside the photo on narrow screens (same as legacy reviews layout) */
body.pg-notice #main .pro_list div.photo{flex:0 0 118px;width:118px;height:118px}
body.pg-notice #main .pro_list div.photo a, body.pg-notice #main .pro_list div.photo a:hover{width:110px;height:110px;line-height:104px}
body.pg-notice #main .pro_list div.photo img{max-width:110px;max-height:110px}
body.pg-notice #main .pro_list div.order_fun_suit{flex:1 1 180px;width:auto;box-sizing:border-box}
body.pg-notice #main .pro_list div.brief_fs_suit{flex:1 1 100%}
body.pg-notice #main .fc_col_b{padding:16px 14px}
body.pg-notice #main .fc_col_b dl{grid-template-columns:1fr;gap:0}
body.pg-notice #main .fc_col_b dt{padding:7px 0 3px}
body.pg-notice #main .fc_col_b dd{padding:0 0 4px}
body.pg-notice #main .fc_col_b .input_normal, body.pg-notice #main .fc_col_b .input_focus, body.pg-notice #main .fc_col_b .input_error, body.pg-notice #main .fc_col_b select.input{width:100%}
body.pg-notice #main .fc_col_b .btn_submit{width:100%}
body.pg-notice #main .rev_list{padding:12px 14px}
}
@media (max-width:480px){
body.pg-notice #main .pro_list div.photo{flex:0 0 96px;width:96px;height:96px}
body.pg-notice #main .pro_list div.photo a, body.pg-notice #main .pro_list div.photo a:hover{width:88px;height:88px;line-height:82px}
body.pg-notice #main .pro_list div.photo img{max-width:88px;max-height:88px}
}

/* ===== reviews/index.asp (scope body.pg-reviews) ===== */
/* ===== Reviews page modernization (design language synced with site-wide revamp) ===== */
/* Breadcrumb */
body.pg-reviews #main .breadcrumb{height:auto;padding:14px 0 12px;margin:0;line-height:18px;font:12px/18px Arial;color:#999;background:none}
body.pg-reviews #main .breadcrumb a, body.pg-reviews #main .breadcrumb a:link, body.pg-reviews #main .breadcrumb a:visited{color:#666;padding:3px 7px;border-radius:6px;transition:background .15s,color .15s}
body.pg-reviews #main .breadcrumb a:hover{color:#f60;background:#fff3e8;text-decoration:none}
/* Main panel: retire the legacy hard border + offset shadow */
body.pg-reviews #main .exh_full_top, body.pg-reviews #main .exh_full_bottom{display:none}
body.pg-reviews #main .exh_full_main{border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff;padding:24px 28px}
body.pg-reviews #main .blank15px{display:none}
body.pg-reviews #WriteReview:empty{display:none}
/* Related product card (funProRelated_Reivew fieldset output) */
body.pg-reviews #main .exh_full_main h1{font:700 20px/26px Arial;color:#222;padding:0 0 12px}
body.pg-reviews #main fieldset{border:1px solid #eee;border-radius:10px;background:#fcfcfc;padding:16px 18px 18px;margin:0 0 22px}
body.pg-reviews #main fieldset legend{font:700 12px/18px Arial;letter-spacing:.7px;text-transform:uppercase;color:#f60;padding:0 8px;margin:0 0 0 4px}
body.pg-reviews #main fieldset legend a.btn, body.pg-reviews #main fieldset legend a.btn:link, body.pg-reviews #main fieldset legend a.btn:visited{display:inline-block;background:#f60;color:#fff;border:0;border-radius:14px;padding:3px 14px;margin-left:8px;font:700 12px/18px Arial;text-decoration:none;vertical-align:1px;transition:background .15s}
body.pg-reviews #main fieldset legend a.btn:hover{background:#e65c00}
body.pg-reviews #main .pro_list{border-bottom:0;padding:6px 0 0;display:flex;gap:18px;align-items:flex-start}
body.pg-reviews #main .pro_list div.photo{float:none;flex:0 0 132px;width:132px;height:132px}
body.pg-reviews #main .pro_list div.photo a, body.pg-reviews #main .pro_list div.photo a:hover{width:124px;height:124px;line-height:118px;padding:3px;border:1px solid #eee;border-radius:8px;background:#fff;box-sizing:content-box;transition:border-color .15s}
body.pg-reviews #main .pro_list div.photo a:hover{border-color:#fca01b}
body.pg-reviews #main .pro_list div.photo img{max-width:124px;max-height:124px;vertical-align:middle}
body.pg-reviews #main .pro_list div.order_fun_suit{float:none;flex:0 0 224px;width:224px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:12px 14px;font-size:12px;line-height:20px}
body.pg-reviews #main .pro_list div.order_fun_suit .input{height:30px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;background:#fff;padding:0 8px;font:13px Arial;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-reviews #main .pro_list div.order_fun_suit .input:focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
/* Add-to-cart row: block flow kills the align=absmiddle line-box overshoot (inline gif poked up into the Quantity row on tight mobile line-heights) */
body.pg-reviews #main .pro_list div.order_fun_suit div.fl{float:none}
body.pg-reviews #main .pro_list div.order_fun_suit div.fl a{display:block;margin:2px 0 0}
body.pg-reviews #main .pro_list div.order_fun_suit div.fl a img{display:block;max-width:100%;height:auto}
body.pg-reviews #main .pro_list div.brief_fs_suit{float:none;flex:1 1 auto;width:auto;padding:0}
body.pg-reviews #main .pro_list div.brief_fs_suit .blank10px{display:none}
body.pg-reviews #main .pro_list div.brief_fs_suit div.title a, body.pg-reviews #main .pro_list div.brief_fs_suit div.title a:link, body.pg-reviews #main .pro_list div.brief_fs_suit div.title a:visited{color:#222;font:700 14px/20px Arial}
body.pg-reviews #main .pro_list div.brief_fs_suit div.title a:hover{color:#f60;text-decoration:none}
/* Write-a-review form card */
body.pg-reviews #main .fc_col_b{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:none;padding:20px 24px;line-height:1.6em}
body.pg-reviews #main .fc_col_b .fc_tit{display:flex;align-items:center;color:#222;font:700 17px/24px Arial}
body.pg-reviews #main .fc_col_b .fc_tit::before{content:"";flex:0 0 4px;width:4px;height:18px;margin-right:9px;border-radius:2px;background:#f60}
/* Form grid (override legacy float 200/680 columns) */
body.pg-reviews #main .fc_col_b dl{display:grid;grid-template-columns:172px 1fr;gap:0 16px;align-items:start}
body.pg-reviews #main .fc_col_b dl > div{display:none}
body.pg-reviews #main .fc_col_b dl > span{display:contents}
body.pg-reviews #main .fc_col_b dt{float:none;clear:none;width:auto;text-align:left;padding:8px 0;font:600 13px/38px Arial;color:#444}
/* rating row & textarea row: label tops align with control tops instead of centering */
body.pg-reviews #main .fc_col_b dt:nth-of-type(1), body.pg-reviews #main .fc_col_b dt:nth-of-type(4){line-height:20px}
body.pg-reviews #main .fc_col_b dd{float:none;width:auto;background:none;padding:8px 0;margin:0}
/* InputCss() wholesale-swaps className to input_normal/input_focus/input_error -> base box model must cover all three states */
body.pg-reviews #main .fc_col_b .input_normal, body.pg-reviews #main .fc_col_b .input_focus, body.pg-reviews #main .fc_col_b .input_error, body.pg-reviews #main .fc_col_b select.input{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 12px;font:14px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
/* focus ring: class-swapped controls via .input_focus, handler-less ones (title select) via :focus */
body.pg-reviews #main .fc_col_b .input_focus, body.pg-reviews #main .fc_col_b .input_normal:focus, body.pg-reviews #main .fc_col_b select.input:focus{background:#fff;border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-reviews #main .fc_col_b .input_error{background:#fff6f5;border-color:#c00}
body.pg-reviews #main .fc_col_b select.input{padding:0 8px;width:auto}
/* textarea keeps its own box (base rule pins 38px height) */
body.pg-reviews #main .fc_col_b textarea.input_normal, body.pg-reviews #main .fc_col_b textarea.input_focus, body.pg-reviews #main .fc_col_b textarea.input_error{height:auto;min-height:132px;width:100%;box-sizing:border-box;padding:8px 12px;font:14px/22px Arial;resize:vertical}
/* star rating picker row */
body.pg-reviews #main .fc_col_b .rate_star{display:inline-block;vertical-align:middle}
body.pg-reviews #main #txt_pro_RateStars{color:#999;vertical-align:middle}
/* Verification code inline combo */
body.pg-reviews #main .span_num_verify{display:inline-block;background:#fff3e8;border:1px dashed #fca01b;border-radius:6px;color:#f60;padding:7px 12px;margin-left:10px;letter-spacing:6px;font:700 15px/16px Georgia;vertical-align:middle}
body.pg-reviews #main #txtIDnumVerify{margin-left:6px}
/* Submit button (style.css .btn_submit pins height:23px -> must reset height) */
body.pg-reviews #main .fc_col_b .btn_submit{height:auto;border:0;border-radius:21px;background:#f60;color:#fff;font:700 14px/20px Arial;padding:9px 36px;cursor:pointer;transition:background .15s,transform .15s}
body.pg-reviews #main .fc_col_b .btn_submit:hover{background:#e65c00;transform:translateY(-1px)}
body.pg-reviews #main .fc_col_b .dashed5px{border-top:1px dashed #e6e6e6;height:0;margin:14px 0 10px}
body.pg-reviews #main .fc_col_b > span.line12em{color:#888;font:12px/19px Arial}
body.pg-reviews #main .fc_col_b > span.line12em a{color:#f60}
/* Review cards: master text left, matched product/service side card right */
body.pg-reviews #main .rev_list{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px 18px;margin:0 0 12px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;transition:border-color .15s,box-shadow .15s}
body.pg-reviews #main .rev_list:hover{border-color:#fcd9b0;box-shadow:0 3px 10px rgba(0,0,0,.05)}
body.pg-reviews #main .rev_list > .clear{display:none}
body.pg-reviews #main .rev_master_file{float:none;width:auto;flex:1 1 420px;min-width:0;line-height:22px}
body.pg-reviews #main .rev_title{clear:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:0 0 6px}
body.pg-reviews #main .rev_title strong.point{float:none;display:inline-block;width:80px;height:18px;margin:0;vertical-align:middle}
body.pg-reviews #main .rev_title span.gray, body.pg-reviews #main .rev_title span.px10, body.pg-reviews #main .rev_title span.px11{color:#999;font:400 11.5px/18px Arial}
body.pg-reviews #main .rev_title b.px11{color:#333;font:700 12.5px/18px Arial}
body.pg-reviews #main .rev_detail{clear:none;padding:2px 0 0;color:#444;font:13px/22px Arial;word-wrap:break-word}
body.pg-reviews #main .rev_detail img{max-width:100%;height:auto}
/* attachment download chips */
body.pg-reviews #main .att_list{clear:none;margin:8px 0 0;padding:7px 12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;font:12.5px/20px Arial}
body.pg-reviews #main .att_list img{vertical-align:-4px}
body.pg-reviews #main .att_list a{color:#f60}
body.pg-reviews #main .att_list div.att_desc{padding:2px 0 0 26px;color:#888}
/* matched product / service side card */
body.pg-reviews #main .rev_match_product, body.pg-reviews #main .rev_match_document{float:none;flex:0 0 216px;width:216px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:10px 12px;font:12px/20px Arial;color:#666}
body.pg-reviews #main .rev_match_product .pro_l_col{display:flex;gap:10px;align-items:flex-start;padding:0;margin:0;border:0}
body.pg-reviews #main .rev_match_product .pro_l_col div.p_pic{float:none;position:relative;width:55px;margin:0;padding:0}
body.pg-reviews #main .rev_match_product .img50px{width:55px;height:55px;clear:none}
body.pg-reviews #main .rev_match_product .img50px a, body.pg-reviews #main .rev_match_product .img50px a:hover{width:50px;height:50px;line-height:50px;padding:1px;border:1px solid #e6e6e6;border-radius:6px;box-sizing:content-box;background:#fff}
body.pg-reviews #main .rev_match_product .img50px img{max-width:50px;max-height:50px;vertical-align:middle}
body.pg-reviews #main .rev_match_product .pro_offer_w60{margin:-6px 0 0 -4px}
body.pg-reviews #main .rev_match_product .pro_l_col div.p_brief{float:none;flex:1 1 auto;width:auto;font:12px/18px Arial;word-break:break-word}
body.pg-reviews #main .rev_match_product .pro_l_col div.p_brief a, body.pg-reviews #main .rev_match_product .pro_l_col div.p_brief a:link, body.pg-reviews #main .rev_match_product .pro_l_col div.p_brief a:visited{color:#333;font-weight:700}
body.pg-reviews #main .rev_match_product .pro_l_col div.p_brief a:hover{color:#f60;text-decoration:none}
body.pg-reviews #main .rev_match_product .clear{display:none}
body.pg-reviews #main .rev_match_document a{color:#f60}
/* replies */
body.pg-reviews #main .rev_reply{flex:1 1 100%;clear:both;margin:2px 0 0;padding:10px 14px;background:#f7f8fa;border:0;border-radius:8px;font:13px/21px Arial;color:#555;word-wrap:break-word}
body.pg-reviews #main .rev_reply b.blue{color:#f60}
body.pg-reviews #main .rev_reply .blank5px{display:none}
body.pg-reviews #main .rev_reply .clear{display:none}
body.pg-reviews #main .rev_reply .att_list{background:#fff}
/* Paging */
body.pg-reviews #main .page_nav{padding:16px 2px 2px;font:12px/20px Arial;line-height:24px}
body.pg-reviews #main .page_nav a, body.pg-reviews #main .page_nav a:link, body.pg-reviews #main .page_nav a:visited{border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#555;padding:4px 10px;margin:2px;transition:border-color .15s,background .15s,color .15s}
body.pg-reviews #main .page_nav a:hover{border-color:#f60;background:#fff3e8;color:#f60;text-decoration:none}
body.pg-reviews #main .page_nav span{border:1px solid #f60;border-radius:6px;background:#f60;color:#fff;padding:4px 10px;margin:2px}
body.pg-reviews #main .page_nav input.line{border:0;border-bottom:1px solid #ccc;border-radius:0;background:#fff;padding:2px 4px;font:12px Arial;text-align:center}
@media (max-width:900px){
body.pg-reviews #main .exh_full_main{padding:16px 14px;border-radius:10px}
body.pg-reviews #main .pro_list{flex-wrap:wrap;gap:12px}
body.pg-reviews #main .pro_list div.photo{flex:0 0 118px;width:118px;height:118px}
body.pg-reviews #main .pro_list div.photo a, body.pg-reviews #main .pro_list div.photo a:hover{width:110px;height:110px;line-height:104px}
body.pg-reviews #main .pro_list div.photo img{max-width:110px;max-height:110px}
body.pg-reviews #main .pro_list div.order_fun_suit{flex:1 1 180px;width:auto;box-sizing:border-box}
body.pg-reviews #main .pro_list div.brief_fs_suit{flex:1 1 100%}
body.pg-reviews #main .fc_col_b{padding:16px 14px}
body.pg-reviews #main .fc_col_b dl{grid-template-columns:1fr;gap:0}
body.pg-reviews #main .fc_col_b dt{padding:7px 0 3px}
body.pg-reviews #main .fc_col_b dd{padding:0 0 4px}
body.pg-reviews #main .fc_col_b .input_normal, body.pg-reviews #main .fc_col_b .input_focus, body.pg-reviews #main .fc_col_b .input_error, body.pg-reviews #main .fc_col_b select.input{width:100%}
body.pg-reviews #main .fc_col_b .btn_submit{width:100%}
body.pg-reviews #main .rev_list{padding:12px 14px}
/* response.css hides the matched-product card on mobile; restore it as a full-width row (id-scoped wins over the shared layer) */
body.pg-reviews #main .rev_match_product, body.pg-reviews #main .rev_match_document{display:block;flex:1 1 100%;width:auto}
body.pg-reviews #main .rev_master_file{width:auto;margin:0}
}
@media (max-width:480px){
body.pg-reviews #main .pro_list div.photo{flex:0 0 96px;width:96px;height:96px}
body.pg-reviews #main .pro_list div.photo a, body.pg-reviews #main .pro_list div.photo a:hover{width:88px;height:88px;line-height:82px}
body.pg-reviews #main .pro_list div.photo img{max-width:88px;max-height:88px}
}

/* ===== support/msg_add.asp (scope body.pg-msgadd) ===== */
/* ===== Support question page modernization (design language synced with site-wide revamp) ===== */
/* Breadcrumb */
body.pg-msgadd #main .breadcrumb{height:auto;padding:14px 0 12px;margin:0;line-height:18px;font:12px/18px Arial;color:#999;background:none}
body.pg-msgadd #main .breadcrumb a, body.pg-msgadd #main .breadcrumb a:link, body.pg-msgadd #main .breadcrumb a:visited{color:#666;padding:3px 7px;border-radius:6px;transition:background .15s,color .15s}
body.pg-msgadd #main .breadcrumb a:hover{color:#f60;background:#fff3e8;text-decoration:none}
body.pg-msgadd #main .blank8px{display:none}
/* Two-column flex shell (retire legacy float 190/1000 + hard shadow) */
body.pg-msgadd #main{display:flex;flex-wrap:wrap;gap:0 18px;align-items:flex-start}
body.pg-msgadd #main > .breadcrumb, body.pg-msgadd #main > .blank8px, body.pg-msgadd #main > .blank10px, body.pg-msgadd #main > .main_bottom, body.pg-msgadd #main > .similar-items{flex:1 1 100%}
/* legacy sidebar retired on desktop: full-width scene with the Recommend Items strip up top (parity with mobile) */
body.pg-msgadd #main .main_left{display:none}
body.pg-msgadd #main .main_scene{float:none;order:1;flex:1 1 100%;width:auto;min-width:0;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff}
body.pg-msgadd #main .exh_top, body.pg-msgadd #main .exh_bottom{display:none}
body.pg-msgadd #main .exh_main_pl{padding:24px 28px;min-height:0}
/* Sidebar */
body.pg-msgadd #main .main_left .align_center img{max-width:100%;height:auto;border-radius:10px}
body.pg-msgadd #main .main_left .align_center a{display:block;margin:10px 0 14px;transition:opacity .15s}
body.pg-msgadd #main .main_left .align_center a:hover{opacity:.85}
body.pg-msgadd #main .main_left .blank10px, body.pg-msgadd #main .main_left .clear{display:none}
body.pg-msgadd #main .col_t_x{background:none;width:auto;padding:0;border:1px solid #eee;border-radius:10px;overflow:hidden;margin:0 0 14px}
body.pg-msgadd #main .col_d_t{background:#fafafa;width:auto;height:auto;padding:9px 12px;font:700 13px/18px Arial;color:#333;border-bottom:1px solid #eee}
body.pg-msgadd #main .col_d_m{background:none;width:auto;padding:6px 8px}
body.pg-msgadd #main .ml_dir{border-bottom:0}
body.pg-msgadd #main .ml_dir a{padding:7px 10px;border-radius:6px;font:600 12.5px/18px Arial;color:#444;transition:background .15s,color .15s}
body.pg-msgadd #main .ml_dir a:hover{background:#fff3e8;color:#c00;text-decoration:none}
body.pg-msgadd #main .ml_dir_cur{background:#fff3e8}
body.pg-msgadd #main .ml_dir_cur a{color:#f60}
body.pg-msgadd #main .area_subordinate{padding:0 0 4px 12px}
body.pg-msgadd #main .link_li_a a, body.pg-msgadd #main .link_li_a a:visited, body.pg-msgadd #main .link_li_cur a, body.pg-msgadd #main .link_li_cur a:visited{background:none;padding:4px 8px;border-radius:6px;color:#666;font:12px/18px Arial}
body.pg-msgadd #main .link_li_a a:hover{background:#fff3e8;color:#f60}
body.pg-msgadd #main .link_li_cur a{color:#f60}
body.pg-msgadd #main .fun_column{background:none;border:1px solid #eee;border-radius:10px;padding:12px 14px}
body.pg-msgadd #main .fun_column b.px14{display:flex;align-items:center;color:#222;font:700 14px/20px Arial;margin:0 0 8px}
body.pg-msgadd #main .fun_column .blank5px{display:none}
body.pg-msgadd #main .fun_column form{display:flex;gap:8px;align-items:center}
body.pg-msgadd #main .fun_column input.input_normal, body.pg-msgadd #main .fun_column input.input_focus{flex:1 1 auto;min-width:0;height:34px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 10px;font:13px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-msgadd #main .fun_column input.input_focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
body.pg-msgadd #main .fun_column input[type=image]{flex:0 0 auto}
/* Headings */
body.pg-msgadd #main .exh_main_pl h1{border-bottom:0;font:700 20px/26px Arial;color:#222;padding:0 0 14px}
body.pg-msgadd #main .exh_main_pl h2{border-bottom:0;display:flex;align-items:center;color:#222;font:700 17px/24px Arial;margin:28px 0 14px;padding:0}
body.pg-msgadd #main .exh_main_pl h2::before{content:"";flex:0 0 4px;width:4px;height:18px;margin-right:9px;border-radius:2px;background:#f60}
body.pg-msgadd #main .exh_main_pl .blank15px, body.pg-msgadd #main .exh_main_pl .blank10px, body.pg-msgadd #main .exh_main_pl .blank5px{display:none}
/* Related product card (ProID mode; markup order is photo/brief/suit -> reorder via flex order) */
body.pg-msgadd #main fieldset{border:1px solid #eee;border-radius:10px;background:#fcfcfc;padding:16px 18px 18px;margin:0 0 22px}
body.pg-msgadd #main fieldset legend{font:700 12px/18px Arial;letter-spacing:.7px;text-transform:uppercase;color:#f60;padding:0 8px;margin:0 0 0 4px}
body.pg-msgadd #main fieldset legend a.btn, body.pg-msgadd #main fieldset legend a.btn:link, body.pg-msgadd #main fieldset legend a.btn:visited{display:inline-block;background:#f60;color:#fff;border:0;border-radius:14px;padding:3px 14px;margin-left:8px;font:700 12px/18px Arial;text-decoration:none;vertical-align:1px;transition:background .15s}
body.pg-msgadd #main fieldset legend a.btn:hover{background:#e65c00}
body.pg-msgadd #main .pro_list{border-bottom:0;padding:6px 0 0;display:flex;gap:18px;align-items:flex-start}
body.pg-msgadd #main .pro_list div.photo{float:none;flex:0 0 132px;width:132px;height:132px;order:1}
body.pg-msgadd #main .pro_list div.photo a, body.pg-msgadd #main .pro_list div.photo a:hover{width:124px;height:124px;line-height:118px;padding:3px;border:1px solid #eee;border-radius:8px;background:#fff;box-sizing:content-box;transition:border-color .15s}
body.pg-msgadd #main .pro_list div.photo a:hover{border-color:#fca01b}
body.pg-msgadd #main .pro_list div.photo img{max-width:124px;max-height:124px;vertical-align:middle}
body.pg-msgadd #main .pro_list div.order_fun_suit{float:none;flex:0 0 224px;width:224px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:12px 14px;font-size:12px;line-height:20px;order:2}
body.pg-msgadd #main .pro_list div.order_fun_suit .input{height:30px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;background:#fff;padding:0 8px;font:13px Arial;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-msgadd #main .pro_list div.order_fun_suit .input:focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
/* Add-to-cart row: block flow kills the align=absmiddle line-box overshoot (inline gif poked up into the Quantity row on tight mobile line-heights) */
body.pg-msgadd #main .pro_list div.order_fun_suit div.fl{float:none}
body.pg-msgadd #main .pro_list div.order_fun_suit div.fl a{display:block;margin:2px 0 0}
body.pg-msgadd #main .pro_list div.order_fun_suit div.fl a img{display:block;max-width:100%;height:auto}
body.pg-msgadd #main .pro_list div.brief_fs_suit{float:none;flex:1 1 auto;width:auto;padding:0;order:3}
body.pg-msgadd #main .pro_list div.brief_fs_suit .blank10px{display:none}
body.pg-msgadd #main .pro_list div.brief_fs_suit div.title a, body.pg-msgadd #main .pro_list div.brief_fs_suit div.title a:link, body.pg-msgadd #main .pro_list div.brief_fs_suit div.title a:visited{color:#222;font:700 14px/20px Arial}
body.pg-msgadd #main .pro_list div.brief_fs_suit div.title a:hover{color:#f60;text-decoration:none}
/* Question form grid (override legacy float 180/550 columns) */
body.pg-msgadd #main .exh_main_pl dl.w700px{display:grid;grid-template-columns:172px 1fr;gap:0 16px;align-items:start}
body.pg-msgadd #main .exh_main_pl dl.w700px dt{float:none;clear:none;width:auto;text-align:left;padding:17px 0 8px;font:600 13px/20px Arial;color:#444}
body.pg-msgadd #main .exh_main_pl dl.w700px dt b{font-weight:600;color:inherit}
body.pg-msgadd #main .exh_main_pl dl.w700px dd{float:none;width:auto;padding:8px 0;margin:0}
/* InputCss() wholesale-swaps className to input_normal/input_focus/input_error -> base box model must cover all three states */
body.pg-msgadd #main .exh_main_pl .input_normal, body.pg-msgadd #main .exh_main_pl .input_focus, body.pg-msgadd #main .exh_main_pl .input_error{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 12px;font:14px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
body.pg-msgadd #main .exh_main_pl .input_focus{background:#fff;border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-msgadd #main .exh_main_pl .input_error{background:#fff6f5;border-color:#c00}
body.pg-msgadd #main .exh_main_pl select.select{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 8px;font:14px Arial;color:#333;outline:none;min-width:150px;transition:border-color .15s,box-shadow .15s}
body.pg-msgadd #main .exh_main_pl select.select:focus{border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-msgadd #main .exh_main_pl textarea.input_normal, body.pg-msgadd #main .exh_main_pl textarea.input_focus, body.pg-msgadd #main .exh_main_pl textarea.input_error{height:auto;min-height:180px;width:100%;max-width:640px;box-sizing:border-box;padding:8px 12px;font:14px/22px Arial;resize:vertical}
body.pg-msgadd #main #InfoTitle{width:100%;max-width:640px}
body.pg-msgadd #main #uName, body.pg-msgadd #main #uEmail, body.pg-msgadd #main #uTel{display:inline-block;width:340px;max-width:100%;vertical-align:middle}
/* each contact field owns a stacked row (legacy blank10px separators retired) */
body.pg-msgadd #main .info_row{margin:0 0 10px}
body.pg-msgadd #main .info_row:last-child{margin:0}
/* Verification code inline combo */
body.pg-msgadd #main .span_num_verify{display:inline-block;background:#fff3e8;border:1px dashed #fca01b;border-radius:6px;color:#f60;padding:7px 12px;margin-left:10px;letter-spacing:6px;font:700 15px/16px Georgia;vertical-align:middle}
body.pg-msgadd #main #txtIDnumVerify, body.pg-msgadd #main #txtInfoTitle, body.pg-msgadd #main #txtInfoDetail, body.pg-msgadd #main #txtuName, body.pg-msgadd #main #txtuEmail{margin-left:6px}
/* Submit button (style.css .btn_submit pins height:23px -> must reset height) */
body.pg-msgadd #main .exh_main_pl .btn_submit{height:auto;border:0;border-radius:21px;background:#f60;color:#fff;font:700 14px/20px Arial;padding:9px 36px;cursor:pointer;transition:background .15s,transform .15s}
body.pg-msgadd #main .exh_main_pl .btn_submit:hover{background:#e65c00;transform:translateY(-1px)}
/* Q&A cards */
body.pg-msgadd #main .qa_card{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px 18px;margin:0 0 12px;transition:border-color .15s,box-shadow .15s}
body.pg-msgadd #main .qa_card:hover{border-color:#fcd9b0;box-shadow:0 3px 10px rgba(0,0,0,.05)}
body.pg-msgadd #main .qa_card .rev_title{font:13px/20px Arial;color:#666;padding:0 0 6px}
body.pg-msgadd #main .qa_card .rev_title strong{color:#f60}
body.pg-msgadd #main .qa_card .rev_title b{color:#333}
body.pg-msgadd #main .qa_card .rev_title span.gray, body.pg-msgadd #main .qa_card .rev_title span.px10{color:#999;font:400 11.5px/18px Arial}
body.pg-msgadd #main .qa_card .rev_detail{clear:none;padding:0;color:#444;font:13px/22px Arial;word-wrap:break-word}
body.pg-msgadd #main .qa_card .rev_detail img{max-width:100%;height:auto}
body.pg-msgadd #main .rev_reply{margin:12px 0 0;padding:10px 14px;background:#f7f8fa;border:0;border-radius:8px;font:13px/21px Arial;color:#555;word-wrap:break-word}
body.pg-msgadd #main .rev_reply b.blue{color:#f60}
body.pg-msgadd #main .rev_reply .blank5px, body.pg-msgadd #main .rev_reply .clear{display:none}
@media (max-width:900px){
/* this page loads no response.css, so the legacy 1200px #main must be released here or phones scroll sideways */
body.pg-msgadd #main{width:auto;margin:0 12px;min-height:0;gap:0 12px}
body.pg-msgadd #main .main_left{display:block;order:2;flex:1 1 100%;width:auto}
body.pg-msgadd #main .main_scene{order:1;flex:1 1 100%}
body.pg-msgadd #main .exh_main_pl{padding:16px 14px}
body.pg-msgadd #main .exh_main_pl dl.w700px{grid-template-columns:minmax(0,1fr);gap:0}
body.pg-msgadd #main .exh_main_pl dl.w700px dt{padding:7px 0 3px}
body.pg-msgadd #main .exh_main_pl dl.w700px dd{padding:0 0 6px}
body.pg-msgadd #main #InfoTitle{width:100%}
/* keep the required-star beside the full-width input instead of wrapping to its own line */
body.pg-msgadd #main .info_row{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
body.pg-msgadd #main .info_row #uName, body.pg-msgadd #main .info_row #uEmail, body.pg-msgadd #main .info_row #uTel{flex:1 1 120px;width:auto;min-width:0}
body.pg-msgadd #main .exh_main_pl textarea.input_normal, body.pg-msgadd #main .exh_main_pl textarea.input_focus, body.pg-msgadd #main .exh_main_pl textarea.input_error{max-width:100%}
body.pg-msgadd #main .exh_main_pl .btn_submit{width:100%}
body.pg-msgadd #main .pro_list{flex-wrap:wrap;gap:12px}
body.pg-msgadd #main .pro_list div.photo{flex:0 0 118px;width:118px;height:118px}
body.pg-msgadd #main .pro_list div.photo a, body.pg-msgadd #main .pro_list div.photo a:hover{width:110px;height:110px;line-height:104px}
body.pg-msgadd #main .pro_list div.photo img{max-width:110px;max-height:110px}
body.pg-msgadd #main .pro_list div.order_fun_suit{flex:1 1 180px;width:auto}
body.pg-msgadd #main .pro_list div.brief_fs_suit{flex:1 1 100%}
}
@media (max-width:480px){
body.pg-msgadd #main .pro_list div.photo{flex:0 0 96px;width:96px;height:96px}
body.pg-msgadd #main .pro_list div.photo a, body.pg-msgadd #main .pro_list div.photo a:hover{width:88px;height:88px;line-height:82px}
body.pg-msgadd #main .pro_list div.photo img{max-width:88px;max-height:88px}
}

/* ===== service/detail.asp (scope body.pg-svcdet) ===== */
/* ===== Technical service detail modernization (design language synced with site-wide revamp) ===== */
/* Breadcrumb */
body.pg-svcdet #main .breadcrumb{height:auto;padding:14px 0 12px;margin:0;line-height:18px;font:12px/18px Arial;color:#999;background:none}
body.pg-svcdet #main .breadcrumb a, body.pg-svcdet #main .breadcrumb a:link, body.pg-svcdet #main .breadcrumb a:visited{color:#666;padding:3px 7px;border-radius:6px;transition:background .15s,color .15s}
body.pg-svcdet #main .breadcrumb a:hover{color:#f60;background:#fff3e8;text-decoration:none}
/* Flex shell: recommend strip on top, scene left + rail right (retire legacy float 1000/190 + hard shadow) */
body.pg-svcdet #main .main_home{display:flex;flex-wrap:wrap;gap:0 18px;align-items:flex-start}
body.pg-svcdet #main .main_home > .breadcrumb, body.pg-svcdet #main .main_home > .blank10px, body.pg-svcdet #main .main_home > .main_bottom, body.pg-svcdet #main .main_home > .similar-items{flex:1 1 100%}
body.pg-svcdet #main .main_scene_l{float:none;order:1;flex:1 1 0%;width:auto;min-width:0;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff}
body.pg-svcdet #main .exh_top, body.pg-svcdet #main .exh_bottom{display:none}
body.pg-svcdet #main .exh_main{padding:24px 28px;min-height:0}
body.pg-svcdet #main .main_right{float:none;order:2;flex:0 0 208px;width:208px}
/* Legacy social-bookmark strip retired */
body.pg-svcdet #main .col_960t_brown, body.pg-svcdet #main .col_960m_brown, body.pg-svcdet #main .col_960b_brown{display:none}
/* Right rail cards */
body.pg-svcdet #main .col_t_x{background:none;width:auto;box-sizing:border-box;padding:12px 14px;border:1px solid #eee;border-radius:10px;margin:0 0 14px;overflow:hidden}
body.pg-svcdet #main .col_d_b{display:none}
body.pg-svcdet #main .col_t_x h3, body.pg-svcdet #main .col_t_cate > strong{display:flex;align-items:center;background:none;font:700 14px/20px Arial;color:#222;margin:0 0 8px;padding:0;clear:none}
body.pg-svcdet #main .col_t_x h3::before, body.pg-svcdet #main .col_t_cate > strong::before{content:"";flex:0 0 4px;width:4px;height:16px;margin-right:8px;border-radius:2px;background:#f60}
body.pg-svcdet #main .col_t_x h3 strong{font:inherit;color:inherit}
body.pg-svcdet #main .col_t_sch b.px11{display:block;color:#888;font:12px/18px Arial;margin:0 0 8px}
body.pg-svcdet #main .col_t_sch form{display:flex;gap:8px;align-items:center}
body.pg-svcdet #main .col_t_sch input.input_normal_12px{flex:1 1 auto;min-width:0;width:auto;height:34px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 10px;font:13px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-svcdet #main .col_t_sch input.input_normal_12px:focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
body.pg-svcdet #main .col_t_sch input.btn_go{flex:0 0 auto}
body.pg-svcdet #main .col_t_cate .bc_m h2{border-top:1px solid #f0f0f0;font:600 12.5px/18px Arial}
body.pg-svcdet #main .col_t_cate .bc_m h2.fir{border-top:0}
body.pg-svcdet #main .col_t_cate .bc_m h2 a{background:none;padding:7px 8px;border-radius:6px;color:#444;font:600 12.5px/18px Arial;transition:background .15s,color .15s}
body.pg-svcdet #main .col_t_cate .bc_m h2 a:hover{background:#fff3e8;color:#f60;text-decoration:none}
body.pg-svcdet #main .col_t_cate .bc_m h2.cur a{background:#fff3e8;color:#f60}
/* Headings */
body.pg-svcdet #main .exh_main h1{font:700 20px/28px Arial;color:#222;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #f0f0f0}
body.pg-svcdet #main .exh_main h2{display:flex;align-items:center;border-bottom:0;color:#222;font:700 17px/24px Arial;margin:26px 0 14px;padding:0;clear:both}
body.pg-svcdet #main .exh_main h2::before{content:"";flex:0 0 4px;width:4px;height:18px;margin-right:9px;border-radius:2px;background:#f60}
body.pg-svcdet #main .exh_main .blank10px, body.pg-svcdet #main .exh_main .blank5px{display:none}
/* Cards (matched product / download attachments) */
body.pg-svcdet #main .exh_main fieldset, body.pg-svcdet #main .exh_main fieldset.third{border:1px solid #eee;border-radius:10px;background:#fcfcfc;padding:16px 18px 18px;margin:0 0 22px}
body.pg-svcdet #main .exh_main fieldset legend, body.pg-svcdet #main .exh_main fieldset.third legend{font:700 12px/18px Arial;letter-spacing:.7px;text-transform:uppercase;color:#f60;padding:0 8px;margin:0 0 0 4px;background:none}
body.pg-svcdet #main .smp_zone{width:auto;margin:0;padding:0}
body.pg-svcdet #main .smp_row{display:flex;gap:18px;align-items:flex-start}
body.pg-svcdet #main .smp_photo{float:none;flex:0 0 150px;width:150px}
body.pg-svcdet #main .smp_photo .img120px{width:150px;height:150px}
body.pg-svcdet #main .smp_photo .img120px a, body.pg-svcdet #main .smp_photo .img120px a:hover{display:flex;align-items:center;justify-content:center;width:142px;height:142px;line-height:normal;padding:3px;box-sizing:content-box;border:1px solid #eee;border-radius:8px;background:#fff;transition:border-color .15s}
body.pg-svcdet #main .smp_photo .img120px a:hover{border-color:#fca01b}
body.pg-svcdet #main .smp_photo .img120px img{max-width:142px;max-height:142px;vertical-align:middle}
body.pg-svcdet #main .smp_brief{float:none;flex:1 1 auto;width:auto;min-width:0;padding:0}
body.pg-svcdet #main .smp_brief h2{display:block;margin:0 0 8px;padding:0;font:700 15px/22px Arial}
body.pg-svcdet #main .smp_brief h2::before{display:none}
body.pg-svcdet #main .smp_brief img{vertical-align:middle;max-width:100%;height:auto}
body.pg-svcdet #main .smp_brief > span.px11{display:block;margin:10px 0 0;color:#888;font:12px/20px Arial}
/* Photos grid (float row retired -> inline-block tiles) */
body.pg-svcdet #main .pro_ser_det_grid{float:none;display:inline-block;width:160px;box-sizing:border-box;padding:6px;margin:0;vertical-align:top;text-align:center}
body.pg-svcdet #main .pro_ser_det_grid .img150px{width:156px;height:156px}
body.pg-svcdet #main .pro_ser_det_grid .img150px a, body.pg-svcdet #main .pro_ser_det_grid .img150px a:hover{display:flex;align-items:center;justify-content:center;width:148px;height:148px;line-height:normal;padding:2px;box-sizing:content-box;border:1px solid #eee;border-radius:8px;background:#fff;transition:border-color .15s}
body.pg-svcdet #main .pro_ser_det_grid .img150px a:hover{border-color:#fca01b}
body.pg-svcdet #main .pro_ser_det_grid .img150px img{max-width:148px;max-height:148px}
body.pg-svcdet #main .dashed_line{display:none}
/* Summary + body copy */
body.pg-svcdet #main .exh_m_bri{width:auto;box-sizing:border-box;background:#fff8f0;border:1px solid #ffe0bd;border-radius:8px;padding:10px 14px;margin:0 0 16px;font:13px/22px Arial;color:#555}
body.pg-svcdet #main .exh_m_cont{padding:0;color:#444;font:14px/1.9em Arial}
body.pg-svcdet #main .exh_m_cont img{max-width:100%;height:auto;border-radius:6px;margin:6px 0}
/* Review write form + ajax review cards */
body.pg-svcdet #main .exh_main dl{margin:0;padding:0}
body.pg-svcdet #main .exh_main dl.px700{display:grid;grid-template-columns:150px 1fr;gap:0 16px;align-items:start}
body.pg-svcdet #main .exh_main dl dt{float:none;clear:none;width:auto;text-align:left;padding:17px 0 8px;font:600 13px/20px Arial;color:#444}
body.pg-svcdet #main .exh_main dl dd{float:none;width:auto;padding:8px 0;margin:0}
body.pg-svcdet #main .exh_main .input_normal, body.pg-svcdet #main .exh_main .input_focus, body.pg-svcdet #main .exh_main .input_error{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 12px;font:14px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
body.pg-svcdet #main .exh_main .input_focus{background:#fff;border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-svcdet #main .exh_main .input_error{background:#fff6f5;border-color:#c00}
body.pg-svcdet #main .exh_main select.select{height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 8px;font:14px Arial;color:#333;outline:none;min-width:150px;transition:border-color .15s,box-shadow .15s}
body.pg-svcdet #main .exh_main select.select:focus{border-color:#f60;box-shadow:0 0 0 3px rgba(255,102,0,.14)}
body.pg-svcdet #main .exh_main textarea.input_normal, body.pg-svcdet #main .exh_main textarea.input_focus, body.pg-svcdet #main .exh_main textarea.input_error{height:auto;min-height:140px;width:100%;max-width:640px;box-sizing:border-box;padding:8px 12px;font:14px/22px Arial;resize:vertical}
body.pg-svcdet #main .exh_main .span_num_verify{display:inline-block;background:#fff3e8;border:1px dashed #fca01b;border-radius:6px;color:#f60;padding:7px 12px;margin-left:10px;letter-spacing:6px;font:700 15px/16px Georgia;vertical-align:middle}
body.pg-svcdet #main .exh_main .btn_submit{height:auto;border:0;border-radius:21px;background:#f60;color:#fff;font:700 14px/20px Arial;padding:9px 36px;cursor:pointer;transition:background .15s,transform .15s}
body.pg-svcdet #main .exh_main .btn_submit:hover{background:#e65c00;transform:translateY(-1px)}
body.pg-svcdet #main .qa_card{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px 18px;margin:0 0 12px;transition:border-color .15s,box-shadow .15s}
body.pg-svcdet #main .qa_card:hover{border-color:#fcd9b0;box-shadow:0 3px 10px rgba(0,0,0,.05)}
body.pg-svcdet #main .qa_card .rev_title{font:13px/20px Arial;color:#666;padding:0 0 6px}
body.pg-svcdet #main .qa_card .rev_title strong{color:#f60}
body.pg-svcdet #main .qa_card .rev_title b{color:#333}
body.pg-svcdet #main .qa_card .rev_title span.gray, body.pg-svcdet #main .qa_card .rev_title span.px10{color:#999;font:400 11.5px/18px Arial}
body.pg-svcdet #main .qa_card .rev_detail{clear:none;padding:0;color:#444;font:13px/22px Arial;word-wrap:break-word}
body.pg-svcdet #main .qa_card .rev_detail img{max-width:100%;height:auto}
body.pg-svcdet #main .rev_reply{margin:12px 0 0;padding:10px 14px;background:#f7f8fa;border:0;border-radius:8px;font:13px/21px Arial;color:#555;word-wrap:break-word}
body.pg-svcdet #main .rev_reply b.blue{color:#f60}
body.pg-svcdet #main .rev_reply .blank5px, body.pg-svcdet #main .rev_reply .clear{display:none}
/* Prev/next + go top */
body.pg-svcdet #main .page_prev_next{display:flex;gap:12px;flex-wrap:wrap;padding:18px 0 0;margin:18px 0 0;border-top:1px solid #f0f0f0;font:12.5px/20px Arial}
body.pg-svcdet #main .page_prev_next .prev, body.pg-svcdet #main .page_prev_next .next{flex:1 1 260px;min-width:0;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:8px 12px;color:#888}
body.pg-svcdet #main .page_prev_next a, body.pg-svcdet #main .page_prev_next a:link, body.pg-svcdet #main .page_prev_next a:visited{color:#444}
body.pg-svcdet #main .page_prev_next a:hover{color:#f60;text-decoration:none}
body.pg-svcdet #main .goto_top{float:none;width:auto;height:auto;background:none;margin:0;padding:6px 0 0;clear:both;text-align:right}
body.pg-svcdet #main .goto_top a, body.pg-svcdet #main .goto_top a:link, body.pg-svcdet #main .goto_top a:visited{display:inline-block;background:#fafafa;border:1px solid #eee;border-radius:14px;padding:4px 14px;color:#888;font:12px/18px Arial;transition:color .15s,border-color .15s,background .15s}
body.pg-svcdet #main .goto_top a:hover{color:#f60;border-color:#fca01b;background:#fff3e8;text-decoration:none}
@media (max-width:900px){
/* this page loads no response.css, so the legacy 1200px #main must be released here or phones scroll sideways */
body.pg-svcdet #main{width:auto;margin:0 12px;min-height:0}
body.pg-svcdet #main .main_home{gap:0 12px}
body.pg-svcdet #main .main_scene_l{order:1;flex:1 1 100%}
body.pg-svcdet #main .main_right{order:2;flex:1 1 100%;width:auto}
body.pg-svcdet #main .exh_main{padding:16px 14px}
body.pg-svcdet #main .exh_main dl.px700{grid-template-columns:minmax(0,1fr);gap:0}
body.pg-svcdet #main .exh_main dl.px700 dt{padding:7px 0 3px}
body.pg-svcdet #main .exh_main dl.px700 dd{padding:0 0 6px}
body.pg-svcdet #main .exh_main textarea.input_normal, body.pg-svcdet #main .exh_main textarea.input_focus, body.pg-svcdet #main .exh_main textarea.input_error{max-width:100%}
body.pg-svcdet #main .exh_main .btn_submit{width:100%}
body.pg-svcdet #main .exh_main fieldset, body.pg-svcdet #main .exh_main fieldset.third{padding:14px 14px 16px}
body.pg-svcdet #main .smp_row{flex-wrap:wrap;gap:12px}
body.pg-svcdet #main .smp_photo{flex:0 0 108px;width:108px}
body.pg-svcdet #main .smp_photo .img120px{width:108px;height:108px}
body.pg-svcdet #main .smp_photo .img120px a, body.pg-svcdet #main .smp_photo .img120px a:hover{width:100px;height:100px}
body.pg-svcdet #main .smp_photo .img120px img{max-width:100px;max-height:100px}
body.pg-svcdet #main .smp_brief{flex:1 1 150px}
/* two photo tiles per row on phones (calc leaves room for the inline-block whitespace) */
body.pg-svcdet #main .pro_ser_det_grid{width:calc(50% - 4px)}
body.pg-svcdet #main .pro_ser_det_grid .img150px{width:auto;height:auto}
body.pg-svcdet #main .pro_ser_det_grid .img150px a, body.pg-svcdet #main .pro_ser_det_grid .img150px a:hover{width:auto;height:auto}
body.pg-svcdet #main .pro_ser_det_grid .img150px img{max-width:140px;max-height:140px}
body.pg-svcdet #main .page_prev_next .prev, body.pg-svcdet #main .page_prev_next .next{flex:1 1 100%}
}

/* ===== service/index.asp (scope body.pg-svclist) ===== */
/* ===== Technical service list modernization (design language synced with site-wide revamp) ===== */
/* Breadcrumb */
body.pg-svclist #main .breadcrumb{height:auto;padding:14px 0 12px;margin:0;line-height:18px;font:12px/18px Arial;color:#999;background:none}
body.pg-svclist #main .breadcrumb a, body.pg-svclist #main .breadcrumb a:link, body.pg-svclist #main .breadcrumb a:visited{color:#666;padding:3px 7px;border-radius:6px;transition:background .15s,color .15s}
body.pg-svclist #main .breadcrumb a:hover{color:#f60;background:#fff3e8;text-decoration:none}
/* Flex shell: left rail + scene card (retire legacy float 190/1000 + hard shadow) */
body.pg-svclist #main .main_home{display:flex;flex-wrap:wrap;gap:0 18px;align-items:flex-start}
body.pg-svclist #main .main_home > .breadcrumb, body.pg-svclist #main .main_home > .blank10px, body.pg-svclist #main .main_home > .main_bottom{flex:1 1 100%}
body.pg-svclist #main .main_left{float:none;order:1;flex:0 0 208px;width:208px}
body.pg-svclist #main .main_scene{float:none;order:2;flex:1 1 0%;width:auto;min-width:0;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff}
body.pg-svclist #main .exh_top, body.pg-svclist #main .exh_bottom{display:none}
body.pg-svclist #main .exh_main{padding:24px 28px;min-height:0}
/* Left rail cards */
body.pg-svclist #main .col_t_x{background:none;width:auto;box-sizing:border-box;padding:12px 14px;border:1px solid #eee;border-radius:10px;margin:0 0 14px;overflow:hidden}
body.pg-svclist #main .col_d_b{display:none}
body.pg-svclist #main .col_t_x h3, body.pg-svclist #main .col_t_cate > strong{display:flex;align-items:center;background:none;font:700 14px/20px Arial;color:#222;margin:0 0 8px;padding:0;clear:none}
body.pg-svclist #main .col_t_x h3::before, body.pg-svclist #main .col_t_cate > strong::before{content:"";flex:0 0 4px;width:4px;height:16px;margin-right:8px;border-radius:2px;background:#f60}
body.pg-svclist #main .col_t_x h3 strong{font:inherit;color:inherit}
body.pg-svclist #main .col_t_sch b.px11{display:block;color:#888;font:12px/18px Arial;margin:0 0 8px}
body.pg-svclist #main .col_t_sch form{display:flex;gap:8px;align-items:center}
body.pg-svclist #main .col_t_sch input.input_normal_12px{flex:1 1 auto;min-width:0;width:auto;height:34px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 10px;font:13px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-svclist #main .col_t_sch input.input_normal_12px:focus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
body.pg-svclist #main .col_t_sch input.btn_go{flex:0 0 auto}
body.pg-svclist #main .col_t_cate .bc_m h2{border-top:1px solid #f0f0f0;font:600 12.5px/18px Arial}
body.pg-svclist #main .col_t_cate .bc_m h2.fir{border-top:0}
body.pg-svclist #main .col_t_cate .bc_m h2 a{background:none;padding:7px 8px;border-radius:6px;color:#444;font:600 12.5px/18px Arial;transition:background .15s,color .15s}
body.pg-svclist #main .col_t_cate .bc_m h2 a:hover{background:#fff3e8;color:#f60;text-decoration:none}
body.pg-svclist #main .col_t_cate .bc_m h2.cur a{background:#fff3e8;color:#f60}
/* Newsletter card */
body.pg-svclist #main .col_t_newsletter b.gray{color:#222}
body.pg-svclist #main .col_t_newsletter .blank5px, body.pg-svclist #main .col_t_newsletter .blank8px{display:none}
body.pg-svclist #main .col_t_newsletter .align_center form{display:flex;flex-direction:column;gap:8px;align-items:stretch}
body.pg-svclist #main .col_t_newsletter input.input_initial, body.pg-svclist #main .col_t_newsletter input.input_onfocus{width:auto;height:34px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 10px;font:13px Arial;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}
body.pg-svclist #main .col_t_newsletter input.input_onfocus{border-color:#f60;box-shadow:0 0 0 2px rgba(255,102,0,.14)}
body.pg-svclist #main .col_t_newsletter input.btn{height:auto;border:0;border-radius:17px;background:#f60;color:#fff;font:700 13px/18px Arial;padding:8px 18px;cursor:pointer;transition:background .15s}
body.pg-svclist #main .col_t_newsletter input.btn:hover{background:#e65c00}
/* Heading + list tiles (200x200 imagery) */
body.pg-svclist #main .exh_main h1{font:700 20px/28px Arial;color:#222;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #f0f0f0}
body.pg-svclist #main .exh_main .blank15px, body.pg-svclist #main .exh_main .dashed_line{display:none}
body.pg-svclist #main .pro_ser_grid{float:none;display:inline-block;width:200px;box-sizing:border-box;padding:8px;margin:0;vertical-align:top;text-align:center}
body.pg-svclist #main .pro_ser_grid .img100px{width:200px;height:200px;position:relative}
body.pg-svclist #main .pro_ser_grid div.special{position:absolute;top:2px;right:2px;width:auto;margin:0;text-align:right;z-index:2}
body.pg-svclist #main .pro_ser_grid .img100px a, body.pg-svclist #main .pro_ser_grid .img100px a:hover{display:flex;align-items:center;justify-content:center;width:192px;height:192px;line-height:normal;padding:3px;box-sizing:content-box;border:1px solid #eee;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
body.pg-svclist #main .pro_ser_grid .img100px a:hover{border-color:#fca01b;box-shadow:0 3px 10px rgba(0,0,0,.06)}
body.pg-svclist #main .pro_ser_grid .img100px img{max-width:192px;max-height:192px}
body.pg-svclist #main .pro_ser_grid h2{border-style:none;margin:8px 0 0;padding:0;font:600 12.5px/18px Arial;word-wrap:break-word}
body.pg-svclist #main .pro_ser_grid h2 a, body.pg-svclist #main .pro_ser_grid h2 a:link, body.pg-svclist #main .pro_ser_grid h2 a:visited{color:#444}
body.pg-svclist #main .pro_ser_grid h2 a:hover{color:#f60;text-decoration:none}
/* Paging */
body.pg-svclist #main .page_nav{margin:18px 0 0;padding:14px 0 0;border-top:1px solid #f0f0f0;font:13px/20px Arial;color:#888}
body.pg-svclist #main .page_nav .fr{float:none}
body.pg-svclist #main .page_nav a, body.pg-svclist #main .page_nav a:link, body.pg-svclist #main .page_nav a:visited{display:inline-block;margin:0 3px;padding:4px 10px;border:1px solid #eee;border-radius:6px;background:#fff;color:#666}
body.pg-svclist #main .page_nav a:hover{border-color:#fca01b;color:#f60;text-decoration:none}
body.pg-svclist #main .page_nav span{display:inline-block;margin:0 3px;padding:4px 10px;border-radius:6px;background:#f60;color:#fff;font-weight:700}
body.pg-svclist #main .page_nav input{width:52px;height:30px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;padding:0 6px;font:13px Arial;outline:none}
body.pg-svclist #main .page_nav input:focus{border-color:#f60}
@media (max-width:900px){
/* this page loads no response.css, so the legacy 1200px #main must be released here or phones scroll sideways */
body.pg-svclist #main{width:auto;margin:0 12px;min-height:0}
body.pg-svclist #main .main_home{gap:0 12px}
body.pg-svclist #main .main_left{order:2;flex:1 1 100%;width:auto}
body.pg-svclist #main .main_scene{order:1;flex:1 1 100%}
body.pg-svclist #main .exh_main{padding:16px 14px}
/* two tiles per row on phones (calc leaves room for the inline-block whitespace) */
body.pg-svclist #main .pro_ser_grid{width:calc(50% - 4px)}
body.pg-svclist #main .pro_ser_grid .img100px{width:auto;height:auto}
body.pg-svclist #main .pro_ser_grid .img100px a, body.pg-svclist #main .pro_ser_grid .img100px a:hover{width:auto;height:auto}
body.pg-svclist #main .pro_ser_grid .img100px img{max-width:100%;max-height:160px}
}