@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
.info_fix { display: none;}
.path p, .path p a{ display: none;}
.edit{ padding: 0px 0;}

/* totop */
#to_top{ left: unset; right: 18px; box-shadow: unset; border-radius: 0px ; color: #b3cee1; bottom: 40px; background: #4488bb; border-radius: 12px;}
#to_top i:before, #to_top i:after{ background: #b3cee1;}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


.nav-menu {    margin: 0;}
.main_header_area .container {    max-width: 80%;}
.nav-menu>li:not(.tp_links) {    padding-right: 15px;}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {    color: #3C617E;}
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {    color: #3C617E;}
.nav-dropdown>li {    text-align: center;}
.me_tp_features{
 color: #fff;
}
.me_tp_features a { color: #fff;}
.tp_links{ display: none;}
.shop_search_btn{ background: #4489BC;}

.header_area {
    position: fixed;
    z-index: 9999;
    width: 100%;
}
.header_area .main_header_area {
    background: transparent;
    opacity: 1;
    transition: all 0.3s;
}
.header_area.sticky .main_header_area {
    background: transparent;
    opacity: 1;
    transition: all 0.3s;
}


.header_area .main_header_area::before  {
    content: "";
    display: block;
    background-color: transparent;
    width: 0%;
    height: 84px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: all 1s;
}

.header_area.sticky .main_header_area::before {
    box-shadow: 0px 0px 31px #ffffff82;
    width: 100%;
    transition: all 2s cubic-bezier(0.77, 0, 0.65, 0.99);
    
}


.header_area .main_header_area::after {
    content: "";
    display: block;
    background-color: rgba(30, 38, 70, 0.95);
    width: 0%;
    height: 123px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
}
.header_area.sticky .main_header_area::after {
    width: 100%;
    transition: all 1s;
}


/* 2 */
.header_area .nav-brand, .header_area .nav-brand:focus {
    display: block;
    position: relative;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    padding: 30px 20px;
}
.header_area .nav-brand img{
    transition: all 0.3s;
}
.header_area .nav-brand img{ display: none;}

.header_area.sticky .nav-brand img{
    /* filter: contrast(0) brightness(100); */
    transition: all 0.5s cubic-bezier(1, -0.02, 1, -0);
    display: block;
}
.header_area .nav-brand::before{
    content: '';
    position: absolute;
    transition: inherit;
    z-index: -1;
    top: 0;
    left: 50%;
    height: 100%;
    width: 0;
    border: 1px solid #3C617E;
    border-left: 0;
    border-right: 0;
}
.header_area .nav-brand::after{
    content: '';
    position: absolute;
    transition: inherit;
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: #3C617E;

}
.header_area.sticky .nav-brand::before{
    left: 0;
    width: 100%;
    transition-delay: 0s;
}
.header_area.sticky .nav-brand::after{
    top: 0;
    height: 100%;
    transition-delay: .35s;
}


.stellarnav > ul > li > a {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    margin: 0 25px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all 0.1s;
}

.stellarnav > ul > li > a:hover{
    color: #71ABCA;
}

.stellarnav > ul:hover > li > a b:nth-child(1){
    color: #acabab;
    transition: all 0.5s;
}
.stellarnav > ul > li > a b:nth-child(2){
    color: #fff;
    transition: all 0.3s;
}
.stellarnav > ul > li:hover > a b:nth-child(1){
    color: #fff;
    transition: all 0.5s;
}




.stellarnav li.has-sub > a:after {
    display: none;
}

/* .stellarnav > ul > li::before {
    content: "";
    display: block;
    width: 100%;
    height: 108px;
    background: linear-gradient(180deg, #fff, transparent);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0px, -80px);
    opacity: 0;
    transition: all 0.3s;
}
.stellarnav > ul > li:hover:before {
    opacity: 1;
    transition: all 1s;
    animation-name: breath;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} */

@keyframes breath {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}




.navigation {
    width: 100%;
    position: relative;
    padding: 20px 0 20px 210px;
    z-index: 9999;
}



/* 浮動 */
.info_fix_links a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    transition: .3s;
    background: rgba(0, 0, 0, .3);
    margin-bottom: 5px;
    position: relative;
}
.info_fix_links img {
    display: block;
    opacity: 1;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*  */


/*下拉*/

/*  */
.stellarnav ul ul {
    background: transparent;
    border: 0;
    left: 15px;
}
.stellarnav > ul > li > ul > li{
    border: 0;
    overflow: hidden;
}
.stellarnav > ul > li > ul > li > a {
    background-color: rgba(30, 38, 70, 0.95);
    border: none;
    padding: 15px 10px;
    color: #fff;
    text-align: left;
    font-weight: 100;
    font-size: 14px;
    transition: all 0.3s;
}
.stellarnav > ul > li > ul > li > a:hover {
    padding-left: 16px;
    color: #71ABCA;
    transition: all 0.3s;
}

.stellarnav > ul > li > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,transparent, #ffffff21, transparent);
    opacity: 0;
    animation: show 2s infinite;
    transition: all 0.3s;
}
.stellarnav > ul > li > ul > li > a:hover:before {
    opacity: 1;
    transition: all 0.3s;
}

@keyframes show{
    0%{
        left: -200px;
    }
    100%{
        left: 200px;
    }
}


.stellarnav li li.has-sub > a {
    padding: 15px 10px;
}


.stellarnav > ul > li > ul > li > ul{
    border: 0;
}
.stellarnav > ul > li > ul > li > ul > li{
    border: 0;
}
.stellarnav > ul > li > ul > li > ul > li > a {
    background-color: #00000033;
    border: 1px #5B5E43 solid;
    padding: 15px 10px ;
    color: #fff;
    text-align: left;
    transition: all 0.3s;
}
.stellarnav > ul > li > ul > li > ul > li > a:hover {
    padding-left: 16px;
    color: #fff;
    transition: all 0.3s;
}


/* 漢堡條 */
.stellarnav .menu-toggle span.bars span {background: #fff;}
.stellarnav .menu-toggle:after { color: #fff;}

/* close menu 拉出來 */
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{
    background: #3c617e;
    color: #fff;
  }
  .stellarnav .icon-close:before{
    border-bottom: solid 3px #aec9dc;
  }
  .stellarnav .icon-close:after{
    border-bottom: solid 3px #aec9dc;
  }
  .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{
    background: #1e2646;
  }
  .stellarnav a.dd-toggle .icon-plus:before{
    border-bottom: solid 3px #4483b6;
  }
  .stellarnav a.dd-toggle .icon-plus:after{
    border-bottom: solid 3px #4483b6;
  }
  .stellarnav.mobile > ul > li > a{
    padding: 20px 43px 20px 10px;
  }
  .stellarnav.mobile > ul > li > a.dd-toggle{
    padding: 11px;
    top: 8px;
  }
  .stellarnav.mobile li.open{
    background: rgba(51, 74, 112, 0.7);
  }
  .stellarnav.mobile ul ul{
    width: 100%;
    position: relative;
    left: 0;
  }
  .stellarnav.mobile > ul > li{
    border-bottom: 1px #22325a solid;
  }
  .stellarnav.mobile li a{ 
    border-bottom: 0px;
  }


@media screen and (max-width:1142px) {
    .stellarnav > ul > li > a{ margin: 0px 12px;}
}

@media screen and (max-width:1024px) {
    .navigation{ padding: 0px;}
    .header_area.sticky .main_header_area::before{ width: 0%;}
    .header_area .main_header_area::after{ display: none;}
    .nav-header{ margin-top: -50px;}
    .header_area.sticky .nav-header{ margin-top: 0px;}
    .header_area.sticky .main_header_area::before{ display: none;}
    .header_area.sticky .main_header_area{ background: rgba(51,74,112,0.9);}
    .header_area .nav-brand{ display: inline-block!important;}
}
@media screen and (max-width:768px) {
    .stellarnav.mobile{ left: -25px;}
    .header_area.sticky .me_tp_features{ display: none;}
    .stellarnav.mobile{ top: 30px;}
    .nav-brand img{ max-width: 65%!important;}
    .header_area .nav-brand img{ margin: auto;}
    .header_area .nav-brand, .header_area .nav-brand:focus{ padding: 20px 0px;}
    .header_area .main_header_area{ margin-top: 20px;}
    .header_area.sticky .main_header_area{ margin-top: 0px;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*LOGO設定*/
.nav-brand img {max-width: 100%;}
.footer_logo img {    width: 200px; }

@media screen and (max-width: 768px) {
.nav-brand-m {    display: block;    text-align: left;    padding: 15px 10px;}
.nav-brand-m img {    max-width: 200px;    width: 100%;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */



 /* footer */
 .footer{ background: #22325A; border-top:0px;padding:0px 0 0}
 .footer_logo img{ width:220px; margin: 25px 10px 0;}
 .footer_info ul {
     padding: 20px 0px;
 }
 
 /* 資訊 */
 .footer_info li p{ color: #fff;}
 .footer_info li p a{ color: #fff;}
 .footer_info li p:nth-child(3),.footer_info li p:nth-child(4){ display: none;}
 .footer_info li:nth-child(1){ display: flex; flex-direction: column;}
 .footer_info li p:nth-child(2) { order: 1;}
 .footer_info li p:nth-child(1) { order: 2;}
 .footer_info li p:nth-child(5) { order: 3;}
 .footer_info li p:nth-child(6) { order: 4;}
 
 /* sitemap */
 .footer_info li:nth-child(2) {
     width: 100%;
     margin: 20px 0 0px;
     border-top: 1px solid #334A70;
     padding-top: 20px;
 }
 .footer_menu a {
     background: transparent;
     border: none;
     color: #E7F1F2;
     transition: all .3s;
 }
 .footer_menu a:hover {
     background: none;
     color: #71ABCA;
 }
 
 /* box-links */
 .box_link{ display: none;}
 
 .copy {
     text-align: center;
     padding: 15px 0;
     font-size: 13px;
     color: #fff;
     border-top: 0px;
     margin-top: 0px;
     background: #1E2646;
 }
 
 .copy a {
     color: #B4CFE2;
 }
 
 .copy a:hover {
     color: #71ABCA;
 }
 @media screen and (max-width:1045px) {
     .footer_logo{ width: 170px;}
     .footer_info ul{ margin-left: 70px;}
 }

 @media screen and (max-width:768px) {
     .footer_logo{ margin-bottom: 0px; margin: 0 0px;}
     .footer_info ul{ margin-left: 0px;}
 }



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shiny at 2023.1.5  */
.product_page .main_part { max-width:1500px;}
.product_info_page .main_part { max-width:1200px;}

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product_page .product-layer-two { position: relative; width: 220px; letter-spacing: 1px; border-right: 1px solid #ccc;min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px); display: flex; flex-wrap: wrap; align-items: flex-start;}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:10px; display:block !important; width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; display:block !important;}
.product-layer-two li li { display: block; padding:5px 10px; transition:all ease .3s;}
.product-layer-two li li a{ padding:0;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: #fff; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
.products-list .item { width:32%;}
}
@media screen and (max-width: 980px) {
.products-list .item { width: 48%;}
}
@media screen and (max-width: 768px) {
.product-layer-two,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0;}
.product-layer-two > li { margin-bottom: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page ul.product-layer-two { order: 4;}
} 
@media screen and (max-width: 600px) {
.products-list .item { width: 100%; margin: 20px auto; }
}
@media screen and (max-width:450px) {
    .products-list .item{ width: 48%!important; }
    .products-list .name{ height: unset!important; line-height: unset!important;}
}


/* 首頁的products */
.pageIndex #content_main{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}
.prod_part{margin: 30px auto 20px;}
.i_prod_tit span{ font-size: 32px;font-weight: bold; letter-spacing: 2px; color: #41467c;}
.animated-arrow{ background: transparent; border: 1px solid #71a5c4;}
.i_prod_b a{ color: #71a5c4;}

.product_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}
.product_info_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}


/* 商品 */
.product-layer-two li{ margin: 20px 5px 0 0;}
.product-layer-two li a{ background: unset; color: #271D1D;padding: 7px 28px; border: 0px;}
.product-layer-two li a:hover{ color: #4483b6; font-weight: bold;}
.product-layer-two li.active a{ border: 0px;}
.product-layer-two>li{ border-bottom: 1px dotted #D3DEE6;}
.products-list .more{ border: 1px solid #4483b6; color: #4483b6;}
.products-list .item a:hover .more{ border: 0px; color: #fff;background: #4483b6;}
.products-list .name{ color: #41467c;height: 36px; text-align: center; margin-bottom: -13px; text-align: left; font-size: 18px; font-weight: bold;}
.products-list .item{ margin: 0 0 28px 0;}
.products-list .price b{ color: #b3b3b3;font-size: 15px;}
.products-list .price b.sp_price{ color: red;}
.product_page .product-layer-two{ border-right: 0px;}
.product-layer-two > li{ border-bottom: 0px;}

/* 下拉第二層 */
.product-layer-two li li{ border: 0px; background: transparent;}
.product-layer-two li li a{ background: transparent;}
.product-layer-two li li > a:before{ background: #4483b6;}
.product-layer-two li li:hover > a{ background: transparent; color: #207EA3;}
.product-layer-two li ul { margin-left: 30px;}


/* 可以讓圖片hover時變大 */
.products-list .item a .pic img {
    transition: .5s;
    transform: scale(1);
}

.products-list .item a:hover .pic img {
    transform: scale(1.05);
}


/* 選單左邊的箭頭 */
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: ">";
    color: #fff;
    background: #3c617e;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 18px;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}

/* 產品內頁 */
.sidebarBtn{ border: 0px; box-shadow: 2px 2px 12px 3px rgba(0, 0, 0, 0.05);}
.sidebarBtn h2{ color: #41467c;}
ul.prod li h3.prod-thumb{ background: #334a70; color: #fff;margin: 16px 0;}
.product_info_page button, html input[type="button"], input[type="reset"], input[type="submit"]{ background: #4483b6; border: 0px; color: #fff;}
.product_info_page button, html input[type="reset"]{ border: 1px solid #4483b6; color: #4483b6;background: transparent; }
/* .lastaction{ background: #a3bf50; color: #6c9e36;}
.inquiry_a3{ background: #6c9e36;} */
.inquiry_a2{ background: #9EC0DC;}
.inquiry_a3{ background: #9EC0DC;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{ background: #3c617e;}
.qaform span{ color: #271d1d;}
.qaform .breakF{background: unset; border: 1px #aec9dc solid;}
ul.prod li .prod-panel{ color: #271d1d;}
.sidebarBtn .price{ color: #b3b3b3; font-size: 20px;}

/* 相關推薦 */
.prod_related{ background: transparent;}
.prod_related h6 span:before{ color: #41467c;}
.lastPage{ background: #4483b6; color: #fff;}
.related_list li a{ background: transparent;}



/* 購物車頁面 */
.car_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}
/* contact按鈕及information隱藏 */
.send_simple{ background: #4483b6;}


/* 匯款通知頁面 */
.remit_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}

@media screen and (max-width:500px) {
    .products-list .item{width: 98%;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner { padding: 200px 0;}
.banner h5 { display: none;}
.banner.banA {
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banA.jpg);
    background-size: cover;
    background-position: bottom;
}
.banner.banB {
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banB.jpg);
    background-size: cover;
    background-position: bottom;
 }
 .banner.banC{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banC.jpg);
    background-size: cover;
    background-position: bottom;
 }
 .banner.banD{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banD.jpg);
    background-size: cover;
    background-position: bottom;
 }
 .banner.banblog {
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banblog.jpg);
    background-size: cover;
    background-position: bottom;
 }
.banner.banF {
    background-image: url(https://pic03.eapple.com.tw/hihilife123/banF.jpg);
    background-size: cover;
    background-position: bottom;
 }

 @media screen and (max-width:450px) {
    .banner{ padding: 90px 0;}
 }

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


.blog_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}
.blog_in_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
}
/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/

/* 側邊hover */
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
    background: #3c617e !important;}
.submenu {background: #fff;}
.submenu a{padding: 12px 12px 12px 30px;}
.submenu a:hover {background: #eee;color: #555;padding: 12px 12px 12px 35px;}
.blog_le .accordion {border-radius: 0;border: none;}
.blog_le .accordion li{border-bottom: 1px solid rgba(174, 201, 220, 0.3);}
.blog_le .accordion li:last-child{border-bottom: none;}
/* .blog_le .accordion li.open {background: #63b9ad;}
.blog_le .accordion li.open a{color: #fff;} */

/* 右邊 */
.share_page .edit {    text-align: justify;    line-height: 180%;}
.subbox_item a:before , .subbox_item a:after {    transition: 0.3s;}
.blog_le .accordion > li {    transition: all 0.3s;}
.blog_box_edit {    line-height: 180%;    text-align: justify;}
h4.blog_category_title {    text-align: justify; font-size: 40px;}
.link a {    width: 100%;    display: block;    padding: 15px 10px;}
.accordion li .link {    padding: 0;}
.blog_list_ri h5{ color: #41467c; font-weight: bold; font-size: 18px;}
.blog_list_ri em{ color: #aec9dc; }
.blog_list_ri p{ height: 38px; color: #000;}

.subbox_item a:after {
    display: none;
}
.subbox_item a:before {
    color: #4483b6;
    bottom: -25px;
}
.blog_list_le {
    overflow: hidden;
}
.subbox_item a img{
    transition: all 0.3s;
}
.subbox_item a:hover img{
    transform: scale(1.3);
    transition: all 0.3s;
}


/*文章分享變1排3個*/
.blog_page .main_part {    max-width: 1400px;}
.blog_list_le , .blog_list_ri {    width: 100%;}
.blog_subbox {    display: flex;    flex-wrap: wrap;    justify-content: flex-start;}
.subbox_item {    width: calc(100% / 3);    padding: 12px;}
@media screen and (max-width: 1024px) {.subbox_item {    width: 50%;}}
@media screen and (max-width: 600px) {.subbox_item {    width: 100%;}}


/* 內頁 */
h4.blog_category_title{ color: #41467c;}
.blog_back{ width: 70%; margin: auto;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {background: #4483b6;}
.blog_back a.article_btn_back {background: #71a5c4;}

@media screen and (max-width:400px) {
    .blog_back{ width: 100%;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/* 促銷活動 */
.promotions_page #content{
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-size: cover;
    background-position: top;
}


/*上面那排標題*/
.promotion_title em{ border: 0px;   padding: 16px 16px;   background: #4483b6;  color: #fff;}
.promotion_title span{ display: none;}
.promotion_title h2{color: #41467c; font-size: 28px; padding-left: 16px;line-height: 50px;font-weight: bold;}
.promotions_page .edit{ line-height: 32px;margin: 32px 0;}
/* 下方sitemap */
.other_promotion li a{ background: rgba(255, 255, 255, 1); border: 0px;}
.other_promotion li a:hover{ background: rgba(225, 235, 236, 0.5); color: #22325a;}
.other_promotion .pmtTitle h3{ color: #3c617e;}
.other_promotion li a:before{ border: 1px solid #71a5c4;border-bottom: none; border-right: none;}
.other_promotion li a:after{ border: 1px solid #71a5c4;border-top: none; border-left: none;}


/* 產品介紹的功能隱藏 */
.other_select_page .promotion_title{ display: none;}
.other_select_page .other_promotion{display: none;}


@media screen and (max-width:768px) {
    .promotion_title h2{ padding-left: 0px;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/* 聯絡我們 */
.contact_page #content{ 
    background-image: url(https://pic03.eapple.com.tw/hihilife123/bg.jpg);
    background-repeat: no-repeat;
}
.contact_content{max-width: 1200px;}
.contact_editbox{ padding: 0px 10px!important;}


/* 聯絡資訊 */
.contact_content .information_left{ display: none;}



/* 右邊表單 */
.contact_form li.last{ text-align: center;}
.contact_form li.last cite{ background: transparent; border: 1px solid #4483b6;}
.contact_form li.last blockquote{ background: #4483b6; }
.contact_form li input.noborder{ border: 0px; background: transparent; border: 1px #e1ebec solid;}
.contact_form li textarea.noborder{ border: 0px; background: unset; border: 1px #e1ebec solid;}
.contact_form li{ padding: 0 0  20px 0;}
.contact_content .information_right{ padding-left: 80px; width: 100%;}
.contact_form li.last input { color: #fff;}
.contact_form li.last cite input { color: #4483b6;}




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */




@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
}

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