/* ==========================================================================
   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
}

.Popup-box {
  font-family:"Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei";
  position:absolute;
  left:50%;
  top:0;
  max-width:100%;
  min-height:160px;
  z-index:49;
  opacity:0;
  display:none;
  transform:translate(-50%, -100px);
  animation:Popup_show .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1;
  animation-fill-mode:forwards
}

.Popup-box.active {
  display:block;
  opacity:1;
  transform:translate(-50%, 0)
}

.Popup-box .pop-container {
  background-color:#ffffff
}

.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:900px
}

.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:absolute !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 .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:absolute !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:absolute !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
}

.Popup-box.Popup-purchase_record {
  bottom:auto !important;
  left:50%;
  min-height:0;
  transform:translate(-50%, -150px);
  position:absolute !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 {
  background-color:#ffffff;
  padding:38px 20px 20px 20px;
  position:absolute;
  right:0;
  width:672px;
  left:50%;
  transform:translate(-50%, 0px);
  box-shadow:0px 10px 20px 0px rgba(140,140,140,0.43137);
  max-width:calc(100% - 20px)
}

.Popup-box.Popup-purchase_record .Popup-close {
  z-index:2;
  right:20px;
  top:20px;
  width:12px;
  height:12px
}

.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
}

.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box>.title {
  font-size:16px;
  font-weight:500;
  color:#333333;
  padding-bottom:8px;
  border-bottom:1px solid #dfdfdf;
  display:flex;
  -ms-flex-align:end;
  align-items:flex-end;
  margin-bottom:12px;
}

.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex {
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:-5px;
}

.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex>div {
  padding:5px;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  -ms-flex-preferred-size:calc(50% - (10px));
  display:flex
}

.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .title {
  font-size:14px;
  color:#858585;
  padding-bottom:8px;
  padding-top:1px
}

.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .content {
  font-size:15px;
  color:#333333;
  padding-left:8px
}

.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:110px;
  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)
}

.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 {
  bottom:auto !important;
  left:50%;
  min-height:0;
  position:fixed;
  z-index:51;
}

.Popup-box.Popup-login.active {
  display:flex;
  opacity:1;
  transform:translate(-50%, 0);
}

.Popup-box.Popup-login .pop-container {
  background-color:#ffffff;
  padding:56px 0px;
  position:absolute;
  right:0;
  left:auto;
  box-shadow:0 0px 20px 0px #adadad;
  width:529px;
  max-width:none;
  transform:none;
  max-height:100vh;
  overflow-y:auto;
}

.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] #pop_btn_login {
  color:#3D9738;
  border-bottom:1px solid #3D9738
}

.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)
}

.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)
}

.Popup-box.Popup-login .switch_outerbox>div {
  padding:0px 70px
}

.Popup-box.Popup-login .Popup-close {
  z-index:2;
  right:24px;
  top:24px;
}

.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 {
  overflow:hidden;
  padding:0 10px
}

.Popup-box .pop_switch_top {
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  margin-bottom:24px;
  padding:0px 70px;
}

.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-box .Popup-close {
  position:absolute;
  right:10px;
  top:10px;
  background:url(../../../images/icon/x.png) no-repeat center center;
  width:18px;
  height:18px;
  background-size:100%
}

.Popup-cover {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  opacity:0;
  z-index:-1
}

.Popup-cover .cover {
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:#000000 !important;
  opacity:.6
}

.Popup-cover.white {
  background-color:transparent
}

.Popup-cover.active {
  transition:all 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97);
  opacity:1;
  z-index:48
}

.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-positionStyle2 .pop-container {
  max-width:calc(100% - 40px)
}

.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%;
}

.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;
}