:root{
	--main-color: rgb(248 156 19);
	--main-color-dp: rgb(155 85 25);
	--main-color-li: rgb(230 222 220);
	--footer-color: rgb(35 24 2);
	--font-color-w:#fff;
	--font-color-bk:#333;
	--custom-color:#e4b542;
}

/*211117_Header調整*/
@media (min-width:1024px){
	header .m_menu_list {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
	header .m_menu_list .m_menu_item{padding: 0 0 10px 0px !important;}
	header .m_menu_list .menu_item.language:not(.mobile) {order: -1; padding:0;}
	header .m_menu_list .menu_item.search_wrap {order: -2; width: calc(100% - 80px); padding:0 10px;}
}


.logo{width: 280px;}
.u_search img{width: 22px;margin-top: -6px;}
div.seach_btn{display: none;position: absolute;top: 28px;right: 50px;}
@media screen and (min-width: 768px){
	a.logo>*{background-position: left 40px;}	
}
@media screen and (max-width: 1023.98px){
	div.seach_btn{display: block;}
	header .m_menu .menu_item.mb_hide{display: none;}
}

/*search_page*/
.menu_contain .menu_item{vertical-align: middle;}
.menu_item .user_icon.u_search{background-size: auto 20px;background-repeat: no-repeat;background-position: 0;}
.user_icon{display: block;width: 20px;height: 20px;background-image:url('../../images/public/search_icon.svg');background-size: cover; }
#search_page{display: none;background-color: unset;width: 100%;text-align: center;padding: 0;}
#search_page>div{display: inline-block;}
#search_page .fancybox-close-small{color: #fff;position: fixed;top: 5%;right: 5%;}
form.search_form{position: relative;width: 900px;max-width: 90vw;margin: 0 auto;}
.search_icon .search_text{width: 100%;height: 55px;display: inline-block;border: 1px solid #dfdfdf;border-radius: 5px;padding: 0 65px 0 10px;font-size: 15px;vertical-align: middle;background-color: rgba(255, 255, 255, 0.8);color: #424242;font-size: 16px;}
form.search_form .user_icon.u_search{display: inline-block;position: absolute;right: 20px;top: 12.5px;width: 30px;height: 30px;background-color: unset;border: 0;}

.header_bg{background-color: var(--main-color-dp) !important;border-bottom:1px solid #7d7d7d !important;}
/*Header-電腦版選單文字顏色*/
.m_menu_item{padding: 10px 0px !important;}
.m_menu_item>a{color:#fff}
/*Header-電腦版下拉選單背景顏色*/
@media screen and (min-width: 1024px){
.m_menu_item.product > ul.muti_menu,.m_menu_item.product li > .muti_menu{background-color: #006ab6;}
}
/*Header-電腦版下拉選單文字顏色*/
.muti_menu a {color: #fff;}
/*----------------------------------------------------*/
/*Header-行動版選單按鈕Icon顏色*/
@media screen and (max-width: 1023.98px){
.header_contain > a.mobile_menu {color: #fff;}
}
/*Header-行動版選單背景顏色*/
@media screen and (max-width: 1023.98px){
.m_menu {background-color: rgba(0, 32, 84, 0.8588235294117647);}
}
/*Header-行動版選單文字顏色*/
@media screen and (max-width: 1023.98px){
.m_menu_item > a, .product {color: #fff !important;}
}
/*Header-行動版次選單文字顏色*/
@media screen and (max-width: 1023.98px){
.product a {color: #fff;}
}
@media screen and (min-width: 1024px){
.m_menu_item.product > ul.muti_menu{width: 130% !important;}
	.page_contain{width: 90% !important;}
	.m_menu_item.product > ul.muti_menu, .m_menu_item.product li > .muti_menu{background-color: #51545b !important;}
}

/*header language*/
@media screen and (min-width: 1024px){
	header .language>a {display:none!important;}
}
header .language .muti_menu {
	display:flex!important;
    position:relative!important;left:auto!important;top:auto!important;width:auto!important;background-color:transparent!important;
}
header .language .muti_menu .muti_menu_item a {background: rgba(0,0,0,.3)!important;padding:2px 5px!important;margin-right: 2px;}
header .language .muti_menu .muti_menu_item a:not(:last-child) {margin-right:2px;}
header .language .muti_menu .muti_menu_item a.active {display:none!important;}

.page_contain{margin: 0px auto 4% !important; padding-top: 8vh;box-shadow: 0 0 11px 5px #b5b5b57a;}
.breadcrunb_bg{background-color: var(--custom-color) ;}
.breadcrumb a{color: #fff !important;}
.breadcrumb *{color: #fff !important;}
/*----------------------------------------------------*/
.block_02 .product_demo .p_photo {border:0;}
.block_02.active .block_02_title::after{content: "商品展示" !important;}
/*首頁推薦項目背景顏色*/
.block_02_contain::before {background-color: var(--main-color) !important;}
.block_02.section{background-color:var(--main-color-li);}
/*首頁推薦項目Title文字*/
.block_02_title {color: #fff !important;}
/*首頁Title文字動畫背景顏色*/
.block_02.active .block_02_title::before {background-color: #fff !important;}
/*首頁推薦項目產品說明文字顏色*/
.block_02 .p_content .p_text {color: #CC8500 !important;}
/*----------------------------------------------------*/
/*Footer-背景顏色*/
.footer_bg {background-color: var(--footer-color) !important;}
/*Footer-文字顏色*/
.copyright, .copyright, .footer_contain a {color: var(--font-color-w) !important;}
.company_info {color: var(--font-color-w) !important;}
/*----------------------------------------------------*/
/*Banner輪播按制鈕dot顏色*/
.index_banner .slick-dots li button {background-color: #00a0e9;}
/*Banner輪播按制鈕dot-active顏色*/
.index_banner .slick-dots li.slick-active button {background-color: #006ab6;}
/*----------------------------------------------------*/
/*社群分享按鈕背景顏色(ICON為白色,建議使用深色)*/
.accura-social-icons li a {background-color: #006AB6 !important;}
/*----------------------------------------------------*/
/*內頁-頁面標題動畫背景顏色*/
.page_title::before {background-color: var(--main-color)!important;}
/*內頁-頁面標題文字顏色*/
.page_title em {color:  var(--main-color) !important;}
/*----------------------------------------------------*/
/*服務項目-封面陰影顏色*/
.service_photo {box-shadow: -8px 8px 0 var(--main-color-dp) !important;}
/*----------------------------------------------------*/
/*news hover效果顏色*/
li.n_list_item:hover .n_content{background-color:var(--main-color-dp) }
/*----------------------------------------------------*/

/*檔案下載 效果顏色*/
a.download_btn{background-color:var(--main-color) }
a.download_btn:hover{background-color:var(--main-color-dp) ;color:var(--font-color-w) }
/*----------------------------------------------------*/

/*聯絡我們-輸入欄標題文字顏色*/
.c_list_title {color: var(--main-color) !important;}
/*聯絡我們-重填按鈕背景顏色*/
.reset_btn {background-color:  var(--main-color-dp) !important;}
/*聯絡我們-重填按鈕文字顏色*/
.reset_btn {color:  var(--font-color-w);}
/*聯絡我們-送出按鈕背景顏色*/
.submit_btn {background-color:  var(--main-color) !important;}
/*聯絡我們-送出按鈕文字顏色*/
.submit_btn {color: #fff;}

.p_demo_info .p_content{margin: 0;font-size: 14px;}

/*首頁編輯器*/
@media screen and (max-width: 1023.98px){
	.block_01 .page_content{padding:0 !important;}
	.block_01 .page_content div{background-repeat: no-repeat;background-size: cover !important;background-position: center;background-attachment: scroll !important;
    /*height: 30vh !important;*/}
}
/*contact地圖*/
.contact_desc{display: flex;padding: 15px;width: 100%;max-width: 1420px;margin: 0 auto;}
.contact_desc_item{flex-grow: 1;flex-shrink: 1;flex-basis: 0%;}
.contact_desc_item_text{margin-bottom: 1vh;margin-top: 2vh;line-height: 1.5;text-align: center;}
.contact_map_position{position: relative;padding-top: 75%;margin:0 10px;}
.contact_map{border:1px solid #ccc;position: absolute;top: 0;left: 0;}
.c_form~.page_contain{padding-top: 1vh;}
@media screen and (max-width: 1023.98px){
	.c_form .contact_desc{display: block;}
}
/*----------------------------------------------------*/
/*product_detail 詢問單*/
#form_wrap select#location,#form_wrap select#work{-webkit-appearance: none;}
/*#form_wrap select#location:after,#form_wrap select#work:after{}*/
#form_wrap select~label{display: block;}
#form_wrap select~label svg{width: 13px;padding: 0.3rem;}
.inline_block{display: inline-block;}
#form_wrap{text-align: center;display: block;width: 87%;margin: 0 auto;font-size: 1.2rem;}
#form_wrap #ask_form>*:after{content: "";display: block;background-color:#e5e5e5;height: 1px;border-right: 1px;margin:20px 0; }
#form_wrap .formpart{flex: 1;}
.ul_wrap{display: flex;width: 640px;margin: 0 auto;max-width: 90%;}
#form_wrap .formpart .item,#form_wrap .row .item{padding: 8px;display: flex;}
#form_wrap .formpart .item>input,
#form_wrap .row .item>input,
#form_wrap .formpart .item>textarea,
#form_wrap .row .item>textarea{-webkit-appearance:none;width: 100%;height: 35px;border-radius: 5px;border:1px solid #d5d5d5;;padding-left: 5px;}
.radio{width: 100%}
.radio >div{display: inline-block;flex: 1;margin: 0;height:auto;line-height: 35px;}
.radio .radio_box{display: flex;}
.radio .radio_box label{flex:1;}
#form_wrap .formpart .selectbox{flex: 1;display: flex;width: 100%;height: 35px;border-radius: 5px;padding: 0 5px;border: 0;background-color: #fff;font-size: 13.3333px;line-height: 35px;}
#form_wrap .formpart .selectbox.border-bottom{border-bottom: 1px solid #e5e5e5;border-radius: 0; }
#form_wrap .formpart .selectbox .con_info{width: 100%;border: 0;background: unset;}
.block_title{padding: 0.5rem 0 1rem;font-size: 1.2rem;}
.model_block .model_list .item{display: inline-block;width: 33%;padding: 1rem;}
.model_block .model_list .item img{width: 100%;margin-bottom: 0.5rem;}
.model_block .model_list .slick-next{right: -10px;}
.model_block .model_list .slick-prev{left: -10px;}
.model_block .model_list .slick-dots{bottom: -15px;}
.row{display: flex;}
.info_block .food_name{flex: 1}
.info_block .file{flex: 2;}



.form_bg{background-color: #e4c88f;border-radius: 5px;padding: 2rem;}
#form_wrap .info_block .row .item.message {width: 100%;}
#form_wrap .info_block .row .item.message textarea{height: 78.2px;}
#form_wrap .info_block .row .item.message textarea:not(.required){height: 136.9px;}
#form_wrap .info_block .row.codebtn .item{flex: 1;max-width: 50%;}
#form_wrap .info_block .row.codebtn .item.last-child {padding: 0;}
#form_wrap .info_block .row.codebtn .item .selectbox{flex: 1;}
#form_wrap .info_block .row.codebtn .item.last-child .selectbox{padding: .5rem;}
#form_wrap .info_block .row.codebtn .item .selectbox button{width: 100%;padding: .4rem;max-height: 35px;font-size: .9rem;border: 0;border-radius: 5px;}
.row.codebtn button{background-color: rgb(239,239,239);color: #333;}
.row.codebtn button[type="submit"]{background-color: #9b5519;color: #fff;}
.row.codebtn button:hover{-webkit-filter:brightness(.8);}
input[type="file"] {    appearance: initial;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    border: initial;
    overflow: hidden;}

.invalid{border:2px solid #ff0000b0 !important;}
.notify{display: none;}
@media screen and (max-width: 767px) {
	.row{display: block;}
	.ul_wrap{display: block;}
	#form_wrap{width: 100%;}
	#form_wrap .info_block .row.codebtn .item{max-width: unset;}
	.custom-file-input::before {padding: .4rem 1.25rem;}
}


input[type=file] {
  position: relative;
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
}

input[type=file]::-webkit-file-upload-button {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 0;
}

/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */
/*x::-webkit-file-upload-button, input[type=file]:after {
  content: '上傳檔案';color: black;display: inline-block;position: relative;;left:unset;right: 0;background-color: #f5f5f5;border: 1px solid #e5e5e5;border-radius: 5px;padding:.5rem 1.25rem;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;vertical-align: middle;transform: translate(-5px,0px);font-size: 13px;
}
*/
/*-------input-file-style-------*/
input[type=file].custom-file-input {color: rgb(0 0 0 / .45);padding: .35rem;}
.custom-file-input::-webkit-file-upload-button {visibility: hidden;}
.custom-file-input::after {content: '上傳檔案';position: absolute;left: 100%;color: black;display: inline-block;background-color: #f5f5f5;border: 1px solid #e5e5e5;border-radius: 5px;padding:.5rem 1.25rem;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;vertical-align: middle;transform: translate(-100%,-.35rem);font-size: 13px;}
.custom-file-input:hover::after {background-color: #eee;color: #363636;}
.custom-file-input:active {outline: 0;}
.custom-file-input:active::after {background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
/*-----------------------*/