@charset "utf-8";

@import url("setting.css");

a{ color: var(--color-10); text-decoration:none; transition:0.2s all;}
a:hover{ color: var(--color-01); text-decoration: none;}
a:focus{ text-decoration: none;}

main{ margin-top: 122px; background: none; }

section{ padding: 80px 0; }
section h2{ margin: 0 0 40px 5px; color: var(--color-01); font-weight: 700; line-height: 1.25em; letter-spacing: 5px; text-align: center; }

.container{ max-width: 1240px; padding: 0 20px; }
.container.w2{ max-width: 1640px; }
.container.w3{ max-width: 748px; }
.container.w4{ max-width: 546px; }
.container.w5{ max-width: 345px; }

/*** HEADER ***/
header{ width: 100%; height: var(--header-height); margin: 0; padding: 20px 0; position: absolute; top: 0; z-index: 999; }

.logo{ float: left; display: flex; align-items: center;}
.logo a{ width: 239px; height: 82px; background: url('../../../img/pic-logo2.webp') center center no-repeat; background-size: cover; display: block; text-indent: -9999px; }
.logo .slogan{ margin: 0 0 0 10px; padding: 0; list-style: none; overflow: hidden; }
.logo .slogan li{ float: left; margin-left: 10px; padding: 5px 10px; color: #fff; font-size: .4em; line-height: 1em; background: linear-gradient(to right,  #70c4ea 0%,#d4b879 100%); border-radius: 10px;}

.mini_cart{ width: 230px; margin: 0; padding: 0; list-style: none; }
.mini_cart li a{ padding-right: 0; padding-left: 0; border-color: #ccc !important;}
.mini_cart .mini_item{ display: flex; }
.mini_cart .mini_item .mini_img{ width: 66px; height: 66px; border-radius: 5px; }
.mini_cart .mini_item .mini_img img{ width: 100%; height: auto; }
.mini_cart .mini_item .mini_txt{ width: calc(100% - 66px); text-align: left; }
.mini_cart a .mini_item .mini_txt{ color: var(--color-10); }
.mini_cart a .mini_item .mini_txt p{ height: 42px; padding: 0 0 0 10px; font-size: .875em; line-height: 1.5em; letter-spacing: 0; text-indent: 0; white-space: normal; }
.mini_cart a .mini_item .mini_txt p:last-child{ height: auto; margin: 8px 0 0 0; line-height: 1em; }
/*** /HEADER ***/

/*** BNR ***/
.carousel{ width: 100%; position: relative; }
/*.carousel-item, .carousel-item a{ width: 100%; display: block; }*/
.carousel-item img{ width: 100%; height: auto; }

.carousel.dk{ display:block; }
.carousel.mb{ display:none; }
/*** /BNR ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; background: #f9f9f9; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; }
ol.breadcrumb{ margin: 0; padding: 0;}
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: var(--color-01); font-weight: bold; }
ol.breadcrumb a{ color: #999; }
ol.breadcrumb a:hover{ color: var(--color-01); }
/*** /BREADCRUMB ***/

/*** FLOAT ***/
.line_add{ width: 100px; height: 100px; padding: 18px; background: var(--color-01); border-radius: 20px; box-shadow: 5px 5px 5px rgba(0,0,0,.35); position: fixed; right: 10px; bottom: 10px; z-index: 10; text-align: center; }
.line_add a{ color: var(--color-12); }
.line_add img{ width: 80%; height: auto; margin-bottom: 10px; }
.line_add p{ font-size: .875em; }
.line_add .cart_btm_mb{ display: none; }
.line_add .cart_btm_mb a{ width: 100%; color: var(--color-12); }
.line_add .cart_btm_mb a:nth-child(2){ background: var(--color-05); }


/*** /FLOAT ***/

/*** CNT ***/
main{ min-height: calc(100vh - 449px); margin-top: var(--header-height); }
main#no_bnr{ margin-top: var(--header-height2); }
main#mbr_regi{ background: url('../../../img/bg-mbr_regi.webp') center center no-repeat; background-size: cover; }

.quote_1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.quote_2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.quote_3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.quote_4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.box_wrap{ margin: 12px 0; padding: 0px; }
.box_wrap .box_img{ transition:0.5s all; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
.box_wrap:hover .box_img{ transform: scale(1.25, 1.25); }
.box_wrap > p{ height: 54px; margin-bottom: 10px; color: var(--color-03); font-size: 1.125em; font-weight: 700; line-height: 1.5em;}
.box_wrap .box_img_wrap{ width: 100%; height: 100%; border-radius: 15px; position: relative; overflow: hidden; transition:0.2s all;}
.box_wrap .box_img_wrap .box_overlay{ width: 100%; height: 100%; color: #fff; position: absolute; z-index: 1; display: table; background: rgba(99, 165, 44, .9); opacity: 0; transition:0.5s all; }
.box_wrap .box_overlay span{ display: table-cell; vertical-align: middle; text-align: center; }
.box_wrap .box_overlay span p{ margin-bottom: 10px; font-size: 1.125em; letter-spacing: 5px; text-indent: 5px; }
.box_wrap .box_overlay span i{ font-size: 3em; line-height: 1em;}
.box_wrap img{ width: 100%; height: auto; }
a:hover .box_wrap .box_overlay{ opacity: 1; }
.box_wrap .box_txt_wrap{ margin-top: 10px; display: flex; }
.box_wrap .box_txt_wrap p{ color: var(--color-03); font-size: 1em; font-weight: 700; }
.box_wrap .box_txt_wrap p:nth-child(1){ flex-grow: 1; text-align: left; }
.box_wrap .box_txt_wrap p:nth-child(2){ flex-grow: 1; text-align: right; }

#news{ background: url('../../img/bg-news.webp') right center no-repeat; }
#news h2 ul li:nth-child(1) a{ width: 120px; height: 37px; background: url('../../img/btn-news_01.webp') no-repeat; background-size: 120px auto; }
#news h2 ul li:nth-child(2) a{ width: 156px; height: 37px; background: url('../../img/btn-news_02.webp') no-repeat; background-size: 156px auto; }
.news_wrap{ margin: 10px 50px; position: relative; transition:0.2s all; }
.news_img_wrap{ border-radius: 30px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .25); position: relative; overflow: hidden; -webkit-transform: perspective(0);}
.news_date{ padding: 10px 55px 10px 55px; color: #fff; font-family: 'Noto Serif TC', sans-serif; font-weight: 700; background: url('../../img/bg-news_date.png') no-repeat; background-size: 192px auto; position: fixed; bottom: 10px; right: 0; z-index: 2; text-align: center; }
.news_overlay{ width: 100%; height: 100%; position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); transition:0.2s all; }
.news_overlay i{ color: #fff; font-size: 3em; opacity: 0; transition:0.2s all; }
.news_img{ transition:0.2s all; }
.news_img img{ width: 100%; height: auto; }
.news_txt_wrap{ margin-top: 20px; padding: 0px; background: rgba(255, 255, 255, .05); border: 0px solid #fff; transition:0.2s all; }
.news_txt{ margin: 0 auto; text-align: center; overflow: hidden; }
.news_txt .date{ float: left; width: 124px; padding: 20px; color: #fff; border-right: 1px solid #fff; }
.news_txt p{ margin: 10px 0; color: var(--color-03); font-size: 1.25em; }
.news_wrap:hover{ }
.news_wrap:hover .news_img{ transform: scale(1.1, 1.1); }
.news_wrap:hover .news_overlay{ background: rgba(0, 0, 0, .5); }
.news_wrap:hover .news_overlay i{ opacity: 1; }
.news_wrap:hover .news_txt p{ color: var(--color-02); }

.slick_wrap .slick-current .news_img_wrap{ transform: scale(1.06, 1.06); }
.slick_wrap.center{ text-align: center; }
.slick_wrap.center > div{ width: calc(100% / 3); display: inline-block; }

#i_party{ padding: 180px 0; color: var(--color-12); background: url('../../../img/bg-i_party.webp') left center no-repeat; background-size: cover; }
.party_logo{ padding: 0 40px; text-align: center; }
.party_logo p{ margin: 20px 0 0 5px; font-size: 1.875em; letter-spacing: 5px; }
.party_intro{ padding: 160px 80px; color: var(--color-12); background: url('../../../img/bg-i_party_intro.webp') center center no-repeat; background-size: cover; border-radius: 30px; text-align: left; overflow: hidden;}
.party_intro p{ margin: 10px 0; font-size: 1.125em; line-height: 1.5em; }
.party_intro a{ margin-right: 20px; }
.party_sign{ float: right; margin: 80px 0 0 0; }
.party_sign p{ margin: 0px 30px 0 0; font-size: 1.125em; display: inline-block; }
.party_sign img{ display: inline-block; }

#i_contract h2{ letter-spacing: 30px; text-indent: 30px; }
#i_contract h2 span{ margin-top: 30px; font-size: .5em; letter-spacing: 10px; text-indent: 10px; display: block; }
#i_contract .i_contract_img{ max-width: 680px; margin: 0 auto; border-radius: 30px; text-align: center; }
#i_contract .i_contract_img.bg_img img{ width: 100%; height: auto; }
.contract_intro{ max-width: 680px; margin: 0 auto; text-align: left; overflow: hidden;}
.contract_intro p{ margin: 10px 0; color: var(--color-03); font-size: 1.125em; line-height: 2em; }
.contract_intro button{ margin-right: 20px; }

#i_pdt{ background: var(--color-bg02); }
#i_pdt b{ margin: 54px 0 0 5px; color: var(--color-01); font-size: 1.875em; letter-spacing: 5px; display: block; }
.pdt_intro{ max-width: 680px; margin: 80px auto; text-align: left; overflow: hidden;}
.pdt_intro p{ margin: 10px 0; color: var(--color-03); font-size: 1.125em; line-height: 2em; }
.pdt_intro button{ margin-right: 20px; }

.bnr_inr{ width: 100%; height: auto; padding: 20px 0; color: var(--color-12); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.bnr_inr h2{ font-size: 2.5em; font-weight: 700; letter-spacing: 14px; text-indent: 14px;}
.bnr_inr p{ font-size: .75em; line-height: 1.75em; letter-spacing: 2.25px; display: block; }

.inr_buy{ background: url('../../../img/bg-bnr_inr_buy.webp') center center no-repeat; background-size: cover;}
.inr_buy h2{ width: 570px; margin: 0 auto; padding: 35px 0 35px 230px; background: url('../../../img/pic-h2_buy.webp') 0 center no-repeat; background-size: auto 140px;}
.inr_buy h2 span{ margin-top: 4px; font-size: .3em; font-weight: 400; letter-spacing: 5px; text-indent: 19px; display: block; }

.inr_pdt{ display: block; background: url('../../../img/bg-bnr_inr_pdt.webp') center center no-repeat; background-size: cover;}
.inr_pdt h2{ width: 290px; margin: 0 auto; padding: 35px 0 35px 230px; background: url('../../../img/pic-h2_inr_pdt.webp') 0 center no-repeat; background-size: 290px auto; text-indent: -9999px;}
.inr_pdt span{ width: 100%; margin: 5px 0 5px 0; font-size: 1.125em; font-weight: 400; letter-spacing: 5px; text-indent: 19px; display: block; text-align: center; }

.inr_mbr{ display: block; background: url('../../../img/bg-bnr_inr_mbr.webp') center center no-repeat; background-size: cover;}
.inr_mbr h2{ margin: 0 auto; padding: 35px 0 12px 0px; text-align: center;}
.inr_mbr span{ width: 100%; margin: 5px 0 67px 0; font-size: .75em; font-weight: 400; letter-spacing: 5px; text-indent: 19px; display: block; text-align: center; }

.inr_news{ display: block; background: url('../../../img/bg-bnr_inr_mbr.webp') center center no-repeat; background-size: cover;}
.inr_news h2{ margin: 0 auto; padding: 35px 0 12px 0px; text-align: center;}
.inr_news span{ width: 100%; margin: 5px 0 67px 0; font-size: .75em; font-weight: 400; letter-spacing: 5px; text-indent: 19px; display: block; text-align: center; }

#inr p, #inr li{ line-height: 1.75em; }
#inr ol, #inr ul{ margin: 0 0 0 32px; padding: 0; }


#pdt_dtl, .pdt_sec{ background: #fcfbfa; }
.pdt_dtl_up{ display: flex; }
.pdt_dtl_up_1{ width: 400px; color: var(--color-03); }
.pdt_dtl_up_2{ width: 460px; margin: 0 40px; }
.pdt_dtl_up_3{ width: calc(100% - 920px); }
.pdt_dtl_up_1 h2{ margin: 0 0 10px 0; color: var(--color-03); text-align: left;}
.pdt_dtl_up_1 span{ font-size: 1.125em; }
.pdt_dtl_up_2 .carousel-inner{ border-radius: 20px;}
.pdt_dtl_up_2 .carousel-indicators{ bottom: -70px; }
.pdt_dtl_up_2 .carousel-indicators button{ width: 16px; height: 16px; margin: 0 20px; background-color: var(--color-05); border-radius: 50%; }

.pdt_dtl_up_ft{ margin: 200px 0 0 0; padding: 0; list-style: none; }
.pdt_dtl_up_ft li{ width: 100%; margin: 20px 0; border: 1px solid var(--color-05); display: flex; align-items: center; }
.pdt_dtl_up_ft li i{ width: 70px; height: 70px; border-radius: 50%; }
.pdt_dtl_up_ft li:nth-child(1) i{ background: var(--color-05) url('../../../img/ico-leaf_in_hand.webp') center center no-repeat; background-size: cover; }
.pdt_dtl_up_ft li:nth-child(2) i{ background: var(--color-05) url('../../../img/ico-foot_co2.webp') center center no-repeat; background-size: cover; }
.pdt_dtl_up_ft li p{ margin-left: 20px; font-size: 1.125em; letter-spacing: 4px; }

.pdt_dtl_up_2 img{ width: 100%; height: auto; }

.pdt_dtl_up_3 p{ color: var(--color-03); font-size: 1.125em; }

.pdt_dtl_up_label{ margin: 20px 0; padding: 0; list-style: none; overflow: hidden; }
.pdt_dtl_up_label li{ float: left; margin-right: 15px; }
.pdt_dtl_up_label li p{ width: 150px; padding: 10px 15px; color: var(--color-11); font-size: .875em; font-weight: 700; background: var(--color-06); text-align: center;}
.pdt_dtl_up_label li span{ width: 100%; margin-top: 5px; display: block; text-align: right; }
.pdt_dtl_up_label li span a{ color: var(--color-03); font-size: .875em; text-decoration: underline; }

.num_counter{ margin: 0 auto; display: flex; }
.num_counter p{}
.num_counter .num_counter_btn{ max-width: 100px; position: relative; top: -22px;}
.num_counter input { width: 100%; height: 38px; font-size: 1em;
  font-weight: 700; line-height: 1em; background: #f8f8f8; display: block; border: none;
outline: none; text-align: center;}
.num_counter span { width: 34px; height: 100%; margin-top: -7px; display: inline-block; font-size: 1em; line-height: 1em; cursor: pointer; position: absolute; top: 50%; text-align: center;}
.num_counter span.btn_minus { left: 0px;}
.num_counter span.btn_plus { right: 0px;}

.num_counter.cart{ height: 5px; padding: 0; }
.num_counter.cart .num_counter_btn{ margin: 0 auto; top: -20px;}
.num_counter.cart input { margin: 0; padding: 0;}
.num_counter.cart span { margin-top: 13px;}
.num_counter.cart span.btn_minus { left: 0px;}
.num_counter.cart span.btn_plus { right: 0px;}

.pdt_sec{ color: var(--color-03); font-size: 1.125em; }
.pdt_sec h2{ margin: 0 0 30px 0; padding-bottom: 30px; color: var(--color-03); border-bottom: 1px solid var(--color-05); text-align: left; }
.pdt_sec ul{ margin: 0 0 0 30px; padding: 0; list-style-type: square; }
.pdt_sec ul li{ margin-bottom: 10px; }
.pdt_sec p{ line-height: 1.75em;}

#buy_dtl{ margin-top: 40px; }
.buy_dtl_up{ display: flex; }
.buy_dtl_up_1{ width: 50%; }
.buy_dtl_up_2{ width: 50%; margin: 0 0 0 80px; }
.buy_dtl_up .carousel, .buy_dtl_up .carousel:focus{ box-shadow: 10px 10px 10px rgba(0,0,0,.5) !important; }
.buy_dtl_up .carousel-indicators{ bottom: -70px; }
.buy_dtl_up .carousel-indicators button{ width: 16px; height: 16px; margin: 0 20px; background-color: var(--color-05); border-radius: 50%; }
.buy_dtl_up h2{ margin: 0 0 30px 0; color: var(--color-11); font-size: 2.875em; line-height: 1em; text-align: left; }
.buy_dtl_up h2 span{ margin-left: 20px; font-size: .75em; }
.buy_dtl_up p{ font-size: 1.125em; }
.subtitle{ margin: -20px 0 30px 0; font-size: 1.375em; font-weight: 700; letter-spacing: 6px; display: block; }
.buy_dtl_up h2 .date_range{ font-size: .4em; letter-spacing: 2px; display: inline-block; }
.prebuy{ margin-left: 0; font-size: 2em !important; font-weight: 700; letter-spacing: 3px; }
.discount{ padding: 0px 10px 0px 14px; font-size: .875em; font-weight: 700; background: var(--color-06); border-radius: 30px; letter-spacing: 4px; }
.discount_price{ margin: 0 0 0 20px; }
.discount_price span{ font-size: .75em; }

.buy_dtl_up_2 h2{ color: var(--color-01); font-weight: 400; }
.buy_dtl_up_2 .discount_price{ color: var(--color-01); font-weight: 400; }

.counterdown_txt{ margin: 0; padding: 0; list-style: none; display: flex; }
.counterdown_txt li:nth-child(1), .counterdown_txt li:nth-child(3){ width: calc((100% - 230px) / 2); display: flex; align-items: center;}
.counterdown_txt li:nth-child(1) div, .counterdown_txt li:nth-child(3) div{ width: 100%; height: 1px; background: var(--color-11); }
.counterdown_txt li:nth-child(2){ width: 230px; font-size: 1.5625em; font-weight: 700; letter-spacing: 8px; text-align: center; }

.counterdown{ margin: 40px 0; padding: 0; list-style: none; display: flex; }
.counterdown li{ width: calc(100% / 4); display: flex; align-items: center; justify-content: center; }
.counterdown .counterdown_box{ width: 100%; margin: 0 5px; padding: 20px; border: 4px solid #464a4c; border-radius: 10px; text-align: center; }
.counterdown .counterdown_box p{ font-size: 3em; font-weight: 700; }
.counterdown .counterdown_box span{ font-size: .75em; }

#veg{ width: 100%; }
#veg .veg_txt{ width: 100%; color: var(--color-12); writing-mode: vertical-rl; }
#veg .veg_txt h2{ margin: 0 0 0 30px; color: var(--color-12); font-size: 4.5em; letter-spacing: 20px; text-align: left; }
#veg .veg_txt p{ max-height: 390px; font-size: 1.25em; line-height: 2em; letter-spacing: 4px; text-align: justify; }

.p_p_img{ float: right; width: 300px; height: 300px; margin: 0; border-radius: 50%; }

#timeline{}
#timeline h2{ margin: 0 0 30px 0; color: var(--color-01); font-size: 2.875em; line-height: 1em; text-align: left; }
#timeline h2 span{ margin-left: 20px; font-size: .75em; }
#timeline .date_range{ font-size: .4em; letter-spacing: 2px; display: inline-block; }
.btn_live{ margin-left: 40px; }

.status_info{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.status_info li{ float: left; margin-right: 30px; overflow: hidden; }
.status_info i{ float: left; width: 78px; height: 32px; margin-right: 15px; border-radius: 32px; display: block; }
.status_info p{ float: left; color: var(--color-01); font-size: 1.375em; font-weight: 700; line-height: 30px;}

.done{ color: var(--color-12); background: var(--color-07); }
.undone{ color: var(--color-12); background: var(--color-08); }

.status_wrapper{ padding: 40px 0; }
.status_wrap{ padding: 0; list-style: none; position: relative; overflow: hidden; }
.status_wrap li{ float: left; width: calc(100% / 6); text-align: center; }
.status_wrap p{ color: var(--color-11); font-size: 1.375em; font-weight: 700; }
.status_linedot{ width: 100%; height: 5px; margin: 16px 0 20px 0; position: relative; text-align: center; }
.status_dot{ width: 5px; height: 5px; margin: 0 auto; background: var(--color-11); border-radius: 50%; }
.status_line{ width: 100%; height: 1px; background: var(--color-11); position: absolute; top: 2px; }
.status_box i{ width: auto; height: 50px; margin: 0 auto; padding: 0 20px; font-weight: 700; font-style: normal; line-height: 50px; letter-spacing: 4px; text-indent: 4px; border-radius: 52px; display: inline-block; }
.status_box p{ color: var(--color-01);}

.p_cnt p{ color: var(--color-03); font-size: 1.125em; font-weight: 400; line-height: 1.5em;}

#sticky_nav{ background: #f5f3ee; position: sticky; top: -1px; overflow: hidden;}
#sticky_nav ul{ margin: 0; padding: 20px 0; list-style: none; display: flex; overflow: hidden; text-align: center; }
#sticky_nav li{ width: calc(100% / 4); text-align: center; }
#sticky_nav a{ padding: 9px 0; color: var(--color-03); font-size: 1.875em; font-weight: 700; letter-spacing: 10px; display: block; }
#sticky_nav a:hover, #sticky_nav a.current{ color: var(--color-02); }
#sticky_nav button{ margin: 0; }

#inr_mbr p{ color: var(--color-04); font-size: 1.125em; font-weight: 700; text-align: center; }

.countdown_captcha{ height: 36px; margin: 10px 0; color: #663333 !important; font-family: 'Noto Sans TC', sans-serif; font-size: .75em !important; font-weight: 400; line-height: 1.5em; text-align: center; }
.countdown_start{ display: none; }

.tbl_caption{ padding: 10px 0; color: var(--color-04); font-size: 1.125em; font-weight: 700; border: 1px solid var(--color-04); border-right: 0; border-left: 0; text-align: center; }
.tbl_list{ padding: 10px 0; border-top: 1px dashed #ccc; text-align: center;}
.tbl_list:nth-child(1){ border-top: 0px dashed #ccc; }
.tbl_list b{ display: none; }
.tbl_list p{ padding: 10px 0; color: var(--color-01) !important; }
.tbl_list a{ color: var(--color-01); text-decoration: underline; }
.tbl_list a:hover{ color: var(--color-02);}
.tbl_list a i{ margin-top: 11px; font-size: 1.75em; cursor: pointer; }
.tbl_img{ width: 60px; margin: 0 auto; }
.tbl_img img{ width: 100%; height: auto; }
.tbl_sum{ padding: 10px 0; color: var(--color-04); font-size: 1.125em; font-weight: 700; border: 1px solid var(--color-04); border-right: 0; border-left: 0; text-align: center; }

.mbr_info_wrap{ padding: 30px; background: var(--color-12); }

.show_usr{ color: var(--color-11); font-weight: 700; letter-spacing: 5px; text-indent: 5px; text-align: center; }

.regi_title{ margin-bottom: 35px; }
.regi_title *{ color: var(--color-12); font-weight: 700; display: block; text-align: center; }
.regi_title h2{ margin: 0 0 17px 0; font-size: 1.625em; letter-spacing: 30px; text-indent: 30px; }
.regi_title span{ margin-left: 4px; letter-spacing: 4px; }
.regi_box{ padding: 30px 60px 40px 60px; background: var(--color-12); }

.term_wrap{ color: #666; font-family: 'Noto Sans TC', sans-serif; font-size: .875em; letter-spacing: 2px; }
.term_wrap a{ color: #666; text-decoration: underline; }
.term_wrap a:hover{ color: var(--color-02); }

.cnt h3{ margin-bottom: 20px; }
.cnt p{ padding: 0; line-height: 1.75em; }

.share{ margin: 0; padding: 0; list-style: none; }
.share li{ float: left; width: calc(100% / 3); font-size: 1.25em; text-align: center; }
.share li a{ color: #333; display: flex; align-items: center; justify-content: center; }
.share li i{ width: 22px; font-size: 2em; text-align: center; }
.share li i.fa-facebook-square{ color: #1877f2; }
.share li i.fa-line{ color: #00c300; }
.share li i.fa-calendar-alt{ color: #42b68f; }
.share li span{ margin-left: 20px; }

#pdt_intro, #pdt_spec, #pdt_shipping{ margin-top: -50px; padding-top: 50px; display: block;}

.p_note{ margin-bottom: 20px; }
.p_note p{ line-height: 2em; }
/*** /CNT ***/

/*** CONTACT ***/
.gmap{ width: 100%; height: 355px; margin-top: 10px; }
/*** /CONTACT ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; overflow: hidden; }
.pagination{ float: left; margin: 40px 0 0 0; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #666; background: #f6f6f6; }
.pagination .active .page-link{ background: var(--color-01); border-color: #dee2e6; }

.pagination_jump{ float: right; margin: 30px 0 0 0; padding: 0; list-style: none; }
.pagination_jump select.form-select{ width: auto; min-height: 38px; margin: 0 5px; padding: 0 35px 0 10px; background-color: var(--color-12); border: 1px solid #dee2e6; border-radius: 3px; display: inline-block; cursor: pointer; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 60px 0; color: var(--color-12); background: var(--color-03); overflow: hidden; }
footer .logo{ width: 100%; margin:0; padding: 0;}
footer .logo img{ width: 150px; }
footer i{ margin-top: 30px; font-size: 1.5em; }

footer h4{ margin-bottom: 20px; }
footer p{ margin-bottom: 10px; }
footer p:last-child{ margin-bottom: 0; }
footer a{ color: var(--color-12); }
footer a:hover{ color: var(--color-02); }
.copyright{ padding: 18px 0; color: #ccc; font-size: .75em !important;  background: var(--color-01);; border-top: 1px solid #2a5b2a; background: var(--color-03); text-align: center !important; }
/*** /FOOTER ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin-top: 34px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ border-radius: 10px; text-indent: 3px; letter-spacing: 3px; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn-primary{ background: var(--color-01) !important; border-color: var(--color-01) !important; }
.btn-primary:hover, .btn-primary:focus{ background: var(--color-02) !important; border-color: var(--color-02) !important;}

.btn-cart_add{ width: 220px; padding: 15px 10px 15px 70px; color: var(--color-12); background: var(--color-05) url(../../../img/ico-cart.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-05); text-align: left; }
.btn-cart_add:hover, .btn-cart_add:focus{ color: var(--color-12); background: var(--color-02) url(../../../img/ico-cart.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-02);}

.btn-cart_add-2{ width: 220px; padding: 15px 10px 15px 81px; color: var(--color-12); background: var(--color-05) url(../../../img/ico-cart.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-05); text-align: left; }
.btn-cart_add-2:hover, .btn-cart_add-2:focus{ color: var(--color-12); background: var(--color-02) url(../../../img/ico-cart.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-02);}

.btn-cart_add2{ width: 100%; padding: 5px 10px 7px 10px; color: var(--color-12); font-size: 2.625em; background: #990e0a; border-radius: 0; }
.btn-cart_add2:hover, .btn-cart_add2:focus{ color: var(--color-12); background: var(--color-02);}

.btn-cart_chk{ width: 220px; margin-top: 15px; padding: 15px 10px 15px 81px; color: var(--color-12); background: var(--color-01) url(../../../img/ico-handbag.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-05); text-align: left; }
.btn-cart_chk:hover, .btn-cart_chk:focus{ color: var(--color-12); background: var(--color-02) url(../../../img/ico-handbag.webp) left 30px center no-repeat; background-size: 34px auto; border-color: var(--color-02);}
/*** /BTN ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/

/*** MODAL ***/
.modal{ }
.modal-header{ color: #fff; background: #114f76; }
.modal-open { padding-right: 0 !important;}
.modal-backdrop { opacity: .9 !important; }
.modal-content{ position: relative; }
.btn-close-wrap{ background-color: #2faeff; border-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 0; right: 0; z-index: 10; }
.btn-close{ padding: 15px 15px;}
.modal-body{ padding: 30px 30px 30px 30px; color: #333; overflow: hidden; }
.modal-body h4{ font-weight: 700; line-height: 1.25em; text-align: center; }
.modal-body h4 span{ font-size: .6em; font-weight: 400; display: block; text-transform: uppercase; }
.modal-body button{ margin-top: 5px; margin-bottom: 5px; }
.modal-body p{ line-height: 1.75em; }
/*** /MODAL ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}