@charset "utf-8";


/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*top按鈕*/
#to_top {left: auto;right: 20px;bottom: 16px;width: 42px;height: 42px;padding-top: 8px;color: #fff;
    box-shadow: none;background: #b68c24;border-radius: 6px;font-size: 10px;font-weight: bold;
    border: 2px solid #dbb861;}
#to_top i.top {height: 10px;}
#to_top i:before, #to_top i:after {background: #fff;}
#to_top i.top:before, #to_top i.top:after {height: 8px;width: 2px;}

/*頁數*/
.page li {font-size: 20px;width: 40px;color: #aaa;}
.page li.activeN{color: #555;}
.page li a, .page li strong{width: 100%;height: 30px;background: #888;color: #fff;padding: 20px;}

/*麵包屑*/
.path {padding: 0;margin: 30px 0;}
.path p, .path p a {text-align: left;font-size: 12px;color: #aaa;}

/*其他設定*/
*{font-family: "Noto Sans TC", sans-serif;}
.main_part {max-width: 1500px;width: 90%;padding: 20px 0;}
.show_content{padding: 0;}
#content_main{margin-top: 0;background: #f5f4f2;}

@media screen and (max-width: 1200px){
	#to_top {right: 15px;}
}

@media screen and (max-width: 1024px){
	#content_main {margin-top: 0;}
}

@media screen and (max-width: 768px){
	#to_top {width: 35px;height: 35px;padding-top: 5px;}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*動畫取消*/
.rightDownBig img,.moveDown img,.leftUp img,.moveRight img,.centerBig img{-webkit-animation-name: none;
	animation-name: none;}
/*其他設定*/
.bannerindex{position: relative;height: 105vh;}
.swiper-banner .swiper-slide img {height: 105vh;object-fit: cover;object-position: bottom;}






/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.header_area {background: rgba(255, 255, 255, 1);box-shadow: 0 10px 20px rgba(0,0,0,.03);padding: 0;transition: all .5s;
	position: fixed;}
.pageIndex .header_area {background: transparent;box-shadow: none;}
.main_header_area .container {max-width: 1500px;width: 90%;}
.nav-header {max-width: 80px;}
.nav-brand img{display: block;}
.stellarnav > ul > li {padding: 10px;}
.stellarnav > ul > li > a {font-size: 18px;font-weight: 600;}
.me_tp_features {right: 15px;top: 10px;position: relative;}
.tp_links{display: none;}
.shop_search_btn {background: rgb(159 208 222);color: #25567d;font-weight: 600;}

.header_area.sticky {background: rgba(255, 255, 255, 1);}

/*---下拉*/
.stellarnav ul ul {background: #333;}
.stellarnav li li{border: none;border-bottom: 1px solid #3c3c3c;}
.stellarnav li li:last-child{border-bottom: none;}
.stellarnav ul ul li a {font-size: 12px;font-weight: 500;color: #eee;padding: 10px 12px;transition: all .5s;}
.stellarnav ul ul li a:hover{background: #b88f26;}
.stellarnav li li.has-sub > a:hover:after {border-left: 6px solid #eee;}




/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer{background: url(https://pic03.eapple.com.tw/kaisian/footer_bg.jpg) repeat;padding: 50px 0 0;}
.footer .center{max-width: 1800px;width: 90%;background: rgb(29 76 122 / 70%);padding: 50px 5%;
    border-radius: 10px;}
.footer_logo {max-width: 120px;}
.footer_info{grid-template-columns: 200px 1fr;padding-right: 0;}
.footer_info ul {display: grid;grid-template-columns: 1fr 1fr;}
.footer_info li{padding: 0;}
.footer_info li p,.footer_info li p a{color: #fff;}
.footer_info li p.add2:before {content: '營業時間：';}
.footer_menu {text-align: right;}
.footer_menu a{font-size: 14px;background: transparent;border: none;color: #ffff;letter-spacing: 1px;transition: all .5s;}
.footer_menu a:hover {background: #a2d0dd;color: #1e4b7a;}
.box_link{display: none;}
.copy,.copy a{color: #fff;font-size: 12px;}
.copy{border-top: none;padding: 30px 0;margin-top: 0;}




/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*共同設定*/
.blog_box {padding: 0;}
.blog_le, .blog_ri {padding: 0;}
/*側邊設定*/
h5.blog_le_t {font-size: 18px;font-weight: bold;display: none;}
.blog_search input[type=search] {border-radius: 0;}
.blog_le .accordion {border-radius: 0;border: none;}
.blog_le .accordion li .link i {font-size: 12px;color: #7e6658;}
.accordion li+li .link {border-top: 1px solid #e6d1c4;}
.accordion li{transition: all .5s;}
.blog_le .accordion li.openSub{background: #7f6657;}
.blog_le .accordion li.openSub .link a{color: #fff;padding-left: 15px;}
.blog_le .accordion li.openSub .link i {color: #fff;}
.accordion li .link a {padding: 15px 3px;color: #7f6657;transition: all .5s;}
.accordion li.on_this_category .link a{padding-left: 15px;}
.accordion li:hover .link a:hover{padding-left: 15px;}
.blog_le .accordion>li:hover, .blog_le .accordion>li.on_this_category {background: #7f6657 !important;}
/*---側邊下拉*/
.submenu {background: #fff4e9;}
.submenu li+li {border-top: 1px solid #faede1;}
.submenu a {color: #222;font-weight: 500;}
.submenu li.on_this_category a, .submenu a:hover {background: #c4641f;}
/*分類頁*/
.blog_ri{padding-left: 5%;}
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 1fr 1fr;}
.subbox_item a:before,.subbox_item a:after{display: none;}
.blog_list_le {aspect-ratio: 3 / 2;overflow: hidden;}
.blog_list_ri {padding: 20px 0 0 50px;max-width: 450px;}
.blog_list_ri h5 {font-size: 26px;font-weight: 700;color: #3A2D26;-webkit-line-clamp: 2;}
.blog_list_ri p {margin-top: 30px;line-height: 1.6;letter-spacing: 1px;font-weight: 500;font-size: 14px;}

.subbox_item a:hover .blog_list_ri h5{color: #61b0c6;}
.subbox_item a:hover .blog_list_le img{transform: scale(1.05);}
/*文章頁*/
.articel_mainPic{margin-bottom: 30px;}
h4.blog_category_title{font-size: 26px;font-weight: 700;color: #3A2D26;padding: 0;margin-bottom: 0;}
.blog_shareData {margin: 5px 0 20px;}
.toShareNews {font-size: 12px;}
.toShareNews a object{width: 15px;height: auto;}
.blog_box_edit .edit{padding: 0;line-height: 1.8;}
.blog_back {grid-gap: 0;width: 100%;margin: 50px 0 100px;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #7f6657;border: 1px solid #7f6657;font-size: 12px;padding: 12px;}
.blog_back a.article_btn_back{background: #7f6657;padding: 12px;font-size: 12px;}
.news_related {background: transparent;padding: 50px 0;border-top: 1px solid #7f6657;}
.news_related_list {grid-template-columns: 1fr;}
.news_related h6 span:before {color: #3A2D26;font-size: 20px;}
.news_related_list {grid-template-columns: 1fr 1fr;width: 90%;}
.news_related_list li a {padding: 0;display: grid;grid-template-columns: 200px 1fr;background: transparent;}
.news_related_list li figure {aspect-ratio: inherit;}
.news_related_list li a img {height: 120px;}
.news_related_list li a p {text-align: left;font-size: 16px;padding: 10px 30px 0;font-weight: 600;line-height: 1.6;
	font-weight: 700;}
.news_related_list li a p:before{content: "ARTICLE";display: block;font-size: 10px;font-family: "Montserrat", sans-serif;
	color: #985e38;margin-bottom: 5px;}
.lastPage {font-size: 12px;background: #1d4c78;font-weight: 600;}

@media screen and (max-width: 1350px){
	/*分類頁*/
	.blog_list_ri {padding: 5px 0 0 30px;}
	.blog_list_ri h5 {font-size: 22px;}
}
@media screen and (max-width: 1024px){
	/*文章頁*/
	.news_related_list {grid-template-columns: 1fr;}
}
@media screen and (max-width: 960px) {
	/*分類頁*/
    .subbox_item {border-bottom: none;margin-bottom: 30px;}
}
@media screen and (max-width: 768px){
	/*側邊選單*/
	.blog_le .accordion{display: block;}
	/*分類頁*/
	.blog_ri {padding-left: 0;margin-top: 50px;}
}
@media screen and (max-width: 600px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 1fr;}
	.blog_list_ri {padding: 10px 30px 0 10px;max-width: inherit;}
	/*文章頁*/
	.news_related_list li a {grid-template-columns: 130px 1fr;}
}





/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車(商品展示)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*★★★切版師原版設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint 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; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { 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);}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*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:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.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; padding-bottom: 5px;}
.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: 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:#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) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}
}
@media screen and (max-width: 600px) {
}




/*★★★新增設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/*選單區塊*/
.product_menu_list>h5 {display: block;font-size: 20px;color: #1d4c7b;}
a.pd_menu_toggle i{color: #1d4c7b;}
.product-layer-two li a {background: #ebf7fa;border: none;padding: 10px 16px;color: #222;font-weight: 500;font-size: 14px;}
.product-layer-two li.active a {border: none;color: #b48b33;}
.product-layer-two > li {border-bottom: 1px solid #f9fdff;padding-bottom: 0;}

/*商品區塊*/
.products-list {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
.products-list .item {background: #fff;padding: 30px 20px;box-shadow: 0 0 10px rgba(0, 0, 0, .05);border-radius: 10px;}
.products-list .name{font-weight: 600;letter-spacing: 0;font-size: 18px;color: #222;height: 55px;}
.products-list .price b {color: #c51111;font-size: 20px;}
.products-list .more {border: 1px solid #ccc;color: #aaa;font-weight: 500;font-size: 14px;}
.products-list .item a+button.pd_btn {background: #b48c41;color: #fff;font-weight: 600;font-size: 14px;border: 1px solid #b48c41;}
.products-list .item a+button.pd_btn:hover {background: #356081;border: 1px solid #356081;}
.products-list .item a:hover .more {background: #356081;border: 1px solid #356081;}

/*首頁*/
.prod_part {padding: 100px 0;}
.prod_part section {max-width: 1500px;width: 90%;}
.pageIndex .productsListBox, .productsListBox.swiper {padding: 50px 0;}
.i_prod_tit span, .i_video_tit span {color: #174B79;font-size: 42px;font-weight: 500;letter-spacing: .2rem;}
.i_prod_b a {background: #1e4d7b;font-size: 14px;font-weight: 400;letter-spacing: 2px;width: 200px;}
/*彈跳視窗*/
.pd_lightbox_contain {box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 10%);padding: 50px 40px;}
.pd_lightbox_contain section {grid-gap: 50px;}
.pd_lightbox_pdInfo dt {font-weight: 600;letter-spacing: 0;font-size: 24px;color: #222;}
.sidebarBtn .sp_price, .lightbox_aside .sp_price {color: #c51111;font-size: 20px;}
.radio-inline__label {font-size: 14px;}
.pd_lightbox_spec h6,.pd_lightbox_spec span{font-size: 14px;color: #222;}
.amountNum{width: 100%;height: 35px;font-size: 14px;outline: none;}
.inquiry_a3{background: #356081;color: #fff;transition: all .5s;}

/*詳細商品頁*/
/*---結構設定*/
.product_menu_list {width: 220px;}
.product_info_page .product-layer-two{display: block;}
.product_info_page .products-list, .product-wrapper {width: calc(100% - 270px);}
/*---輪播區*/
.product_main{padding-right: 50px;}
#prod_thumbSwiper {width: 80px;}
#prod_thumbSwiper .swiper-slide {aspect-ratio: 1 / 1;overflow: hidden;height: auto !important;}
#prod_thumbSwiper .swiper-slide::before {background: #ffffff;}
/*---側邊說明*/
.sidebarBtn {border: none;box-shadow: 0;background: #f5f4f2;padding: 40px;}
.sidebarBtn h2 {color: #222;font-size: 20px;}
.product_info li span{display: none;}
.product_info li .txt_box{width: 100%;font-size: 14px;}
a.pdinfo_tel,a.pdinfo_line{display: none;}
/*---相關推薦*/
.prod_related {background: transparent;border-top: 1px solid #555;margin-top: 100px;padding: 50px 0;}
.prod_related h6 span:before {color: #333;font-weight: 600;font-size: 20px;letter-spacing: 2px;}
.related_list{max-width: 1300px;width: 90%;}
.related_list li a p{margin-top: 10px;}


/*加入購物車-1*/
/*---流程區*/
.stepImg{margin: 40px auto 80px;width: 100%;}
.stepImg img{display: none;}
.stepImg span {border: 1px solid #1d4c78;text-align: center;font-size: 14px;padding: 15px 20px;color: #1d4c78;
 margin: 0 -1px 0 0;width: 33.3%;}
.stepImg span.one{text-align: center;margin-left: 0;}
.stepImg span.three{text-align: center;}   
.stepImg span.active {color: #fff;background: #1d4c78;}
/*---詳細內容區*/
.shopping-cart .cart_head {background: #7bbfd2;}
.shopping-cart .cell.product_name {font-weight: 400;padding: 10px 20px;}
/*---金額TOTAL區*/
.total_amount {justify-content: flex-end;margin: 30px 0 80px auto;font-size: 14px;}
.total_amount ul {background: #fff;margin: 40px 0 60px;}
.total_amount ul:after{display: none;}
.rewrite_simple, .send_simple {font-size: 14px;}
.rewrite_simple {background: #1d4c78;}
.send_simple {background: #7bbfd2;margin-left: 20px;}
.blank_letter {letter-spacing: 2px;}
.red {color: #b92c2c;}
/*加入購物車-2*/
.separate_title {padding: 10px 20px;background: #7bbfd2;color: #fff;font-weight: 400;}
.border200 {width: 100%;border: 1px solid #ccc;padding: 10px 26px 10px 10px;color: #474141;border-radius: 6px;}
.formbox_form{padding: 0;}
.formbox_form li .form__insert select{margin-bottom: 10px;}
.form label {color: #474141;margin-bottom: 0;}
.form label .inputbox {margin-right: 10px;}
.form label.circle .inputbox {background-image: none;border: 1px solid #474141;border-radius: 50%;}
.form label .inputbox.Big {width: 18px;height: 18px;}
.form label.Bigcheck {margin-left: 0;top: 0;}
.form label.Bigcheck .inputbox {background-image: none;border: 1px solid #474141;}
.form label.circle input:checked {background-position: center !important;}
.form label.Bigcheck input:checked {background: #474141;}
.separate_title .note {background: #f3f3f3;font-size: 10px;color: #888;padding: 2px 6px;border-radius: 30px;margin-left: 15px;}
/*結帳完成*/
.order_finish_page .main_part {max-width: 1400px;}
.order_pay {padding: 0;}
.note_edit{background: transparent;padding: 20px;color: #474141;}
.order_list_tit b {font-size: 24px;color: #474141;font-weight: 400;}
.order_list_spec p {font-weight: 400;padding: 10px 20px;background: #7bbfd2;}
.order_list_tab td {background: #f8f8f8;}
.order_list_tab td:nth-child(1) {background: #474141;color: #fff;width: 150px;font-weight: 400;}
.order_list_tab.payer td:nth-child(1) {border-right: 3px #7bbfd2 solid;}
.pay_text > a{font-size: 14px;}
.order_list_head p {font-size: 18px;color: #474141;border-bottom: 2px #474141 solid;}
.order_list_pro td:nth-child(1),.order_list_pro td:nth-child(4) {width: 70px;}
.order_list_pro tr:first-child {background: #7bbfd2;}
.order_list_pro tr:first-child td {color: #fff;font-weight: 400;}
.last_box_money em span {color: #b92c2c;letter-spacing: 0;}
/*---匯款資訊*/
.car_page .information_left {width: 100%;margin: 50px auto;}
.contact_le_map a {background: #888;}
.ACCN1:before, .ACCN2:before, .ACCN3:before, .ACCN4:before {margin-right: 20px;}
/*匯款通知*/
.formbox_form li.last {justify-content: center;}


@media (max-width: 1024px){
	/*加入購物車-1*/
	/*---流程區*/
	.stepImg {margin: 40px auto;}
}
@media screen and (max-width: 768px) {

	/*加入購物車-1*/
	/*---詳細內容區*/
	.shopping-cart .cart_content .row{border: 1px solid #7bbfd2;padding: 15px 10px;}
	.shopping-cart .cell {flex-direction: row;border-bottom: none;}
	.shopping-cart .cell:before {color: #7bbfd2;margin-right: 10px;font-weight: 400;}
	.shopping-cart .cell.product_name {padding: 0;}
	.shopping-cart .cell.product_name p {font-size: 18px;color: #1d4c78;padding-right: 30px;}
	.small_pic {width: 65px;height: 65px;}
	.shopping-cart .cell.amount:last-child {position: absolute;right: 0;top: 0;border-bottom: none;
     width: 30px !important;height: 30px;background: #7bbfd2;}
    .shopping-cart .cell.amount:last-child:before{display: none;}
    .shopping-cart .cell.amount:last-child > a{margin: 0 auto;line-height: 1;}
    .fa-lg {font-size: 14px;color: #fff;}

}
@media (max-width: 640px) {
	/*結帳完成*/
    .order_list_pro td span {font-size: 14px;color: #474141;}
}
@media screen and (max-width: 600px){

	/*加入購物車-1*/
	/*---詳細內容區*/
	.shopping-cart .cell, .shopping-cart .cell.amount, .shopping-cart.check .cell.amount, .shopping-cart.check .cell{
		width: 100%;}
	.shopping-cart .cell {justify-content: space-between;border-bottom: 1px solid #eee;}
	.shopping-cart .cell.product_name {min-height: 60px;padding-bottom: 30px;}
	.shopping-cart .cell.product_name p {font-size: 14px;}
	/*---金額TOTAL區*/
	.total_amount {justify-content: space-around;}
	.rewrite_simple, .send_simple{margin: 0;}
	/*購物完成*/
	.pay_text{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;}
	.pay_text > a{width: 160px;text-align: center;}
	.orderFinish_data .pay_text>*+* {margin-top: 0;}
	.order_list_tab td {padding: 6px 12px;}
	/*匯款通知*/
	.formbox_form li.last {justify-content: space-around;}
}
@media (max-width: 570px) {
	/*結帳完成*/
	.order_list_tab td:nth-child(1) {width: 100px;}
}
@media (max-width: 568px){
	/*結帳完成*/
	.order_list_tab td{font-size: 14px;}
}













/*內頁BANNER 設定*/
.banner {background: url(https://pic03.eapple.com.tw/kaisian/ban.jpg) repeat;height: 32vw;
	background-size: cover !important;background-position: center !important;}
.banner h5 {color: #fff;font-weight: 600;letter-spacing: .4rem;margin-top: 80px;}
.banner h5:after{content: "專營生鮮食材、冷凍海鮮、肉品、調理食品及各式團購美食";display: block;margin-top: 20px;
    font-size: 18px;font-weight: 400;letter-spacing: 1px;color: #f7cb6b;}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}






/*●●●●●●●●●●●●●●●●●●●●●●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*★★★下拉編輯頁↓↓↓↓↓↓↓↓↓↓↓↓*/
.other_select_page .page{display: none;}
.other_select_page .promotion_title{display: none;}
.other_select_page .other_promotion{display: none;}
/*★★★卷軸設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
  width: 6px; /*右側捲軸寬度*/
  height: 0px; /*下方捲軸高度*/
}
/* 軌道背景底色 */
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* 滑桿顏色 */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* 滑桿滑鼠滑入時的顏色 */
::-webkit-scrollbar-thumb:hover {
  background: #444; 
}