:root {
  --footer-color-main: #294E77;
  --footer-color-main-d: #213A5A;
  --footer-color-main-l: #2B5C89;
  --footer-color-main-o: #2b5c8978;
  --footer-color-hover: #2B5C89;

  --footer-color-secondary: #e4b87c;
  --footer-color-secondary-d: #cc9d5c;
  --footer-color-secondary-l: #f2cb96;
  --footer-color-secondary-o: #d6a3656e;

  --footer-color-white: #ffffff;
  --footer-color-white-o: rgba(255, 255, 255, 0.3);

  --footer-color-black: #000000;
  --footer-color-black-o: rgba(0, 0, 0, 0.3);

  --footer-color-tr: transparent;
}

/* 文字 */
.contain_footer .bottom .item .title{
  display: flex;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 900;
  color: var(--footer-color-main-d);
  font-size: 16px;
  letter-spacing: initial;
  padding-bottom: .5rem;
}
@media (max-width: 700px){
  .contain_footer .bottom .item .title {
    font-size: 16px;
  }
}
.contain_footer .bottom .item .title::before{
  content: "";
  display: block;
  width: 3px;
  height: auto;
  background: var(--footer-color-secondary-d);
  margin-right: .25rem;
}
.contain_footer .bottom .item p{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
  font-size: .875rem;
  line-height:1.5;
  color: var(--footer-color-main-d);
}
.contain_footer .copyright .rules .link-copyright,
.contain_footer .copyright {
  font-family: 'Noto Sans TC', sans-serif;
}
.contain_footer .bottom .scroll_top p{
  font-family: 'Poppins', sans-serif;
}

/* 人才招募按鈕 */
.footer_careers .btn_careers {
background-color: var(--footer-color-secondary-d);
}

/* 人才招募hover */
.footer_careers .btn_careers:hover {
background-color: var(--footer-color-hover);
}

/* 社群文字,電子報字,訂閱字,網站地圖字色 */
.contain_footer .top .social_wrap .title{
  letter-spacing: 9px;
  display: flex;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 900;
  color: var(--footer-color-main-d);
  font-size: 16px;
  letter-spacing: initial;
  padding-bottom: .5rem;
}
@media (max-width: 700px){
  .contain_footer .top .social_wrap .title {
    font-size: 16px;
  }
}
.contain_footer .top .social_wrap .title::before{
  content: "";
  display: block;
  width: 3px;
  height: auto;
  background: var(--footer-color-secondary-d);
  margin-right: .25rem;
}
.contain_footer .top .social_wrap .title,
.contain_footer .top .newsletter_wrap .title,
.contain_footer .top .newsletter_wrap .newsletter_item .subscription,
.contain_footer .middle .title,
.contain_footer .middle .sitemap_item p {
/* color: var(--footer-color-secondary-d); */
}

/* 電子報框線 */
.contain_footer .top .newsletter_wrap .newsletter_item {
border: 1px solid var(--footer-color-main-l);
}

/* 底線 */
.contain_footer .top,
.contain_footer .middle {border-bottom: 1px solid #2b5c8930;padding-bottom: 1.5vw;}

/* copyright字色 */
.contain_footer .copyright p {
color: var(--footer-color-secondary-l);
  opacity: 1;
}

/* 隱私 條款 免責  */
.contain_footer .copyright .rules .link-copyright {
color: var(--footer-color-secondary-l);
opacity: 1;
}

/* 至頂按鈕 */
.contain_footer .bottom .scroll_top p {
color: var(--footer-color-secondary-d);
}

/* 至頂線 */
.contain_footer .bottom .scroll_top p::before {
background-color: var(--footer-color-secondary-d);
}

/* 聯絡我們區塊 */
/* -------------------------------------------------- */
.template-contact .line {
border-bottom: 1px solid var(--footer-color-hover);
}

/* 送出按鈕 */
.template-contact .button {
color: var(--footer-color-white);
border: 1px solid var(--footer-color-secondary-l);
background-color: var(--footer-color-secondary-l);
}

/* 送出按鈕hover */
.template-contact .button:hover {
background-color: var(--footer-color-tr);
color: var(--footer-color-secondary-l);
border-color: var(--footer-color-secondary-l);
}

/* -------------------------------------------------- */

/* 懸浮社群 */
/* -------------------------------------------------- */
/* phone圖案背景 */
.fix_icon .phone_icon img {
filter: hue-rotate(0deg);
}

/* ig圖案背景 */
.fix_icon .instagram_icon img {
filter: hue-rotate(0deg);
}

/* line圖案背景 */
.fix_icon .line_icon img {
filter: hue-rotate(0deg);
}

/* -------------------------------------------------- */
/* 詢價車 */
/* -------------------------------------------------- */
/* 詢價車字色 */
.browsing-history .img_holder .num {
background-color: var(--footer-color-black);
color: var(--footer-color-white);
}

/* 詢價車按鈕背景色 */
.browsing-history a.btn-fn .circle {
background-color: var(--footer-color-black);
}

/* 詢價車按鈕hover色 */
.browsing-history a.btn-fn:hover .circle {
background-color: var(--footer-color-hover);
}

/* -------------------------------------------------- */
/* 電商共用 */
/* 下一步按鈕色 */
.button_box.step_button a:nth-child(2) {
background-color: var(--footer-color-secondary-l);
}

/* 電商內頁按鈕色 */
.shop_contain .shop_block .member_login .edit_link:hover,
.shop_contain .shop_block .member_login .logout:hover,
.shop_contain .shop_block .member_neworder .more_order:hover,
.shop_contain .shop_block .shop_list .more_order:hover,
.shop_contain .shop_block .trace_list .link_button.buyit:hover,
#login_from .box .block .button_box .link_button:hover,
.order_manage .order_search .date_zone .link_button:hover,
.order_manage .order_now .info .line .field .button:hover,
.jump_box_style .box .block .button_box input:hover {
background-color: var(--footer-color-secondary-l);
border-color: var(--footer-color-secondary-l);
}

/* 修改密碼按鈕色 */
.shop_contain.member_edit .link_button:hover {
background-color: var(--footer-color-secondary-l);
border-color: var(--footer-color-secondary-l);
}

/* 通訊編輯文字 */
.acoount_block .account_box .field_box .line .addr_edit .add_addr .add span {
color: var(--footer-color-secondary-l);
}

/* 隱私政策文字 */
.acoount_block .account_box .field_box .read .privacy1,
.acoount_block .account_box .field_box .read .privacy2,
.acoount_block .account_box .field_box .read .privacy3 {
color: var(--footer-color-secondary-l);
}
.contain_footer .copyright {
  background: var(--footer-color-main-d);
}


/* 客制 */

.contain_footer .bottom .item.item1 .box{
width: auto;
}