/*2023-05-06加改*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{overflow-x:hidden;font-family:"Noto Sans TC",微軟正黑體,arial , sans-serif; font-weight: 300;}

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

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

*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.path { display: none;}
.nav-menu>li:nth-child(6) { display: none;}
.nav-brand { padding: 13px 0 0;}
.nav-brand img { max-width: 220px;}

.sticky .nav-brand img {
    /*filter: contrast(0) brightness(100) drop-shadow(0px 0px 2px #222);
    transition: all 1s;
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\
	*/
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
#content {background-image: url(https://pic03.eapple.com.tw/hsinchipaper/bg.jpg);  background-size: cover;background-repeat: no-repeat;}
.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;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.me_tp_features { display: none;}

/*多語系*/
.me_tp_features a { vertical-align: unset;}
.tp_lang { display: inline-block;}
.tp_lang a:before { padding: 1px 3px; border: 1px solid #1d367b; background: transparent; border: 0px solid #1d367b; font-size: 12px;}
.tp_lang a.lang_tw:after { content: '';  border-right: 1px solid #cccccc;  padding: 0 0px 0 5px;}
.tp_lang a.lang_tw:before { content: 'TW';color: #1d367b;}
.tp_lang a.lang_en:before { content: 'EN';color: #777777;}

/*header_購物車/匯款通知_隱藏*/
.me_tp_features { margin: 0;}
.me_tp_features a { color: #fff;}
.me_tp_features a.tp_btn_cart{ display:none;}
.me_tp_features a.tp_btn_notice{ display:none;}

/*header_產品搜尋*/
.box_search input[type=text] { border-radius: 0; font-size: 12px; border: solid 1px #f0f0f0;    padding: 4px 10px 3px 32px;}
.shop_search_btn { background: #1d367b;  color: #ffffff; border-radius: 0px;}

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



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*首頁-選單*/
.pageIndex .main_part { border-top: none;}
.pageIndex .header_area { position: fixed; width: 100%;}
.pageIndex .main_header_area { background: rgb(255 255 255 / 100%);  transition: all 0.5s ease;}

.main_header_area { background: rgb(255 255 255 / 100%);  transition: all 0.5s ease;}
.main_header_area .container { max-width: 1300px;}
.sticky .main_header_area { background: rgb(255 255 255 / 95%);	transition: 0.5s;    box-shadow: 0 3px 10px rgb(0 0 0 / 5%);}

.sticky .nav-menu > li > a { color: #000;}
.sticky .nav-menu>li:not(.tp_links) { border-left: 0px solid #eee;}
.sticky .nav-menu>li:nth-child(5) { border-right: 0px solid #eee;}

.tp_links{ display:none;}

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


/*新選單*/
.navigation {  padding: 0px 0 0px 330px;}

.stellarnav li { font-size: 17px;}
.stellarnav li a { color: #000; padding: 10px 10px;}
.stellarnav > ul > li { padding: 0 5px;}



/*固定按鈕----------------------*/
.stellarnav > ul > li:nth-of-type(1) {display: none;}
.stellarnav > ul > li:nth-of-type(2) > ul > li:nth-of-type(1) > a {display: none;}
.stellarnav > ul > li:nth-child(9) { background: #004893;}
.stellarnav > ul > li:nth-child(9)>a {color:#fff !important;}
.stellarnav > ul > li:nth-child(9)>a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f49e";
    color: #fff;
    display: inherit;
    text-align: center;
    margin: auto;
    font-size: 17px;
}
/*---------------------------*/



/*第一層*/
.stellarnav > ul > li > a {
    margin: 15px 0px;
    padding: 0px 15px 0;
    position: relative;
    letter-spacing: 1.1px;
    color: #000000;
    transition: all 0.3s;
}
.stellarnav > ul > li > a:hover { color: #1d367b;}
.stellarnav li li a{ transition: all 0.2s ease-in-out;}/*下拉分類滑過前*/
.stellarnav li li a:hover { background: #ffffff; color: #1d367b;}/*下拉分類滑過後*/

/*選單下拉三角槓槓*/
.stellarnav li.has-sub > a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 3px;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #cccccc #cccccc transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*按鈕效果*/
.stellarnav > ul > li:hover::after {
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.stellarnav > ul > li::after {
    content: "";
    background: #1d367b;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 25%;
    transform: scale(0,1);
    transition: 0.3s ease-in-out;
}


/*下拉分類橫向箭頭*/
.stellarnav li li.has-sub > a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #cccccc #cccccc transparent;
    -webkit-transform: rotate(253deg);
    transform: rotate(-45deg);
}


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

/*第二層*/
.stellarnav li li > a, .stellarnav li li.has-sub > a {padding: 10px 15px; transition: all 0.3s; letter-spacing: 1.5px; border-left: 1px solid transparent; font-size: 14px;}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a { padding-left: 20px; border-left: 1px solid #1d367b;}
.stellarnav > ul >li >ul { left: 50%;  transform: translateX(-42%);}
.stellarnav ul ul { width:200px; border: 1px solid #eeeeee;}/*下拉分類寬度*/
.stellarnav li li { border: none;}
.stellarnav li li + li { border-top: 1px solid #eeeeee;}
.stellarnav li.drop-left ul ul { right: 100%;}
.stellarnav ul ul ul { left: 100%;}


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

/*首頁(促銷方案)*/
.news_list ul li span { background: #ebebeb; font-weight: 500; color: #003a74;}
.news_list ul li p { padding: 15px 70px 15px 15px;}
.news_list ul li a:hover p { color: #333; letter-spacing: 1.4px;}
.news_list ul li a:hover {  background: rgb(238 238 238 / 50%);}
.animated-arrow { background: #eeeeee; border: 1px solid #eeeeee; color: #767676;}
.animated-arrow:hover { background: #d3af79; border: 1px solid #d3af79; color: #ffffff;}
.animated-arrow b {font-weight: 300;}
.news_part .title_i_box h6 { font-size: 17px; color: #d8d8d8;}
.news_part .title_i_box h4 { font-size: 40px; color: #143877; font-weight: 700;}
/*首頁(促銷方案-內頁)*/
.promotion_title em {display: none;}


/*首頁(購物車)*/
.i_prod_tit {padding: 40px 0 20px;}
.i_prod_tit span { font-size: 34px; color: #333333; line-height: 1.2;  font-weight: 900;  margin-bottom: 15px;}

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




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*footer*/
.footer {
    border-top: 0px solid #cdcdce;
    padding: 50px 0 0;
    font-size: 14px;
    background: #f9f9f9;
}
.footer_menu a {
    background: transparent;
    border: none;
    color: #666;
	padding: 5px 15px;
	transition: all .3s;
}
.footer_menu a:hover {
    background: none;
    color: #002aa2;
}
.footer_menu a:nth-of-type(1){display: none;}
.footer_info ul {  width: calc(100% - 300px);}
.footer_info { padding: 0 0 0 70px; margin: auto;}
.footer_info li:nth-child(1) {
    width: 100%;
    /* display: flex; */
    flex-flow: column;
    flex-wrap: wrap;
    padding: 0 17px;
    flex-direction: row;
}
.footer_info li p {color: #333333; line-height: 190%; display: inline-block;  width: calc(140% / 3);}
.footer_info li p a { color: #333333;}
/*.footer_info li p.tel:before { content: '';}
.footer_info li p.tel2:before { content: '';}
.footer_info li p.phone:before { content: '';}
.footer_info li p.phone:after { content: '';}
*/



.footer_info li:nth-child(2) {
    width: 100%;
    margin: 20px 0 0;
    border-top: 1px solid rgb(234 234 234);
    padding-top: 20px;
}

/*footer_logo*/
.footer_logo {
    background-image: url(https://pic03.eapple.com.tw/hsinchipaper/footer_logo.png)!important;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.5s ease-in-out;
    background-position: center;
    text-align: right;
    margin-right: 40px;
    height: 150px;
    width: 170px;
}
.footer_logo img {
    width: 0;
    height: 68px;
}
.box_link a { filter: contrast(0) brightness(100);}
.box_link{display:none;}
.copy {
    text-align: center;
    padding: 20px 0;
    font-size: 13px;
    color: #000;
    border-top: 1px solid #FFF;
    box-shadow: 0 -1px #eaeaea;
    margin-top: 15px;
    background: #eaeaea;
}
.copy a{ color: #000;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */






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


@keyframes oxxo {
 0% { transform: scale(1.1); }
 100% { transform: scale(1);}
}

/*內頁BANNER 設定*/
.banner {
    background-position: center;
    background-size: cover;
    padding: 150px 0;
    background-repeat: no-repeat;
	overflow: hidden;
	background-image: none;
	position: relative;
	z-index:1;
}
.banner h5 {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    position: relative;
    right: 20%;
    text-align: right;
    top: 43%;
}



/* 最外層banner區塊的before */
.banner.banA::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banA.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;}
 
.banner.banA h5:after{
	content:"最新消息";
	color: #fff;
    font-size: 40px;
    font-weight: 500;
    position: relative;
    right: 0;
    text-align: right;
    top: 43%;
}
 
.banner.banA h5:before {
	content: "News";
    display: block;
    font-size: 25px;
    color: #ffffff;
    margin-bottom: -8px;

}
 
 
 
.banner.banB::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banB.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}
.banner.banC::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banC.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}
.banner.banD::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banD.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}
.banner.banE::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banE.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}
.banner.banF::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banF.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}
.banner.banblog::before{content:""; width:100%; height:100%; background-image: linear-gradient(135deg, #dce7f100 25%,rgb(0 76 155 / 50%) 75%),url(https://pic03.eapple.com.tw/hsinchipaper/banblog.jpg); position: absolute;
 top:0; left:0; z-index:-1; animation-name: oxxo; animation-duration: 5s;background-size: cover;background-position: center;}




.services_page .banner h5:before {content: "Services"; display: block; font-size: 25px; color: #ffffff; margin-bottom: -8px;}
.contact_page .banner h5:before {content: "Contact"; display: block; font-size: 25px; color: #ffffff; margin-bottom: -8px;}
.blog_page .banner h5:before {content: "News"; display: block; font-size: 25px; color: #ffffff; margin-bottom: -8px;}
.banner.banE h5:before {content: "Policy"; display: block; font-size: 25px; color: #ffffff; margin-bottom: -8px;}
.product_page .banner h5:before, .product_info_page .banner h5:before {content: "Product"; display: block; font-size: 25px; color: #ffffff; margin-bottom: -8px;}

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











/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*購物車*/
/*選單置左設定*/
.product_page .main_part {  max-width: 1600px;}
.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;  padding-top: 50px;}
.product_page .product-layer-two { position: relative;  width: 280px;  letter-spacing: 1px;  border-right: 1px solid #ccc;  min-height: 30vw;}
.product_page .products-list, .product-wrapper { width: calc(100% - 320px);}
.page{ width: 100%;}
/*購物車主分類設定寬度100%*/
.product-layer-two > li { width: 100%; max-width: 100%; text-align: left; margin: 0; padding:10px;}
.product-layer-two > li + li {  border-top: 1px dotted #ccc;}
.product-layer-two > li.active { background: #f1f1f1;}
/*購物車次分類固定展開*/
.product-layer-two li.active a { border: 0px #ccc solid;}
.product-layer-two li ul { position: relative;  margin-top: 10px; width: 100%;  margin-left: 0;  display: block !important;  border: none !important;}
.product-layer-two li li { display: block;  padding: 5px 10px; transition: all ease .3s;  background: transparent; border: 0px #ccc solid;}
.product-layer-two > li ul > li + li {  margin-top: 5px;}
.product-layer-two li li a{ padding: 0;background: transparent;}
.product-layer-two li li:hover > a { color: #1d367b;}
/*購物車內頁不顯示分類選單*/
.product_info_page .product-layer-two {  display: none;}
.product_info_page .products-list, .product-wrapper {  width: 100%;}
/*次分類hover箭頭*/
.product-layer-two li li:hover{  margin-left: 15px;}
.product-layer-two li li > a:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: transparent;
    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:#1d367b;}


@media screen and (max-width: 980px) {
.product-layer-two , .products-list, .product-wrapper { width: 100%;}}
@media screen and (max-width: 768px) {
.product-layer-two {    margin-right: 0;}
.product-layer-two > li {    margin-bottom: 5px;}
.product_page .product-layer-two , .product_page .products-list { width: 100%;}
/*調整手機版選單順序*/
.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page .page { order: 3;}
.product_page ul.product-layer-two {order: 4; border-right: none;}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝分隔線＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*購物車設定*/

/* 產品的看更多按鈕設定 */
.products-list .more { border: 1px solid #1d367b !important;  color: #1d367b;}
.products-list .item a:hover .more { background: #1d367b; border-color: #1d367b; color: #ffffff;  letter-spacing: 2px;}
li.item.first_box .title_box, li.item.first_box .title_box span { display: none; color: #0e91ff;}

/*外層*/
ul.products-list { display: flex; flex-wrap: wrap;}
li.item.first_box { width: 100%;}
.products-list .item { width: 25%;}
.products-list .name {  height: 70px; text-align: justify;  color: #333;  margin: 10px 5px 5px;}

@media screen and (max-width: 1200px) {.product_page .products-list .item { width: calc(100% / 3);}}
@media screen and (max-width: 1024px) {.products-list .item { width: calc(100% / 3);}.product_page .products-list .item{width: 50%;}}
@media screen and (max-width: 768px) {.products-list .item { width: 50%;}}
@media screen and (max-width: 500px) {.i_prod_tit { padding: 40px 0 0;}  .products-list .item , .product_page .products-list .item{ width: 100%; width: calc(100% / 1); padding: 30px 25px 0;}   }

.product-layer-two li a {
    color: #000;
    border: none;
    background: transparent;
    transition: all 0.3s;
    line-height: 200%;
    padding-left: 25px;
    transition: all 0.3s;
    font-weight: 400;
}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #fff;
    background: #bebebe;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}
.product-layer-two li:hover > a , .product-layer-two li.active > a {}
.product-layer-two li:hover > a:before, .product-layer-two li.active > a:before {
    background: #1d367b;
    color: #fff;
}
/*內層*/
.lastPage { background: #dddddd;    color: #000;}
.nextaction { background-color:#83acec;}
.lastaction { color: #aaa;  background-color: #eee;}
ul.prod { color: #333333;}
li.prod-item { margin-top: 20px;}
li.prod-item.is-active * { max-width: 100%; line-height: 190%; text-align: justify;}


/*價格顏色*/
.sidebarBtn .price{display: none;/*color: #1d367b;font-size: 16px;*/}
/*輸入數量選擇(隱藏)*/
.product_info li:nth-child(2){display: none;}
/*加入購物車鈕(隱藏)*/
.action-button{display: none;/*background: #ffffff;  border: 2px solid #1d367b!important;  color: #1d367b;*/}


.action-button:hover { background: #1d367b; color: #ffffff;}
.prod_related { display: none;}

.bx-wrapper img { width: 100%;}
.product_pic { padding: 10px 20px;}
.product_pic #bx-pager {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    position: relative;grid-gap: 5px;
}
.product_pic #bx-pager h6 {    display: none;}
.product_pic #bx-pager a {
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}
.product_pic #bx-pager a img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    -webkit-object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.qaform li span { color: #333;}
.half_box:nth-child(2) > ul >li { color: #333;}
.breakF { background: #eee; color: #333; border: none; border-radius: 5px;}
ul.prod li h3.prod-thumb {color: #ffffff; background: #888; padding:20px;}



/*-----------------------------------------------------------*/
/*購物車-商品資訊*/

/*購物車金額*/
.sidebarBtn { border: none;  border-radius: 15px;}
.sidebarBtn h2 {color: #333;}

.products-list .price { display: none; /*display: flex;  flex-wrap: wrap;  line-height: 0;  min-height: 50px;  align-items: center;  justify-content: center;*/}
.products-list .price b {  margin: 0 5px;  line-height: 180%;  text-align: center;color: #1d367b;}
.products-list .price b.ori_price {  font-size: 13px;}


/*規格調整*/
.product_info li {  padding: 0 5px;}
.product_info li .txt_box {  color: #555;  font-size: 15px;  width: 100%;}
.product_info li span {  margin: 5px 0;  width: 100%;}
.radio-inline__label {  color: #d1d1d1;  width: 100%;  padding: 5px 10px;    margin: 3px 0;}
.radio-inline__input:checked + .radio-inline__label {  background: #343434;}


/*購物按鈕*/
.inquiry_a3 { display:none;}/*加入購物車*/

/*詢價車按鈕*/
/*.inquiry_a1 {background: #fd947c;}加入詢價車*/
/*.inquiry_a2 {background: #83acec;}檢視詢價車*/


/*購物流程*/
.cart_content, .cart_content a {  color: #333;}
.separate_title {
    color: #333;
    background: #dddddd;
    position: relative;
}
.separate_title:before {
    position: absolute;
    content: "";
    background: #1d367b;
    width: 18px;
    height: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0,0 100%);
}

.shopping-cart .cell.product_name { text-align: left; font-weight: 500;}
.total_amount { color: #fff;}
.form label.Bigcheck { color: #fff;}
.declaration {
    background: #1d367b;
    border-radius: 15px;
    line-height: 40px;
    padding: 5px 15px;
}

/*回詢價車*/
.rewrite_simple {  background: #1d367b url(../images/simple_left.png) 10% center no-repeat;}
/*確定詢價*/
.send_simple {  background: #fd947c url(../images/simple_right.png) 88% center no-repeat;}


@media screen and (max-width: 780px) {
.price { min-height: unset;}

/*送出詢價頁面*/
.shopping-cart .cart_content .row { width: 75%;  max-width: 100%;}
.shopping-cart .cell { width: 100%!important;  border-bottom: 1px dotted #ccc;}
.shopping-cart .cell:before { color: #1d367b;  margin: 0 10px 0 0px;}
.shopping-cart .cell:last-child { border: 0px solid #eee;  background: #eee;}

}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*相簿設定*/
.album_page .show_content, .album_info_page .show_content{ width: 100%;  display: flex;  justify-content: space-between;  flex-wrap: wrap;  padding-top: 50px;}
.album_page .show_content ul, .album_info_page .show_content ul {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.pic-list .item {width: 33.333%;padding: 0;margin: 0;}
.pic-list .item a {padding: 0 10px;filter: drop-shadow(2px 2px 10px #f3f3f3);}
.pic-list .show_pic {height: 100%;padding-bottom: 0;aspect-ratio: 1 / 1;}

@media screen and (max-width: 1024px) {
.pic-list .item {width: 50%;}
}

@media screen and (max-width: 480px) {
.pic-list .item {width: 100%;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*首頁-文章設定*/
.module_i_news { padding: 90px 20px;}
.module_i_news .title_i_box h4 { font-size: 40px;  color: #2EA492; font-family: 'Noto Serif TC'; font-weight: normal; }
.module_i_news ul { margin: 40px auto;}
.module_i_news li {
	padding: 10px;
	border-bottom: 3px #1d367b00 solid;
	transition: all .5s;
}
.module_i_news li:hover {
    border-radius: 0;
	border-bottom: 3px #1d367b solid;
	box-shadow: 0 0 9px 0px rgb(0 0 0 / 15%);
}

.module_i_news li a:after {
    background: no-repeat;
    border: none;
}
.module_i_news li a:hover:before{display:none;}
.i_blog_ri p {
    font-size: 15px;
    color: #666;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
}

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




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章管理*/
/*文章分類設定*/
.products-box {  width: 90%; max-width: 1500px; margin: 100px auto;}
.module_i_news {
    padding: 50px 20px 100px 20px;
    background-image: url(https://pic03.eapple.com.tw/chuyuhorns/index_cbg.jpg);
    background-repeat: no-repeat;
}
.module_i_news ul {background: #fff; display: flex;    flex-wrap: wrap; margin: 0 auto 20px;}
.module_i_news li { width: 25%; padding: 10px;}
.i_blog_ri , .i_blog_le { width: 100%;}
.module_i_news li a , .subbox_item a{overflow: hidden;}
.module_i_news li a:before , .module_i_news li a:after , .subbox_item a:before , .subbox_item a:after{ transition: 0.3s;}
.module_i_news li a:after , .subbox_item a:after{ background: rgb(222 184 135 / 70%);content: none;}
.module_i_news li a:before, .subbox_item a:before {  background: rgb(55 143 231 / 80%); color: #fff;}
.module_i_news .title_i_box h4:before {
    content: "";
    display: block;
    text-align: center;
    border: 1px solid #b28532;
    width: 40px;
    margin: 0 auto 20px;
}

.module_i_news li a:before, .subbox_item a:before {
    transform: translateX(0);
    width: 100%;
    bottom: -40px;
    right: 0;
    opacity: 0;
    padding: 10px;
}
.module_i_news li a:hover:before, .subbox_item a:hover:before {
    opacity: 1;
    transform: translateX(0);
    bottom: 0;
    right: 0;
    padding: 10px;
}

/*文章分享變1排3個*/
/*.blog_page .main_part { max-width: 1400px;}*/
.blog_list_le , .blog_list_ri { width: 100%;}
.blog_list_ri p {line-height: 150%; -webkit-line-clamp: 2;}
.blog_subbox { display: flex;    flex-wrap: wrap; justify-content: flex-start;}
.subbox_item { width: calc(100% / 3); padding: 5px;}



/*側邊欄*/
.blog_search input[type=search] {border-radius: 0;}
.blog_le .accordion { border: none;border-radius: 0;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background:#1d367b !important;}
.blog_le .accordion > li {transition: all 0.3s;}
.blog_le .accordion li .link:last-child { border-bottom: 1px solid #eeeeee; position: relative; padding-left: 36px;}
.accordion li .link:after {
    content: '≡';
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 14px;
    position: absolute;
    transition: 900ms ease-in-out;
    left: 15px;
    background-size: contain;
}
.accordion li .link {padding: 0;}
.accordion li .link:hover:after {
    left: 160px;
    transform: scale(1) rotate(0deg);
    filter: contrast(0) brightness(100);
}
.share_page .edit { text-align: justify; line-height: 180%;}
.subbox_item a:before , .subbox_item a:after { transition: 0.3s;}

.blog_box_edit {line-height: 180%;    text-align: justify;}
.link a {width: 100%;  display: block;  padding: 15px 10px;}

/*文章內頁設定*/
.blog_back a.article_btn_prev { background: #888888;}
.blog_back a.article_btn_back { background: #1d367b;}
.blog_back a.article_btn_next { background: #888888;}


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


@media screen and (max-width: 980px) {
.module_i_news li , .subbox_item { width: 50%;}
.module_i_news ul { max-width: 650px;}
.products-box { margin: 70px auto;}
.module_i_news { padding: 70px 20px;}
}
@media screen and (max-width: 600px) {
.module_i_news { padding: 50px 20px;}
.module_i_news li , .subbox_item{  width: 100%;  margin: 0 auto;  max-width: 350px;}
.products-box { margin: 0% auto 20%; padding: 0 5%;}
.module_i_news .title_i_box h4 { font-size: 24px;}
}

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






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

/*聯絡表單*/
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before { width: 55px; font-weight: 500;}
.list_before.info li { padding-left: 65px;}
/*.TEL:before { content: "";}
.TEL2:before { content: "";}
.PHONE:before { content: "";}
.PHONE:after { content: "";}
*/
.list_before.info li:nth-child(7) { padding-left: 0;}
.contact_content .information_left { width: 300px;}
.contact_content .information_right { width: calc(100% - 305px);}


/*聯絡資訊_送出按鈕*/

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








@media screen and (max-width: 1220px) {
.main_header_area .container { max-width: 95%;}
.navigation {padding: 0;}
.nav-menu {padding: 0 10px 0 160px;}
.sticky .nav-brand:before { width: calc(100% + 300px);}
.nav-menu > li > a:before { bottom: 50px;}
.tp_links {margin-left: 15px;padding: 7px 10px;}
.nav-menu > li > a { padding: 45px 14px;}
.nav-menu > li > a:after { bottom: 50px;}
.stellarnav > ul > li {padding: 0;}
.stellarnav > ul > li > a {padding: 0px 10px 0;}



/*聯絡表單*/
/*上下顛倒*/
.contact_content { padding: 0; padding-top: 10%;  display: flex;  flex-wrap: wrap;  margin: 0 auto;  justify-content: space-around;  width: 100%;  max-width: 100%;}
.contact_content form { width: 100%; display: flex;  flex-wrap: wrap;flex-direction: column-reverse;}
.contact_content .information_right { width: calc(100% - 0px);}
.contact_content .information_left {  width: 100%;}
}




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

.pageIndex .header_area { position:relative;}
.pageIndex .main_header_area {  background: linear-gradient(176deg, #ffffff, #f7f7f7);}
/*.main_header_area {  background: linear-gradient(30deg, #1f90ec 25%,#004c9b 75%);}*/
.navigation {padding: 10px 0 0;}
.main_header_area .container { max-width: 100%;}
.sticky .nav-brand:before { width: 100%;}
.nav-menu { padding: 0 10px;}


/*MENU(內選單)*/
/*.stellarnav.mobile { background: #1d367b;}*/
.stellarnav .menu-toggle {padding: 22px;}
.stellarnav.mobile li a { border-bottom: 0px solid rgba(255, 255, 255, .15);}
.stellarnav .menu-toggle span.bars span {background: #333;}
.stellarnav .menu-toggle:after { color: #333;}

.stellarnav > ul >li >ul {left: auto; transform: translateX(0%);}
.stellarnav.mobile li.open li.open {background: #d4e3f3;}
.stellarnav.mobile li.open { background: #f3f3f3;  padding: 15px;}
.stellarnav.mobile li li a.dd-toggle { padding: 0;background: #ffffff;border-left: 0px solid #1d367b !important;}
.stellarnav.mobile li.open li.open > a { font-weight: bolder;border-left: 1px solid #1d367b;}
.stellarnav li li a:hover { background:none;}

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

.prod_part { padding: 50px 30px 70px;}


/*手機板header_logo*/
.nav-brand { padding-top: 5px;}
.nav-brand img {max-width: 220px;}
.sticky .nav-brand img { filter: none;}

.banner h5 {  width: 100%;}
.banner { padding:150px 0;}

/*手機板footer*/
.footer_menu a { width: auto;}
.footer_info { padding: 25px 70px;}
.footer_logo { text-align: left; margin-right: 0;}
.footer_info li p { width: calc(100% / 1);}
.footer_info li:nth-child(1) { width: 100%; padding: 0;  margin-bottom: 17px;}
.footer_info li:nth-child(2) { width: 100%; padding: 10px 0 0 0px;}
.footer_info ul { width: calc(100% - 0px);}
#bottom_menu li:nth-child(1) { width: 100% !important; border-right: 0px solid #ddd!important;}
#bottom_menu li:nth-child(2) { display: none !important;}
#bottom_menu li:nth-child(3) { display: none !important;}
}



@media screen and (max-width: 600px) {
.news_list ul li a { text-align: left;}
.news_list ul li p:after { text-align: right; margin: 5px 10px 0;}	
	
.footer_info { padding: 20px 35px;}
.banner { padding:50px 0;}	
.banner h5 { font-size: 30px;}
.contact_page .banner h5:before { font-size: 15px;}
.services_page .banner h5:before { font-size: 15px;}
.contact_page .banner h5:before { font-size: 15px;}
.blog_page .banner h5:before { font-size: 15px;}
.product_page .banner h5:before, .product_info_page .banner h5:before { font-size: 15px;}
}