@charset "utf-8";
/*wrapper*/
.wrapper{ margin-top:208px; }

.important{ font-size:20px; color:#ea5541; }
.inline_links{ color:#be8a43; padding-right:3px; padding-left:3px; font-size:1em; line-height:1.5em; font-weight: inherit; }
.inline_links:hover,.inline_links:focus{ text-decoration:underline; }

.grayBlocks{ background-color: #efefef; }

.fastLink:target{ scroll-margin-top: 208px; overflow: unset !important; }
@media screen and ( max-width: 1099px){
    .fastLink:target{ scroll-margin-top: 65px; }
}

/*banner*/
.banner{ max-width:1920px; margin:auto; width:100%; height:915px; position:relative; background:no-repeat top center; background-size:cover; }
.banner.news{ background-image:url(../image/page/banner_new.jpg); }
.banner.member{ background-image:url(../image/page/banner_new.jpg); }
.banner.product{ background-image:url(../image/page/banner_product.jpg); background-position: bottom center; }
.banner.store{ background-image:url(../image/page/banner_store.jpg); }
.banner.about{ background-image:url(../image/page/banner_about.jpg); background-position: center top -10px; }
.banner.contact{ background-image:url(../image/page/banner_contact.jpg); }
.banner.process{ background-image:url(../image/page/banner_process.jpg); }
.banner.snacks{ background-image:url(../image/page/banner_snacks.jpg); background-position: bottom -134px center; }
.banner.drinks{ background-image:url(../image/page/banner_drinks.jpg); background-position: center top -10px; }

.banner .titleTopBox{ width:100%; height:293px; background-image:url(../image/page/page_banner_bg.png); background-position:center bottom; background-repeat:no-repeat; background-size:1920px; text-align:center; padding-top: 34px; }
.banner h1{ color:#555; font-family:'Noto Serif TC'; font-size:72px; font-weight:900; letter-spacing: 20px; }
.banner p{ color:#888; font-size:20px; letter-spacing:8px; font-weight: 500; }
.banner .bannerTs{ display: none; width:20.83%; position:absolute; bottom:40%; right:10%; }
.banner .bannerTs:after{ content:""; display:block; padding-bottom:36.25%; background-image:url(../image/page/banner_text.svg); background-repeat:no-repeat; background-position:center; background-size:cover; }

.mainPageTitle{ padding: 80px 0 0 0; text-align: center; }
.mainPageTitle .ch{ color: #555; font-family: 'Noto Serif TC'; font-size: 72px; font-weight: 900; letter-spacing: 20px; }
.mainPageTitle .en{ color: #888; font-size: 20px; letter-spacing: 8px; font-weight: 500; }

.contentBlock{ overflow:hidden; max-width:1920px; margin:auto; }
.content_box{ position:relative; z-index:2; }
.content_box.styleMar{ max-width:1490px; }

.page_grayBg{ background-color:#f7f7f7; }
.page_grayBg .mar{ max-width:1490px; margin:auto; padding:60px 30px; }

.bread_crumbs{ padding-top:30px; text-align:center;}
.bread_crumbs a{ display:inline-block; margin-right:20px; vertical-align:top; position:relative; color:rgba(255,255,255,.6);}
.bread_crumbs a::after{ content:""; display:block; border-style:solid; border-color:transparent rgba(255,255,255,.3); border-width:4px 0 4px 7px; position:absolute; top:10px; right:-13px;}
.bread_crumbs span{ display:inline-block; vertical-align:top; color:#fff;}
h3 .number_point{ color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; display:inline-block; background-color:#ea5541; margin-right:10px; vertical-align:text-bottom;}
h3 .iconCow{ width:30px; height:30px; display:inline-block; vertical-align:text-bottom; margin-right:10px; background-image:url(../image/page/icon_cow.svg); background-position:center; background-repeat:no-repeat; background-size:100%; }
.btn_box{ text-align:center; padding:30px 0;}
.btn_box.padBtom{ padding-bottom:100px; }
.btn_box .more_btn{ line-height:60px; height:60px; vertical-align:top; padding:0 40px;}
.btn_box .backBtn{ background-color:#be8a43; display:inline-block; color:#fff; font-size: 22px; border-radius:100px; }
.btn_box.product{ padding:30px 0 0; }

/*step*/
.step_box{ width:100%; display:flex; flex-wrap:nowrap; padding-bottom:50px;}
.step_box .step{ width:25%; text-align:center; font-size: 22px; }
.step_box .step .icon{ width:160px; height:160px; border-radius:50%; margin:0 auto 10px auto; display: flex; justify-content: center; align-items: center; }
.step_box .step .icon .imgs{ width: 80%; }
.step_box .step .icon .imgs:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.step_box .step .icon .imgs.bg01{ background-image: url(../image/page/shop_step_01.svg); }
.step_box .step .icon .imgs.bg02{ background-image: url(../image/page/shop_step_02.svg); }
.step_box .step .icon .imgs.bg03{ background-image: url(../image/page/shop_step_03.svg); }
.step_box .step .icon .imgs.bg04{ background-image: url(../image/page/shop_step_04.svg); }
.step_box .step .icon .imgs.bg05{ background-image: url(../image/page/shop_step_05.svg); }
.step_box .step.focus{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); filter:grayscale(0);}
.step_box .step.focus .icon{ animation:step 3s infinite; position:relative; background-color: #fff; }
@keyframes step{0%{top:0px;}50%{top:-10px;}100%{top:0px;}}
.step_box .step.focus .icon .imgs.bg01{ background-image: url(../image/page/shop_step_01s.svg); }
.step_box .step.focus .icon .imgs.bg02{ background-image: url(../image/page/shop_step_02s.svg); }
.step_box .step.focus .icon .imgs.bg03{ background-image: url(../image/page/shop_step_03s.svg); }
.step_box .step.focus .icon .imgs.bg04{ background-image: url(../image/page/shop_step_04s.svg); }
.step_box .step.focus .icon .imgs.bg05{ background-image: url(../image/page/shop_step_05s.svg); }

/*DESSERT*/
.templateBox{ width: 100%; }
.templateList{ display: flex; margin-bottom: 60px; flex-wrap:wrap; }
.templateList:last-child{ margin-bottom: 0; }
.templateList .imgGrid{ width: 40%; }
.templateList .imgGrid img{ width: 100% !important; height: auto !important; }
.templateList .txtGrid{ flex:1; padding: 0 0 0 40px; }
.templateList .txtGrid h2{ font-size: 1.5rem; margin-bottom: 20px; font-weight: 700; }
.templateList .txtGrid p{ font-size: 1.375rem; line-height: 1.8; }
.templateList .txtGrid p *{  font-weight: revert; font-size:inherit; }
.templateList .textP{ padding:20px 0 0 0; font-size:1rem; line-height:1.8; }

.templateList.textLeft .imgGrid{ order: 2; }
.templateList.textLeft .txtGrid{ order: 1; padding: 0 40px 0 0; }


/*PRODUCTS*/
.products_box{ display:flex; flex-wrap:wrap; position:relative; z-index:1; padding:80px 0 160px 0; }
.products_box.pad01{ padding: 80px 0 20px 0; }
.products_box.pad02{ padding: 80px 0 23% 0; }
.products_box .prod_link{ width:33%; text-align:center; padding:0 15px; padding-bottom:90px; position:relative; }
.products_box .prod_link .prod_photo{ padding-top:100%; background-image:url(../image/no_pic.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px; overflow:hidden; position:relative; margin-bottom: 25px; }
.products_box .prod_link .prod_photo img{ display:none; }
.products_box .prod_link .prod_photo .maskBox{ opacity: 0; display:flex; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; align-items: center; justify-content: center; transition:0.5s opacity; -webkit-transition:0.5s opacity; -moz-transition:0.5s opacity;  }
.products_box .prod_link .prod_photo .maskBox .fontTxt{ font-size:30px; color:#fff; font-weight:bold; border:7px solid #fff; padding:20px 20px; letter-spacing: 20px; }
.products_box .prod_link:hover .prod_photo .maskBox{ opacity:1; }
.products_box .prod_link .title{ font-size:30px; font-weight:700; color:#555; font-family:'Noto Serif TC'; text-align:left; margin-bottom: 15px; }
.products_box .prod_link .word{ line-height:1.8; text-align:left; font-size:22px; color:#777; font-weight:500; }
.products_box .prod_link .linkTop{ flex:1; }
.products_box .prod_link .capacity{ font-size:22px; text-align:left; color:#be8a43; font-weight:500; }
.products_box .prod_link .proBtn{ position:absolute; bottom:0; left:15px; right:15px; margin:auto; background-color:#0069ac; border-radius:10px; font-size:22px; line-height:66px; height:66px; }

.products_box.prod_detail{ padding-bottom:100px; }
.products_box.prod_detail .detail_photo{ width:33%;}
.products_box.prod_detail .detail_word{ width:67%; padding-left:100px;}
.products_box.prod_detail .detail_word .title{ font-family:'Noto Serif TC'; font-size:36px; font-weight:900; padding-bottom:20px; color:#0069ac; }
.products_box.prod_detail .detail_word .word{ line-height:2; padding-bottom:180px; font-size:1.375rem; color:#777; }
.products_box.prod_detail .detail_word .detail_word_box{ text-align:right; }
.detail_word_box.under_table .more_btn,
.products_box.prod_detail .detail_word .detail_word_box .more_btn{ display: inline-flex; vertical-align: middle; height:auto; line-height: 76px; background-color: #be8a43; align-items: center; padding: 15px 25px; border-radius: 50px; margin-left:15px; }
.detail_word_box.under_table .more_btn .icon,
.products_box.prod_detail .detail_word .detail_word_box .more_btn .icon{ width: 32px; height: 32px; background-image: url(../image/page/icon_shopping.svg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.detail_word_box.under_table .more_btn .bTxt,
.products_box.prod_detail .detail_word .detail_word_box .more_btn .bTxt { font-size: 28px; color: #fff; padding: 0 0 0 15px; }
.detail_word_box.under_table .more_btn .bTxt:nth-child(1),
.products_box.prod_detail .detail_word .detail_word_box .more_btn .bTxt:nth-child(1){ padding:0; }

.detail_word_box.under_table{ text-align: center; margin-bottom: 60px; }
.detail_word_box.under_table .more_btn .icon{ width: 24px; height: 24px; }
.detail_word_box.under_table .more_btn .bTxt{ font-size: 22px; padding: 0 0 0 10px; }

.prod_detail_word{ font-size:16px; margin-bottom:/*60px*/30px; }
.prod_detail_word img{ vertical-align:middle;}
.prod_detail_word p{ font-size:22px; color:#777; line-height:2; }
.prod_detail_word p img{ vertical-align:middle;}
.prod_detail_word br{ font-size:0 !important; }
.prod_detail_word ul{ padding-left:30px;}
.prod_detail_word span{ background:inherit; color:inherit; font:inherit;}
.prod_detail_word strong{ background:inherit; color:inherit; font:inherit;}

.prod_detail_word .hTitle{ font-family: 'Noto Serif TC'; font-size: 36px; font-weight: 900; padding-bottom: 20px; color: #0069ac; }
.prod_detail_word .noticeTitle.grayBlocks{ background-color:#efefef; }
.prod_detail_word .noticeTitle .hTitle{ padding:0; }

.backstageList{ display: flex; flex-wrap: wrap; }

/* PRODUCTS SLICK */
.products_box.prod_detail .detail_photo .prod_photo{ background-repeat:no-repeat; background-size:contain; background-position:center; padding-top:100%; border-radius:20px; }
.prod_photo_plug{ padding:0 10px; margin-top:10px;}
.prod_photo_plug .pro_photo_gallery .prod_item{ position:relative; display:inline-block; min-height:104px; cursor:pointer; }
.prod_photo_plug .pro_photo_gallery>.prod_item{ max-width:25%; }
.prod_photo_plug .pro_photo_gallery .prod_item img{ position: absolute; top:50%; transform:translateY(-50%); width:100%; }
/*.slick-slide.slick-active{ padding:5px; opacity:6;}*/
.slick-slide>div{ padding:5px; opacity:6;}

.block_box{ margin-bottom:30px; box-shadow:0 5px 10px 0 rgba(0,0,0,.1); width:100%; background-color:#fff; border:1px solid #ccc; padding:10px; border-radius:10px; }
.block_box.newsStyle{ padding: 100px 40px; box-shadow:none; border:1px solid #be8a43; border-radius:50px; }
.block_box.newsStyle2{ padding: 40px; box-shadow:none; border:1px solid #777; border-radius:30px; }
.block_box.newsStyle3{ padding: 40px; box-shadow:none; border:1px solid #be8a43; border-radius:30px; }

.prod_table{ margin-bottom:30px; box-shadow:none; width:100%; background-color:#fff; border:1px solid #be8a43; border-radius:30px; border-collapse:separate; border-spacing:0; overflow:hidden;}
.prod_table.newsStyle{ border:1px solid #777; border-radius:15px; }
.prod_table tr:nth-child(even) td:not(.table-condensed td){ background-color:#fff;}
.prod_table th{ background-color:#be8a43; color:#fff; font-size:22px; padding:15px; }
.prod_table td{ font-size:22px; padding:15px; border-bottom:1px solid #999; }
.prod_table td span{ font-size:inherit; }
.prod_table td .more_btn{ display:inline-block; line-height:56px; height:56px; background-color:#be8a43; color:#fff; font-size:22px; padding:0 30px; border-radius:100px; cursor:pointer; white-space:nowrap; }
.prod_table td .more_btn.fixed{ color:#ffffff; background-color:#0764a1; line-height:unset; height:unset; width:auto; font-weight:500; margin:0; padding:0 15px 0 10px; border-radius:5px; position:relative; cursor:pointer; }
.prod_table td .more_btn.fixed:focus,
.prod_table td .more_btn.fixed:hover{ background-color:#deeff9; }
.prod_table td .more_btn.fixed::after{content:unset;}
.prod_table td .more_btn.fixed .supPlus{ font-weight:500; color:inherit; position:absolute; top:-4px; right:6px; }
.prod_table td .del_btn{ border: none; background: none; width: 30px; height: 30px; position: relative; }
.prod_table td .del_btn:before{ content: ""; display: block; width: 3px; height: 30px; background-color: #777; transform: rotate(45deg); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.prod_table td .del_btn:after{ content: ""; display: block; width: 3px; height: 30px; background-color: #777; transform: rotate(-45deg); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.prod_table tr:last-child td{ border-bottom:none; }
.prod_table.shop01_date{ overflow:unset; }
.p_wrapper .prod_table{ box-shadow:none; border:0;}

.prod_table_first{ margin-bottom: 60px; }

.prod_table.sm{ border: 2px solid #be8a43; }
.prod_table.sm th{ font-size: 16px; padding: 15px 10px; }
.prod_table.sm td{ font-size: 16px; padding: 15px 10px; }


.prodTabFlex{ display: flex; align-items: center; }
.prodTabFlex .td01{ width: 60px; min-width: 60px; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; }
.prodTabFlex .td01:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.prodTabFlex .td02{ padding: 0 0 0 15px; font-size: 22px; color: #333; }
.prodTabFlex .td02 p{ font-size: 16px; }

.proBlockList{ border: 1px solid #777; border-radius: 15px; margin-bottom: 30px; padding: 20px; }
.proBlockList .shop_info:first-child{ border: none; }
.proBlockList .shop_info .calculate .sale_style:first-child{ border: none; padding-top: 0; }

.shop_info{ border-top:1px solid #ccc;}
.shop_info.noBorder{ border: none; }
.shop_info .dade_box{ background-color:#cda872; display:flex; border-radius:5px;}
.shop_info .dade_box .date_select{ position:relative; flex:1; padding:10px; color:#fff;}
.shop_info .calculate{ width:100%; padding:5px 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.shop_info .calculate .date_style{ width:50%; padding:0px 10px;}
.shop_info .calculate .date_style.one{ width: 100%; }
.shop_info .calculate .date_style .date_select{ position:relative; padding-bottom:5px; }
.shop_info .calculate .date_style .date_select:last-child{ padding-bottom:0px; }
.shop_info .calculate .date_style .date_select .txt{ font-size: 22px; }

.shop_info .calculate .sale_style{ width:50%;  padding:0 10px;}
.shop_info .calculate .sale_style label{ display:block;}
.shop_info .calculate .total_style{ width:50%; text-align:right; padding:10px;}
.shop_info .calculate .total_style p .mark{ font-size:1.1em; color:#b01f24; font-weight:700;}
.shop_info .calculate.select_lable{ display:flex; justify-content:flex-start;}
.shop_info .calculate.select_lable.half{ width:50%;}
.shop_info .calculate.select_lable.shop_agree{ width:100%; }

.shop_info .calculate .newsSt{ padding: 0 0 0 20px; }
.shop_info .calculate .newsSt .from_label_block label{ font-size: 22px; color: #777; }

.shop_info label{ padding:5px 0; cursor:pointer;}
.shop_info label .labelTxt{ font-size: 22px; color: #333; }
.shop_info .from_label_block{ display:block; }
.shop_info .from_label_block label input[type=text]{ display:block; margin:5px 0 0 25px !important; width:auto; }
.shop_info .from_label_block.disabled_radio{ }
.shop_info .from_label_block.disabled_radio *{ color:#afaca6 !important; cursor:no-drop !important; }
.shop_info .from_label_block.disabled_radio *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#afaca6; opacity:1; /* Firefox */ }
.shop_info .from_label_block.disabled_radio *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#afaca6; }
.shop_info .from_label_block.disabled_radio *::-ms-input-placeholder { /* Microsoft Edge */ color:#afaca6; }
.shop_info .from_label_block.disabled_radio .text_before{ border:1px solid #e0ddce !important; }
.shop_info .calculate.select_lable label{ padding-right:20px;}
.shop_info .calculate.select_lable label input{ padding:0;}
/*.shop_info .calculate.select_lable label input{ width:0; height:0; padding:0;}*/
.shop_info input.datetimepicker{ display:none; background-color:#fff; width:120px; font-size: 22px; border:none; }
.shop_info input.datetimepicker.dt_show{ display:inline-block;}
.shop_info input.from_style{ border:1px solid #ccc; line-height:35px; height:35px; color:#333; width:calc(100% - 22px); margin-left:5px; padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff;}
.shop_info .t_ticket{ font-weight: 500; display:inline-block; padding-left:20px; line-height:2.125rem; }
.shop_info .t_ticket#delivery_success,
.shop_info .t_ticket#delivery_failure{ padding-left: 25px; }
.shop_info .t_ticket,
.shop_info .t_ticket span{ color:#17a217; -webkit-text-fill-color:#17a217; }
.shop_info .t_ticket.wrong,
.shop_info .t_ticket.wrong span{ color:#ea5541; -webkit-text-fill-color:#ea5541; }

.shop_info .total_box{ padding:10px 3px 10px; margin-top:4px; border-top:1px solid #777; }
.shop_info .total_box p .mark{ font-size:1.1em; color:#b01f24; font-weight:700;}

.shop_info label.flex{ display: flex !important; align-items: baseline; }
.shop_info label.flex .flexTxt{ flex:1; }
.shop_info label.flex .flexTxt .from_style{ height: 48px; line-height: 48px; background: none; border: 1px solid #777; width: 100%; font-size: 20px; }

.shop_info label input[type="radio"]{ width:0; height:0; opacity:0;}
.shop_info label input[type="radio"] + .point{ width:20px; height:20px; border-radius:50%; display:inline-block; border:1px solid #ccc; margin-right:5px; position:relative; vertical-align: middle; transition:.3s;}
.shop_info label input[type="radio"] + .point::after{ content:""; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background:rgba(234,85,65,0); transition:.3s;}
.shop_info label input[type="radio"]:checked + .point{ border:1px solid #be8a43; transition:.3s;}
.shop_info label input[type="radio"]:checked + .point::after{ background:#be8a43; transition:.3s;}


.remarkTxt{ display: flex; padding: 5px 0 10px 0; align-items: baseline; }
.remarkTxt .txt{ font-size: 22px; color: #b01f24; line-height:1.4; flex:1; }
.remarkTxt .icons{ width: 20px; height: 20px; margin-right: 5px; border-radius: 100%; background-color: #b01f24; }

.contact_box{ padding:30px;}

.cowImgs{ position:absolute; bottom:0; right:5%; width:24.58%; z-index:1; }
.cowImgs:after{ content:""; display:block; width:100%; padding-bottom:74%; background-image:url(../image/page/cow_img.svg); background-repeat:no-repeat; background-position:center; background-size:cover; }

@media screen and (max-width: 767px){
    .shop_info .from_label_block label input[type=text]{ width:calc(100% - 25px) !important; }
    .shop_info .total_box{ border-top:none; margin-top:-4px; }
}


.flex_wrap{ display:flex; flex-wrap:wrap; align-content: flex-start; }
@media screen and ( max-width: 1330px){
    .flex_wrap.specialSty{ display: block; } 
    .flex_wrap.specialSty .from{ width: 100%; }
}
.flex_wrap .from{ width:50%; font-size:16px; color:#333; padding:5px;}
.flex_wrap .from .title{ font-size: 22px; font-weight: 700; }
.flex_wrap .from .title.t_top{ vertical-align:top; }
.flex_wrap .from .plainText{ font-size: 22px; font-weight: 500; color: #777; }
.flex_wrap .from input{ border:1px solid #777; line-height:60px; height:60px; color:#333; padding:0 5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; font-size: 20px; }
.flex_wrap .from label[data-type="radio"]{ padding-right:20px; font-size: 22px; }
.flex_wrap .from label input[type=radio]{ height:0; padding:0; }
.flex_wrap .from .input_date{ position:relative; display:inline-block; }
.flex_wrap .from .input_date .icon{ width:20px; height:20px; line-height:20px; font-size:1.125rem; position:absolute; top:50%; right:7px; bottom:0; transform:translateY(-50%); margin:auto; cursor:pointer; }
.flex_wrap .from .more_btn.more_btn_basepassword{ margin-left:5px; height: 48px; line-height: 48px; }

.flex_wrap .imap{ width: 50%; }
.flex_wrap .iframes{ position: relative; padding-bottom: 56%; }
.flex_wrap .iframes iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;  }
.flex_wrap .full{ width:100%;}
.flex_wrap .half_full{ width:calc(100% - 100px); }
.flex_wrap.add_from{ width:100%; display:table; transition:.3s;}
.flex_wrap.add_from .field{ padding:5px 5px 0 0; display:table-cell;}
.flex_wrap.add_from .field.address01{ width:200px; display:block;}
.flex_wrap.add_from .field.address02{ width:120px;}
.flex_wrap.add_from .field.address03{ width:70px;}
.flex_wrap.add_from .field.ad00_infomation{ display:inline-block; width:200px; }
.flex_wrap.add_from .field input{ width:100%;}
.flex_wrap.add_from .field select{ width:100%;}
.flex_wrap.add_from .field .more_btn{ padding:0 20px; background-color:#b01f24; line-height: 48px; height: 48px; }
.flex_wrap.add_from .field .more_btn img{ display:inline-block; width:16px; margin-right:5px; }
.flex_wrap.add_from .field .more_btn span{ display:inline-block; font-size:16px; white-space:nowrap; color:#ffffff; vertical-align:text-top; }

.flex_wrap.add_from.m_base{ margin:0 0 25px 0px; }
.flex_wrap.add_from.m_base .add_row{ display:table; width:100%; }
.flex_wrap.add_from.m_base .add_row .field.address01{ display:inline-block; width:200px;}
.flex_wrap.add_from.m_base .add_row .field.address02{ width:100px;}
.flex_wrap.add_from.m_base .add_row .field.address03{ width:130px;}
.flex_wrap.add_from.m_base .add_row .field.address04{ width:80px;}
.flex_wrap.add_from.m_base .add_row .field.address06{ width:80px; padding:0 5px 0 0; vertical-align:bottom; }
.flex_wrap.add_from.m_base .add_row .field.ad00_infomation{ display:inline-block; width:400px; padding:5px 0 0; }
.flex_wrap.add_from.m_base .add_row .field.ad00_infomation input{ display:inline-block; width:calc(50% - 5px); }

.flex_wrap.flex_wrap_step4 .p_line{ display:block;margin-top:5px; padding-top:3px; width:100%; border-top:none; }

.flex_wrap label input{ width:0; height:0; opacity:0;}
.flex_wrap label input + .point{ width:20px; height:20px; border-radius:50%; display:inline-block; border:1px solid #ccc; margin-right:5px; position:relative; vertical-align: middle; transition:.3s;}
.flex_wrap label input + .point::after{ content:""; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background:rgba(234,85,65,0); transition:.3s;}
.flex_wrap label input:checked + .point{ border:1px solid #be8a43; transition:.3s;}
.flex_wrap label input:checked + .point::after{ background:#be8a43; transition:.3s;}
.flex_wrap label input.text_before{ opacity:1; line-height:35px; height:35px; width:calc(50% - 20px); margin:-10px 0px -10px 10px; padding:0 10px !important; }

.flex_wrap textarea{ max-width:100%; height:200px; }

.flex_wrap_box{ display:flex; }
.flex_wrap_box .flex_wrap{ width:50%; }
.flex_wrap_box .flex_wrap .from{ width:100%; word-break:break-all; }

.flex_wrap .lineSpace{ width: 100%; height: 2px; background-color: #777; margin: 10px 0; }

.flex_wrap .from.flexMember{ display: flex; align-items: baseline; padding: 10px; }
.flex_wrap .from.flexMember .fromGa{ padding-right: 10px; }
.flex_wrap .from.flexMember .fromGa .title{ font-weight: 700; color: #777; }
.flex_wrap .from.flexMember .fromGb{ flex:1; }
.flex_wrap .from.flexMember .fromGb .tops .txt{ font-size: 22px; }
.flex_wrap .from.flexMember .fromGb .tops .txt .i{ font-size: inherit; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox{ display: flex; align-items: center; margin-left: -10px; flex-wrap: wrap; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid{ padding: 0 0 0 10px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt01{ width: 110px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt02{ width: 200px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt03{ width: 100px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt04{ width: 150px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt05{ width: 80px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt06{ width: 100px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.flexauto{ flex:1; }
.flex_wrap .from.flexMember .fromGb .bottoms{ padding-top: 10px; }
.flex_wrap .from.flexMember .fromGb .bottoms .txtGray{ color: #bbb; font-size: 22px; }
.flex_wrap .from .input{ height: 48px; line-height: 48px; background: none; border: 1px solid #777; width: 100%; font-size: 20px; }
.flex_wrap .from .select{ background: url(../image/layout/select_arrow.png) no-repeat center right; }


.flexRanges{ max-width: 890px; margin: auto; width: 100%; }
.flexRanges h3{ font-size: 36px; color: #be8a43; padding-bottom: 40px; }
.flexRanges .from .btn_box .more_btn{ width: 100%; padding: 0 10px; }
.flexRanges .from .btn_box.disFlex{ display: flex; grid-gap:0 20px; }
.flexRanges .from .cancel_style{ border-radius: 100px; background-color: #727171; }

.shop_end{ text-align:center; margin:0 auto 50px; }
.shop_end .shop_eIcon{ display:block; margin:18px auto; }
.shop_end .shop_eIcon img{ width:180px; max-width:100%; }
.shop_end .shop_eIcon.shop_payment{ position:relative; height:180px; padding:10px; display: flex; justify-content: center; align-items: center; }
.shop_end .shop_eIcon.shop_payment::before{ z-index:0; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#be8a43; height:140px; width:140px; border-radius:50%; }
.shop_end .shop_eIcon.shop_payment img{ position:relative; z-index:1; height:auto; width:90px; }
.shop_end .shop_eImportant{ color:#b01f24; margin:8px 0; font-size:30px; text-align:center; font-weight: 700; }
.shop_end .shop_eCont{ font-size:22px; line-height:2; font-weight: 500; color: #555; }
.shop_end .shop_eCont .center_line{ position:relative; padding-right:1.75rem; }
.shop_end .shop_eCont .center_line::before{ content:""; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); width:1px; height:80%; border-right:1px solid #333; }

/*SHOP_WAITTING*/
.shop_end_waitting{ margin-bottom:30px; }
.shop_end_waitting .shop_eImportant{ font-size:30px; font-weight:700; margin:60px 0 0px 12px; }
.shop_end_waitting .se_icon{ margin:auto; }
.shop_end_waitting .se_info{ margin:0 auto; text-align:left; max-width:480px; }
.shop_end_waitting .se_info .block_box{ border:none; box-shadow:unset; }
.shop_end_waitting .se_info .block_box .from{ border-bottom:1px solid #c9cdd0; }
.shop_end_waitting .se_info .block_box .from:last-child{ border-bottom:unset; }
.shop_end_waitting .se_info .block_box .from .title{ display:inline-block; width:auto; }
@media screen and (min-width: 768px){
	.shop_end_waitting{ display:flex; }
	.shop_end_waitting .shop_eImportant{ text-align:left; }
	.shop_end_waitting .se_icon{ width:50%; }
	.shop_end_waitting .se_icon .shop_eIcon.shop_payment{ height:220px; padding:15px; }
	.shop_end_waitting .se_icon .shop_eIcon.shop_payment img{ height:auto; width:144px; }
	.shop_end_waitting .se_icon .shop_eIcon.shop_payment::before{ height:220px; width:220px; }
	.shop_end_waitting .se_info{ width:50%; max-width:unset; margin:auto 0 0 0; }
    
    .flex_wrap.add_from .field .more_btn{ display:flex; align-items:center; justify-content:center; }
    .flex_wrap.add_from .field .more_btn#addressJoinBtn{ width: 72px; padding: 0; }
}

.block_box .shop_end{ position:relative; padding-bottom:40px; margin-bottom:40px; }
.block_box .shop_end::before{ content:""; position:absolute; bottom:0%; left:50%; transform:translateX(-50%); width:calc(100% - 20px); border-bottom:1px solid #777; }

.block_box .shop_important{ color:#b01f24; margin:8px 0; font-size:30px; text-align:center; font-weight: 700; }
.block_box .shop_important_cont{ margin-bottom:25px; }

/*LIGHTBOX*/
.lightbox{ background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index:200; }
.lightbox .marbox{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; }
.lightbox .w_bg{ width:90%; max-width:600px; height:90%; max-height:560px; background:#fff; padding:20px; overflow:auto; }
.lightbox .closebox{ text-align:right; }
.lightbox .closebox .btn{ display: inline-block; width: 22px; height: 22px; position: relative; cursor: pointer; }
.lightbox .closebox .btn:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 2px; background: #bfbfbf; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.lightbox .closebox .btn:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 2px; background: #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.lightbox .limainTitle{ font-size:20px; font-weight: bold; margin:0 0 30px 0; border-bottom: 1px solid #ccc; padding:0 0 20px 0; text-align: center; }
.lightbox .content_box{ padding:0 10px; }
.lightbox .address_list{ display:flex; flex-wrap:wrap; }
.lightbox .address_list:last-child{ }
.lightbox .address_list .address_item{ display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; }
.lightbox .address_list .address_item:last-child{ padding-bottom:unset; margin-bottom:unset; border-bottom:none; }
.lightbox .address_list .address_item .more_btn{ width:auto; height:100%/*45px*/; margin:0; }
.lightbox .address_list .address_item .more_btn::after{ display:none; }
.lightbox .address_list .address_item .more_btn.htAuto{ height:auto; }
.lightbox .address_list .address_item .address_name{ display:none; }
.lightbox .address_list .address_item .address_info{ display:flex; flex-direction:row; flex-wrap:wrap; width:calc(100% - 100px); padding-left:10px; }
.lightbox .address_list .address_item .address_info .address_name{ display:inline-block; margin-top:auto; width:100%; }
.lightbox .address_list .address_item .address_info .address_name .ad_n01,
.lightbox .address_list .address_item .address_info .address_name .ad_n02{ display:block; }
.lightbox .address_list .address_item .address_info .address_detail{ margin-top:auto; width:100%; }

/*MEMBER REGIST*/
.login_info{ margin:0 auto; border-top:1px solid #ccc; }
.login_info.flex_wrap .from input{ width:100%; }
.flex_wrap .from.from_code,
.login_info.flex_wrap .from.from_code{ display:flex; flex-wrap: wrap; align-items: center; }
.flex_wrap .from.from_code .wh01,
.login_info.flex_wrap .from.from_code .wh01{ width:100px; }
.flex_wrap .from.from_code .wh02,
.login_info.flex_wrap .from.from_code .wh02{  }
.flex_wrap .from.from_code .wh03,
.login_info.flex_wrap .from.from_code .wh03{ line-height:1em; width:170px; text-align:right; padding-top:1px; }
.flex_wrap .from.from_code .wh03,
.login_info.flex_wrap .from.from_code .wh03 img{ height:60px; }
.flex_wrap .from.from_code .wh04,
.login_info.flex_wrap .from.from_code .wh04{ line-height:60px; width:60px; text-align:center; }
.login_info.flex_wrap .from.from_code .wh04 .fa{ font-size: 36px; color: #be8a43; }
.login_info.flex_wrap .from.from_code .wh04 a{ display: block; }

span.red{ font-size: inherit; color:#ea5541; display:inline-block !important; width:auto !important; }

.flex_wrap .res{ font-size: 22px; color: #777; font-weight: 700; }
.flex_wrap .red,
.flex_wrap .res span{ color:#ea5541; font-size: inherit; }

.resTxtBox{ display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.resTxtBox .lines{ flex:1; height: 2px; background-color: #be8a43; }
.resTxtBox .resH1{ padding: 0 50px; font-size: 22px; color: #777; }
.resTxtBox .resH1 span.red{ font-size: inherit; color: #ea5541; font-weight: inherit; }

/*ONE Block*/
.oneBlock { width: 100%; }
.oneBlock .titleSTY01{ display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
.oneBlock .titleSTY01 .txt{ font-size: 30px; color: #555; font-family: 'Noto Serif TC'; font-weight: 700; padding: 0 30px; }
.oneBlock .titleSTY01 .icon{ width: 50px; }
.oneBlock .titleSTY01 .icon:after{ content: ""; display: block; width: 100%; padding-bottom: 52%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_water_left.svg); }
.oneBlock .titleSTY01 .icon.right:after{ background-image: url(../image/page/icon_water_right.svg); }

/*PUBLICv1*/
.divider{ padding-top:20px; margin-bottom:20px; border-bottom:1px solid #ccc; }

.public_box{ display:flex; flex-wrap:nowrap; width:100%; padding:80px 0 160px 0; }
.public_box.pagePad{ padding: 80px 0 40px 0; }
.public_box .p_menu{ width:100%; }
.public_box .p_menu .p_menu_title{ margin-bottom: 80px; }
.public_box .p_menu .p_menu_title .ch{ font-size: 66px; color: #666; font-weight: 700; font-family: 'Noto Serif TC'; }
.public_box .p_menu .p_menu_title .en{ font-size: 24px; color: #666; font-weight: 700; letter-spacing: 4px; }
.public_box .p_menu .p_menu_mHover{ display:none; }

.public_box .p_menu .p_menu_box{ display: flex; flex-direction: column; align-items: flex-start; }
.public_box .p_menu .p_menu_box .p_item{ display:block; margin-bottom:20px; }
.public_box .p_menu .p_menu_box .p_item span{ display:block; font-size:28px; color:#333; padding:20px 40px; border-radius:100px; font-weight:500; }
.public_box .p_menu .p_menu_box .p_item:hover span{ color:#055faf; }
.public_box .p_menu .p_menu_box .p_item.hover span{ background-color:#efefef; }

.public_box .public_left{ width:36%; padding: 0 20px 0 40px; }

.public_box .p_wrapper.pw_full{ width:100% !important; padding:20px; }

.public_box .p_wrapper{ position: relative; padding: 50px; flex: auto; width: 64%; background: #efefef; border-radius: 40px 0 0 40px; }

@media screen and ( max-width: 1280px) {
    .public_box .public_left{ width: 33%; }
    .public_box .p_wrapper{ width: 67%; }
}

.public_box .p_wrapper:after{ content: ""; display: block; background: #efefef; position: absolute; top: 0; bottom: 0; right: -50%; z-index: 1; width: 100%; margin: auto; }
.public_box .p_wrapper .p_ranges{ position:relative; z-index:5; }
.public_box .p_wrapper .p_table{ width:100%; }
.public_box .p_wrapper .p_table.t-center,
.public_box .p_wrapper .p_table.t-center .p_table_header>div{ text-align:center; }
.public_box .p_wrapper .p_table .p_table_header{ border-bottom:1px solid #ccc; }
.public_box .p_wrapper .p_table .p_table_header>div{ display:block; text-align:center; background-color:#055faf; color:#fff; padding:10px; }

.public_box .p_wrapper .p_table .p_table_body{ width:100%; }
.public_box .p_wrapper .p_table .p_table_item:hover *{ color:#055faf !important; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic{ vertical-align:top; width:36.7%; padding:30px 0; border-bottom:2px solid #777; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic .picImg{ width:100%; padding-bottom:100%; border-radius:70px; overflow:hidden; position:relative; background-color:#fff; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic .picImg img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic img{ width:100%; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic img.mb_pic{ display:none; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info{ vertical-align:top; padding:30px 0 30px 60px; border-bottom:2px solid #777; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box{ display:flex; flex-wrap:wrap; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_date,
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_title{ width:100%; color:#333;}
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_date{ font-size:24px; color:#777; font-weight:500; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_title{ padding:0 0 60px 0; font-size:30px; font-weight:500;}
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns{ text-align:right; width:100%; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns{ background-color:#be8a43; display:inline-flex; align-items: center; border-radius:100px; padding:10px 25px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns .itxt{ color:#fff; font-size:20px; font-weight:500; padding:0 10px 0 0; line-height: normal; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns .icon{ width:20px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns .icon:after{ content:""; display:block; width:100%; padding-bottom:100%; background-position:center; background-repeat:no-repeat; background-image:url(../image/page/icon_arrow.svg); background-size:100%; }
.public_box .p_wrapper .p_table .p_table_item:hover .p_table_info .info_box .p_btns .btns{ background-color:#055faf; }
.public_box .p_wrapper .p_table .p_table_item:hover .p_table_info .info_box .p_btns .btns .itxt{ color:#fff !important; }

.public_box .p_wrapper .p_table .p_table_item.d-nodata{ display:block; padding:30px 0; }
.public_box .p_wrapper .p_table .p_table_item:last-child .p_table_pic{ border:0;}
.public_box .p_wrapper .p_table .p_table_item:last-child .p_table_info{ border:0;}

.public_box .p_wrapper>h3.title{ /*font-size:35px; */font-family:'Noto Serif TC'; font-weight:700; margin:0 0 20px 0;}
.public_box .p_wrapper>.date{ font-size:14px; color:#777; margin:20px 0; line-height:1.8; }
.public_box .p_wrapper>.contentBox{ font-weight:500; margin:20px 0; line-height:1.8; }
.public_box .p_wrapper img{ display:block; max-width:100%; margin:0 auto; width:auto !important; height:auto !important; }
.public_box .p_wrapper iframe{ max-width:100%;}
.public_box .p_wrapper .back{  }

.public_box .p_wrapper h3.title{ text-align:left; font-size:30px; font-family: 'Noto Sans TC', sans-serif; }
.public_box .p_wrapper .date{ color:#777; font-size:22px; }
.public_box .p_wrapper p{ color:#777; font-size:22px; }

/*MEMBER*/
.p_tagbox{ margin-bottom:15px; overflow:hidden; }
.p_tagbox .more_btn{ margin-right:10px; width:auto; border-radius:5px; font-size: 20px; line-height: 42px; height: 42px; padding: 0 20px; }
.p_tagbox .more_btn.tag_disable{ background-color: #efefef; border-color: #777; color: #777; }
.p_tagbox .more_btn:last-child{ margin-right:0px; }
.p_tagbox .more_btn:after{ display:none; }

.p_search{ margin-bottom:15px; }
.p_search .flex_wrap .from{ display:flex; }
.p_search .flex_wrap .from .title{ display:inline-block; }
.p_search .flex_wrap .from .input_date{ display:inline-block; width: 100%; }
.p_search .flex_wrap .from .input_range{ padding:0 8px; margin:auto 0; }
.p_search .flex_wrap .from.ps_title{ font-size: 22px; font-weight: 700; color: #777; }

/*PUBLICvFAQ*/
.public_box.public_faq{ position:relative; }
.public_box.public_faq .p_wrapper{ width:calc(100% - 150px); padding-left:20px; padding-right:35px; }
.public_box.public_faq .p_img{ text-align:center; padding:105px 20px 0 0; max-width:150px; width:150px; /*height:100%;*/ }
.public_box.public_faq .p_img img{ width:100%; }

/*ODEMO*/
.public_box.public_faq .p_img.p_img_odemo img{ max-width:137px; }

.odemo_sub{ font-size:1.25rem !important; }
.odemo_cont{ font-size:1.125rem !important; }
.demon_line_height_large{ line-height:2rem !important; }
.odemo_big_center{ display:block; max-width:650px; padding-bottom:5px; text-align:center; font-size:1.5rem; line-height:3rem; font-weight:bold; }
.odemo_table{ display:flex; }
.odemo_table .t_num{ width:20px; }
.odemo_table .t_con{ width:calc(100% - 20px); }
.odemo_table .t_num,
.odemo_table .t_con,
.odemo_table .t_con span{ font-size:1rem; line-height:1.8; }

.odemo_table.ot_v2 .t_num{ width:38px; }
.odemo_table.ot_v2 .t_con{ width:calc(100% - 38px); }

.odemo_img_01{ /*max-width:550px !important;*/ }
.odemo_img_01_box{ max-width:650px; width:100%; text-align:center; }

.odemo_picTable{ width:calc(98% - 1rem); max-width:550px; margin:10px auto 10px 1rem; border:0; background:none; box-shadow:none; }
.odemo_picTable thead th{ text-align:center; }
.odemo_picTable tbody tr{ border:1px solid #ccc; background-color:#fff; position:relative;}
.odemo_picTable tbody tr td{ text-align:center; border:0;}
.odemo_picTable tbody tr td.mobile_title{ font-weight:500; color:#055faf; font-size:20px;}

.odemo_space{ padding-bottom:10px; }

.public_box.public_faq.public_sProcess{ flex-wrap:wrap; }
.public_box.public_faq.public_sProcess .warring_title{ display:block; width:100%; margin-top:auto; padding:10px; }
.public_box.public_faq.public_sProcess .warring_title .warring_box{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ced7df; }
.public_box.public_faq.public_sProcess .warring_title .warring_box .odemo_sub{ display:block; font-size:24px !important; font-weight:bold; color:#dc6161; text-align:center; padding-bottom:24px; }
.public_box.public_faq.public_sProcess .warring_title .warring_box .t_con{ line-height:1.8rem; }
.public_box.public_faq.public_sProcess .warring_title .title{ position:relative !important; top:auto; left:auto; width:100% !important; margin-bottom:0; padding-bottom:0;}
.public_box.public_faq.public_sProcess .p_spcontent{ margin:0; }
.public_box.public_faq.public_sProcess .p_img_odemo{ padding:37px 20px 0 0; }

.public_box.public_faq.public_sProcess .p_wrapper.public_sProcess{ display: flex; flex-direction: row; flex-wrap: wrap; margin-top:-10px; width:calc(100% - 205px); padding-left:5px; padding-right:10px; }
.public_box.public_faq.public_sProcess .p_wrapper.public_sProcess .p_spcontent{ margin:0; }
.public_box.public_faq.public_sProcess .p_wrapper.public_sProcess .p_img_odemo{ padding:37px 20px 0 0; }

.t_con .StepWord{ padding-bottom:5px; font-weight:bold; font-size:16px;}
.t_con .StepWord .StepTag{ display:inline-block; border-radius:20px; background-color:#005bac; color:#fff; padding:1px 10px; margin:0 2px 0 0; font-size:14px;}
.t_con .StepImage{ border:1px solid #ccc; border-radius:10px; padding:10px;}

/**/
.flexTextContent{ width: 100%; }
.fontWT-700{ font-weight: 700; }
.fontWT-500{ font-weight: 500; }
.fontWT-300{ font-weight: 300; }

.fontSize-22{ font-size: 22px; }
.fontSize-36{ font-size: 36px; }

.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }
.mb-70{ margin-bottom: 70px; }
.mb-80{ margin-bottom: 80px; }
.mb-90{ margin-bottom: 90px; }
.mb-100{ margin-bottom: 100px; }
.mb-260{ margin-bottom: 260px; }
.mb-400{ margin-bottom: 400px; }

/*訂購須知*/
.noticeTitle{ display: flex; background-color: #fff; border-left:10px solid #0069ac; padding: 5px 200px 5px 15px; position: relative; }
.noticeTitle .h1{ font-size: 28px; color: #0069ac; font-weight: 700; }
.noticeTitle .icon{ position: absolute; bottom: 20px; right: 0; font-size: 0; overflow:hidden; }
.noticeTitle .icon:after{ content: ""; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }
.noticeTitle .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.noticeTitle .icon.i01{ width: 9.46%; }
.noticeTitle .icon.i01:after{ padding-bottom: 100%; width: 100%; }
.noticeTitle .icon.i02{ width: 13%; }
.noticeTitle .icon.i02:after{ padding-bottom: 55.3%; width: 100%; }
.noticeTitle .icon.i03{ width: 21%; }
.noticeTitle .icon.i03:after{ padding-bottom: 104%; width: 100%; }
.noticeTitle .icon.i04{ width: 13%; }
.noticeTitle .icon.i04:after{ padding-bottom: 90.4%; width: 100%; }
.noticeTitle .icon.i05{ width: 9%; }
.noticeTitle .icon.i05:after{ padding-bottom: 115%; width: 100%; }

.noticeFlex{ display: flex; flex-wrap: wrap; justify-content: center; }
.noticeFlex .grids{ width: 24%; padding: 15px; max-width: 190px; }
.noticeFlex .grids .imgbg{ width: 100%; background-color: #fff; position: relative; border-radius: 15px; }
.noticeFlex .grids .imgbg:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.noticeFlex .grids .imgbg .numberBox{ position: absolute; top: -20px; left: -20px; width: 50px; height: 50px; border-radius:50%; border: 5px solid #fff; font-size: 20px; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; background: #be8a43; z-index: 10; }
.noticeFlex .grids .imgbg .coffee{ position: absolute; top: 10px; bottom: 10px; right: 10px; left: 10px; margin: auto; border-radius: 15px; background-color: #be8a43; display: flex; justify-content: center; align-items: center; }
.noticeFlex .grids .imgbg .coffee .icons{ width: 70%; font-size: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.noticeFlex .grids .imgbg .coffee .icons:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.noticeFlex .grids .imgbg .coffee .icons.i01{ background-image: url(../image/page/icon_process_m_icon01.svg); }
.noticeFlex .grids .imgbg .coffee .icons.i02{ background-image: url(../image/page/icon_process_m_icon02.svg); }
.noticeFlex .grids .imgbg .coffee .icons.i03{ background-image: url(../image/page/icon_process_m_icon03.svg); }
.noticeFlex .grids .imgbg .coffee .icons.i04{ background-image: url(../image/page/icon_process_m_icon04.svg); }
.noticeFlex .grids .imgbg .coffee .icons.i05{ background-image: url(../image/page/icon_process_m_icon05.svg); }
.noticeFlex .grids .imgbg .coffee .icons.i06{ background-image: url(../image/page/icon_process_m_icon06.svg); }
.noticeFlex .grids .pTxt{ color: #000; font-size:20px; font-weight: 500; padding-top: 10px; text-align: center; }

.noticeFlex .arrow{ width: 14%; padding: 15px; display: flex; justify-content: center; align-items: center; }
.noticeFlex .arrow.sp{ display: none; }
.noticeFlex .arrow .bgs{ width: 80%; font-size: 0;  }
.noticeFlex .arrow .bgs:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; background-image: url(../image/page/icon_process_m_arrow.svg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.noticeTxt{ text-align: center; font-size: 18px; color: #888; max-width: 350px; margin: 0 auto 100px auto; }

.cardText{ display: flex; align-items: center; }
.cardText .icon{ width: 24px; font-size: 0; }
.cardText .icon:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; background-image: url(../image/page/icon_card.svg); background-position: center; background-size: cover; background-position: center; }
.cardText .txt_s{ flex:1; padding: 0 0 0 20px; font-size: 22px; font-weight: 900; color: #777; }

.riceText{ display: flex; align-items: flex-start; }
.riceText .icon{ width: 24px; font-size: 0; padding: 6px 0 0 0; }
.riceText .icon:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; background-image: url(../image/page/icon_rice.svg); background-position: center; background-size: cover; background-position: center; }
.riceText .txt_s{ flex:1; padding: 0 0 0 10px; font-size: 22px; font-weight: 500; color: #0069ac; }

.noticeTrxtBtn{ text-align:center; }
.noticeTrxtBtn .btnBuy{ display:inline-flex; line-height:76px; background-color:#be8a43; align-items: center; padding:10px 20px; border-radius:50px; }
.noticeTrxtBtn .btnBuy .icon{ width:26px; height:26px; background-image:url(../image/page/icon_shopping.svg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.noticeTrxtBtn .btnBuy .bTxt{ font-size:22px; color:#fff; padding:0 0 0 15px; }

.noticeImgEx .sp{ display: none; }

/* 點心 */
.dessert_bg{ position: relative; overflow: hidden; }
.dessert_bg .iicon01{ position: absolute; top: 2%; right: 0%; width: 7.8%; }
.dessert_bg .iicon01:after{ content: ""; background-image: url(../image/page/img_snacks_bg01.svg); display: block; padding-bottom: 144.73%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.dessert_bg .iicon02{ position: absolute; top: 25%; left: 0%; width: 8.6%; }
.dessert_bg .iicon02:after{ content: ""; background-image: url(../image/page/img_snacks_bg02.svg); display: block; padding-bottom: 135.92%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.dessert_bg .iicon03{ position: absolute; top: 40%; right: 0%; width: 8.5%; }
.dessert_bg .iicon03:after{ content: ""; background-image: url(../image/page/img_snacks_bg03.svg); display: block; padding-bottom: 135.36%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.dessert_bg .iicon04{ position: absolute; bottom: 10%; left: 0%; width: 8%; }
.dessert_bg .iicon04:after{ content: ""; background-image: url(../image/page/img_snacks_bg04.svg); display: block; padding-bottom: 144%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }

.dessertBox{ max-width: 1140px; width: 100%; position: relative; z-index: 5; padding: 160px 0 0 0; margin: auto; }
.dessertBox .dessertFlex{ display: flex; width: 100%; position: relative; }
.dessertBox .dessertFlex.right{ justify-content: flex-end; }
.dessertBox .dessertFlex .ds{ width: 50%; }
.dessertBox .dessertFlex .ds.wt1{ width: 30%; }
.dessertBox .dessertFlex .ds .titleH1{ display: flex; align-items: end; justify-content: center; margin-bottom: 30px; }
.dessertBox .dessertFlex .ds .titleH1 .spImg{ display: none; }
.dessertBox .dessertFlex .ds .titleH1 .numIcon{ width: 86px; font-size:0; }
.dessertBox .dessertFlex .ds .titleH1 .numIcon:after{ content: ""; display: block; width: 100%; padding-bottom: 109%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.dessertBox .dessertFlex .ds .titleH1 .numIcon.i01:after{ background-image: url(../image/page/img_snacks_no01.svg); }
.dessertBox .dessertFlex .ds .titleH1 .numIcon.i02:after{ background-image: url(../image/page/img_snacks_no02.svg); }
.dessertBox .dessertFlex .ds .titleH1 .numIcon.i03:after{ background-image: url(../image/page/img_snacks_no03.svg); }
.dessertBox .dessertFlex .ds .titleH1 .numTxt{ font-size: 30px; color: #555; font-weight: 700; padding: 0 0 0 20px; }
.dessertBox .dessertFlex .ds .ptxt{ text-align: center; color: #777; font-size: 22px; font-weight: 500; }
.dessertBox .dessertFlex .ds .spBox{ display: none; }

.dessertBox .dessertFlex .dimg01{ max-width: 439px; width: 38.5%; position: absolute; top: 0; left: 0; font-size:0; overflow:hidden; }
.dessertBox .dessertFlex .dimg01:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.dessertBox .dessertFlex .dimg01 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
.dessertBox .dessertFlex .dimg02{ max-width: 578px; width: 100%; font-size:0; overflow:hidden; position:relative; }
.dessertBox .dessertFlex .dimg02:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.dessertBox .dessertFlex .dimg02 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
.dessertBox .dessertFlex .dimg03{ max-width: 358px; width: 31%; position: absolute; top: -40%; left: 0; font-size:0; overflow:hidden; }
.dessertBox .dessertFlex .dimg03:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.dessertBox .dessertFlex .dimg03 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
.dessertBox .dessertFlex .dimg04{ max-width: 637px; width: 55.78%; position: absolute; top: -80%; right: 0; z-index: 2; font-size:0; overflow:hidden; }
.dessertBox .dessertFlex .dimg04:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.dessertBox .dessertFlex .dimg04 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }

.dessertBox .bottomCow{ display: flex; align-items: flex-start; }
.dessertBox .bottomCow .textbox{ flex:1; background-color: #f5f5f5; border-radius: 100px; padding: 15px 40px; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 10px; }
.dessertBox .bottomCow .textbox:after{ content: ""; display: block; position: absolute; bottom: -16px; right: 40px; width: 41px; height: 16px; background-image: url(../image/page/img_snacks_dialog.png); }
.dessertBox .bottomCow .textbox .txt{ font-size: 22px; font-weight: 500; color: #be8a43; padding: 0 10px; }
.dessertBox .bottomCow .textbox .doicon01{ width: 38px; font-size:0; }
.dessertBox .bottomCow .textbox .doicon01:after{ content: ""; display: block; width: 100%; padding-bottom: 52.62%; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../image/page/img_snacks_do01.svg); }
.dessertBox .bottomCow .textbox .doicon02{ width: 38px; font-size:0; }
.dessertBox .bottomCow .textbox .doicon02:after{ content: ""; display: block; width: 100%; padding-bottom: 52.62%; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../image/page/img_snacks_do02.svg); }
.dessertBox .bottomCow .cowImg{ width: 29%; }
.dessertBox .bottomCow .cowImg:after{ content: ""; display: block; width: 100%; padding-bottom: 75.75%; background-image: url(../image/page/img_snacks_cow.svg); background-size: cover; background-repeat: no-repeat; background-position: center; }

/*飲品*/
.drinksBox{ padding: 80px 0; }
.drinksTitle{ font-family: 'Noto Serif TC'; font-size: 36px; font-weight: 900; margin-bottom: 20px; color: #0069ac; }
.drinksTxt{ font-size: 22px; font-weight: 500; color: #777; line-height: 2; margin-bottom: 40px; }
.drinksImg{ width: 100%; margin-bottom: 120px; }

.drinksBox .noticeTitle{ background-color: #efefef; }
.drinksBox .noticeTitle .icon.i01{ width: 7.5%; }
.drinksBox .noticeTitle .icon.i02{ width: 10%; }
.drinksBox .noticeTitle .icon.i05{ width: 7%; }

.drinksBox .dTxt.center{ text-align: center; }
.drinksBox .signImg{ text-align: right; }
.drinksBox .signImg img{ width: 33%; max-width: 475px; }

/* CONTENT US */
.content_map{ width:100%; padding: 0 0 0 60px; }
.content_map.flexOne{ flex:1; width: auto; }
.content_map .map_line{ padding-bottom:20px;}
.content_map .map_line .fa{ width:17px; padding-right:3px; font-size:14px;}
.content_map .map_line a{ color:#339966;}
.content_map .map_line a:hover{ text-decoration:underline; }
.content_map .map_line.title{ font-size:36px; font-family:'Noto Serif TC'; font-weight:900; color:#055faf;}
.map_box{ flex-wrap:nowrap; align-items:center; padding: 0; margin-bottom: 80px; }

.content_map .mapList{ display: flex; margin-bottom: 20px; }
.content_map .mapList:last-child{ margin-bottom: 0; }
.content_map .mapList .icon{ width: 30px; height: 30px; margin-top: 3px; }
.content_map .mapList .txt{ font-size: 22px; color: #777; font-weight: 500; flex:1; padding: 0 0 0 10px; }
.content_map .mapList .txt a{ font-size: inherit; color: inherit; font-weight: inherit; }

/*ABOUT*/
.text-blue{ color:#0764a1; }
.text-green{ color:#339966;}
.text-gray{ color:#777;}
.text-red{ color:#ac1f25;}
.text-underline{ text-decoration:underline; }
.public_box .p_wrapper .about-margin-top{ margin-top:20px; }

.aboutNewImg{ border-radius:30px; overflow: hidden; font-size: 0; margin-bottom: 30px; }
.aboutNewImg img{ width: 100%; }
.aboutP{ color: #555; font-size: 22px; }

.contentBox.cb_v2{ position:relative; z-index:1; padding:30px 25px 25px; padding-bottom:330px; border-top:1px dashed #ccc; font-size: 22px; }
.contentBox.cb_v2 .cb_bg img{ opacity:.8; border-radius:0 0 25px 25px; }
.contentBox.cb_v2 .cb_bg{ position:absolute; opacity:0.3; bottom:0px; left:0; z-index:-1; }
.contentBox.cb_v2 .cb_bg .cb_svg { position:absolute; top:0; left:0; width:100%; overflow:hidden; line-height:0; }
.contentBox.cb_v2 .cb_bg .cb_svg svg { opacity:.5; position:relative; display:block; width:calc(100% + 1.3px); height:130px; }
.contentBox.cb_v2 .cb_bg .cb_svg .shape-fill { fill:#FFFFFFCC; }

.contentBox.cb_v3{ padding: 30px 0; border: none; font-size: 22px; }

/*ABOUT_02*/
.about_flex_title{ font-size:30px; padding-left:5px; font-family: 'Noto Serif TC'; position: relative; display: flex; align-items: center; color: #fff; font-weight: 700; }
.about_flex_title:before{ content: ""; display: block; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; margin-right: 10px; }
.about_flex{ display:flex; flex-wrap:wrap; margin-top:15px; margin-bottom:40px; padding:0; transition:background-color .4s; background-color:rgba(255,255,255,0); }
/*.about_flex:hover{ background-color:rgba(210,210,210,.1); }*/
.about_flex:last-child{ margin-bottom:0px; }
.about_flex .about_grid{ position:relative; display:flex; flex-wrap:revert; padding:30px; width:calc(50% - 10px); margin-right:10px; margin-bottom:15px; border-radius:15px; border: 2px solid #fff; }
.about_flex .about_grid:nth-child(even){ margin-right:0; margin-left:10px; }
/*.about_flex .about_grid::before{ opacity:.15; content:""; position:absolute; bottom:-30%; right:-5%; transform:rotate(25deg); height:100px; width:100px; background-repeat:no-repeat; background-size:contain; }*/
.about_flex .about_grid .grid_pic{ position:relative; width:100px; display:block; border-radius:15px; overflow: hidden; border: 2px solid #fff; align-self: center; }
.about_flex .about_grid .grid_pic:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.about_flex .about_grid .grid_pic img{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.about_flex .about_grid .grid_info{ display:flex; flex-wrap:wrap; align-content:center; flex:1; margin-left: 30px; padding-left: 30px; border-left: 2px solid #fff; }
.about_flex .about_grid .grid_info .grid_title span,
.about_flex .about_grid .grid_info .grid_addr,
.about_flex .about_grid .grid_info .grid_addr span,
.about_flex .about_grid .grid_info .grid_phone{ width:100%; font-size:1.25rem; }
.about_flex .about_grid .grid_info .grid_title{ width:100%; display:block; border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.about_flex .about_grid .grid_info .grid_title span{ color:#005bac; }
.about_flex .about_grid .grid_info a.grid_title span,.about_flex .about_grid .grid_info div.grid_title span{ position:relative; padding-right:18px; color: #fff; font-weight: 700; }

.about_flex .about_grid .grid_info .grid_addr{ color: #fff; }
.about_flex .about_grid .grid_info .grid_addr span{ position:relative; padding-left:0px; color: #fff; }
.about_flex .about_grid .grid_info .grid_addr .addr_marker{ display:inline-block; }
.about_flex .about_grid .grid_info .grid_addr .addr_marker img{ width:14px; height:14px; margin-left:5px; display:inline-block; }
.about_flex .about_grid .grid_info .gridTextFlex{ display: flex; width:100%; align-items: flex-start; }
.about_flex .about_grid .grid_info .gridTextFlex.share{ flex-wrap:wrap; }
.about_flex .about_grid .grid_info .gridTextFlex .icons{ width: 20px; margin-top:6px; }
.about_flex .about_grid .grid_info .gridTextFlex .icons.i01{ background-image: url(../image/page/icon_store_01.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.about_flex .about_grid .grid_info .gridTextFlex .icons.i02{ background-image: url(../image/page/icon_store_02.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.about_flex .about_grid .grid_info .gridTextFlex .icons.i03{ background-image: url(../image/page/icon_store_03.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.about_flex .about_grid .grid_info .gridTextFlex .icons.i04{ background-image: url(../image/page/icon_store_04.png); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.about_flex .about_grid .grid_info .gridTextFlex .icons:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.about_flex .about_grid .grid_info .gridTextFlex .itxt{ flex:1; font-size: 20px; color: #fff; padding: 0 0 0 10px; }
.about_flex .about_grid .grid_info .gridTextFlex .itxt a{ font-size: inherit; color: inherit; }

.about_flex .about_grid .grid_info .gridTextFlex .shareIcon{ width:16.6667%; padding:10px 10px 0 0; }
.about_flex .about_grid .grid_info .gridTextFlex .shareIcon .iconImg{ display:block; width:100%; padding-bottom:100%; overflow:hidden; background:#fff; border-radius:10px; position:relative; border:2px solid #0069ac; }
.about_flex .about_grid .grid_info .gridTextFlex .shareIcon .iconImg img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; }


.other_link{ padding:10px 0; }
.other_link span{ padding-right:10px; }
.other_link a{ color:#be8a43; font-size: inherit; font-weight: inherit; }
.other_link a:hover{ text-decoration:underline; }

.sortBlock{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:0 80px; max-width: 1000px; margin: auto; margin-bottom: 40px; }
.sortBlock .grids{ width: 100%; max-width: 264px; background-repeat: no-repeat; background-position: center; background-size: 100%; position: relative; }
.sortBlock .grids:after{ content: ""; display: block; width: 100%; padding-bottom: 100%; }
.sortBlock .grids .span{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fff; font-family: 'Noto Serif TC'; font-weight: 700; cursor: pointer; }
.sortBlock .grids:nth-child(1){ background-image: url(../image/page/spot_bg01.png); }
.sortBlock .grids:nth-child(2){ background-image: url(../image/page/spot_bg02.png); }
.sortBlock .grids:nth-child(3){ background-image: url(../image/page/spot_bg03.png); }
.sortBlock .grids:nth-child(4){ background-image: url(../image/page/spot_bg04.png); }

.areaBlock{ max-width: 1920px; margin: auto; }
.areaBlock .areaList{ padding: 100px 40px; position: relative; overflow: hidden; }
.areaBlock .areaList .mars{ max-width: 1140px; margin: auto; position: relative; z-index: 5; }

/*.areaBlock .areaList .aicon01{ width: 7%; position: absolute; top: 21%; left: 3%; z-index: 1; }
.areaBlock .areaList .aicon01:after{ content: ""; display: block; width: 100%; padding-bottom: 109.79%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img01.svg); }*/

.areaBlock .areaList .aicon01{ width: 8%; position: absolute; bottom: 3.5%; right: -2%; z-index: 1; }
.areaBlock .areaList .aicon01:after{ content: ""; display: block; width: 100%; padding-bottom: 117.64%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img02.svg); }

/*.areaBlock .areaList .aicon03{ width: 7%; position: absolute; bottom: 29%; left: 5.5%; z-index: 1; }
.areaBlock .areaList .aicon03:after{ content: ""; display: block; width: 100%; padding-bottom: 112.5%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img03.svg); }*/

.areaBlock .areaList .aicon02{ width: 7%; position: absolute; bottom: 3.5%; right: 1.5%; z-index: 1; }
.areaBlock .areaList .aicon02:after{ content: ""; display: block; width: 100%; padding-bottom: 93.83%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img04.svg); }

/*.areaBlock .areaList .aicon05{ width: 7%; position: absolute; top: 27%; left: -2%; z-index: 1; }
.areaBlock .areaList .aicon05:after{ content: ""; display: block; width: 100%; padding-bottom: 117.64%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img02_1.svg); }*/

.areaBlock .areaList .aicon03{ width: 8%; position: absolute;  bottom: 3.5%; right: 2%; z-index: 1; }
.areaBlock .areaList .aicon03:after{ content: ""; display: block; width: 100%; padding-bottom: 109.79%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img01_1.svg); }

/*.areaBlock .areaList .aicon07{ width: 4%; position: absolute; bottom: 12%; left: 5%; z-index: 1; }
.areaBlock .areaList .aicon07:after{ content: ""; display: block; width: 100%; padding-bottom: 198.68%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img05.svg); }
.areaBlock .areaList .aicon07-sp01{ display: none; }
.areaBlock .areaList .aicon07-sp02{ display: none; }*/

.areaBlock .areaList .aicon04{ width: 7%; position: absolute; bottom: 6%; right: 2%; z-index: 1; }
.areaBlock .areaList .aicon04:after{ content: ""; display: block; width: 100%; padding-bottom: 118.47%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img06.svg); }

@media screen and ( max-width: 1280px) {
    /*.areaBlock .areaList .aicon01{ left: -1%; }*/
    /*.areaBlock .areaList .aicon03{ left: 0.5%; }*/
    /*.areaBlock .areaList .aicon03{ right: -2%; }*/
    /*.areaBlock .areaList .aicon07{ left: -1%; }*/
    .areaBlock .areaList .aicon04{ bottom: 2%; right: 1%; }
}

.areaBlock .areaList.area01{ background-color: #0069ac; }
.areaBlock .areaList.area02{ background-color: #efefef; }
.areaBlock .areaList.area02 .about_flex_title{ color: #0069ac; }
.areaBlock .areaList.area02 .about_flex_title:before{ background-color: #0069ac; }
.areaBlock .areaList.area02 .about_flex .about_grid{ border-color: #0069ac; background-color: #fff; }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info{ border-color: #0069ac; }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .grid_title{ border-color: #0069ac; }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info a.grid_title span,.areaBlock .areaList.area02 .about_flex .about_grid .grid_info div.grid_title span{ color:#0069ac; }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .gridTextFlex .itxt{ color:#0069ac; }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .gridTextFlex .icons.i01{ background-image: url(../image/page/icon_store_01_blue.svg); }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .gridTextFlex .icons.i02{ background-image: url(../image/page/icon_store_02_blue.svg); }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .gridTextFlex .icons.i03{ background-image: url(../image/page/icon_store_03_blue.svg); }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_info .gridTextFlex .icons.i04{ background-image: url(../image/page/icon_store_04_blue.png); }
.areaBlock .areaList.area02 .about_flex .about_grid .grid_pic{ border-color: #0069ac; }

/*頁碼*/
.page_number{ position:relative; display:flex; flex-direction:row; justify-content:center; text-align:center; padding-bottom:30px; position:relative; }
.page_number .btn{ display:inline-block; position:relative; padding:.5rem .75rem; margin-left:-1px; line-height:1.25; color:#055faf; background-color:#fff; border:1px solid #dee2e6; }
.page_number .btn.last_btn{ padding:.4rem .75rem .6rem; }
.page_number .btn:hover,
.page_number .btn.focus{ color:#0056b3; text-decoration:none; background-color:#e9ecef; border-color:#dee2e6; }
.page_number .btn:focus{ z-index:2; outline:0; box-shadow:0 0 0 0.2rem rgb(0 123 255 / 25%); }
.page_number .btn .fa{ line-height:28px; color:#055faf;}
.page_number .btn.looking{ pointer-events:none; color:#6c757d; border-color:#ddd; cursor:not-allowed;}
.page_number .btn.looking .fa{ color:#6c757d; }
.page_number .quantity{ font-size:12px; color:#555; text-align:center; position:absolute; top:auto; bottom:0; left:0; right:0; margin:auto; line-height:30px;}
.page_number .quantity .fa{ padding-right:5px;}
.page_number .btn.prev,
.page_number .btn.next{ padding: .25rem .75rem; }

/*ORANGE SUB TITLE*/
.p_orangeSub{ padding: 30px 0; font-size: 0; }
.p_orangeSub .subtitle{ position:relative; display:inline-block; color:#fff; background-color:#caa167; padding:10px 20px; margin:0 20px 20px 0; font-size:22px; line-height:2rem; font-weight:bold; border:1px solid #caa167; border-radius:50px;}
.p_orangeSub .subtitle .fa{ color:#fff; padding-right:10px; font-size: 28px; }
/*.p_orangeSub .subtitle:before{ content:""; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:20px; height:20px; background-image:url("../image/page/icon_check.png"); background-repeat:no-repeat; background-position:center; }*/

.flex-center{ justify-content:center; }
/*BOOTSTRAP STYLE*/
.pagination{ display:-webkit-box; display:-ms-flexbox; display: flex; padding-left:0; list-style:none; border-radius:.25rem; }

.page-link{ position:relative; display:block; padding:.5rem .75rem; margin-left:-1px; line-height:1.25; color:#007bff; background-color:#fff; border:1px solid #dee2e6; }
.page-item:first-child .page-link{ margin-left:0; border-top-left-radius:.25rem; border-bottom-left-radius:.25rem; }
.page-link:not(:disabled):not(.disabled){ cursor:pointer; }
.page-link:hover{ color:#0056b3; text-decoration:none; background-color:#e9ecef; border-color:#dee2e6; }
.page-link:focus{ z-index:2; outline:0; box-shadow:0 0 0 0.2rem rgb(0 123 255 / 25%); }
.page-item.disabled .page-link{ color:#6c757d; pointer-events:none; cursor:auto; background-color:#fff; border-color:#dee2e6; }

.sr-only{ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; -webkit-clip-path:inset(50%); clip-path:inset(50%); border:0; }

.table{ width:100%; max-width:100%; margin-bottom:1rem; background-color:transparent; }

.d-table{ display:table; }
.d-table-row{ display:table-row; }
.d-table-cell{ display:table-cell; }

.t-left{ text-align:left; }
.t-right{ text-align:right; }
.t-center{ text-align:center; }

.font-weight-bold{ font-weight:bold;}

/*BOOTSTRAP STYLE PLUGIN*/
.page-item:first-child .page-link,
.page-item:last-child .page-link{ padding: .4rem .75rem .6rem; }
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active{ background-image:none !important; border-color:none !important;}


.table-condensed{ border:none;}
.table_note{ margin-bottom:30px; color: #b01f24 !important; font-weight: 700; }


/*SHOPv01*/
.shop_info #order_date_01_box .delivery{ display:inline-block; padding:0; margin-right:20px;}
.shop_info #order_date_01_box .delivery.fSize{ font-size: 22px; }
/*.shop_info .calculate .date_style .date_select .more_btn{ margin:5px 0 3px 0px;}*/
.shop_list{ width:100%; display:flex; flex-wrap:wrap; padding-top:20px;}
.shop_list .shop_item{ max-width:20%; padding:0 10px 20px 10px; text-align:center;}
.shop_list .shop_item .shop_photo{ border-radius:10px; overflow:hidden; font-size:0;}
.shop_list .shop_item .shop_name{ font-size:18px; color:#333;}
.shop_list .shop_item .price_block .original{ font-size:16px; color:#aaa; padding:0 5px; margin:0 5px; position:relative;}
.shop_list .shop_item .price_block .original.onsale::after{ content:""; display:block; position:absolute; top:11px; left:0; right:0; border-bottom:1px solid #aaa; transform:rotate(-3deg);}
.shop_list .shop_item .price_block .original.onsale::before{ content:""; display:block; position:absolute; top:14px; left:0; right:0; border-bottom:1px solid #aaa; transform:rotate(-3deg);}
.shop_list .shop_item .price_block .discount{ font-size:16px; font-weight:500; color:#ff4545;}

.shop_list .shop_item.shop_item_background{ width:100%; }
.shop_list .shop_item.shop_item_background .shop_photo{ border-radius:0; padding-top:100%; background-repeat:no-repeat; background-size:cover; background-position:center; }

a.a_link{ color:#005bac; }
a.a_link:hover{ text-decoration:underline; }

.from_buff_cell,
.from_address_cell{ display: table-cell; }

.from_buff_cell{}
.form_tel_box{/* display: flex;*/ align-items: center; }
.form_tel_box .form_dash{ padding:0px 2px; width:15px; text-align: center; }
.form_tel_box .fill_tel_01{ width:60px !important; }
.form_tel_box .fill_tel_02{ width:calc(100% - 75px); max-width:calc(218px - 75px); }
.form_tel_box .fill_tel_03_box{ display: inline-block; }
.form_tel_box .fill_tel_03{ width:95px !important;}
.form_remark{ padding-left: 5px; }

/*HOVER*/
@media screen and ( min-width: 1100px) {
.flex_wrap .from.noHover:hover{ background-color:unset;}


/*SHOP*/
.shop_info .from_label_block{ padding-bottom:5px; }
.shop_info .from_label_block:last-child{ padding-bottom:0; }

}

/* v220422, 電話增加分機 */
.informationBox{ display: flex; flex-wrap: wrap; width: 100%; }
.informationBox.informationBox_padding{ margin-top: 5px; }
.informationBox .informationBox_item{ display: inline-block; width: 50%; }
.informationBox .informationBox_item>*{ display: inline-block !important; width: 100% !important; }
.informationBox .informationBox_item.informationBox_item_padding{ padding-right: 5px; }
.informationBox .informationBox_item .form_tel_box{ display: flex !important; }
.informationBox .informationBox_item .form_tel_box .fill_tel_02{ flex: 1; max-width: calc(100% - 83px); }
.informationBox .informationBox_item .form_tel_box .fill_tel_03_box{ display: flex; align-items: center; padding-right: 5px; }

/*PAD*/
@media screen and ( max-width: 1099px) and ( min-width: 768px) {
	/*banner*/
	.banner{ height:680px; }
	.banner .bannerTs{ width:26%; }
	.banner .titleTopBox{ height:252px; background-image:url(../image/page/page_banner_bg_pad.png); background-size: 100%; }
	.banner h1{ font-size:56px; }
	.banner p{ font-size:18px; }
	
    .banner.about{ background-position: bottom right -140px; }
    .banner.contact{ background-position: right -190px bottom 0; }
    .banner.process{ background-position: left -180px bottom; }
    .banner.news{ background-position: bottom -70px center; }
    .banner.store{ background-position: bottom -70px right -180px; }
    .banner.snacks{ background-position: bottom -60px right -170px; }
    .banner.drinks{ background-position: bottom right -140px; }
    .banner.news{ background-position: bottom right -120px; }
     
    .mainPageTitle{ padding-top: 34px; }
    .mainPageTitle .ch{ font-size: 56px; }
    .mainPageTitle .en{ font-size: 18px; }
	
	/*wrapper*/
	.wrapper{ margin-top:65px; }

    /**/
    .mb-160-pad{ margin-bottom: 160px; }
    .mb-180-pad{ margin-bottom: 180px; }
    .mb-260-pad{ margin-bottom: 260px; }
	
    /*step*/
    .step_box .step{ font-size: 18px; }
    .step_box .step .icon{ width: 100px; height: 100px; }
	
    /*PUBLICv1*/
	.public_box{ flex-direction: column; padding: 60px 0 30px 0; }
	.public_box .public_left{ width:100%; padding: 0 0 90px 0; position:relative; }
	.public_box .public_left:after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; width: 54px; height: 6px; background: #b5b5b5; border-radius: 30px; }
	.public_box .p_menu .p_menu_box{ flex-direction: row; }
	.public_box .p_menu .p_menu_title{ display:none; }
	.public_box .p_menu .p_menu_box .p_item{ margin:0; }
	.public_box .p_wrapper{ width:100%; }
	
    .public_box.public_box_pad{ display:block; }
    .public_box.public_box_pad .p_wrapper{ width:100%; padding:20px; }
    .public_box.public_box_pad .p_menu{ position:relative; width:100%; max-width:none; border-right:none; }
    .public_box.public_box_pad .p_menu .p_menu_title,
    .public_box.public_box_pad .p_menu .p_menu_box{ display:none; }
    .public_box.public_box_pad .p_menu .p_menu_mHover{ position:relative; display:block; margin-bottom:-15px; padding:5px 10px; border:1px solid #999; }
    .public_box.public_box_pad .p_menu .p_menu_mHover span{ font-size:16px; line-height:30px; }
    .public_box.public_box_pad .p_menu .p_menu_mHover .fa{ position:absolute; line-height:40px; top:0; right:20px; }

    .public_box.public_box_pad .p_menu .p_menu_box{ z-index:1; position:absolute; top:50px; padding:5px; width:100%; border:1px solid #999; background-color:#ffffff; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); }
    .public_box.public_box_pad .p_menu .p_menu_box .p_item{ margin:0; padding:5px 10px; }

    .public_box.public_table_pad .prod_table{ display:block; border:0; background:none; box-shadow:none;}
    .public_box.public_table_pad .prod_table thead{ display:none;}
    .public_box.public_table_pad .prod_table tbody{ display:block;}
    .public_box.public_table_pad .prod_table tbody tr:not(form tbody tr){ display:block; border:1px solid #ccc; margin-bottom:10px; background-color:#fff; position:relative; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%);}
    .public_box.public_table_pad .prod_table tbody tr td{ display:block; border:0;}
    .public_box.public_table_pad .prod_table tbody tr td.mobile_title{ font-weight:500; color:#055faf; font-size:20px;}
    .public_box.public_table_pad .prod_table tbody tr td.mobile_category{ padding-left:125px; position:relative; border-bottom:1px solid #ced7df; margin:0 10px;}
    .public_box.public_table_pad .prod_table tbody tr td.mobile_category::before{ content:attr(data-title); display:block; font-size:16px; color:#777; position:absolute; top:9px; left:10px;}
    .public_box.public_table_pad .prod_table tbody tr td button{ width:100%;}
    .public_box.public_table_pad .prod_table tbody tr td select{ width:100%;}
    .public_box.public_table_pad  table tr:nth-child(even) td{ background-color:#fff;}
	
	

    .shop_list .shop_item{ max-width:25%;}
	
	.products_box .prod_link .prod_photo .maskBox .fontTxt{ font-size:20px; padding:15px; letter-spacing:10px; border:4px solid #fff; }
	
	
	/* PRODUCT */
	.products_box.prod_detail .detail_word{ padding-left: 60px; }
	.products_box.prod_detail .detail_word .word{ padding-bottom: 60px; }
	.detail_word_box.under_table .more_btn .icon,
	.products_box.prod_detail .detail_word .detail_word_box .more_btn .icon{ width:24px; height:24px; }
	.detail_word_box.under_table .more_btn .bTxt,
	.products_box.prod_detail .detail_word .detail_word_box .more_btn .bTxt{ font-size:22px; }

    /* PRODUCTS SLICK */
    .flex_wrap .iframes{ padding-bottom: 90%; }

    .flex_wrap .from.wt-100-pad{ width: 100%; }

    .flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt50-pad{ width: 50%; }
    .flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.flexauto-no-pad{ flex:none; }
    .flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt100-pad{
        width: 100%;
    }
    .flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.pt-10-pad{ padding-top: 10px; }
    .flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.pad-pad{
        padding-bottom: 10px;
    }

    /* Member Menu v220222 */
    .public_box.public_box_pad .p_menu .p_menu_mHover.p_menu_mHover_vMember{ display: none; }
    .public_box.public_box_pad .p_menu .p_menu_box{ border: none; background-color: unset; box-shadow: none; }
    .public_box.public_box_pad .p_menu .p_menu_box.p_menu_box_vMember{ display: inline-block; position: relative; top: auto; }
    .public_box.public_box_pad .p_menu .p_menu_box.p_menu_box_vMember .p_item{ display: inline-block; }
    .public_box.public_box_pad .p_menu .p_menu_box .p_item{ border: 1px solid #999; background-color: #ffffff; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); border-radius: 5px; }
    .public_box.public_box_pad .p_menu .p_menu_box .p_item.hover{ border: 1px solid #007bff; }
    
    .public_box.public_box_pad .p_menu.scrollName{ overflow-y: hidden; height:65px; }
    .public_box.public_box_pad .p_menu.scrollName .p_menu_box { overflow-x: scroll; white-space: nowrap; }
    .public_box.public_box_pad .p_menu.scrollName .p_menu_box .p_item{ text-decoration: none; margin-bottom: 15px; }

    /*ABOUT_02*/
    .sortBlock{ grid-gap: 0 40px; }
    .about_flex .about_grid .grid_info .grid_title span, .about_flex .about_grid .grid_info .grid_addr, .about_flex .about_grid .grid_info .grid_addr span, .about_flex .about_grid .grid_info .grid_phone{ font-size: 18px; }
    .about_flex .about_grid .grid_pic{ width: 80px; }
    .about_flex .about_grid .grid_info{ margin-left: 20px; padding-left: 20px; }
    .about_flex .about_grid .grid_info .gridTextFlex .itxt{ font-size: 18px; }
	
	.about_flex .about_grid .grid_info .gridTextFlex .shareIcon{ width:20%; min-width: 40px; border-radius: 7px; }

    /*訂購須知*/
    .noticeFlex .grids .imgbg .coffee{ top: 5px; left: 5px; right: 5px; bottom: 5px; }

    /* 點心 */
    .dessertBox .dessertFlex .ds.wt1{ width: 50%; }
    .dessertBox .dessertFlex .dimg03{ top: 10%; }
    .dessertBox .dessertFlex .dimg04{ top: -30%; width: 46%; }

}

@media screen and ( max-width: 1023px) and ( min-width: 768px) {
    .flex_wrap .full_pad{ width: 100%; }
    .flex_wrap .from.full_pad input{ width: 100%; }
    .informationBox.infomationBox_full_pad .informationBox_item{ width: 100%; }
    .informationBox.infomationBox_full_pad .informationBox_item:nth-child(2){ margin-top: 5px; }
    .informationBox.infomationBox_full_pad .informationBox_item .fill_tel_03_box{ padding-right: 5px; }
}

@media screen and ( min-width: 768px) {
    .products_box .prod_link{ display:flex; flex-direction:column; }
    .products_box .prod_link:nth-child(n+4){ margin-top:60px; }
    .products_box .prod_link .word{ margin-top:auto;}
    .products_box .prod_link .btn_style{ margin:0 auto; }

    .public_box.public_faq{ position:relative; }
    .public_box.public_faq .p_wrapper{ margin-top:68px; }
    .public_box.public_faq .p_wrapper>h3.title{ position:absolute; top:30px; left:20px; width:calc(100% - 40px); }

    .prod_table#cart_table tbody tr td.mobile_title .mb_delete{ display:none;}

    
    #vehicleShow.vehicleOff{}
    #vehicleShow.vehicleOff>*{display:none;}

    /* v220211 */
    .mb_oneline_add_addr .flex_wrap.add_from .field{ vertical-align: top; }
    .from_address_cell .more_btn#address_add{ margin-top: 5px; }
}

/*MOBILE*/
@media screen and ( max-width: 767px) {
/*wrapper*/
.wrapper{ margin-top:65px; }
/*BANNER*/
.banner_box .slide .banner{ padding-bottom:55%; height:0;}
.banner{ height:auto; padding-bottom:0; background-size:cover;}
.banner h1{ font-size:21px; letter-spacing: 8px; }
.banner p{ font-size:14px; letter-spacing: 4px; }
.banner .bannerTs{ bottom:29%; right:5%; width:36%; max-width:135px; z-index: 2; }
.banner .titleTopBox{ position: absolute; top: 0; left: 0; height:108px; background-image:url(../image/page/page_banner_bg_sp.png); background-size:100%; padding-top: 3%; z-index: 2; }
.banner:after{ content: ""; display: block; width: 100%; padding-bottom: 72%; }

.banner.about{ background-image:url(../image/page/banner_about_sp.jpg); }
.banner.news{ background-image:url(../image/page/banner_new_sp.jpg); }
.banner.product{ background-image:url(../image/page/banner_product_sp.jpg); }
.banner.news{ background-position: center bottom; }
.banner.store{ background-image:url(../image/page/banner_store_sp.jpg); }
.banner.contact{ background-image:url(../image/page/banner_contact_sp.jpg); background-position: center bottom; }
.banner.process{ background-image:url(../image/page/banner_process_sp.jpg); background-position: center bottom; }
.banner.snacks{ background-image:url(../image/page/banner_snacks_sp.jpg); background-position: center bottom; }
.banner.drinks{ background-image:url(../image/page/banner_drinks_sp.jpg); background-position: center bottom; }

.mainPageTitle{ padding: 30px 0 0 0; }
.mainPageTitle .ch{ font-size: 21px; }
.mainPageTitle .en{ font-size: 14px; }

.content_box{ padding:0 15px;}
.bread_crumbs{ margin-top:0; font-size:14px;}
.bread_crumbs a{ color:rgba(0,0,0,.6); font-size:14px;}
.bread_crumbs a::after{ border-color:transparent rgba(0, 0, 0, .2); top:8px;}
.bread_crumbs span{ color:#333; font-size:14px;}
.more_btn::after{ content:attr(data-title); display:inline-block; font-size:16px; color:#fff; margin-left:10px;}
.block_box{ box-shadow:none;}
.block_box.newsStyle{ border-radius: 20px; padding: 20px 15px; }
.block_box.newsStyle2{ padding: 20px; border-width: 1px; border-radius: 10px; }
.block_box.newsStyle3{ padding: 20px; border-width: 1px; border-radius: 10px; }

.btn_box.padBtom{ padding-bottom: 40px; }
.btn_box .more_btn{ line-height:50px; height:50px; padding:0 25px; font-size:15px; }
.btn_box .more_btn.wt100{ width: 100%; }

/*step*/
.content_box .products_box>h3{width:100%;}
.step_box{ justify-content: center; padding-bottom: 30px; }
.step_box .step{ display: none; width: 100px; font-size: 16px; }
.step_box .step .icon{ width: 100px; height: 100px; }
.step_box .step.focus{ display: block; }


/*DESSERT*/
.templateList{ display: block; }
.templateList .imgGrid{ margin: auto; width: 100%; }
.templateList .txtGrid{ padding: 20px 0 0 0; }
.templateList .txtGrid h2{ font-size:1.25rem; }
.templateList .txtGrid p{ font-size:1rem; }
.templateList .txtGrid p *{ font-size:inherit; }
.templateList.textLeft .txtGrid{ padding: 20px 0 0 0; }

/*PRODUCTS*/
.products_box{ padding: 40px 0 60px 0; }
.products_box.pad01{ padding: 40px 0 0 0; }
.products_box.prod_detail{ padding-bottom:40px; }
.products_box.prod_detail .detail_photo{ width:100%;}
.products_box.prod_detail .detail_word{ width:100%; padding-left:0;}
.products_box.prod_detail .detail_word .title{ text-align:center; padding-top:10px; font-size:21px; }
.products_box.prod_detail .detail_word .word{ font-size:16px; padding-bottom: 60px; }
.detail_word_box.under_table,
.products_box.prod_detail .detail_word .detail_word_box{ display:flex; justify-content:space-around; }
.detail_word_box.under_table .more_btn,
.products_box.prod_detail .detail_word .detail_word_box .more_btn{ width:calc(50% - 5px); padding: 5px 15px; }
.detail_word_box.under_table .more_btn:first-child,
.products_box.prod_detail .detail_word .detail_word_box .more_btn:first-child{ margin-left:0; }
.detail_word_box.under_table .more_btn .icon,
.products_box.prod_detail .detail_word .detail_word_box .more_btn .icon{ width:16px; height:16px; }
.detail_word_box.under_table .more_btn .bTxt,
.products_box.prod_detail .detail_word .detail_word_box .more_btn .bTxt{ font-size:15px; padding: 0 0 0 8px; }
.products_box .prod_link{ width:50%; padding:50px 10px;}
.products_box .prod_link:nth-child(1),.products_box .prod_link:nth-child(2){ padding-top:0; }
.products_box .prod_link .prod_photo{ border-radius:10px; margin-bottom: 10px; }
.products_box .prod_link .prod_photo .maskBox .fontTxt{ font-size:14px; border: 2px solid #fff; letter-spacing: 5px; }
.products_box .prod_link .title{ font-size:18px; margin-bottom:15px; }
.products_box .prod_link .word{ font-size:14px; }
.products_box .prod_link .capacity{ font-size:14px; }
.products_box .prod_link .proBtn{ line-height:35px; height:35px; font-size:14px; }
.p_wrapper .prod_table{ border-radius:0;}
.prod_table{ display:block; border:0; background:none; box-shadow:none; border-radius: 10px; margin-bottom: 20px; }
.prod_table.newsStyle{ border: none; }
.prod_table.newsStyle tbody tr:not(.table-condensed tr){ border: 1px solid #777; }

.prod_table.sm{ border: none; }
.prod_table thead:not(.table-condensed thead){ display:none;}
.prod_table tbody:not(.table-condensed tbody){ display:block;}
.prod_table tbody tr:not(.table-condensed tr){ display:block; border:1px solid #be8a43; margin-bottom:10px; background-color:#fff; position:relative; border-radius:10px; overflow: hidden; }
.prod_table tbody tr td{ font-size: 16px; }
.prod_table tbody tr td:not(.table-condensed td){ display:block; border:0; border-bottom:1px solid #ced7df; border-radius:10px 10px 0 0;}
.prod_table tbody tr td:last-child{ border-bottom:none !important;}
.prod_table tbody tr td.mobile_title{ font-weight:500; color:#fff; font-size:18px; background-color:#be8a43 !important; border-bottom:1px solid #ced7df; }
.prod_table tbody tr td.mobile_category{ padding-left:125px; position:relative; margin:0 10px; word-break:break-all;}
.prod_table tbody tr td.mobile_category::before{ content:attr(data-title); display:block; font-size:16px; color:#777; font-weight: 700; position:absolute; top:/*9px*/50%; left:10px; transform:translateY(-50%);}
.prod_table tbody tr td.mobile_category::after{ content:''; }
.prod_table tbody tr td button,
.prod_table tbody tr td select{ width:100%; font-size: 17px; }
.prod_table tbody tr td .more_btn{ margin-top:10px; line-height: 34px; height: 34px; font-size: 15px; padding: 0 15px; }
table tr:nth-child(even) td:not(.table-condensed tbody td,.mobile_title){ background-color:#fff;}

.prod_table td .del_btn{ width: 100%; height: 36px; }
.prod_table td .del_btn:before{ content: "刪除"; display: block; border-radius:100px; background-color: #777; color: #fff; font-size: 16px; font-weight: 500; width: 100%; height: 36px; line-height: 36px; text-align: center; transform:none; position: static; }
.prod_table td .del_btn:after{ display: none; }

.prodTabFlex .td01{ display: none; }
.prodTabFlex .td02{ padding: 0; color: #fff; font-size: 18px; }

.proBlockList .shop_info .calculate .sale_style{ padding: 0; }

/* v220210 */
.prod_table.products_detail_table thead{ display:none !important;}
.prod_table.products_detail_table tbody{ display:block !important;}
.prod_table.products_detail_table tbody tr{ display:block !important; border:1px solid #ccc; margin-bottom:10px; background-color:#fff; position:relative; border-radius:10px 10px 0 0;}
.prod_table.products_detail_table tbody tr td{ display:block !important; border:0; border-bottom:1px solid #ced7df; border-radius:10px 10px 0 0; font-size: 17px; }



.prod_table#cart_table tbody tr td.mobile_title{ position:relative; padding-right:55px; }
.prod_table#cart_table tbody tr td.mobile_title .mb_delete{ display:block; margin:0; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:auto; }
.prod_table#cart_table tbody tr td.mobile_title .mb_delete:after{ display:none; }
.prod_table#cart_table tbody tr td:last-child{ display:none; }
.prod_table#cart_table tbody tr td:nth-last-child(2){ border-bottom:none; }
.prod_table#cart_table tbody tr td.delTd{ display: block; }

/* 260313, 購物車 贈品資訊 , 單行資訊表格 */
.prod_table.oneLineTable{}
.prod_table.oneLineTable .oneLineTitleMobile{ margin-bottom: 10px; }
.prod_table.oneLineTable .oneLineTitleMobile tr th{ padding: 10px 15px; border-radius: 10px; }
.prod_table.oneLineTable .oneLineTitleMobile tr th .giftTitleFlex{ font-size:20px; }
.prod_table.oneLineTable .oneLineTitleMobile,
.prod_table.oneLineTable .oneLineTitleMobile tr,
.prod_table.oneLineTable .oneLineTitleMobile tr th{ width: 100%; display: inline-flex; }
.prod_table.oneLineTable .oneLineTitleMobile tr th .giftTitleFlex .more_btn{ padding:4px; width:auto; height: unset; margin-bottom: 0; }
.prod_table.oneLineTable .oneLineTitleMobile tr th .giftTitleFlex .more_btn::after{ display: none; }

.prod_table.oneLineTable tr td .prodTabFlex .td02{ color:#333; font-weight:500; }



.shop_info .calculate .date_style{ width:100%;}
.shop_info .calculate .date_style .more_btn{ display:inline-block; width:auto; }
.shop_info .calculate .sale_style{ width:100%; padding-top:10px; border-top:1px solid #ccc; border-left:none; }
.shop_info .calculate .date_style .date_select{ padding-bottom:0; }
.shop_info .calculate .date_style .date_select .more_btn{ margin:0; }
.shop_info .calculate .date_style .date_select.date_time span{ display:block; width:150px; line-height:2.125rem; padding-bottom:5px; }
.shop_info .calculate .date_style .date_select.date_time select{ margin-bottom:5px;}
.shop_info .calculate .date_style .date_select .txt{ display: block; font-size: 16px; }

.shop_info .calculate .total_style{ width:100%; padding:10px 0 5px 0;}
.shop_info .calculate .total_style p{ display:flex; justify-content:space-between; padding:5px; border-bottom:1px solid #ccc;}
.shop_info .calculate .total_style p:last-child{ border:0;}
.shop_info .calculate .total_style p span:first-child{ font-size:14px; color:#777; text-align:left; align-self: center; }
.shop_info .calculate .total_style p span:last-child{ min-width:60px; margin-left:10px; }
.shop_info .calculate.select_lable{ display:block; border-bottom:1px solid #ccc;}
.shop_info .calculate.select_lable label{ display:block;}
.shop_info .calculate.select_lable.half{ width:100%;}
.shop_info .calculate.select_lable:last-child{ border-bottom:none; }
.shop_info .calculate.select_lable.shop_agree{  }
.shop_info .calculate.select_lable.shop_agree .from{ width:100%; }
.shop_info .calculate.select_lable.shop_agree .title,
.shop_info .calculate.select_lable.shop_agree .from,
.shop_info .calculate.select_lable.shop_agree .from label{ display:inline-block; }
.shop_info .calculate.select_lable.shop_agree .from label:last-child{ padding-right:0; }

.shop_info .calculate .newsSt{ padding: 0; }
.shop_info .calculate .newsSt .from_label_block label{ font-size: 16px; }

.shop_info label.flex .flexTxt .from_style{ height: 36px; line-height: 36px; font-size: 16px; }

.shop_info label .labelTxt{ font-size: 16px; }

.shop_info input.datetimepicker{ font-size: 16px; width: 90px; }
.shop_info #order_date_01_box .delivery.fSize{ font-size: 16px; }

.remarkTxt{ padding: 20px 0; }
.remarkTxt .txt{ font-size: 16px; }
.remarkTxt .icons{ width: 10px; height: 10px; }

.flex_wrap .from{ display:block; width:100%;}
.flex_wrap .from:not(.login_info .from){ padding-bottom:10px; }
.flex_wrap.flex_wrap_step3 .from:not(.login_info .from){ padding-bottom:5px; margin-bottom:0; }
.flex_wrap.flex_wrap_step3 .from:not(.login_info .from) p.title{ line-height:1.8; }
.flex_wrap.flex_wrap_step4 .p_line{ border-top:1px solid #ced7df; }
.flex_wrap .from .title{ display:block;}
.flex_wrap .from .plainText{ font-size: 16px; }
.flex_wrap .from input{ width:100%;}
.flex_wrap .from label.radio_input{ display:inline-block; width:100%; padding-right:0; }
.flex_wrap .from label input[type=radio]{ width:0; }
.flex_wrap .from:last-child,
.flex_wrap .from:last-child:not(.login_info .from){ border-bottom:0; padding-bottom:0; margin-bottom:0; }
.flex_wrap .from.from_space{ display:none;}
.flex_wrap .from .more_btn.more_btn_basepassword{ margin-top:5px; margin-left:auto;}
.flex_wrap.add_from{ display:flex; flex-direction:row; flex-wrap:wrap; }
.flex_wrap.add_from .field.address01{ width:100%;}
.flex_wrap.add_from .field.address02{ width:50%;}
.flex_wrap.add_from .field.address03{ width:100%;}
.flex_wrap.add_from .field.address04{ width:100%; display:block;}
.flex_wrap.add_from .field.address05{ width:100%; display:block;}

.flex_wrap.add_from.m_base{}
.flex_wrap.add_from.m_base .add_row{  display:flex; flex-direction:row; flex-wrap:wrap;}
.flex_wrap.add_from.m_base .add_row .field.address01{ display:block; width:100%; padding:5px 0 0;}
.flex_wrap.add_from.m_base .add_row .field.address02{ width:50%;}
.flex_wrap.add_from.m_base .add_row .field.address03{ width:50%; padding:5px 0 0 2.5px;}
.flex_wrap.add_from.m_base .add_row .field.address03:first-child{ width:50%; padding:5px 2.5px 0 0;}
/*.flex_wrap.add_from.m_base .add_row .field.address03:last-child{ width:50%; padding:5px 0 0 2.5px;}*/
.flex_wrap.add_from.m_base .add_row .field.address04{ width:100%; display:table-cell; padding:5px 0 0;}
.flex_wrap.add_from.m_base .add_row .field.address05{ width:100%; display:block; padding:5px 0 0;}
.flex_wrap.add_from.m_base .add_row .field.address06{ width:100%; display:block; padding:5px 0 0;}
.flex_wrap.add_from.m_base .add_row .field.ad00_infomation{ font-size:0; width:100%; }
.flex_wrap.add_from.m_base .add_row .field.ad00_infomation input{ width:calc(50% - 2.5px); margin-right:5px; }
.flex_wrap.add_from.m_base .add_row .field.ad00_infomation input:last-child{ margin-right:0; }

.flex_wrap .from label[data-type="radio"]{ display:inline-block; font-size: 16px; }
.flex_wrap .from label[data-type="radio"] input{ width:0; }

.flex_wrap_box{ display:block; }
.flex_wrap_box .flex_wrap{ display:block; width:auto; margin-bottom: 20px; }
.flex_wrap_box .flex_wrap:last-child{ border-bottom:unset; margin-bottom: 0px; }
.flex_wrap_box .flex_wrap .from{ width:auto; }

.flex_wrap label input.text_before{ width:calc(100% - 35px); margin:10px 0 -25px 25px; padding:0 10px !important; }

.flex_wrap .from.flexMember{ display: block; }
.flex_wrap .from.flexMember .fromGa{ padding: 0 0 10px 0; }
.flex_wrap .from.flexMember .fromGa.pad-20-sp{ padding-bottom: 20px; }
.flex_wrap .from.flexMember .fromGb .bottoms .txtGray{ font-size: 16px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox{ flex-wrap: wrap; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid{ padding: 0 0 10px 10px; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.pad-sp{ padding-bottom: 0; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt02{ width: 50%; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt03{ width: 100%; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt01-sp{ width: 100%; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.flexauto-no-sp{ flex:none; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt-100-sp{ width: 100%; }
.flex_wrap .from.flexMember .fromGb .tops.flexTwoBox .grid.wt-50-sp{ width: 50%; }
.flex_wrap .from.flexMember .fromGb .tops .txt{ font-size: 16px; }
.flex_wrap .from.flexMember .fromGb .tops .spSty{ height: 36px; line-height: 36px; font-size: 16px; margin: 0; }

.flexRanges h3{ font-size: 18px; padding-bottom: 20px; }
.flexRanges .from .btn_box.disFlex{ flex-direction: column; }
.flexRanges .from .btn_box .more_btn:last-child{ margin-bottom: 0; }

/*PUBLICv1*/
.public_box{ display:block; border:0; padding:40px 0 60px 0; }
.public_box.pagePad{ padding:40px 0 10px 0; }
.public_box .p_wrapper{ width:100%; padding:15px; border-radius: 20px 0 0 20px }

.public_box .p_wrapper .p_table{ border:0; box-shadow:none;}
.public_box .p_wrapper .p_table .p_table_header{ display:block; }
.public_box .p_wrapper .p_table .p_table_header>div{ display:block; width:100%; }

.public_box .p_wrapper .p_table .p_table_item .p_table_pic{ padding:15px 0; border-bottom: 1px solid #777; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic img{ display:none; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic img.mb_pic{ display:block; }
.public_box .p_wrapper .p_table .p_table_item .p_table_pic .picImg{ border-radius: 20px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info{ padding:15px 0 15px 15px; border-bottom: 1px solid #777; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_date{ font-size:13px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_table_title{ font-size:18px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns{ padding:8px 12px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns .itxt{ font-size:13px; }
.public_box .p_wrapper .p_table .p_table_item .p_table_info .info_box .p_btns .btns .icon{ width:15px; }

.public_box .public_left{ position:relative; z-index:2; padding:0px 10px 40px 10px; width:100%; }
.public_box .public_left:after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 20px; margin: auto; width: 27px; height: 3px; background: #b5b5b5; border-radius: 30px; }

.public_box .p_menu{ position:relative; width:100%; max-width:none; border-right:none; }
.public_box .p_menu .p_menu_mHover{ position:relative; display:block; margin-bottom:-15px; padding:5px 10px; border:1px solid #999; border-radius:5px; }
.public_box .p_menu .p_menu_mHover span{ font-size:16px; line-height:30px; }
.public_box .p_menu .p_menu_mHover .fa{ position:absolute; line-height:40px; top:0; right:20px; }

.public_box .p_menu .p_menu_title{ display:none; }
.public_box .p_menu .p_menu_box{ flex-direction: row; }
.public_box .p_menu .p_menu_box .p_item{ margin:0; }
.public_box .p_menu .p_menu_box .p_item span{ font-size:16px; padding:10px 20px; }

.public_box .p_wrapper h3.title{ font-size:18px; }
.public_box .p_wrapper .date{ font-size:14px; }
.public_box .p_wrapper p{ font-size:16px; }

/**/
.fontSize-20-sp{ font-size: 20px; }
.fontSize-16-sp{ font-size: 16px; }

.mb-10-sp{ margin-bottom: 10px; }
.mb-20-sp{ margin-bottom: 20px; }
.mb-30-sp{ margin-bottom: 30px; }
.mb-40-sp{ margin-bottom: 40px; }
.mb-50-sp{ margin-bottom: 50px; }
.mb-60-sp{ margin-bottom: 60px; }

/*訂購須知*/
.noticeTitle .icon.i01{ width: 40px; }
.noticeTitle .icon.i02{ width: 55px; }
.noticeTitle .icon.i03{ width: 60px; }
.noticeTitle .icon.i04{ width: 40px; }
.noticeTitle .icon.i05{ width: 40px; }

.noticeTitle{ border-width: 4px; padding: 5px 80px 5px 10px; }
.noticeTitle .h1{ font-size: 18px; }

.noticeFlex .grids{ width: 40%; padding: 10px; }
.noticeFlex .grids .imgbg .coffee{ top: 3px; left: 3px; right: 3px; bottom: 3px; }
.noticeFlex .grids .pTxt{ font-size: 14px; padding-top: 5px; }
.noticeFlex .grids .imgbg .numberBox{ width: 30px; height: 30px; border: 2px solid #fff; top: -10px; left: -10px; font-size: 14px; }
.noticeFlex .arrow{ width: 33.3334%; width: 20%; padding: 5px; }
.noticeFlex .arrow.sp{ display: flex; }
.noticeFlex .arrow.pc{ display: none; }

.noticeTxt{ font-size: 14px; margin: 0 auto 50px auto; }

.cardText .icon{ width: 14px; }
.cardText .txt_s{ font-size: 16px; padding: 0 0 0 10px }

.riceText .icon{ width: 14px; }
.riceText .txt_s{ font-size: 16px; }

.noticeImgEx .sp{ display: block; }
.noticeImgEx .pc{ display: none; }

.noticeTrxtBtn .btnBuy{ padding: 5px 10px }
.noticeTrxtBtn .btnBuy .icon{ width: 16px; height: 16px; }
.noticeTrxtBtn .btnBuy .bTxt{ font-size: 15px; padding: 0 0 0 8px; }

/* 點心 */
.dessert_bg .iicon02{ top: 9%; }
.dessert_bg .iicon04{ bottom: 17%; }

.dessertBox{ padding: 30px 0 0 0; }
.dessertBox .dessertFlex{ flex-direction: column; }
.dessertBox .dessertFlex .ds{ width: 100%; }
.dessertBox .dessertFlex .ds .spBox{ text-align: right; display: block; }
.dessertBox .dessertFlex .ds .spBox .dimg01{ display: inline-block; width: 45%; }
.dessertBox .dessertFlex .dimg01{ position:relative; display: none; }
.dessertBox .dessertFlex .dimg02{ width: 60%; margin: auto; }
.dessertBox .dessertFlex .dimg03{ display: none;  position: relative; }
.dessertBox .dessertFlex .dimg04{ position: relative; margin: auto; margin-bottom: 15px; }

.dessertBox .dessertFlex .ds.wt1{ width: 100%; }
.dessertBox .dessertFlex .ds .titleH1{ margin-bottom: 15px }
.dessertBox .dessertFlex .ds .titleH1.itemsCenter{ align-items: center; }
.dessertBox .dessertFlex .ds .titleH1 .spImg{ display: block; width: 29%; padding-right: 15px; }
.dessertBox .dessertFlex .ds .titleH1 .spImg .dimg03{ display: block; width: 100%; }
.dessertBox .dessertFlex .ds .titleH1 .numIcon{ width: 36px; }
.dessertBox .dessertFlex .ds .titleH1 .numTxt{ font-size: 20px; padding: 0 0 0 10px; }
.dessertBox .dessertFlex .ds .ptxt{ font-size: 16px; }
.dessertBox .dessertFlex .ds .ptxt .br-sp{ display: block; }

.dessertBox .bottomCow{ flex-direction: column; align-items: center; }
.dessertBox .bottomCow .cowImg{ width: 54%; max-width: 158px; }
.dessertBox .bottomCow .textbox{ margin: 0 0 10px 0;  padding: 10px 20px; }
.dessertBox .bottomCow .textbox:after{ right: 0; left: 50px; bottom: -11px; }
.dessertBox .bottomCow .textbox .txt{ font-size: 16px; text-align: center; flex:1; }
.dessertBox .bottomCow .textbox .doicon01{ width: 22px; }
.dessertBox .bottomCow .textbox .doicon02{ width: 22px; }
.dessertBox .bottomCow .textbox .doicon02:after{ padding-bottom: 50%; }

/*飲品*/
.drinksBox{ padding: 40px 0; }
.drinksTitle{ font-size: 21px; margin-bottom: 10px; }
.drinksTxt{ font-size: 16px; margin-bottom: 20px; }
.drinksImg{ margin-bottom: 40px; }
.drinksBox .noticeTitle .icon.i01{ width: 40px; }
.drinksBox .noticeTitle .icon.i02{ width: 55px; }
.drinksBox .noticeTitle .icon.i05{ width: 40px; }

/* CONTENT US */
.map_box{ display: block; padding: 0 !important; margin-bottom: 40px; }
.content_map .map_line{ padding-bottom: 10px; }
.content_map .map_line.title{ font-size: 18px; }
.content_map .mapList{ margin-bottom: 10px; }
.content_map .mapList .icon{ width: 18px; height: 18px; }
.content_map .mapList .txt{ font-size: 16px; }

/*ABOUT*/
.aboutP{ font-size: 14px; }
.contentBox.cb_v2{ padding-bottom:33vw; }
.contentBox.cb_v3{ font-size: 14px; padding: 0; }

.aboutNewImg{ border-radius: 15px; }

/*ABOUT_02*/
.about_flex{ display:block; }
.about_flex .about_grid{ width:100%; margin-left:0; margin-right: 0; margin-bottom:10px; padding:10px 10px 10px 15px; border-radius: 10px; }
.about_flex .about_grid:nth-child(even){ margin-left:0; }
.about_flex .about_grid .grid_pic{ width:60px; }
.about_flex .about_grid .grid_info{ width:100%; }

.sortBlock{ grid-gap:10px; max-width: 290px; }
.sortBlock .grids{ font-size:16px; }
.sortBlock .grids .span{ font-size: 18px; }

.about_flex .about_grid .grid_info .grid_title span, .about_flex .about_grid .grid_info .grid_addr, .about_flex .about_grid .grid_info .grid_addr span, .about_flex .about_grid .grid_info .grid_phone{
    font-size: 16px;
}
.about_flex .about_grid .grid_info{ margin-left: 15px; padding-left: 15px; border-left: 1px solid #fff; }
.about_flex .about_grid .grid_info .grid_title{ border-bottom: 1px solid #fff; }
.about_flex .about_grid .grid_info .gridTextFlex .icons{ width: 14px; margin-top:5px; }
.about_flex .about_grid .grid_info .gridTextFlex .itxt{ font-size: 14px; }

.about_flex .about_grid .grid_info .gridTextFlex .shareIcon{ width:45px; }
.about_flex .about_grid .grid_info .gridTextFlex .shareIcon .iconImg{ border-radius:7px; }

.about_flex_title{ font-size: 18px; }
.about_flex_title:before{ width: 15px; height: 15px; }
.areaBlock .areaList{ padding: 30px 40px; }
.areaBlock .areaList .aicon01{ left: 0; top: 20%; width: 9%; }
.areaBlock .areaList .aicon01:after{ padding-bottom: 121.875%; background-image: url(../image/page/icon_store_img01_2.svg); }
.areaBlock .areaList .aicon02{ width: 10%; top: 47%; }
.areaBlock .areaList .aicon03{ bottom: 26%; left: 1.5%; }
.areaBlock .areaList .aicon03:after{ background-image: url(../image/page/icon_store_img03_1.svg); }
.areaBlock .areaList .aicon04{ width: 10%; right: -2%; }
.areaBlock .areaList .aicon04:after{ padding-bottom: 117.64%; background-image: url(../image/page/icon_store_img02.svg); }
.areaBlock .areaList .aicon05{ left: 0; top: 14%; width: 9%; }
.areaBlock .areaList .aicon05:after{ background-image: url(../image/page/icon_store_img01_2.svg); }
.areaBlock .areaList .aicon06{ width: 10%; right: -2%; top: 36%; }
.areaBlock .areaList .aicon06:after{ background-image: url(../image/page/icon_store_img02.svg); }
.areaBlock .areaList .aicon07{ width: 7%; left: 1.5%; bottom: 43%; }
.areaBlock .areaList .aicon07:after{ padding-bottom: 112.5%; background-image: url(../image/page/icon_store_img03_1.svg); }
.areaBlock .areaList .aicon07-sp01{ display: block; position: absolute; right: 0; bottom: 26.5%; width: 9%; z-index: 1; }
.areaBlock .areaList .aicon07-sp01:after{ content: ""; display: block; width: 100%; padding-bottom: 117.64%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../image/page/icon_store_img01_3.svg); }
.areaBlock .areaList .aicon07-sp02{ display: block; position: absolute; width: 10%; left: -2.5%; bottom: 10%; }
.areaBlock .areaList .aicon07-sp02:after{ content: ""; display: block; padding-bottom: 117.64%; background-image: url(../image/page/icon_store_img02_1.svg); }
.areaBlock .areaList .aicon08{ display: block; position: absolute; width: 10%; right: -2%; top: 14%; bottom: auto; }
.areaBlock .areaList .aicon08:after{ padding-bottom: 109.79%; background-image: url(../image/page/icon_store_img02.svg); }

/*ORANGE SUB TITLE*/
.p_orangeSub .subtitle{ font-size: 14px; padding: 3px 10px; margin: 0 10px 10px 0; }
.p_orangeSub .subtitle .fa{ font-size: 16px; padding-right: 5px; }

/*MEMBER*/
.p_search{ margin-bottom:25px; }
.p_search .flex_wrap .from{ display:block; }
.p_search .flex_wrap .from select{ width:100%; }
.p_search .flex_wrap .from:nth-last-child(2){ padding-bottom:10px; border-bottom:none; }

.p_tagbox .more_btn{ font-size: 16px; line-height: 32px; height: 32px; padding: 0 10px; margin-right: 7px; margin-bottom: 0; }

.p_search .flex_wrap .from.ps_title{ font-size:16px; }

.flex_wrap .res{ font-size: 16px; }

/*PUBLICvFAQ*/
.public_box.public_faq{ position:relative; }
.public_box.public_faq .p_wrapper{ z-index:1; position:relative; width:100%; padding:10px; }
.public_box.public_faq .p_img{ position: absolute; padding:0px 20px 20px; height:auto; top:100px; right:0px; opacity:0.33; z-index:0; }
.public_box.public_faq .p_img:before { content:""; top:0; left:0; position:absolute; height:100%; width:100%;
        /* FF3.6+ */
        background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        /* Chrome,Safari4+ */
        background:-webkit-linear-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
        /* Chrome10+,Safari5.1+ */
        background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        /* Opera 11.10+ */
        background:-o-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        /* IE10+ */
        background:-ms-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        /* W3C */
        background:linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        /* IE6-9 */
        filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    }

.public_box.public_faq.public_sProcess .p_wrapper.public_sProcess{ width: 100%; }

/*PRODUCT*/
.page_grayBg .mar{ padding:40px 15px; }
.prod_detail_word .hTitle{ font-size:21px; }
.prod_detail_word p{ font-size:16px; }

/* PRODUCTS SLICK */
.flex_wrap .imap{ width: 100%; }

.flex_wrap .from .title{ font-size: 16px; }
.flex_wrap .from input{ line-height: 36px; height: 36px; font-size: 16px; }
.flex_wrap .from .input{ height: 36px; line-height: 36px; font-size: 16px; }

/* SHOP_WAITTING */
.shop_end .shop_eIcon img{ width:140px; }
.block_box .shop_important{ font-size: 20px; }
.shop_end .shop_eImportant{ font-size: 20px; }
.shop_end_waitting .shop_eImportant{ font-size: 20px; margin: 60px 0 0 0; }
.shop_end .shop_eCont{ font-size: 16px; }


/* CONTENT US */
.content_map.flexOne{ padding: 40px 0 0 0; }

/*ODEMO*/
.odemo_picTable{ width:100%; margin:10px 0 20px 0; }
.odemo_picTable tbody td{ padding:10px 5px; }

/*MEMBER REGIST*/
.login_info{ border:0;}
.flex_wrap .from.from_code .wh01,
.login_info.flex_wrap .from.from_code .wh01{ display:block; width:100%; }
.flex_wrap .from.from_code .wh02,
.login_info.flex_wrap .from.from_code .wh02{ width:calc(100% - 180px); }
.flex_wrap .from.from_code .wh03, .login_info.flex_wrap .from.from_code .wh03{ width: auto; padding: 0 0 0 5px; }
.flex_wrap .from.from_code .wh04, .login_info.flex_wrap .from.from_code .wh04{ width: 30px; height: 30px; }
.login_info.flex_wrap .from.from_code .wh04 .fa{ font-size: 24px; }
.flex_wrap .from.from_code .wh03, .login_info.flex_wrap .from.from_code .wh03 img{ height: 30px; }

.resTxtBox{ margin-bottom: 10px; }
.resTxtBox .resH1{ font-size: 14px; padding: 0 15px; }
.resTxtBox .lines{ height: 1px; }

/*ONE Block*/
.oneBlock .titleSTY01{ margin-bottom: 20px; }
.oneBlock .titleSTY01 .txt{ font-size: 18px; padding: 0 15px; }
.oneBlock .titleSTY01 .icon{ width: 25px; }

/*LIGHTBOX*/
.lightbox .address_list .address_item{ padding-bottom:0px; }
.lightbox .address_list .address_item .more_btn{ height:auto; }
.lightbox .address_list .address_item .address_name{ display:inline-block; padding-left:10px; align-self:center; }
.lightbox .address_list .address_item .address_info{ width:100%; padding:5px; }
.lightbox .address_list .address_item .address_info .address_name{ padding-left:0; }
.lightbox .address_list .address_item .address_info .address_name .ad_n01{ display:none; }

/*FORMv211109*/
.from.full.res{ border-bottom:unset !important; padding-bottom:10px !important; }
.from.mb_oneline .title{ display:inline-block; }
.from.mb_oneline .more_btn{ display:inline-block; width:auto; }
.from.mb_oneline .more_btn::after{ display:none; }
.from.mb_oneline_add_addr{ position:relative; }
.from.mb_oneline_add_addr>.title{ padding:5px 0; }
.from.mb_oneline_add_addr .add_from{ margin-top:5px; }
.from.mb_oneline_add_addr .more_btn#address_add{ position:absolute; top:8px; left:90px; width:auto; font-size: 12px; line-height: 32px; height: 32px; }
.from.mb_oneline_add_addr .more_btn#address_add::after{ display:none; }
.from.mb_twoline_password{ display:flex; flex-direction:row; flex-wrap:wrap; }
.from.mb_twoline_password>.title{ width:100%; }
.from.mb_twoline_password>input{ width:calc(100% - 98px); }
.from.mb_twoline_password .more_btn_basepassword{ width:auto; }
.from.mb_twoline_password>.more_btn{ margin:0px 0 0 5px !important; width:92px; }
.from.mb_twoline_password>.more_btn::after{ display:none; }

.flex_wrap .from p.title{ line-height:1.5; }


/* MEMBER 外距 */
.public_box.public_member{ }
.public_box.public_member .public_left,
.public_box.public_member .p_wrapper{ padding:20px 0px; }
.public_box.public_member .ps_title{ padding-bottom:0px !important; border-bottom:none !important; }


.p_search .flex_wrap .from .title{ width:100%; }
.p_search .flex_wrap .from .input_date{ display:inline-block; }
.p_search .flex_wrap .from .input_date:first-child{ padding-right:3px;}
.p_search .flex_wrap .from .input_date:last-child{ margin-top:5px; padding-left:3px; }
.p_search .flex_wrap .from .input_range{ display:none; }

.contact_box{ padding:20px;}
.map_box{ flex-direction:column;  }

.shop_list .shop_item{ max-width:50%; padding:0 5px 15px 5px;}
.shop_list .shop_item .shop_name{ font-size:16px;}

#vehicleShow.vehicleOff{display:none;}
#vehicleShow.vehicleOff>*{}

.from_buff_cell,
.from_address_cell{ display: block; }
.form_tel_box{ display: flex; flex-wrap: wrap; }
.form_tel_box .fill_tel_01{ width:60px !important; }
.form_tel_box .fill_tel_02{ width:calc(100% - 75px) !important; max-width:none; }
.form_tel_box.form_tel_extension{ flex-direction: row; }
.form_tel_box.form_tel_extension .fill_tel_02{ width:calc(100% - 190px) !important; max-width:none; }
.form_tel_box.form_tel_extension .fill_tel_03{ width:95px !important;}
.form_tel_box .form_remark{ width: 100%; padding-left: unset; }

/* v220422, 電話增加分機 */
.informationBox{ flex-wrap: wrap; }
.informationBox .informationBox_item{ width: 100%; padding-right: unset !important; }
.informationBox .informationBox_item>*{ padding-right: unset !important; }
.informationBox .informationBox_item .form_tel_box{ padding-top: 5px; }
.informationBox .informationBox_item .form_tel_box .fill_tel_02{ max-width: calc(100% - 78px); }
.informationBox .informationBox_item .form_tel_box .fill_tel_03_box{ padding-right: unset; }
    
    /* Member Menu v220222 */
    .public_box.public_box_pad .p_menu .p_menu_mHover.p_menu_mHover_vMember{ display: none; }
    .public_box.public_box_pad .p_menu .p_menu_box{ border: none; background-color: unset; box-shadow: none; }
    .public_box.public_box_pad .p_menu .p_menu_box.p_menu_box_vMember{ display: inline-block; position: relative; top: auto; }
    .public_box.public_box_pad .p_menu .p_menu_box.p_menu_box_vMember .p_item{ display: inline-block; }
    .public_box.public_box_pad .p_menu .p_menu_box .p_item{ border: 1px solid #999; background-color: #ffffff; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); border-radius: 5px; }
    .public_box.public_box_pad .p_menu .p_menu_box .p_item.hover{ border: 1px solid #007bff; }
    
    .public_box.public_box_pad .p_menu.scrollName{ overflow-y: hidden; height:65px; }
    .public_box.public_box_pad .p_menu.scrollName .p_menu_box { overflow-x: scroll; white-space: nowrap; }
    .public_box.public_box_pad .p_menu.scrollName .p_menu_box .p_item{ text-decoration: none; margin-bottom: 15px; }
}


@media screen and ( max-width: 479px) {
/*SHOPv01*/
.shop_info #order_date_01_box .delivery{ display:inline-block; padding:0; margin-right:10px; }
.shop_info .calculate .date_style .date_select .more_btn{ margin:5px 0 3px 0px;}

/*FORMv211111*/
.from.mb_twoline_password>input{ width:100%; }
.from.mb_twoline_password>.more_btn{ margin:10px 0 0 !important; }

/*.p_search .flex_wrap .from .input_date{ max-width:100%; }
.p_search .flex_wrap .from .input_range{ display:block; padding:4px 8px; text-align:center; }*/

}


/* 優惠活動區域 */
.active_list{ background-color:#e9ecf1; padding:0 0.9375rem 0rem; margin:0 0 0.9375rem; border-radius:1rem; }
.active_list .active_wrapper{ width:100%; display:inline-block; }
.active_list .active_items{ color:#0069ac; width:100%; font-size:1.5rem; font-weight:500; line-height:2; border:unset; text-decoration:unset; text-underline-offset:0.25rem; display:inline-flex; }
.active_list .active_items .txt{ color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; }
.active_list a[href].active_items:active,
.active_list a[href].active_items:hover,
.active_list a[href].active_items:focus{ text-decoration:underline; }

.active_list .active_wrapper>:only-child{ max-height:3rem; overflow:hidden; }
@media screen and ( max-width: 767px) {
    .active_list .active_items{ font-size:1.0625rem; }
}

/* 優惠活動區域 icon */
.cat_icon{ background-image:url(/downloads/image/page/icon_process_icon01.png); padding-left:7rem; background-position:top 0.5rem left 0.5rem; background-repeat:no-repeat; background-size:5.85rem; }
.single-line-text{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
@media screen and ( max-width: 767px) {
    .cat_icon{ padding-left:4.25rem; background-size:3.85rem; }
}

/* 補充功能 */
.line-through{ text-decoration-line:line-through; }

/* 推薦商品 */
.recommend_list{ width:100%; padding:0 2.5rem; display:inline-flex; position:relative; }
.recommend_wrapper{ width:100%; display:inline-flex; }
.recommend_wrapper>.recommend_items{ width:25%; }
.recommend_wrapper .recommend_items{ width:100%; text-align:center; padding:0 15px; padding-bottom:30px; display:inline-flex; flex-direction:column; flex-wrap:wrap; position:relative; }
.recommend_wrapper .recommend_items .prod_photo{ padding-top:100%; border:5px solid #be8a43; background-image:url(../image/no_pic.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px; overflow:hidden; position:relative; margin-bottom: 25px; }
.recommend_wrapper .recommend_items .prod_photo img{ display:none; }
.recommend_wrapper .recommend_items .prod_photo .maskBox{ opacity: 0; display:flex; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; align-items: center; justify-content: center; transition:0.5s opacity; -webkit-transition:0.5s opacity; -moz-transition:0.5s opacity;  }
.recommend_wrapper .recommend_items .prod_photo .maskBox .fontTxt{ font-size:20px; padding:15px; color:#fff; font-weight:bold; border:7px solid #fff; letter-spacing: 20px; }
.recommend_wrapper .recommend_items:hover .prod_photo .maskBox{ opacity:1; }
.recommend_wrapper .recommend_items .title{ font-size:30px; font-weight:700; color:#555; font-family:'Noto Serif TC'; text-align:left; margin-bottom: 15px; }
.recommend_wrapper .recommend_items .linkTop{ flex:1; }
.recommend_wrapper .recommend_items .prod_photo.border-gold{ border:5px solid #be8a43; }

.recommend_box{ margin-top:auto; width:100%; gap:0.25rem; display:inline-flex; flex-direction:row; flex-wrap:nowrap; align-items:center; }
.recommend_box .txt{ font-size:1.5rem; margin-right:auto; }

.recommend_list button{ z-index: 1; font-size: 0; background: hsla(203.37deg, 100%, 33.73%, 0.6); border: unset; border-radius: 5px; cursor: pointer; }
.recommend_list button img{ width: 48px; height: 48px; }

.recommend_list button:focus,
.recommend_list button:hover{ background: hsl(203.37deg, 100%, 33.73%, 1); }

.recommend_list button.more_btn:focus,
.recommend_list button.more_btn:hover{ background: hsl(35, 49%, 50%, 0.8); }

.recommend_list [btn-previous],
.recommend_list [btn-next]{ position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }

.recommend_list [btn-previous]{ left: calc( 0.5dvw ); transform: rotate( 180deg ) translateY(50%) }
.recommend_list [btn-next]{ right: calc( 0.5dvw ); }

/*MOBILE*/
@media screen and ( max-width: 767px) {
    .recommend_wrapper .recommend_items .prod_photo .maskBox .fontTxt{ font-size:14px; border: 2px solid #fff; letter-spacing: 5px; }
    .recommend_wrapper .recommend_items .title{ font-size:18px; margin-bottom:15px; }
}

/* 補充 */
.proBlockList.noBorder{ border:none; }
.proBlockList.noPadding{ padding:0; }
.proBlockList.marginBeforePrevElement{ margin-top:-20px; }

/* 滿額贈 清單 */
.gift_list{ padding:0.5rem; margin-top: 0.5rem; border-radius:8px; background:#f2f2f2; }
.gift_wrapper{ gap:0.125rem; display:flex; flex-direction:column; }
.gift_items{ width:100%; gap:0.25rem; display:inline-flex; flex-direction:row; flex-wrap:nowrap; text-decoration:unset; align-items:flex-start; }
a.gift_items:active,
a.gift_items:focus,
a.gift_items:hover{ text-decoration:underline;  }
.gift_title{ color:#ff4545; background-color:#fef3f3; font-weight:700; padding:0 0.25rem; word-break:keep-all; }
.gift_title.text-gray{ color:#777; background-color:#e3e3e3; }
.gift_title.text-blue{ color:#0764a1; background-color:#deeff9; }
.gift_txt{ color:#333; font-size:inherit; font-weight:500; flex:auto; display:inline-flex; flex-wrap:nowrap; }
.gift_txt.text-red{ color:#ff4545 !important; }

.calculate>.gift_list{ width:100%; }

.items_list{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }

/* 結算畫面 */
.mobile_title>.gift_items,
.mobile_title>.gift_items .items_list,
.mobile_title>.gift_items .gift_txt{ font-size:inherit; }

/* 加價購 */
.recommend_wrapper .slick-track,
.recommend_wrapper .slick-slide,
.recommend_wrapper .slick-slide>div,
.recommend_wrapper .recommend_items{ height:unset; display:flex !important; }
.recommend_wrapper .slick-slide>div{ width:100%; }

/* 滿額贈提示 */
.gift_hint{ color:#ff4545; font-size:0.9em !important; font-weight:500; }
h3 .gift_hint{ color:#777; font-size:0.8em !important; }
.proBlockList>.shop_info>.gift_hint{ font-size:22px !important; }

/* 加價購 */
.wrapper:has([role="alert"]){ z-index:10; }
.lightbox[role="alert"] .w_bg{ max-width:95dvw; width:1400px; max-height:95dvh; height:auto; }

.additional_money .txt{ font-weight:500; }
.additional_money .txt.line-through{ color:hsl(0deg, 0%, 20%, 0.7); font-size:1.25rem; font-weight:300; }
.additional_money .txt.text-red{ color:#ff4545 !important; }

.recommend_box:has(.flex_wrap){ flex-wrap:wrap; }
.recommend_box:has(.flex_wrap) .flex_wrap{ width:100%; text-align:left; flex-direction:row; }
.recommend_box:has(.flex_wrap) .flex_wrap .res{ margin-left:auto; display:inline-flex; align-items:center; }

/* 滿額贈 標題 按鈕 */
.giftTitleFlex{ color: inherit; font-size: inherit; gap: 10px; display: flex; flex-wrap: wrap; align-items: center; }
.giftTitleFlex .txt{ color: inherit; font-size: inherit; }
.giftTitleFlex .more_btn{ font-size: inherit; font-weight: 500; line-height: 1.2; padding: 7px; color:#0069ac; background-color: #fff; display: inline-flex; align-items: center; word-break: keep-all; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
.giftTitleFlex .more_btn:focus,
.giftTitleFlex .more_btn:hover{ background-color:#efefef; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; }

/* 購物車 優惠內容 */
.lightbox[lightbox-target="discount"] .w_bg{ height:auto; border-radius:20px; }

/*MOBILE*/
@media screen and ( max-width: 767px) {
    .gift_list{ }
    .proBlockList>.shop_info>.gift_hint{ font-size:18px !important; }

    /* 結算畫面 */
    .mobile_title>.gift_items .gift_txt{ color:#fff; }

    .recommend_box{ gap:0.9375rem; flex-wrap:wrap; }

    .prod_table#cart_table tbody tr td.mobile_title:has(.gift_list){ padding-right:15px; }
    /* 折扣換行 */
    .price_br{ display:none; }
}