@charset "UTF-8";

.container { padding: 40px 0; }
.container p { line-height: 150%; }
.whitebox { margin-bottom: 30px; padding: 40px 45px; font-size: 18px; border-radius: 4px; background: #fff; border: 1px solid #EDEDED; }
.whitebox:nth-last-child(1) { margin-bottom: 0; }
.paddingbox { padding: 10px 45px; }
.paddingbox.type02 { padding: 10px; }
.section_area { padding: 20px; font-size: 18px; border-bottom: 1px solid #E7E7E7; }
.whitebox .section_area:nth-child(1) { padding-top: 0; }
.whitebox .section_area:nth-last-child(1) { padding-bottom: 0; border: none; }
.colorbox { padding: 15px 70px; }
.box_border { border: solid 1px #f6923f; }

/*inputbox*/
.inputbox { display: flex; position: relative; margin-bottom: 30px; }
.inputbox:nth-last-child(1) { margin: 0; }
.inputbox .inputbox_title { flex: 0 0 auto; margin-right: 20px; line-height: 28px; padding: 6px 0; color: #000; }
.inputbox .inputbox_title.orange { color: #f6923f; }
.inputbox .inputbox_title.mustfill::before { content: "＊"; display: inline-block; float: left; width: 20px; margin-left:-20px; }
.inputbox .inputbox_inner { flex: 1 1 auto; max-width: 100%; }
.inputbox_inner input,
.inputbox_inner > select { width: 260px; }
.inputbox .checklabel { padding: 5px 0; }
.inputbox.error .inputbox_title::before { content: ""; position: absolute; top: 11px; left: -25px; display: block; width: 17px; height: 17px; background: url(../images/icon_inputbox_error.svg) center no-repeat; background-size: 17px; }
.input_error { padding-top: 10px; font-size: 14px; font-weight: 500; color: #EE6352; }
/*inputbox_inline*/
.inputbox_inline input ,
.inputbox_inline select { width: auto; display: inline-block; max-width: 200px; margin-right: 15px; }
.inputbox_inline input:last-of-type,
.inputbox_inline select:last-of-type { margin-right: 0; }
/*input_select*/
.check_box { display: flex; align-items: center; cursor: pointer; }
.check_box_alignTop { align-items: flex-start; }
.check_box .icon { flex: 0 0 auto; }
.check_box .inner { flex: 1 1 auto; margin-left: 10px;  }
.check_box .inner.linebox { padding: 15px 20px; border: solid 2px #e7e7e7; border-radius: 4px; }
.check_box input[type="radio"]:checked ~ .inner.linebox { border-color: #f6923f; }
.check_box input[type="radio"] + .icon { margin: 5px 0; }
/*input_地址*/
.input_address {  }
.input_address.noservice input { border-color: #a6a6a6; }
.input_address.noservice select { border-color: #a6a6a6; background-image: url(../images/icon_arrow_01_gray.svg); }
.input_address.noservice input[type="checkbox"] + span.icon { background-color: #a6a6a6; }
.input_address_city { display: flex; -ms-align-items: center; align-items: center; margin-bottom: 20px; }
.input_address_city select { display: inline-block; width: auto; margin: 0 20px 0 0; }
.input_address_city .city01 { width: 130px; }
.input_address_city .add_name { width: 120px; margin: 0 10px 0 0; }
.input_address_road { display: flex; -ms-align-items: center; align-items: center; }
.input_address_road.hidden { display: none; }
.input_address_road input[type="text"] { display: inline-block; }
.input_address_road .road { width: 260px; margin-right: 20px; }
.input_address_road .floor { display: inline-block; margin-right: 30px; }
.input_address_road .floor input { width: 40px; margin-right: 5px; }
.input_address_road .checklabel { display: inline-block; padding: 0; font-weight: 500; }
/*input_地址_無明確地址*/
.input_address_roadSection .input_address_road {  }
.input_address_roadSection .input_address_road .checklabel { margin-right: 20px; }
.input_address_roadSection .input_address_road .road { /*width: 375px;*/ margin: 0; }
/*input_信用卡*/
.input_card { display: flex; }
.input_card_number { flex: 0 0 210px; }
.input_card_verify { display: flex; align-items: flex-end; }
.input_card_verify .box01 { flex: 0 0 100px; }
.input_card_verify .box02 { flex: 0 0 70px; }
.input_card .title { padding: 5px 0; line-height: 28px; color: #000; }
.input_card .title span { vertical-align: middle; }
.input_card_box { margin-right: 20px; }
/*textarea*/
.textarea_article { min-height: 300px; }
.textarea_bg {  }
.inputbox_text input {  }

/*title*/
h2 { margin-bottom: 25px; font-size: 26px; line-height: 1em; font-weight: 500; color: #f6923f; }
h2.title { min-height: 45px; line-height: 45px; padding-left: 50px; }
h2.title.icon01 { background: url(../images/icon_title_01.svg) left center no-repeat; background-size: 45px; }
h2.title.icon02 { background: url(../images/icon_title_02.svg) left center no-repeat; background-size: 45px; }
h2.title.icon03 { background: url(../images/icon_title_03.svg) left center no-repeat; background-size: 45px; }
h2.title.icon04 { background: url(../images/icon_title_04.svg) left center no-repeat; background-size: 45px; }
h2.title.icon05 { background: url(../images/icon_title_05.svg) left center no-repeat; background-size: 45px; }
h2.title.icon06 { background: url(../images/icon_title_06.svg) left center no-repeat; background-size: 45px; }
h2.title.icon07 { background: url(../images/icon_title_07.svg) left center no-repeat; background-size: 45px; }
h2.title.icon08 { background: url(../images/icon_title_08.svg) left center no-repeat; background-size: 45px; }
h2.title.icon09 { background: url(../images/icon_title_09.svg) left center no-repeat; background-size: 45px; }
h2.title.icon10 { background: url(../images/icon_title_10.svg) left center no-repeat; background-size: 45px; }
h3 { margin-bottom: 20px; font-size: 22px; line-height: 38px; font-weight: 500; color: #f6923f; }
.whitebox h4 { margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #81786F; }
/*title_含說明、按鈕*/
.page_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.page_title h2 { margin: 0; }
.page_title p { flex: 1 1 auto; margin-left: 20px; }
.page_title .page_title_text { display: flex; align-items: center; }
.page_title_btn { overflow: auto; }
.page_title_btn a { display: block; float: left; padding: 0 15px; line-height: 38px; border: 2px solid #f6923f; }
.page_title_btn a:nth-child(1) { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.page_title_btn a:nth-last-child(1) { margin-left: -2px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.page_title_btn a.on { color: #fff; background: #f6923f; }


/*ol*/
ol.num { counter-reset: item; margin-bottom: 20px; }
ol.num > li { margin-bottom: 10px; padding: 0; line-height: 150%; }
ol.num > li::before { content: counter(item) ". "; counter-increment: item; display: inline-block; min-width: 1.5em; }

/*ul*/
ul.point { margin-bottom: 20px; }
ul.point > li { position: relative; margin-bottom: 10px; padding: 0 0 0 20px; line-height: 150%; }
ul.point > li::before { content: ""; display: inline-block; position: absolute; top: 6px; left: 1px; width: 8px; height: 8px; background: #f6923f; border-radius: 8px; }


/*table*/
table {  }
table th ,
table td { padding: 10px; line-height: 125%; word-wrap: break-word; text-align: center; }
table td {  }
table td span {  }
table.bigT td { font-size: 18px; }

.table_normal {  }
.table_normal > tbody > tr:nth-child(even) { background: #f9f9f9; }
.table_normal th { padding: 9px 20px; font-weight: 500; color: #f6923f; }
.table_normal td { padding: 9px 20px; font-size: 18px; color: #000; }

.table_rwd {  }

/*table_展開*/
.table_hidden {  }
.table_hidden tr.table_hidden_tr { cursor: pointer; }
.table_hidden tr.table_hidden_tr:nth-child(even) { background: #fff; }
.table_hidden tr.table_hidden_tr.bg_gray { background: #f9f9f9; }
.table_hidden_tag { display: block; width: 20px; height: 20px; margin: 0 auto; background: url(../images/icon_arrow_02.svg) center no-repeat; background-size: 20px; transition: 0.2s; }
.table_hidden_tr.open .table_hidden_tag { transform: rotate(-180deg); }
.table_hidden .hidden_area {  }
.table_hidden .hidden_area > td { padding: 0; }
.table_hidden .hidden_box { background: #f9f9f9; }
.table_hidden .section { padding: 20px 140px 20px 80px; border-bottom: 1px solid #E7E7E7; }

/*btn*/
.btn { text-align: center; }
.btn a { display: inline-block; }
.btn a.gray { color: #81786F; background: #e7e7e7; }
.btn a.gray:hover { background: #dcdcdc; }
.btn a.white { color: #f6923f; background: #fff; border: solid 2px #f6923f; }
.btn a.white:hover { background: #FFF7EA; }
.btn.btn_main a { margin: 0 10px; padding: 15px 30px; }
.btn.btn_inline a { margin: 0 10px; }
.btn.btn_check a { margin: 0 5px; padding: 15px 15px; }

/*image*/
.imagebox {}
.imagebox img { display: block; max-width: 100%; }
.imagebox.full img { width: 100%; }

/*搜尋篩選*/
.filter_box { display: flex; -ms-align-items: center; align-items: center; min-height: 40px; margin-bottom: 20px; }
.filter_box .title { flex: 0 0 auto; margin-right: 15px; font-size: 18px; color: #000; }
.filter_box .inner {  }
.filter_box .searchbox { flex: 1 1 auto; display: flex; }
.filter_box .btn { flex: 0 0 105px; margin-left: 40px; }
.filter_box .btn a { display: block; padding: 13px 15px; }
/*選日期*/
.datetobox { 
	display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; 
	-ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; 
	width: 100%; }
.datetobox input { flex: 1 1 auto; width: calc(50% - 40px); }
.datetobox span { margin: 0 15px; }

.check_inline {  }
.check_inline label { display: inline-block; min-width: 150px; margin-right: 20px; vertical-align: middle; font-size: 18px; font-weight: 500; }

/*訂單明細*/
.table_order_detail td ,
.table_order .hidden_area p { color: #000; font-size: 18px; }
.table_order_detail { margin-bottom: 20px; }
.table_order_detail th { padding: 5px 0; font-size: 18px; font-weight: 300; color: #000; }
.table_order_detail td { padding: 5px 0; }
.tag_price { display: inline-flex; justify-content: space-between; width: 90px; }
.tag_price .minus { flex: 0 0 20px; }
.tag_price .money { flex: 0 0 20px; }
.tag_price .price { flex: 1 0 auto; text-align: right; }

/*大頭照*/
.img_head { display: inline-block; width: 40px; height: 40px; margin-left: 20px; vertical-align: middle; border-radius: 20px; overflow: hidden; }
.img_head img { width: 40px; height: 40px; }

/*選單*/
.nav { display: flex; margin-bottom: 40px; }
.nav li { margin-right: 20px; }
.nav li:nth-last-child(1) { margin: 0; }
.nav .swiper-slide { width: auto; }
.nav a { display: inline-block; padding: 8px 10px; text-align: center; font-size: 18px; line-height: 22px; color: #f6923f; border: 2px solid #f6923f; border-radius: 10px; transition: 0.2s; }
.nav a.on { color: #fff; background: #f6923f; }
.nav.member { margin-right: -10px; }
.nav.member li { flex: 1 1 auto; display: inline-block; margin: 0 10px 10px 0; }
.nav.member a { display: block; /* min-width: 120px; */ padding: 8px 5px 8px 30px; }
.nav.member .icon01 { background-image: url(../images/icon_nav_member_01.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .on.icon01 { background-image: url(../images/icon_nav_member_01_2.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .icon02 { background-image: url(../images/icon_nav_member_02.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .on.icon02 { background-image: url(../images/icon_nav_member_02_2.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .icon03 { background-image: url(../images/icon_nav_member_03.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .on.icon03 { background-image: url(../images/icon_nav_member_03_2.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .icon04 { background-image: url(../images/icon_nav_member_04.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .on.icon04 { background-image: url(../images/icon_nav_member_04_2.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .icon05 { background-image: url(../images/icon_nav_member_05.svg); background-position: 5px center; background-repeat: no-repeat; }
.nav.member .on.icon05 { background-image: url(../images/icon_nav_member_05_2.svg); background-position: 5px center; background-repeat: no-repeat; }

/*置底區塊*/
.bottom_area .pagesize { padding: 20px 0; }

/*預約流程*/
.step_box { display: flex; justify-content: space-between; margin-bottom: 40px; }
.step_box li { flex: 1 1 100%; position: relative; margin-right: 30px; padding: 0 0 0 30px; line-height: 44px; text-align: center; color: #A6A6A6; background-color: #F3F3F3; }
.step_box li::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0;
border-style: solid; border-width: 22px 0 22px 30px; border-color: transparent transparent transparent #fff; }
.step_box li::after { content: ""; position: absolute; top: 0; right: -30px; width: 0; height: 0; 
border-style: solid; border-width: 22px 0 22px 30px; border-color: transparent transparent transparent #F3F3F3; }
.step_box li.on { color: #fff; background-color: #F6923F; }
.step_box li.on::after { border-color: transparent transparent transparent #F6923F; }
.step_box li:nth-child(1)::before,
.step_box li:nth-last-child(1)::after { display: none; }
.step_box li:nth-child(1) {  }
.step_box li:nth-last-child(1) { margin-right: 0; }

/*預約完成*/
.reserve_status_area { margin: 60px 0; text-align: center; }
.reserve_status_area p { font-size: 22px; line-height: 130%; font-weight: 500; color: #F6923F; }
.reserve_status_area .icon { width: 150px; height: 150px; margin: 0 auto 40px; background-color: #F6923F; border-radius: 75px; }
.reserve_status_area .icon.success { background: url(../images/img_reserve_success.svg) center; background-size: 100%; }
.reserve_status_area .icon.alert { background: url(../images/img_reserve_alert.png) center; background-size: 100%; }

/*帳戶總覽*/
.member_info_area { display: flex; justify-content: space-between; }
.member_info_area .whitebox { flex: 1 1 auto; margin: 0 25px 30px 0; padding: 25px; }
.member_info_area .whitebox:nth-last-child(1) { margin-right: 0; }
.member_info_box { min-height: 200px; position: relative; padding: 25px; text-align: center; border: 2px solid #f6923f; }
.member_info_box::before { content: ""; display: block; position: absolute; top: -2px; left: -2px; width: 0; height: 0; border-style: solid; border-width: 60px 40px 0 0; border-color: #f6923f transparent transparent transparent; }
.member_info_box::after { content: ""; display: block; position: absolute; top: -2px; left: -2px; width: 0; height: 0; border-style: solid; border-width: 56px 37px 0 0; border-color: #fff transparent transparent transparent; }
.member_info_box p { font-weight: 500; }
.member_info_box .icon { width: 80px; height: 80px; margin: 0 auto 10px; }
.member_info_box .icon01 { background: url(../images/icon_member_info_01.svg) center no-repeat; background-size: auto; }
.member_info_box .icon02 { background: url(../images/icon_member_info_02.svg) center no-repeat; background-size: auto; }
.member_info_box .icon03 { background: url(../images/icon_member_info_03.svg) center no-repeat; background-size: auto; }
.member_info_box .item { margin-bottom: 15px; }
.member_info_box .price { font-size: 32px; color: #f6923f; }
/*帳戶資訊&變更密碼*/
.editInfo { display: flex; align-items: stretch; margin: 0 0 30px; }
.editInfo input { width: 100%; }
.editInfo > div { flex: 1 1 auto; }
.editInfo .editInfo_contact { margin: 0 30px 0 0; }
.editInfo .editInfo_pw .btn a { width: 100%; margin: 0; }

/*服務站*/
.station_box { position: relative; min-height: 120px; padding-right: 200px; }
.station_box p { margin-bottom: 5px; color: #a6a6a6; font-size: 16px; font-weight: 500; }
.station_box p:nth-last-child(1) { margin: 0; }
.station_box .title { margin-bottom: 10px; font-size: 18px; color: #81786F; }
.station_box .title.orange { color: #f6923f; }
.station_box .imgbox { position: absolute; top: 0; right: 0; width: 180px; height: 120px; }
.station_box .imgbox img { width: 100%; height: 100%; }

.station_select { display: flex; -ms-align-items: center; align-items: center; margin: 0 0 30px; padding: 20px; cursor: pointer; border: solid 2px #e7e7e7; border-radius: 4px; }
.station_select.on { border: solid 2px #f6923f; }
.station_select:nth-last-child(1) { margin: 0; }
.station_select .station_box { flex: 1 1 auto; margin-right: 50px; }
.station_select .btn { flex: 0 0 auto; margin-right: 20px;  }
.station_select .btn.status button { font-size: 16px; font-weight: 500; background-position: center 25px; }

/*數字增減*/
.number_box { display: flex; text-align: center; }
.number_box button { width: 40px; height: 40px; font-weight: 500; color: #a6a6a6; background: #f3f3f3; border-radius: 20px; }
.number_box button:active { color: #f3f3f3; background: #a6a6a6; }
.number_box .number { flex: 1 1 auto; margin: 0 20px; font-size: 22px; font-weight: 500; color: #000; }
.number_box .number span { line-height: 40px; vertical-align: middle; }
.number_box .number input { text-align: center; color: #000; }

/*折扣_+-*/
.detail_num_box { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: solid 1px #e7e7e7; }
.detail_num_box:nth-last-child(1) { border-bottom: none; }
.detail_num_box .inner_box { flex: 1 1 auto; }
.detail_num_box .inner_box h4 { margin-bottom: 10px; }
.detail_num_box .number_box { flex: 0 0 150px; align-items: center; }
.detail_num_box .number_box .number { width: 60px;  font-size: 16px; text-align: center; }

/*問號說明*/
.que { display: inline-block; position: relative; vertical-align: middle; }
h4 .que { line-height: 25px; }
.que_detail_q { display: inline-block; width: 18px; height: 18px; background: url(../images/icon_question.svg) center no-repeat; background-size: 20px; cursor: pointer; border-radius: 9px; }
.que_detail_q.q_gray { background: url(../images/icon_question_02.svg) center no-repeat; background-size: 20px; }
.que:hover .que_detail_hidden { display: block; opacity: 1; }
.que_detail_hidden { display: none; opacity: 0; position: absolute; top: -10px; right: 50%; transform: translateX(50%)translateY(-100%); padding: 10px; background: #fff; border: 1px solid #F6923F; border-radius: 3px; }
.que_detail_hidden::before { content: ""; position: absolute; bottom: -10px; left: calc(50% - 10px); width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #F6923F transparent transparent transparent; }
.que_detail_hidden::after { content: ""; position: absolute; bottom: -8px; left: calc(50% - 8px); width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; }
.que_detail_hidden img { display: block; max-width: 100%; margin: 0 auto 10px; }
.que_detail_hidden p { font-size: 14px; white-space: nowrap; }
.que_detail_hidden a { display: inline-block; padding: 2px 0; border-bottom: solid 1px; }

/*分頁*/
.pages {  }
.pagesList { display: block; text-align: center; margin: 10px 0;}
.pagesList li { margin: 0 5px; display: inline-block; vertical-align: middle;}
.pagesList a { display: block; line-height: 40px; font-size: 24px; font-weight: 500; color: #FBD4B3; }
.pagesList li a:hover, .pagesList .on a { color: #ef6b18; border-radius: 1px;}
.pagesList .pagePrev a::before ,
.pagesList .pageNext a::before { content: "..."; }
.pagesList .pageFirst a,
.pagesList .pageLast a { width: 40px; height: 40px; padding: 0; }
.pagesList .pageFirst a { background: url(../images/icon_arrow_page.svg) center center no-repeat; background-size: 100%; transform: rotate(180deg); }
.pagesList .pageLast a { background: url(../images/icon_arrow_page.svg) center center no-repeat; background-size: 100%; }


/*選擇服務*/
.service_area { display: flex; justify-content: space-between; width: 100%; }
.service_box { flex: 1 1 25%; display: flex; }
.service_area .service_box:nth-child(1) { flex: 1 1 50%; }
.service_type { display: none; }
.service_area .service_box:nth-child(1) .service_type { display: block; }
.service_box > div { flex: 1 1 50%; width: 50%; }
.service_type ,
.service_text { padding: 0 20px; text-align: center; font-weight: 500; border-right: 1px solid #E7E7E7; }
.service_text .number_box .number { margin: 0 5px; }
.service_area .service_box:nth-last-child(1) .service_text { border: none; }
.service_box .service_title { min-height: 40px; margin: 0 0 10px; padding: 5px 0; }
.service_box .service_title span { line-height: 30px; vertical-align: middle; font-size: 18px; font-weight: 500; color: #f6923f; }
.service_box .inner { margin-bottom: 20px; }
.service_type .inner { line-height: 40px; font-weight: 500; }

/*登入*/
.loginbox02 {  }
.loginbox02 .title { margin: 0 0 30px; text-align: center; font-size: 18px; font-weight: 500; color: #000; }
.loginbox02 .login_input { display: flex; justify-content: center; margin: 0 0 20px; }
.loginbox02 .login_input .inputbox { display: flex; -ms-align-items: center;
align-items: center; margin: 0 40px 0 0; }
.loginbox02 .login_input .inputbox:nth-last-child(1) { margin: 0; }
.loginbox02 .login_input .inputbox_title { margin-right: 15px; color: #f6923f; }
.loginbox02 .login_input .inputbox .inputbox_inner { display: inline-block; width: 190px; }
.loginbox02 .login_input .inputbox .inputbox_inner input { width: 100%; }
.loginbox02 .btn { margin: 0 0 20px; text-align: center; }
.loginbox02 .btn a { display: inline-block; width: auto; margin: 0 auto; padding: 15px 40px; }
.login_link { display: flex; justify-content: center; }
.login_link li { padding: 0 15px; text-align: center; border-right: solid 1px #81786F; }
.login_link li:nth-last-child(1) { border: none; }
.login_link a { display: block; font-size: 14px; font-weight: 500; }

/*選擇配送*/
.select_deliver_area {  }
.select_deliver_box { display: flex; }
.select_deliver_box .deliver_title { min-height: 50px; padding: 10px 20px; }
.select_deliver_box .deliver_title.bottom { display: none; }
.select_deliver_box .deliver_title p { font-size: 18px; }
.select_deliver_box .deliver_title p.now { font-weight: 500; color: #F6923F; }
.select_deliver_box .deliver_inner { text-align: center; }
.select_deliver_box .btn { margin-bottom: 10px; }
.select_deliver_box .btn:nth-last-child(1) { margin: 0; }
.deliver_inner { min-height: 90px; padding: 10px; }
.deliver_inner:nth-child(even) { background: #f9f9f9; }
/*選擇配送_時間*/
.select_deliver_time { flex: 0 0 90px; }
.select_deliver_time .deliver_inner { display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; font-weight: 500; word-wrap: break-word; }
.select_deliver_time .deliver_inner span:nth-child(1)::after { content: "—"; }
/*選擇配送_日期*/
.select_deliver_date { width: 100%; }
.select_deliver_date .swiper-button-prev,
.select_deliver_date .swiper-button-next { display: none; }
.select_deliver { flex: 1 1 auto; }
.select_deliver .deliver_title { border-left: solid 1px #e7e7e7; }
.select_deliver .deliver_title p { text-align: center; }
.select_deliver .deliver_inner { border-left: solid 1px #e7e7e7; }

/*選擇配送_按鈕*/
.btn.status {  }
/*選擇配送_按鈕_運送_高*/
.btn.status button { width: 80px; height: 80px; padding: 0 0 35px; border: solid 2px; border-radius: 10px; }
.btn.status .high { color: #826049; border-color: #826049; background: url(../images/icon_delivery_01.png) center 20px no-repeat; background-size: 50px 50px; }
.btn.status .high.on { color: #fff; background: #826049 url(../images/icon_delivery_04.png) center 20px no-repeat; background-size: 50px 50px; }
/*選擇配送_按鈕_運送_中*/
.btn.status .mid { color: #F6923F; border-color: #F6923F; background: url(../images/icon_delivery_02.png) center 20px no-repeat; background-size: 50px 50px; }
.btn.status .mid.on { color: #fff; background: #F6923F url(../images/icon_delivery_04.png) center 20px no-repeat; background-size: 50px 50px; }
/*選擇配送_按鈕_運送_低*/
.btn.status .low { color: #EE6352; border-color: #EE6352; background: url(../images/icon_delivery_03.png) center 20px no-repeat; background-size: 50px 50px; }
.btn.status .low.on { color: #fff; background: #EE6352 url(../images/icon_delivery_04.png) center 20px no-repeat; background-size: 50px 50px; }
/*選擇配送_按鈕_運送_綠*/
.btn.status .car { color: #2CAE33; border-color: #2CAE33; background: url(../images/icon_delivery_08.png) center 20px no-repeat; background-size: 50px 50px; }
.btn.status .car.on { color: #fff; background: #2CAE33 url(../images/icon_delivery_04.png) center 20px no-repeat; background-size: 50px 50px; }
/*選擇配送_按鈕_運送_機車*/
.btn.status .bike { color: #2CAE33; border-color: #2CAE33; background: url(../images/icon_delivery_06.png) center 20px no-repeat; background-size: 50px 50px; }
.btn.status .bike.on { color: #fff; background: #2CAE33 url(../images/icon_delivery_07.png) center 20px no-repeat; background-size: 50px 50px; }
/*選擇配送_按鈕_店取*/
.btn.status .shop01 { color: #2CAE33; background-image: url(../images/icon_shop_03.png); background-size: 50px; background-position: center 20px; background-repeat: no-repeat; border: solid 2px #2CAE33; border-radius: 10px; }
.btn.status .shop01.on { color: #fff; background-color: #2CAE33; background-image: url(../images/icon_shop_02.png); }
/*選擇配送_按鈕_店取*/
.btn.status .shop02 { color: #F6923F; background-image: url(../images/icon_shop_04.png); background-size: 50px; background-position: center 20px; background-repeat: no-repeat; border: solid 2px #F6923F; border-radius: 10px; }
.btn.status .shop02.on { color: #fff; background-color: #F6923F; background-image: url(../images/icon_shop_02.png); }
/*選擇配送_按鈕_店取*/
.btn.status .shop03 { color: #EE6352; background-image: url(../images/icon_shop_05.png); background-size: 50px; background-position: center 20px; background-repeat: no-repeat; border: solid 2px #EE6352; border-radius: 10px; }
.btn.status .shop03.on { color: #fff; background-color: #EE6352; background-image: url(../images/icon_shop_02.png); }
/*選擇配送_按鈕_店取*/
.btn.status .shop { color: #3FA7D6; background-image: url(../images/icon_shop_01.png); background-position: center 20px; background-repeat: no-repeat; border: solid 2px #3FA7D6; border-radius: 10px; }
.btn.status .shop.on { color: #fff; background-color: #3FA7D6; background-image: url(../images/icon_shop_02.png); }

/*選擇配送_按鈕_價格*/
.btn.status button.money { padding: 35px 0 0; font-size: 14px; font-weight: 500; color: #000; background-position: center -5px; }
.btn.status button.money.on { background-position: center -5px; }
.btn.status .bike.money ,
.btn.status .bike.money.on { background-position: center 0px; }

/*選擇配送_按鈕_無法使用*/
.btn.status button.no { color: #a7a7a7; border-color: #a7a7a7; background: url(../images/icon_delivery_05.png) center 25px no-repeat; background-size: 40px; }

.deliver_inner .btn button { width: 70px; height: 70px; font-size: 12px; background-position: center 20px; }

/*預約_商品明細*/
.reserve_detail_area {  }
.reserve_detail_area .table_normal > tbody > td { padding: 15px 20px; }
.reserve_detail_area .table_normal .tag_price { font-size: 22px; font-weight: 500; }
.reserve_detail_area .table_normal .table_order_detail { margin: 0; }

/*結帳*/
.checkout_area { display: flex; justify-content: space-between; align-items: flex-end; }
.checkout_area .checkout_open { display: none; }
.checkout_area .checkout_hidden { flex: 1 1 auto; order: 2; margin-bottom: -10px; }
.checkout_area .price_box { flex: 0 0 auto; order: 3; margin: 0 40px; font-size: 18px; }
.checkout_area .price_box span.price { margin-left: 20px; font-size: 26px; font-weight: 500; color: #F6923F; }
.checkout_area .checkout_btn { flex: 0 0 auto; order: 4; align-self: stretch; display: flex; align-items: flex-end; border-left: solid 1px #83614A; }
.checkout_area .checkout_btn.checkout_next { flex: 1 1 auto; justify-content: flex-end; border: none; }
.checkout_area .checkout_btn a { margin-left: 40px; padding: 15px 40px; }.
/*結帳_細項*/
.checkout_list {  }
.checkout_list li { display: inline-flex; margin: 0 20px 10px 0; padding: 10px 5px; border: solid 1px #F6923F; border-radius: 5px; }
.checkout_list p { color: #000; line-height: 20px;  }
.checkout_list .price { margin-left: 5px; font-size: 14px; font-weight: 500; color: #F6923F; }

/*分店*/
.branch_reserve { display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; }
.branch_reserve .btn {}
/*分店_地圖*/
.branch_map { margin-bottom: 30px; }

/*條款*/
.term_box { padding: 20px 15px; font-size: 14px; border: 2px solid #F6923F; border-radius: 4px; }
.term_box p { margin-bottom: 20px; }
/*隱藏區塊*/
h3.hidden_content_title { margin: 0; cursor: pointer; }
h3.hidden_content_title.show { margin: 0 0 20px; }
.hidden_content_title { margin: 0; }
.hidden_content_title .icon { display: inline-block; width: 22px; height: 22px; margin-right: 10px; vertical-align: top; background: url(../images/icon_arrow_01.png) center no-repeat; background-size: 16px; }
.hidden_content_title.show .icon { transform: rotate(180deg); }
/*.hidden_content_title.show ~ .hidden_content { display: block; }*/
.hidden_content {  }

/*登入頁*/
.login_area { display: flex; align-items: center; position: relative; padding: 0 0 0 50%; }
.login_area_bg { position: absolute; top: 0; left: 0; overflow: hidden; width: 50%; height: 100%; background: url(../images/bg_login_06.png) top right no-repeat; background-size: cover; } 
.login_area_bg::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 100vh 100px; border-color: transparent transparent #fff transparent; }
.login_inner { flex: 1 1 auto; align-self: center; padding: 40px 20px; }
.login_inner {  }
.login_inner .whitebox { max-width: 400px; margin: 0 auto; padding: 50px 72px; font-size: 16px; font-weight: 500; text-align: center;  }
.login_inner h2.title { display: inline-block;  }
.login_inner .inputbox { display: flex; justify-content: space-between; margin-bottom: 30px; }
.login_inner .inputbox label { flex: 0 0 auto; color: #F6923F; }
.login_inner .inputbox .inputbox_inner { flex: 1 1 170px; max-width: 170px; font-weight: 300; }
.login_inner .inputbox input { width: 100%; }
.login_inner .inputbox .input_error { text-align: left; }
.login_inner .checklabel { margin: -10px 0 20px; }
.login_inner .checklabel .text { font-size: 16px; }
.login_inner .btn {  }
.login_inner .btn a { display: block; padding: 15px; }


/*FAQ list*/
.faq_area {  }
.faq_area .whitebox { padding: 30px; }
.faq_q { position: relative; min-height: 32px;padding-left: 40px; cursor: pointer; transition: 0.3s; }
.faq_q::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 32px; height: 32px; background: url(../images/icon_arrow_01.png) center no-repeat; }
.faq_area .open .faq_q { margin: 0 0 15px; }
.faq_area .open .faq_q::before { transform: rotate(180deg); }
.faq_q p { font-size: 22px; line-height: 32px; font-weight: 500; color: #F6923F; }
.faq_a {  }

/*連結列表*/
.linklist_box {  }
.linklist_box .whitebox { position: relative; padding: 30px; }
.article_box_title {  }
.article_box_title .tag { margin: 0 0 10px; font-size: 16px; font-weight: 500; color: #F6923F; }
.article_box_title .title { font-size: 22px; font-weight: 500; color: #000; transition: 0.2s; }
.linklist_box li:hover .title,
.linklist_switch .whitebox:hover .title { color: #F6923F; }
.article_box_info {  }
.article_box_info span { margin-right: 40px; font-size: 14px; font-weight: 500; }
.linklist_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
/*文章_上下則*/
.linklist_switch { display: flex; justify-content: space-between; align-items: stretch; }
.linklist_switch .linklist_switch_prev,
.linklist_switch .linklist_switch_next { flex: 0 0 calc(50% - 25px); width: calc(50% - 25px); display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.linklist_switch .whitebox { flex: 1 0 auto; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; position: relative; padding: 20px 30px; }
.linklist_switch .article_box_title { flex: 1 0 auto; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #E8E8EA; }
.linklist_switch_tag { margin: 0 0 10px; text-align: center; line-height: 30px; font-weight: 500; color: #F6923F; }
.linklist_switch_tag span { vertical-align: middle; }
.linklist_switch_tag .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; }
.linklist_switch_prev .linklist_switch_tag .icon { background: url(../images/icon_arrow_prev.png) center no-repeat; background-size: 100%; }
.linklist_switch_next .linklist_switch_tag .icon { background: url(../images/icon_arrow_prev.png) center no-repeat; background-size: 100%; transform: rotate(180deg); }
/*新聞*/
/*新聞_list*/
.news_preview { margin: 0 0 10px; padding: 15px 0; font-size: 16px; font-weight: 500; 	border-bottom: 1px solid #E8E8EA; }
/*新聞_inner*/
.news_inner {  }
.article_title { margin: 0 0 40px; padding: 0 0 20px; border-bottom: 1px solid #E8E8EA; }
.article_title .article_box_title { margin: 0 0 10px; }
/*折價*/
.discount_area { display: flex; flex-wrap: wrap; justify-content: stretch; }
.discount_area li { flex: 0 0 calc(50% - 50px); width: calc(50% - 50px); display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.discount_area li:nth-child(odd) { margin-right: 100px; }
.discount_area li:nth-last-child(1) { margin-bottom: 30px; }
.discount_area .whitebox { padding: 0; }
.discount_area .imagebox {  }
.discount_area .textbox { flex: 1 0 auto; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;
	padding: 10px 20px; }
.discount_area .article_box_title { flex: 1 0 auto; display: flex; align-items: center; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #E8E8EA; }
/*折價_inner*/
.discount_inner {  }
.discount_inner .article_box_title { margin: 0 0 20px; }
.discount_inner .article_box_title .title { text-align: center; color: #F6923F; }
.discount_number { margin: 30px 0; padding: 30px 0; border-top: 1px solid #E8E8EA; border-bottom: 1px solid #E8E8EA; }
.discount_number .inputbox { justify-content: center; font-weight: 500; }
.discount_number .inputbox .inputbox_inner { flex: 0 0 100px; width: 100px; }
.discount_number .inputbox .inputbox_inner input { width: 100%;  color: #000; }
.discount_number .notice { text-align: center; font-size: 16px; font-weight: 500; }

/*下載*/
.download_area {  }
.download_area li { position: relative; padding: 40px 80px 40px 45px; font-weight: 500; background: url(../images/icon_download.svg) calc(100% - 40px) center no-repeat; }
.download_area a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.download_area .title { margin: 0 0 10px; font-size: 21px; color: #F6923F; }
.download_area .time { font-size: 16px; }

/*08_特色介紹*/
.feature_area { padding-top: 0; }
.feature_box { display: flex; height: 400px; background: #F6923F url(../images/bg_logo.svg); }
.feature_bg { flex: 0 1 50%; position: relative; max-width: 500px; background-size: auto 500px; background-position: bottom right; background-repeat: no-repeat; }
.feature_bg .feature_box_title { position: absolute; top: 20px; left: calc(50% - 120px); width: 120px; height: 120px;  }
.feature_bg .feature_box_title.title01 { background: url(../images/img_feature_01.svg) center no-repeat; background-size: 100%; }
.feature_bg .feature_box_title.title02 { background: url(../images/img_feature_02.svg) center no-repeat; background-size: 100%; }
.feature_bg .feature_box_btn { position: absolute; top: 120px; left: calc(50% - 10px); width: 70px; height: 70px; transition: 0.2s; }
.feature_bg .feature_box_btn:hover { width: 75px; height: 75px; }
.feature_bg .feature_box_btn.btn01 { background: url(../images/btn_feature_01.svg) center no-repeat; background-size: auto 100%; }
.feature_bg .feature_box_btn.btn02 { background: url(../images/btn_feature_02.svg) center no-repeat; background-size: auto 100%; }
.feature_box_inner { flex: 1 0 50%; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center;
	padding: 0 40px 0 0; color: #fff; }
.feature_box_inner p { margin: 0 0 10px; }
.feature_box_inner p.title { font-size: 27px;	font-weight: 500; }
/*08_框線box*/
.intro_article { position: relative; padding: 100px 0; }
.intro_article::before { content: ""; display: block; position: absolute; top: 60px; bottom: 60px; right: 20px; width: 50%; border: solid 4px #F6923F; z-index: -1; }
.intro_article p { margin: 0 0 20px; }
.intro_article .inner { margin: 0 60px 0 40px; padding: 40px 0 20px; background: #fff; }
/*08_框線box_LOGO背景*/
.intro_article_img { min-height: 240px; padding: 0 0 0 250px; background: url(../images/bg_feature_logo.svg) center left no-repeat; background-size: 199px auto; }
.intro_article_img p { margin: 0 0 20px; }
.intro_article_img p:nth-last-child(1) { margin: 0; }
/*相反*/
.reverse.feature_box { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
.reverse .feature_box_inner { padding: 0 0 0 40px; }
.reverse .feature_bg { background-position: bottom left; }
.reverse.intro_article::before { left: 20px; right: auto; }
.reverse.intro_article .inner { margin: 0 40px 0 60px; }
/*08_框線box_圖文*/
.intro_imgText { display: flex; align-items: center; margin-bottom: 60px; }
.intro_imgText_img { flex: 0 0 auto; max-width: 50%; margin-right: 50px; }
.intro_imgText_img img { display: block; max-width: 100%; }
.intro_imgText_inner { flex: 1 1 auto; }
.intro_imgText.right { flex-direction: row-reverse; }
.intro_imgText.right .intro_imgText_img { margin: 0; }
.intro_imgText.right .intro_imgText_inner { margin-right: 50px; }
.intro_imgText.first { padding-top: 60px; }

/*新增輸入*/
.addbox { position: relative; margin: 0 0 30px; padding: 0 0 0 60px; }
.addbox_btn { position: absolute; top: calc(50% - 20px); left: 0; width: 40px; height: 40px; color: #a6a6a6; background: #f3f3f3; border-radius: 20px;  }
.addbox_btn::after { content: "-"; font-size: 24px; font-weight: 500;  }
.addbox_btn:active { color: #f3f3f3; background: #a6a6a6; }
.addbox.new { margin: 0; }
.addbox.new .addbox_btn { color: #F6923F; background-color: #FFF7EA; }
.addbox.new .addbox_btn::after { content: "+"; }
.addbox.new .addbox_btn:active { color: #FFF7EA; background: #F6923F; }
.addbox_inner {  }

/*新增輸入_分區按鈕版*/
.addbox02 {  }
.addbox02 .addbox_inner { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #e7e7e7; }
.addbox02 .addbox_inner:nth-last-child(1) { border: none; }
.addbox02 .addbox_inner.editing { margin: -1px -20px 0; padding: 20px 20px; background-color: #FFF7EA; border-bottom: 0; }
.addbox02 .addbox_inner .input_address_road { margin-bottom: 10px; }
.addbox02 .input_address { flex: 1 1 auto; margin-right: 20px; }
.addbox02 .btn { flex: 0 0 auto; }
.addbox02 .btn a { display: block; width: 80px; margin: 0 0 10px; }


@media screen and (max-width: 1000px) {

	/*登入頁*/
	.login_area { padding: 0 0 0 45%; }
	.login_area_bg { width: 45%; background-position: center; }
	.login_inner { padding-left: 0; }

}
/*-----------------小網-----------------*/
@media screen and (max-width: 768px) {

	.container { padding: 20px 0; }
	.whitebox { margin-bottom: 20px; padding: 20px 10px; font-size: 16px; }
	.colorbox { padding: 15px 10px; }
	.paddingbox { padding: 10px; }
	.section_area { padding: 20px 10px; font-size: 16px; }
	.bottom_area .pagesize { padding: 15px 0; }

	/*title*/
	h2 {  }
	h2.title { min-height: 30px; line-height: 30px; padding-left: 30px; font-size: 24px; }
	h2.title.icon00 ,
	h2.title.icon01 ,
	h2.title.icon02 ,
	h2.title.icon03 ,
	h2.title.icon04 ,
	h2.title.icon05 ,
	h2.title.icon06 ,
	h2.title.icon07 ,
	h2.title.icon08 ,
	h2.title.icon09 ,
	h2.title.icon10 { background-size: 28px; }
	.page_title p { margin: 0 0 0 30px; }

	/*title_含說明、按鈕*/
	.page_title { display: block; margin-bottom: 20px; }
	.page_title .page_title_text { display: block; margin: 0 0 20px; }
	.page_title_btn { display: flex; }
	.page_title_btn a { flex: 1 1 auto; text-align: center; }
	
	/*inputbox*/
	.inputbox { display: block; margin-bottom: 15px; }
	.inputbox_inner { flex: 1 1 auto; }
	.inputbox_inner input,
	.inputbox_inner > select { width: 100%; }
	.inputbox.error .inputbox_title { padding-left: 25px; }
	.inputbox.error .inputbox_title::before { left: 0; }
	.inputbox .inputbox_title.mustfill::before { float: none; margin: 0; }
	/*input_check*/
	.check_inline label { margin: 0 20px 10px 0; }
	/*input_地址*/
	.input_address {  }
	.input_address_city { display: block; margin: 0; }
	.input_address_city select { display: block; width: 100%; margin: 0 0 10px; }
	.input_address_city .city01 { width: 100%; }
	.input_address_city .add_name { width: 100%; margin: 0 0 10px; }
	.input_address_road { display: block; }
	.input_address_road .box { width: 100%; margin: 0 0 10px; }
	.input_address_road .road { width: 100%; }
	/*input_地址_無明確地址*/
	.input_address_roadSection .input_address_road {}
	.input_address_roadSection .input_address_road .road { width: 100%; }

	/*btn*/
	.btn.btn_main a { display: block; margin: 0 0 10px; }
	
	/*table*/
	.table_normal th { padding: 10px 5px; }
	.table_normal td { padding: 10px 5px; font-size: 16px; }

	/*訂單明細*/
	.table_order_detail td ,
	.table_order .hidden_area p { font-size: 16px; }
	.table_order_detail th { display: none; }
	.table_order_detail td { padding: 5px 0; }
	.table_order_detail .tag_price { margin: 0 0 0 auto;  }

	.table_rwd {  }
	.table_rwd tr { display: block; }
	.table_rwd td { display: block; overflow: auto; padding: 10px; text-align: right; }
	.table_rwd th { display: none; }
	.table_rwd td::before { content: attr(data-th) "："; display: inline-block; float: left; max-width: 90px; margin-right: 10px; text-align: left; font-weight: 500; color: #F6923F; }
	.table_rwd {  }

	/*選單*/
	.nav { margin-bottom: 20px; }
	
	.nav.member { display: flex; flex-wrap: wrap; margin-right: -20px; }
	.nav.member li { flex: 0 0 calc(25% - 10px); width: auto; margin: 0 10px 10px 0; }
	.nav.member a { display: block; }

	/*分頁*/
	.pages {  }
	.pagesList {  }
	.pagesList li { margin: 0 3px; }
	.pagesList a { font-size: 18px; line-height: 24px; }
	.pagesList li a:hover, .pagesList .on a {  }
	.pagesList .pageFirst a,
	.pagesList .pageLast a { width: 24px; height: 24px; }
	.pagesList .pageFirst a {  }
	.pagesList .pageLast a {  }

	/*預約流程*/
	.step_box {  }
	.step_box li { display: none; }
	.step_box li.on { flex: 0 0 auto; display: inline-block; padding: 0 25px; }
	.step_box li:nth-child(1)::before,
	.step_box li:nth-last-child(1)::after { display: block; }
	.step_box li.on::before { content: none; }
	.step_box li.on::after { content: ""; position: absolute; top: 0; right: -30px; width: 0; height: 0; 
	border-style: solid; border-width: 22px 0 22px 30px; border-color: transparent transparent transparent #F6923F; }
	/*預約完成*/
	.reserve_status_area { margin: 30px 0; }
	.reserve_status_area p { font-size: 18px; }

	/*預約_商品明細*/
	.reserve_detail_area {  }
	.reserve_detail_area .table_normal .tag_price { font-size: 18px; }

	/*折扣_+-*/
	.detail_num_box { display: block; }
	.detail_num_box .inner_box { margin: 0 0 20px; }
	.number_box .number input {  }

	/*帳戶總覽*/
	.member_info_area {  }
	.member_info_area .whitebox { padding: 15px; }
	.member_info_box { min-height: auto; padding: 20px 15px; }

	/*table_展開*/
	.table_hidden .section { padding: 15px 10px; }

	/*選擇服務*/
	.service_area { display: block;  }
	.service_type, .service_text { padding: 0; border-right: none; }
	.service_type { display: block; }
	.service_box { padding: 10px 0; border-bottom: solid 1px #e7e7e7; }
	.service_box:nth-last-child(1) { border-bottom: none; }

	/*新增輸入*/
	.addbox { margin: 0 0 20px; padding: 0 0 20px 50px; border-bottom: solid 1px #e7e7e7; }
	.addbox.new { margin: 0; border: none; }
	.addbox_inner {  }
	.addbox_btn { top: calc(50% - 15px); width: 30px; height: 30px; font-size: 18px; }
	/*新增輸入_分區按鈕版*/
	.addbox02 {  }
	.addbox02 .addbox_inner { display: block; }
	.addbox02 .addbox_inner.editing { margin: -1px -10px 0; padding: 20px 10px; }
	.addbox02 .input_address { margin: 0 0 10px; }
	.addbox02 .btn a { display: inline-block; margin: 0 10px; }
	
	/*分店*/
	.branch_reserve { display: block; }
	.branch_reserve p { margin: 0 0 20px; }
	.branch_reserve .btn { text-align: center; }
	.branch_reserve .btn a { display: inline-block; }
	/*分店_服務站*/
	.station_select .station_box { padding: 0; }
	.station_select .station_box .imgbox { display: none; }

	/*選擇配送_時間*/
	.select_deliver_time { flex: 0 0 90px; width: 90px; }
	.select_deliver_time .deliver_inner { padding: 10px 20px; }
	.select_deliver_time .deliver_inner span { display: block; }
	.select_deliver_time .deliver_inner span:nth-child(1)::after { content: "｜"; display: block; }

	/*結帳*/
	.checkout_area { flex-wrap: wrap; align-items: center; }
	.checkout_area .checkout_open { flex: 0 0 auto; display: block; width: 40px; height: 40px; background: url(../images/icon_arrow_01.png) center no-repeat; background-size: 20px; cursor: pointer; }
	.checkout_area .checkout_open.on { transform: rotate(180deg); }
	.checkout_area .checkout_hidden { order: 5; margin: 0; padding-top: 20px; }
	.checkout_area .checkout_hidden.open {  }
	.checkout_area .price_box { flex: 1 1 auto; margin: 0 20px 0 0; text-align: right; }
	.checkout_area .price_box span.price { margin-left: 10px; }
	.checkout_area .checkout_btn { border-left: none; }
	.checkout_area .checkout_btn a { margin: 0; padding: 12px 20px; }
	.checkout_list li { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 10px; }
	.checkout_list p {  }
	.checkout_list .price { flex: 0 0 auto; margin-left: 10px; }

	/*登入頁*/
	.login_area { padding: 20px 0; }
	.login_area_bg { display: none; }
	
	/*08_特色介紹*/
	.feature_area { padding-top: 0; }
	.feature_box { display: block; height: auto; }
	.feature_bg { height: 250px; max-width: 100%; background-size: 135% auto; background-position: left center; }
	.feature_bg.m_bg_top { background-position: left top -100px; }
	.feature_bg .feature_box_title { top: 20px; left: 20px; }
	.feature_bg .feature_box_btn { top: 120px; left: 140px; }
	.feature_box_inner,
	.reverse .feature_box_inner { padding: 20px; }
	.feature_box_inner p.title { font-size: 21px; }
	.reverse .feature_bg { background-position: right center; }
	.intro_article { padding: 50px 0; }
	.intro_article::before { top: 30px; bottom: 30px; right: 0; }
	.reverse.intro_article::before { left: 0; }
	.intro_article .inner ,
	.reverse.intro_article .inner { margin: 0 20px; padding: 20px 0 10px; }
	.intro_article_img { padding: 150px 0 0; background-size: auto 130px; background-position: center top; }
	/*08_框線box_圖文*/
	.intro_imgText_img.m_mid { max-width: 200px; }
	.intro_imgText_img.m_small,
	.intro_imgText.right .intro_imgText_img.m_small { max-width: 120px; }
	.intro_imgText_img,
	.intro_imgText.right .intro_imgText_inner { margin-right: 30px; }
	.intro_imgText_img,
	.intro_imgText.right .intro_imgText_img { max-width: 33%; }

	/*FAQ list*/
	.faq_area {  }
	.faq_area .whitebox { padding: 20px; }
	.faq_q p { font-size: 18px; }

	/*連結列表*/
	.linklist_box {  }
	.linklist_box .whitebox { padding: 20px; }
	.article_box_title .title { font-size: 18px; }
	/*linklist_上下則*/
	.linklist_switch {  }
	.linklist_switch .linklist_switch_prev,
	.linklist_switch .linklist_switch_next { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); }
	.linklist_switch .whitebox { padding: 20px 10px; }
	/*新聞_list*/
	.news_preview { padding: 10px 0; font-weight: 300; }
	/*折價*/
	.discount_area {  }
	.discount_area li { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); }
	.discount_area li:nth-child(odd) { margin-right: 20px; }
	.discount_area li:nth-last-child(1) { margin-bottom: 20px; }
	.discount_area .whitebox { padding: 0; }
	.discount_area .textbox { padding: 10px; }
	/*折價_inner*/
	.discount_number { margin: 20px 0; padding: 20px 0; }
	.discount_number .inputbox { display: block; }
	.discount_number .inputbox .inputbox_title { margin: 0; text-align: center; }
	.discount_number .inputbox .inputbox_inner { margin: 0 auto; }
	.discount_number .inputbox .inputbox_inner input { text-align: center; }
	.discount_number .notice { font-size: 14px; }
	.discount_number .notice span { display: inline-block; }

	/*下載*/
	.download_area {  }
	.download_area li { padding: 15px 50px 15px 15px; background-position: calc(100% - 10px) center; }
	.download_area .title { font-size: 18px; }
	.download_area .time { font-size: 14px; }

	/*帳戶資訊&變更密碼*/
	.editInfo { display: block; margin: 0 0 20px; }
	.editInfo .editInfo_contact { margin: 0 0 20px; }

}

@media screen and (max-width: 640px) {
	/*input*/
	.inputbox_inline input ,
	.inputbox_inline select { display: block; width: 100%; max-width: 100%; margin: 0 0 10px; }
	
	/*input_信用卡*/
	.input_card { flex: 1 1 100%; display: block; }
	.input_card_number {  }
	.input_card_box { margin: 0; }
	.input_card_verify .box01 { flex: 1 1 auto; margin-right: 30px; }
	
	/*選單*/
	.nav.member li { flex: 0 0 calc(33% - 10px);  }
	.nav.member a { }

	/*搜尋篩選*/
	.filter_box { display: block; max-width: 100%; }
	.filter_box .title { margin-bottom: 10px; }
	.filter_box .inner { line-height: 30px; margin-bottom: 10px; }
	.filter_box .searchbox { margin-bottom: 10px; }
	.filter_box .btn { margin: 0; }
	.datetobox input { width: calc(50% - 30px); max-width: 100%; }
	
	.member_info_area { display: block; }
	.member_info_area .whitebox { margin: 0 0 20px; }
	.member_info_box .icon { margin: 0 auto; }
	.member_info_box .price { font-size: 28px; }

	/*訂單明細*/
	.table_order>tbody>tr:nth-child(1) { display: none; }
	tr.table_hidden_tr { display: flex; flex-direction: column; }
	.table_hidden_tr td { display: block; padding: 5px 10px; text-align: right; }
	.table_order td::before { content: attr(data-th); display: inline-block; float: left; color: #F6923F; font-weight: 500; }
	.table_hidden_tr td:nth-child(1) { order: 5; }

	/*服務站*/
	.station_box { display: block; padding: 0; }
	.station_box .imgbox { display: none; }

	/*問號說明*/
	.service_box .que_detail_hidden { transform: translateX(22px)translateY(-100%); }
	.que_detail_hidden::before { left: calc(100% - 30px); }
	.que_detail_hidden::after { left: calc(100% - 28px); }

	/*選擇配送_*/
	.select_deliver_area { padding: 20px 0; }
	.select_deliver_area h4 { padding: 0 10px; }
	.select_deliver_box { position: relative; width: 100%; padding: 0 0 0 90px; }
	.select_deliver_box .deliver_title.bottom { display: block; }
	/*選擇配送_時間*/
	.select_deliver_box .select_deliver_time { position: absolute; top: 0; left: 0; padding: 40px 0 0; }
	.select_deliver_box .select_deliver { flex: 1 0 50%; width: 50%; }
	.select_deliver_box .swiper-wrapper { width: 100%; }
	/*選擇配送_日期*/
	.select_deliver_date { padding: 40px 0; }
	.select_deliver_date .swiper-button-prev,
	.select_deliver_date .swiper-button-next { display: block; }
	.select_deliver_date .swiper-button-prev { position: absolute; top: 0; left: calc(25% - 20px); width: 40px; height: 40px; margin: 0; background: url(../images/icon_arrow_03.png) center no-repeat; background-size: 40px; }
	.select_deliver_date .swiper-button-next { position: absolute; top: 0; right: calc(25% - 20px); width: 40px; height: 40px; margin: 0; background: url(../images/icon_arrow_03.png) center no-repeat; background-size: 40px; transform: rotate(180deg); }
	.select_deliver_date .swiper-button-prev.bottom { top: auto; bottom: 0; }
	.select_deliver_date .swiper-button-next.bottom { top: auto; bottom: 0; }
	/*選擇配送_選擇*/
	.select_deliver .deliver_title { border-left: none; }


	/*登入*/
	.loginbox02 .login_input { display: block; }
	.loginbox02 .login_input .inputbox { margin: 0 0 20px; }
	.loginbox02 .login_input .inputbox_title { flex: 0 0 auto; }
	.loginbox02 .login_input .inputbox_inner { flex: 1 1 auto; max-width: 100%; }
	.loginbox02 .btn a { display: block; }


	/*結帳*/
	.checkout_area .price_box { margin: 0 10px 0 0; }
	.checkout_area .price_box span.price { font-size: 21px; }

	/*登入頁*/
	.login_area { display: block; }
	.login_inner { padding: 20px; }
	.login_inner .whitebox { width: 100%; max-width: 100%; margin: 0; padding: 40px 20px; }
	.login_inner .inputbox .inputbox_inner { max-width: 100%; }

	/*news_上下則*/
	.linklist_switch { display: block; }
	.linklist_switch .linklist_switch_prev, 
	.linklist_switch .linklist_switch_next { width: 100%; }
	.linklist_switch .linklist_switch_prev { margin: 0 0 20px; }


	/*08_框線box_圖文*/
	.intro_imgText { display: block; margin-bottom: 50px; }
	.intro_imgText.first { padding-top: 30px; }
	.intro_imgText_img,
	.intro_imgText.right .intro_imgText_img { max-width: 100%; margin: 0 auto 10px; }
	.intro_imgText.right .intro_imgText_inner { margin: 0 0 10px; }
	.intro_imgText_img img { margin: 0 auto; }

}

@media screen and (max-width: 480px) {

	/*選單*/
	.nav.member li { flex: 0 0 calc(50% - 10px);  }
	.nav.member a { }

	/*分店_服務站*/
	.station_select { flex-direction: column-reverse; align-items: flex-start; }
	.station_select .station_box { margin: 0; }
	.station_select .btn { margin: 0 0 10px; }
	.btn.status button.shop { width: 70px; height: 70px; font-size: 12px; background-position: center 20px; }

	/*折價*/
	.discount_area { display: block; }
	.discount_area li { width: 100%; }
	.discount_area li,
	.discount_area li:nth-child(odd) { margin: 0 0 20px; }
	.discount_area li:nth-last-child(1) { margin-bottom: 0; }

	/*08_特色介紹*/
	.feature_bg.m_bg_top { background-position: left top -60px; }

}