/* ==========================================================================
   v3/page/popup.css — Login / Register / Forget / Quote / Evaluation Popup
   從 layout.css 拆出，全頁面載入（Popup 可在任何頁面觸發）
   ========================================================================== */
.Popup-box.Popup-login .pop_login_bottom { max-height: 70vh; overflow-y: auto; overflow-x: hidden; }
.Popup-box.Popup-login #section_forget { display: none; /* padding: 0 70px; */ }
.Popup-box.Popup-login[data-switchtype="forget"] .switch_outerbox { transform: translate(0, 0) !important; width: 100% !important; }
.Popup-box.Popup-login[data-switchtype="forget"] #section_login,
.Popup-box.Popup-login[data-switchtype="forget"] #section_regist { display: none !important; }
.Popup-box.Popup-login[data-switchtype="forget"] #section_forget { display: block; opacity: 1; flex: 1; }
.Popup-box.Popup-login[data-switchtype="forget"] #pop_btn_forget { color: var(--color-primary); border-bottom: 1px solid var(--color-primary); }
.Popup-login #btnLogin { /* background-color: var(--color-primary); */ }
.Popup-login #btnLogin:hover { background-color: var(--color-primary-dark); }
/* --- 3.0 Popup Rules --- */
body.popup-open header,body.popup-open main,body.popup-open footer { overflow:hidden }
/* v3: popup 改為 fixed 跟隨視窗，取代 2.0 的 absolute + JS 算 scrollTop
   避免 scroll 中段開啟 popup 時位置錯位。
   top 由 _popup.js 動態設為固定 header 的高度（inline style），此處僅保證 position */
.Popup-box.Popup-positionStyle1,
.Popup-box.Popup-positionStyle2 { position:fixed !important }
.Popup-box.active { display:block; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-category { margin-top:4px }
.Popup-box.Popup-category .pop_cateflex { max-height:calc(100vh - 280px); overflow:auto }
.Popup-box.Popup-category .pop_cateflex::-webkit-scrollbar { width:6px }
.Popup-box.Popup-category .pop_cateflex::-webkit-scrollbar-track { background-color:#f0f0f0 }
.Popup-box.Popup-category .pop_cateflex::-webkit-scrollbar-thumb { background-color:#d1aa6d }
.Popup-box.Popup-category .pop-container { padding:46px }
.Popup-box.Popup-categoryAll { margin-top:4px }
.Popup-box.Popup-categoryAll .pop-container { padding:48px 0 }
.Popup-box.Popup-categoryAll .pop_top_section { padding:0 48px }
.Popup-box.Popup-categoryAll .pop_cateflex { overflow:auto; max-height:calc(100vh - 350px); height:auto; padding:0 38px; margin:0 0px -20px 0px }
.Popup-box.Popup-categoryAll .pop_cateflex::-webkit-scrollbar { width:6px }
.Popup-box.Popup-categoryAll .pop_cateflex::-webkit-scrollbar-track { background-color:#f0f0f0 }
.Popup-box.Popup-categoryAll .pop_cateflex::-webkit-scrollbar-thumb { background-color:#d1aa6d }
.Popup-box.Popup-categoryAll .pop_cateflex>div { flex:0 0 20% }
.Popup-box.Popup-categoryAll .pop_cateflex .pop_cate_linkimg { padding-bottom:63.63636363636363% }
.Popup-box.Popup-categoryAll .Popup-close { display:none }
.Popup-box.Popup-quote_service { box-shadow:0 5px 25px -1px #7b7b7b; bottom:100px; top:auto !important; right:auto; left:50%; position:fixed; -ms-flex-wrap:wrap; flex-wrap:wrap; background-color:#ffffff; max-width:270px; padding:0 30px 0px 30px }
.Popup-box.Popup-quote_service.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox { width:100%; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox>div { width:50%; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_imgbox a { width:90px; position:relative }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_service { position:relative }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_service .side__link_imgbox { position:relative; bottom:7px }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_textbox { color:#3D9738; font-size:14px }
.Popup-box.Popup-cartempty { bottom:auto !important; left:50%; font-size:16px; color:#FF6715; min-height:0; transform:translate(-50%, -150px); position:fixed; z-index:51; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-cartempty.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-cartempty .pop-container { -ms-flex-wrap:wrap; flex-wrap:wrap; background-color:#ffffff; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; padding:32px; width:auto; position:absolute; right:0; box-shadow:0 0px 7px 1px #c7c7c7 }
/* .Popup-cart — screen.prefixer.css 的規則被 @keyframes 解析異常吞掉，
   這裡補回 desktop 基底值。RWD 值（1024px/769px）留給 rwd.css */
.Popup-box.Popup-cart {
 bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:fixed !important; z-index:51; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-cart.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-cart .pop_cartlist_outer { max-height:calc(100vh - 350px); height:auto; margin-bottom:28px; overflow:auto }
.Popup-box.Popup-cart .pop_cartlist_outer::-webkit-scrollbar { width:6px }
.Popup-box.Popup-cart .pop_cartlist_outer::-webkit-scrollbar-track { background-color:#f0f0f0 }
.Popup-box.Popup-cart .pop_cartlist_outer::-webkit-scrollbar-thumb { background-color:#d1aa6d }
.Popup-box.Popup-cart .pop-container { background-color:#ffffff; padding:56px 70px; position:absolute; right:0; box-shadow:0 0px 20px 0px #adadad; width:1100px; max-width:calc(100vw - 20px) }
.Popup-box.Popup-cart .btn__style7 { width:180px; margin:0 auto }
.Popup-box.Popup-cart .Popup-close { z-index:2; right:24px; top:24px }
.Popup-box.Popup-like { bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:fixed !important; z-index:54; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-like.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-like .pop_likelist_outer { height:auto; margin-bottom:28px }
.Popup-box.Popup-like .pop-container { background-color:#ffffff; padding:50px 50px 50px 50px; position:absolute; right:0; width:1224px; left:50%; transform:translate(-50%, 0px); }
.Popup-box.Popup-like .Popup-close { z-index:2; right:25px; top:30px; width:12px; height:12px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid { display:flex; -ms-flex-direction:column; flex-direction:column; padding:16px 0; border-bottom:1px solid #dfdfdf; }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid>.title { font-size:24px; color:#333333; margin-bottom:20px; text-align:center; width:100%; }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter { width:100% }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox>.text { display:none; background-color:#ffffff; border:1px solid #3D9738; border-radius:5px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options { display:block; position:relative; left:auto; top:auto; box-shadow:none; transform:none; opacity:1; padding:0px; }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -4px; }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label { border:1px solid #3D9738; padding:0px; height:35px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex { display:flex; -ms-flex-align:center; align-items:center; height:100%; margin-top:0px; position:relative; z-index:1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex i { margin-right:6px; font-size:18px; color:#3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex span { margin-top:0px; padding-top:2px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div { padding:0 4px; margin-bottom:8px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole { width:90px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label { border:1px solid #D1AA6D; color:#D1AA6D; font-size:18px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label input[type=radio]:checked ~ .border { opacity:1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label input[type=radio]:checked ~ .flex { color:#ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label .flex { -ms-flex-pack:center; justify-content:center; font-size:18px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole .number { display:none }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole .border { background-color:#D1AA6D }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) { flex:1 0 180px; -ms-flex:none; }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) label { color:#3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) label input[type=radio]:checked ~ .border { opacity:1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) label input[type=radio]:checked ~ .flex { color:#ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) label input[type=radio]:checked ~ .flex i.fas { color:#ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) label .flex { padding-left:12px; padding-right:12px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) .border { background-color:#3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox .border { transform:none; border:0px; z-index:0; margin:-1px }
.Popup-box.Popup-like .pop_likelist_body { max-height:calc(100vh - 440px); overflow-y:auto; overflow-x:hidden }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid { display:grid; grid-template-columns:max-content 1fr; -ms-grid-columns:max-content 1fr; padding:16px 0; border-bottom:1px solid #dfdfdf }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top { grid-column:1/3; grid-row:1/2; -ms-grid-row:1; -ms-grid-row-span:1; -ms-grid-column-span:2; -ms-grid-column:1; display:grid; grid-template-columns:max-content max-content 1fr max-content; -ms-flex-align:center; align-items:center; padding-bottom:10px; -ms-grid-columns:max-content 1fr max-content; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user { padding-right:15px; grid-column:1/2; grid-row:1/2; -ms-grid-row:1; -ms-grid-row-span:0; -ms-grid-column-span:0; -ms-grid-column:1 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container { position:relative; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; font-size:18px; color:#D1AA6D; -ms-flex-align:center; align-items:center; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container .icon { background-color:#D1AA6D; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; width:25px; height:25px; margin-right:5px; border-radius:50% }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container .icon i { color:#ffffff; font-size:13px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .prd_name { font-size:18px; color:#333333; padding-right:10px; grid-column:2/3; grid-row:1/2; -ms-grid-row:1; -ms-grid-row-span:0; -ms-grid-column-span:0; -ms-grid-column:2 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material { -ms-flex-item-align:end; align-self:end; -ms-grid-row-align:end; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-bottom:2px; grid-column:1/4; grid-row:2/3; -ms-grid-row:2; -ms-grid-row-span:0; -ms-grid-column-span:3; -ms-grid-column:1; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container { display:flex; -ms-flex-align:center; align-items:center; padding-right:10px; padding-top:10px; padding-bottom:10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container .title { font-size:14px; color:#858585; padding-right:4px; -ms-flex:0 0 auto; flex:0 0 auto }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container .value { font-size:15px; color:#333333 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .date { justify-self:end; -ms-grid-column-align:end; color:#858585; font-size:15px; grid-column:3/4; grid-row:1/2; -ms-grid-row:1; -ms-grid-row-span:0; -ms-grid-column-span:0; -ms-grid-column:3 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img { grid-column:1/2; grid-row:2/3; -ms-grid-row:2; -ms-grid-row-span:1; -ms-grid-column:1 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img .img_container { width:180px; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail { grid-column:2/3; grid-row:2/3; -ms-grid-row:2; -ms-grid-row-span:1; -ms-grid-column:2; padding-left:16px; min-height:152px; display:flex; -ms-flex-direction:column; flex-direction:column; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars { margin-bottom:12px; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container { display:flex }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container i { font-size:18px; margin-right:6px; color:#3D9738; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment { padding-bottom:10px; -ms-flex:1; flex:1; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment .comment_container { font-size:20px; font-weight:500; color:#333333; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container { display:flex; position:relative; -ms-flex-align:start; align-items:flex-start; font-size:16px; color:#575757; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container:before { content:""; display:block; background:url(../../../images/icon/like.png) no-repeat center center; background-size:37px; min-width:37px; width:37px; height:38px; margin-right:10px; }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container span { padding-top:12px; }
.Popup-box.Popup-inquiry { bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:fixed !important; z-index:54; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-inquiry .btn__style7 { width:180px; margin:0 auto; padding:9px 0 }
.Popup-box.Popup-inquiry.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-inquiry .pop_inquiry_outer { height:auto; margin-bottom:28px }
.Popup-box.Popup-inquiry .pop-container { background-color:#ffffff; padding:50px 50px 50px 50px; position:absolute; right:0; width:982px; left:50%; transform:translate(-50%, 0px); max-width:calc(100% - 20px) }
.Popup-box.Popup-inquiry .Popup-close { z-index:2; right:25px; top:30px; width:12px; height:12px }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid { display:flex; -ms-flex-direction:column; flex-direction:column; padding:16px 0 0 0; }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title { font-size:24px; color:#333333; margin-bottom:20px; text-align:center; width:100%; }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title .green { color:#3D9738 }
.Popup-box.Popup-inquiry .mention_q { width:16px; min-width:16px; height:16px; min-height:16px; font-size:12px }
.Popup-box.Popup-newaddress { bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:fixed !important; z-index:54; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-newaddress .btn__style7 { width:180px; margin:0 auto; padding:9px 0 }
.Popup-box.Popup-newaddress.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-newaddress .pop_inquiry_outer { height:auto; margin-bottom:28px }
.Popup-box.Popup-newaddress .pop-container { background-color:#ffffff; padding:50px 50px 50px 50px; position:absolute; right:0; width:982px; left:50%; transform:translate(-50%, 0px); max-width:calc(100% - 20px) }
.Popup-box.Popup-newaddress .Popup-close { z-index:2; right:25px; top:30px; width:18px; height:18px; background:url(../../../images/icon/x.png) no-repeat center center; background-size:100%; cursor:pointer }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid { display:flex; -ms-flex-direction:column; flex-direction:column; padding:16px 0 0 0; }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title { font-size:24px; color:#333333; margin-bottom:20px; text-align:center; width:100%; }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title .green { color:#3D9738 }
/* 分機欄 77px 扣掉格線與輸入框內距後只剩 30px 可視寬，放不下 5 碼分機 */
@media (min-width:770px){
.Popup-box.Popup-newaddress .iq_grid .phone-grid { grid-template-columns:1fr max-content 110px }
}
.Popup-box.Popup-purchase_record { bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:fixed !important; z-index:54; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-purchase_record.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-purchase_record .pop_inquiry_outer { height:auto; margin-bottom:28px }
.Popup-box.Popup-purchase_record .pop-container { width:900px; max-height:85vh; overflow-y:auto; }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid { display:flex; -ms-flex-direction:column; flex-direction:column; padding:16px 0 0 0; padding-top:0px }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title { font-size:24px; color:#333333; margin-bottom:20px; text-align:center; width:100%; }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title .green { color:#3D9738 }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box { margin-top:24px; }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box:first-child { margin-top:0px }
/* 桌機版改固定欄寬 grid，讓每列欄位對齊（原 flex space-between 隨內容位移，單價等欄跨列跑掉） */
@media (min-width:770px){
	.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex { display:grid; grid-template-columns:1.5fr 0.8fr 0.8fr 1fr 1fr 1.3fr 1.1fr; margin:0; }
}
#reorder_warning_popupbox.Popup-box { bottom:auto; left:50%; top:0; min-height:0; width:500px; max-width:calc(100% - 20px); transform:translate(-50%, -150px); position:fixed; z-index:54; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
#reorder_warning_popupbox.Popup-box.active { display:block; opacity:1; transform:translate(-50%, 0) }
#reorder_warning_popupbox .pop-container { background-color:#ffffff; padding:50px 50px 50px 50px; width:100%; position:relative }
#reorder_warning_popupbox .Popup-close { z-index:2; position:absolute; right:25px; top:30px; width:18px; height:18px; background:url(../../../images/icon/x.png) no-repeat center center; background-size:100%; cursor:pointer }
#reorder_warning_popupbox .pop_inquiry_outer { height:auto; margin-bottom:0 }
#reorder_warning_popupbox .pop_inquiry_header .pop_inquiry_grid>.title { font-size:24px; color:#333333; margin-bottom:20px; text-align:center; width:100%; }
#reorder_warning_popupbox .pop_inquiry_body { font-size:16px; line-height:1.6; color:#333; text-align:center }
/* .Popup-box.Popup-orderdetail { bottom:auto !important; left:auto; width:auto; min-height:0; transform:translate(0%, -150px); position:absolute !important; animation:Popup_show_upper2 .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards } */
.Popup-box.Popup-orderdetail.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-orderdetail .pop_orderdetail_outer { height:auto }
.Popup-box.Popup-orderdetail#receiptdetail_popupbox .pop-container { width:300px }
.Popup-box.Popup-orderdetail#ordertotal_popupbox .pop-container { width:250px }
.Popup-box.Popup-orderdetail#ordercomment_popupbox .pop-container { width:340px }
.Popup-box.Popup-orderdetail#errorreport_popupbox .pop-container { width:340px }
.Popup-box.Popup-orderdetail#prdname_popupbox .pop-container { width:260px }
.Popup-box.Popup-orderdetail#ordercancel_popupbox .pop-container { width:340px }
.Popup-box.Popup-orderdetail#ordercancel_popupbox .btn__style5 { -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; font-size:18px; min-width:110px; width:170px; height:40px }
.Popup-box.Popup-orderdetail#refund_popupbox .pop-container { width:365px }
.Popup-box.Popup-orderdetail#refund_popupbox .btn__style7 { -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; font-size:18px; min-width:110px; width:110px; height:40px }
.Popup-box.Popup-orderdetail .pop-container { background-color:#ffffff; padding:28px 20px 28px 20px; position:relative; box-shadow:0px 10px 20px 0px rgba(140,140,140,0.43137); min-width: 320px; }
.Popup-box.Popup-orderdetail .Popup-close { z-index:2; right:20px; top:20px; width:12px; height:12px }
.Popup-box.Popup-orderdetail .pop_orderdetail_header .pop_orderdetail_grid { display:flex; -ms-flex-direction:column; flex-direction:column }
.Popup-box.Popup-orderdetail .pop_orderdetail_header .pop_orderdetail_grid>.title { font-size:24px; color:#333333; margin-bottom:18px; text-align:left; width:100% }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid { display:grid; grid-template-columns:max-content 1fr; -ms-grid-columns:max-content 1fr; margin:-6px -4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .span_col2 { grid-column:1/3; -ms-grid-column-span:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost { -ms-flex-align:center; align-items:center }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .value { font-size:20px; color:#3D9738; justify-self:end }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .value.total { display:flex; height:100%; -ms-flex-align:end; align-items:flex-end; -ms-flex-pack:end; justify-content:flex-end; width:100% }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .title.total { display:flex; height:100%; -ms-flex-align:end; align-items:flex-end }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .total { color:red; border-top:1px solid #DFDFDF }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .total.value { font-size:24px; font-weight:500 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div { padding:6px 4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div.star_section { -ms-grid-row:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div.file_section { -ms-grid-row:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .title { font-size:16px; color:#858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .title_inner { font-size:16px; color:#858585; padding-bottom:8px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .value { font-size:16px; color:#333333 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid { display:grid; grid-template-columns:max-content 1fr; -ms-grid-columns:max-content 1fr; margin:-5px -4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div { padding:5px 4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.file_section { -ms-grid-column:1; -ms-grid-row:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section { -ms-grid-row:3 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section { -ms-grid-column:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section { -ms-grid-row:4 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section { -ms-grid-column:2; position:relative; z-index:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section { -ms-grid-row:5 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section { -ms-grid-column:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section { -ms-grid-row:6 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section { -ms-grid-column:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select { height:35px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text]:-ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password]:-ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number]:-ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select:-ms-input-placeholder { font-size:16px; color:#858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text]::placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password]::placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number]::placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select::placeholder { font-size:16px; color:#858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select { padding:5px 20px 5px 15px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .span_col2 { grid-column:1/3; -ms-grid-column-span:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title { font-size:16px; color:#858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title.title_pa { padding-top:16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title_inner { font-size:16px; color:#858585; padding-bottom:8px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .value { font-size:16px; color:#333333; position:relative; z-index:2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .select-style>select { font-size:16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .agreecheck { margin-top:16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .agreecheck a { color:#3D9738; padding-bottom:4px; border-bottom:1px solid #3D9738; transform:translate(0px, 3px) }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .centerbtnbox { padding-top:16px }
.Popup-box.Popup-orderdetail .starflex { display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-align:center; align-items:center }
.Popup-box.Popup-orderdetail .starflex[data-level="1"] .number:before { content:"1" }
.Popup-box.Popup-orderdetail .starflex[data-level="1"]>span:nth-child(1) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="1"]>span:nth-child(1) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="2"] .number:before { content:"2" }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span:nth-child(1) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span:nth-child(1) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span:nth-child(2) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span:nth-child(2) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"] .number:before { content:"3" }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(1) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(1) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(2) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(2) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(3) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span:nth-child(3) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"] .number:before { content:"4" }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(1) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(1) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(2) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(2) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(3) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(3) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(4) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span:nth-child(4) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"] .number:before { content:"5" }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(1) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(1) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(2) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(2) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(3) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(3) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(4) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(4) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(5) .fa-star.fas { display:block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span:nth-child(5) .fa-star.far { display:none }
.Popup-box.Popup-orderdetail .starflex>span { position:relative; margin-right:6px }
.Popup-box.Popup-orderdetail .starflex>span.star { cursor:pointer; display:flex }
.Popup-box.Popup-orderdetail .starflex>span .fa-star { left:0; top:0; font-size:18px; color:#3D9738 }
.Popup-box.Popup-orderdetail .starflex>span .fa-star.fas { display:none }
.Popup-box.Popup-orderdetail .starflex>span.starnumber { font-size:12px; color:#3D9738 }
.Popup-box.Popup-orderdetail .centerbtnbox { padding-top:15px }
.Popup-box.Popup-orderdetail .btn__style7 { width:110px; min-width:110px; height:40px; border-radius:8px }
.Popup-box.Popup-orderdetail textarea { min-height:80px }
.Popup-box.Popup-orderdetail .imguploadbox_outer { -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-direction:column; flex-direction:column; -ms-flex-align:start; align-items:flex-start }
.Popup-box.Popup-orderdetail .imguploadbox_outer .mention_rex { padding-left:0; padding-top:5px }
.Popup-box.Popup-login .other_fn_box { display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-align:center; align-items:center; margin:20px 0 18px 0; }
.Popup-box.Popup-login .other_fn_box .pwdforgotbox a { color:#3D9738; font-size:15px }
.Popup-box.Popup-login .socialmediabox { margin-bottom:36px; }
.Popup-box.Popup-login .socialmediabox .socialmediaflex { display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 -6px; }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a { -ms-flex:1; flex:1; margin:0 6px; color:#ffffff; font-size:14px; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; height:46px; position:relative; transition:all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); white-space:nowrap }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a:before { display:block }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb { background-color:#3A589B }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb:before { content:""; background:url(../../../images/icon/sign-fb.png) no-repeat center center; background-size:12px; width:12px; height:21px; margin-right:3px; }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb:hover { background-color:#5976b9 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line { background-color:#5CBF40 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line:before { content:""; background:url(../../../images/icon/sign-line.png) no-repeat center center; background-size:26px; width:26px; height:25px; margin-right:8px; }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line:hover { background-color:#74ca5c }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google { background-color:#EA4335 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google:before { content:""; background:url(../../../images/icon/sign-google.png) no-repeat center center; background-size:28px; width:28px; height:26px; margin-right:3px; }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google:hover { background-color:#ea6c61 }
.Popup-box.Popup-login .mention_to_regist { color:#333333; font-size:16px }
.Popup-box.Popup-login .mention_to_regist>span { color:#868686; font-size:17px }
.Popup-box.Popup-login .seperateline { height:1px; background-color:#CCCCCC; width:100%; margin:24px 0; }
.Popup-box.Popup-login[data-switchtype=member] #section_login { opacity:1 }
.Popup-box.Popup-login[data-switchtype=member] #section_regist { opacity:0 }
.Popup-box.Popup-login[data-switchtype=member] .switch_outerbox { transform:translate(0, 0px) }
.Popup-box.Popup-login[data-switchtype=regist] #section_login { opacity:0 }
.Popup-box.Popup-login[data-switchtype=regist] #section_regist { opacity:1 }
.Popup-box.Popup-login[data-switchtype=regist] #pop_btn_regist { color:#3D9738; border-bottom:1px solid #3D9738 }
.Popup-box.Popup-login[data-switchtype=regist] .switch_outerbox { transform:translate(-50%, 0px) }
.Popup-box.Popup-login #section_login,.Popup-box.Popup-login #section_regist { opacity:0; -ms-flex:1; flex:1; transition:opacity 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79), height 0s 0.3s; }
.Popup-box.Popup-login .switch_outerbox { width:200%; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; transition:transform 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79); transform:translate(0, 0px), height 0s 0s; }
.Popup-box.Popup-firstpurchase { bottom:auto !important; left:50%; min-height:0; transform:translate(-50%, -150px); position:absolute; z-index:51; animation:Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.Popup-box.Popup-firstpurchase.active { display:flex; opacity:1; transform:translate(-50%, 0) }
.Popup-box.Popup-firstpurchase .pop-container { background-color:#ffffff; padding:56px 0px; position:absolute; right:0; box-shadow:0 0px 20px 0px #adadad; width:529px; }
.Popup-box.Popup-firstpurchase .switch_outerbox { width:100%; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; transition:transform 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79) }
.Popup-box.Popup-firstpurchase .section_first { width:100%; padding:0px 70px; }
.Popup-box.Popup-firstpurchase .mention_words { margin:70px 0 75px 0; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; font-size:20px; line-height:180%; text-align:center }
.Popup-box.Popup-firstpurchase .Popup-close { z-index:2; right:24px; top:24px; }
.Popup-box .pop_login_bottom { padding:0 10px }
.Popup-box .pop_switch_top a { color:#868686; font-size:18px; padding-bottom:15px; border-bottom:1px solid transparent; }
.Popup-box .pop_switch_top a.active { color:#3D9738; border-bottom:1px solid #3D9738 }
.Popup-box .pop_top_section { display:flex; flex-wrap:nowrap; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:32px; -ms-flex-wrap:wrap; }
.Popup-box .pop_top_section .title_box { display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-align:center; align-items:center; width:100%; margin-bottom:12px }
.Popup-box .pop_top_section .title_box .words { font-size:26px; padding-right:12px; }
.Popup-box .pop_top_section .title_box .line { height:1px; width:72px; background-color:#000000; }
.Popup-box .pop_top_section .searching_box { display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:100% }
.Popup-box .pop_top_section .searching_box input[type=text] { width:230px; height:40px; }
.Popup-box .pop_top_section .custom_btn_box { padding-left:12px }
.Popup-cover.white { background-color:transparent }
.Popup-cover.active2 { transition:all 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97); opacity:1; z-index:53 }
.Popup-cover.inactive { animation:PopupCover_hide 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode:forwards }
.pop_cateflex { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -10px -20px -10px; position:relative; }
.pop_cateflex>div { flex:0 0 16.666666666666%; -ms-flex:0 0 33.3333333333333%; }
.pop_cateflex>div>a { margin:0 10px 20px 10px; }
.pop_cateflex .pop_cate_linkbox.more a { position:relative; color:#3D9738; font-size:20px; overflow:hidden }
.pop_cateflex .pop_cate_linkbox.more a .pop_cate_linkimg:after { content:""; position:absolute; width:111%; height:100%; z-index:0; background-color:#3D9738; left:0; top:100%; transform:rotate(0deg); transform-origin:left top; transition:transform 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox.more a:hover .pop_cate_linkimg:after { transform:rotate(-10deg) }
.pop_cateflex .pop_cate_linkbox.more a:hover .pop_cate_linkimg .more_word { transform:rotate(-10deg) translate(0px, -10px) }
.pop_cateflex .pop_cate_linkbox.more .more_word { transition:transform 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); position:absolute; display:flex; left:0; right:0; bottom:0; top:0; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; z-index:1 }
.pop_cateflex .pop_cate_linkbox:not(.more) a .pop_cate_linkimg img { transition:all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox:not(.more) a .pop_cate_linkimg:before { content:"view"; position:absolute; left:0; top:0; right:0; transform:scale(1); bottom:0; border:2px solid #3D9738; z-index:1; opacity:0; transition:all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; color:#3D9738 }
.pop_cateflex .pop_cate_linkbox:not(.more) a .pop_cate_linkimg:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; opacity:0; background-color:#ffffff; transition:all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox:not(.more) a:hover .pop_cate_linkimg img { transform:scale(1.1) }
.pop_cateflex .pop_cate_linkbox:not(.more) a:hover .pop_cate_linkimg:before { transform:scale(0.95); opacity:1 }
.pop_cateflex .pop_cate_linkbox:not(.more) a:hover .pop_cate_linkimg:after { opacity:.5 }
.pop_cateflex .pop_cate_collapse_box { background-color:#3D9738; -ms-flex:0 1 100% !important; flex:0 0 auto !important; margin-bottom:32px; width:calc(100% + 76px); margin-left:-38px; position:relative; transition:all 0.5s cubic-bezier(0.23, 0.81, 0.32, 0.96); opacity:0; transform:translate(0, -10%); }
.pop_cateflex .pop_cate_collapse_box.active { opacity:1; transform:translate(0, 0) }
.pop_cateflex .pop_cate_collapse_box.active .arrow { transform:translate(0px, 0); }
.pop_cateflex .pop_cate_collapse_box .arrow { position:absolute; bottom:100%; left:0; transform:translate(0px, 100%); border-bottom:8px solid #3D9738; border-right:8px solid transparent; border-left:8px solid transparent; transition:all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) 0.3s; }
.pop_cateflex .pop_cate_collapse_flexOuter { padding:20px 48px; }
.pop_cateflex .pop_cate_collapse_flex { display:flex; flex-wrap:wrap; margin:0 -5px -20px -5px; }
.pop_cateflex .pop_cate_collapse_flex>div { flex:0 0 11.1111111111111%; -ms-flex:0 0 25%; }
.pop_cateflex .pop_cate_collapse_flex>div>a { margin:0 5px 20px 5px; }
.pop_cateflex .pop_cate_collapse_flex .pop_cate_linkimg { position:relative; padding-bottom:83.333333333333% !important; overflow:hidden; background-color:#F0F0F0 }
.pop_cateflex .pop_cate_collapse_flex .pop_cate_linktext { font-size:16px; color:#ffffff; margin-top:8px }
.pop_cateflex .pop_cate_linkimg { position:relative; padding-bottom:83.333333333333%; overflow:hidden; background-color:#F0F0F0 }
.pop_cateflex .pop_cate_linkimg .lazyload_outer { position:absolute; left:0; top:0; width:100%; height:100% }
.pop_cateflex .pop_cate_linkimg img { width:100%; position:absolute; display:block; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto }
.pop_cateflex .pop_cate_linktext { margin-top:4px; color:#333333; font-size:18px; text-align:center }
/* .Popup-positionStyle1 — position:fixed 只在 @media (max-width:1297px)，
   desktop 繼承 .Popup-box 的 position:absolute */
.Popup-box.Popup-positionStyle1 {
 /* 留空：desktop 無需覆蓋。RWD 值在 rwd.css */ }
.Popup-box.Popup-positionStyle1 .pop-container { height:100%; padding:35px 10px 70px 10px !important; display:flex; -ms-flex-direction:column; flex-direction:column }
/* Popup-positionStyle2: 2.0 base rule already in screen.prefixer.css
   Login popup uses Popup-login-specific overrides below, so we only
   keep the container max-width here and let screen.prefixer.css handle
   the rest for non-login popups. */
.Popup-box.Popup-cartempty.Popup-positionStyle1 { height:auto; top:50% !important }
.Popup-box.Popup-cartempty.Popup-positionStyle1 .pop-container { height:auto; padding:32px !important; display:flex; -ms-flex-direction:column; flex-direction:column; left:50%; top:50%; transform:translate(-50%, -50%); min-width:350px; max-width:100% }
.Popup-box .pop_top_section .search_boxouter { -ms-flex:1; flex:1 }
.Popup-box.Popup-login .btn-refresh { padding:15px 12px 15px 12px }
.Popup-box .btn__style6 { height:34px; display:inline-flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center }
/* --- 評價 POPUP 手機版下拉選單（≤769px 才顯示，桌面版用 inline pills） --- */
@media (max-width: 769px) {
 .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox>.text { display:block; background-color:#ffffff; border:1px solid #3D9738; border-radius:5px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox:after { border-top:6px solid #3D9738; border-right:3px solid transparent; border-left:3px solid transparent }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options { position:absolute; left:50%; top:100%; transform:translate(-50%, -10%); display:none; opacity:0; box-shadow:0 3px 12px 0px #d2d2d2 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox { margin:0 0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:first-child { border-top:0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label { border-radius:0px; border:0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label .flex { padding-left:10px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label .flex i { margin-right:5px; font-size:14px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label { border-radius:0px; border:0px; color:#3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label .flex { -ms-flex-pack:start; justify-content:start; padding-left:10px; font-size:16px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label .flex .number { display:block; padding-left:5px }
.Popup-box.Popup-like #Like_dropdown { display:flex; -ms-flex-align:center; align-items:center; color:#3D9738 }
.Popup-box.Popup-like #Like_dropdown i { font-size:14px; color:#3D9738; margin-right:5px }
 }
.pop_cartlist_body .pop_cartlist_grid:nth-child(2n+1) { background-color:#f5f5f5; }
.pop_cartlist_body .pop_cartlist_grid:first-child { border-top:1px solid #ccc }
.pop_cartlist_body .imgbox>div:after { content:""; display:block; padding-bottom:100%; }
/* 顯式 grid-column（覆蓋 screen.prefixer.css 只有 -ms-grid-column 的問題） */
.pop_cartlist_grid .imgbox { grid-column: 1; }
.pop_cartlist_grid .namebox { grid-column: 2; }
.pop_cartlist_grid .specbox { grid-column: 3; }
.pop_cartlist_grid .amountbox { grid-column: 4; }
.pop_cartlist_grid .unitbox { grid-column: 5; }
.pop_cartlist_grid .removebox { grid-column: 6; grid-row: 1 / -1; align-self: center; }
/* 費用列分列顯示 */
.pop_cartlist_grid .fee_row { border-top: 1px solid #eee; padding-top: 8px; padding-bottom: 8px; }
/* Popup-cart desktop: 商品名稱欄加寬，讓長標題自然換行
   第一欄用固定 156px（= 圖片 126px + 左右 padding 30px）：header 空 imgbox 與 body 圖片 imgbox 軌道寬度一致，標頭才會對齊內容（minmax 會讓空 header 縮到下限造成錯位） */
.Popup-box.Popup-cart .pop_cartlist_grid { grid-template-columns: 156px 220px 1fr 90px 90px 75px; }
/* 數量/單價欄：填滿軌道並文字置中，讓標頭與內容上下對齊
   （2.0 screen.prefixer 用 justify-self:center 讓格子縮成內容寬各自置中，標頭「數量」與內容「2」寬度不同→中心錯開；
     價格 $xxx.x 也會撐爆 75px 軌道，故上面把兩欄加寬到 90px） */
@media (min-width: 770px) {
  .Popup-box.Popup-cart .pop_cartlist_grid > .amountbox,
  .Popup-box.Popup-cart .pop_cartlist_grid > .unitbox { justify-self: stretch; text-align: center; }
}
/* 相關條款 popup：比照詢價/收件 popup 的卡片邊界（白底+留白），內容區內捲不撐爆，手機縮邊不溢出 */
/* 蓋過固定 header（z-index:50）：base .Popup-box 只有 49 會被 header 遮住，比照 inquiry/newaddress 家族設 54 */
.Popup-box.Popup-terms { z-index: 54; }
.Popup-box.Popup-terms .pop-container { position: absolute; left: 50%; right: auto; transform: translate(-50%, 0); padding: 50px 50px 40px 50px; width: 982px; box-shadow: 0 0 20px 0 #adadad; }
.Popup-box.Popup-terms .pop_terms_title { font-size: 22px; font-weight: 600; margin-bottom: 16px; }
.Popup-box.Popup-terms .pop_terms_outer { max-height: 66vh; overflow-y: auto; }
@media (max-width: 769px) {
  .Popup-box.Popup-terms .pop-container { box-sizing: border-box; padding: 44px 16px 20px 16px; width: calc(100% - 20px); max-width: calc(100% - 20px); }
  .Popup-box.Popup-terms .pop_terms_outer { max-height: 70vh; }
}
/* === Popup-cart mobile <=769px：版面比照 /cart/，內捲不外溢 === */
@media (max-width: 769px) {
 .Popup-box.Popup-cart .pop-container { display: flex; flex-direction: column; max-height: calc(100vh - 50px);  overflow: hidden; padding: 45px 15px 20px 15px; }
.Popup-box.Popup-cart .pop_cartlist_outer { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; overflow-x: hidden; }
.Popup-box.Popup-cart .pop_cartlist_header { display: none; }
.Popup-box.Popup-cart #btn_checkoutnow { flex: 0 0 auto; margin-top: 10px; width: 100%; }
.Popup-box.Popup-cart .pop_cartlist_body .pop_cartlist_grid { grid-template-columns: 90px 1fr !important; gap: 4px 8px; padding: 12px 8px; border-radius: 5px; background-color: #f8f8f8 !important; margin-bottom: 12px; position: relative; }
.Popup-box.Popup-cart .pop_cartlist_grid .imgbox { grid-column: 1 !important; grid-row: 1 !important; width: 80px; align-self: start; padding-bottom: 0; }
.Popup-box.Popup-cart .pop_cartlist_grid .imgbox > div { padding-bottom: 0; aspect-ratio: 1/1; overflow: hidden; }
.Popup-box.Popup-cart .pop_cartlist_grid .imgbox img { width: 100%; height: 100%; object-fit: cover; }
.Popup-box.Popup-cart .pop_cartlist_grid .namebox:not(.fee_row) { grid-column: 2 !important; grid-row: 1 !important; align-self: start; padding-top: 4px; font-size: 16px; font-weight: 600; }
.Popup-box.Popup-cart .pop_cartlist_grid .namebox .show_onMobile { display: none !important; }
.Popup-box.Popup-cart .pop_cartlist_grid .specbox { grid-column: 1 / -1 !important; grid-row: auto !important; padding: 6px 0 4px 0; font-size: 14px; line-height: 1.6; color: #333; }
.Popup-box.Popup-cart .pop_cartlist_grid .specbox .show_onMobile { display: inline-block !important; color: #858585; font-weight: 600; margin-right: 4px; }
.Popup-box.Popup-cart .pop_cartlist_grid > .amountbox:not(.fee_row),
  .Popup-box.Popup-cart .pop_cartlist_grid > .unitbox:not(.fee_row) { grid-column: 1 / -1 !important; grid-row: auto !important; display: grid !important; grid-template-columns: 60px 1fr; padding: 2px 0 !important; font-size: 15px; color: #333; }
.Popup-box.Popup-cart .pop_cartlist_grid > .amountbox .show_onMobile,
  .Popup-box.Popup-cart .pop_cartlist_grid > .unitbox .show_onMobile { display: block !important; color: #858585; font-weight: 400; }
.Popup-box.Popup-cart .pop_cartlist_grid .namebox.fee_row { grid-column: 1 / -1 !important; grid-row: auto !important; border-top: 1px solid #eee; padding: 6px 0 0 0; font-size: 14px; color: #333; }
.Popup-box.Popup-cart .pop_cartlist_grid .namebox.fee_row .show_onMobile { display: none !important; }
.Popup-box.Popup-cart .pop_cartlist_grid .amountbox.fee_row,
  .Popup-box.Popup-cart .pop_cartlist_grid .unitbox.fee_row { grid-column: 1 / -1 !important; grid-row: auto !important; text-align: right; padding: 0 0 4px 0; font-size: 14px; color: #333; }
.Popup-box.Popup-cart .pop_cartlist_grid .amountbox.fee_row .show_onMobile,
  .Popup-box.Popup-cart .pop_cartlist_grid .unitbox.fee_row .show_onMobile { display: inline !important; color: #858585; margin-right: 4px; }
.Popup-box.Popup-cart .pop_cartlist_grid .removebox { position: absolute; top: 8px; right: 8px; grid-column: auto !important; grid-row: auto !important; width: auto; padding: 0 !important; }
.Popup-box.Popup-cart .pop_cartlist_grid .removebox .btn_remove { margin-top: 0 !important; height: auto; padding: 4px 8px; background: #fff; border: 1px solid #eee; border-radius: 4px; font-size: 12px; }
/* 商品 ID + 免運徽章 */
  .Popup-box.Popup-cart .pop_cartlist_grid .namebox .prd_id { color: #858585; font-size: 13px; margin-top: 2px; }
.Popup-box.Popup-cart .pop_cartlist_grid .namebox .payway_box { margin-top: 6px; }
.Popup-box.Popup-cart .pop_cartlist_grid .freepaylist { display: flex; flex-wrap: wrap; gap: 4px; }
.Popup-box.Popup-cart .pop_cartlist_grid .freepayeach { display: inline-block; padding: 2px 8px; border: 1px solid #3D9738; color: #3D9738; font-size: 12px; border-radius: 3px; }
.Popup-box.Popup-cart .pop_cartlist_grid .freepayeach.free_home { border-color: #4a8c5c; color: #4a8c5c; }
/* 小計 row（與單價同樣 label-value 兩欄） */
  .Popup-box.Popup-cart .pop_cartlist_grid > .totalbox { grid-column: 1 / -1 !important; grid-row: auto !important; display: grid !important; grid-template-columns: 60px 1fr; padding: 2px 0 !important; font-size: 15px; color: #333; }
.Popup-box.Popup-cart .pop_cartlist_grid > .totalbox .show_onMobile { display: block !important; color: #858585; font-weight: 400; }
 }
.switch_outerbox label.word { display: block; font-size: 16px; padding-top: 14px; color: #333333; line-height: 0.8; }
.required::before { content: "* "; color: red; font-weight: bold; }
.switch_outerbox input::placeholder { color: #999999; opacity: 1; }
.Popup-box.Popup-login .other_fn_box a { text-decoration: underline; }
.reg-row-phone .input_textbox_pad.ot { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.reg-row-phone .input_textbox_pad.ot .input-wrapper { position: relative; width: 100%; }
.reg-row-phone .input_textbox_pad.ot .input-wrapper .border { z-index: 2; pointer-events: none; box-sizing: border-box; }
.reg-row-phone .input_textbox_pad.ot .input-wrapper input:focus ~ .border { opacity: 1; transform: scale(1); }
.reg-row-phone .input_textbox_pad.ot .input-wrapper input:not([readonly]):focus ~ .border,
.reg-row-phone .input_textbox_pad.ot .input-wrapper input:not(:placeholder-shown) ~ .border { opacity: 1; transform: scale(1); }
.reg-row-phone .input_textbox_pad.ot label.word { display: block; width: 100%; margin-bottom: 6px; padding-top: 0; line-height: normal; }
.reg-row-phone .input_textbox_pad.ot input { width: 100%; box-sizing: border-box; }

/* reorder_warning 的提示文字由後台維護、長度不定，桌機同樣沒有高度上限，長內容一樣會溢出畫面。
   由 JS 算 top 垂直置中，不能釘 bottom（會蓋掉它 inline 的 bottom:auto），改限高讓它自己捲。
   fixed 的 % 參照 viewport，與 header／導覽列同參考系。
   桌機 header 最高 177（手機 60），JS 會把 top 推到 header 底下，扣 240 才留得住底部空間 */
#reorder_warning_popupbox.Popup-box {
    max-height: calc(100% - 240px);
}
/* 只讓文字區捲動：關閉鈕是相對 .pop-container 的 absolute，若捲整個 container 會跟著捲出畫面。
   內距由 50px 收窄：白卡只有 500 寬，扣掉兩側 50 再扣捲軸 15，文字剩 385、左右各空 58 */
#reorder_warning_popupbox .pop-container {
    max-height: 100%;
    padding: 45px 30px 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#reorder_warning_popupbox .pop_inquiry_outer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
#reorder_warning_popupbox .pop_inquiry_body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 769px) {
    /* 底部釘在導覽列上緣，與導覽列同為 fixed 參考系，不用 100vh 減固定值
       （行動瀏覽器的 100vh 含網址列，內容會落到導覽列底下點不到）。
       important-ok: 對手是 screen.prefixer.css:1766 的 bottom:auto !important；唯一用 inline bottom
       自訂定位的 reorder_warning 已用 :not() 排除，_popup.js:78 是清空 inline 而非設值，不衝突 */
    .Popup-box.Popup-positionStyle2:not(.Popup-cart):not(.Popup-reorder_warning) {
        bottom: 50px !important;
    }
    .Popup-box.Popup-positionStyle2:not(.Popup-cart):not(.Popup-reorder_warning) .pop-container {
        max-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* 手機 header 只有 60，扣 140 =（60 + 間隙 10）× 2 就夠，留給內容的高度比桌機值多 40 */
    #reorder_warning_popupbox.Popup-box {
        max-height: calc(100% - 140px);
    }
    /* 手機白卡窄，左右內距由 50px 收窄，否則扣掉內距與捲軸後文字只剩 220 出頭而逐字斷行 */
    #reorder_warning_popupbox .pop-container {
        padding: 45px 16px 20px;
    }
    #reorder_warning_popupbox .pop_inquiry_body {
        padding-right: 6px;
    }
}
.Popup-box.Popup-login[data-switchtype="member"] #section_regist {
  height: 0;
  overflow: hidden;
}
.Popup-box.Popup-login[data-switchtype="regist"] #section_login {
  height: 0;
  overflow: hidden;
}