@charset "utf-8";
/*樂寵貓狗屋*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Proza+Libre:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap');

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


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱*/
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {margin: -7% 0;}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {margin: -7% 0;}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}




/*電腦LOGO*/
.nav-brand{ width:auto;}
.nav-header {}













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



/*輪播的圖片切換點*/
.swiper-pagination.swiper-pagination {
    position: relative;
    min-width: 100%;
    transform: translate(-50%, -100%);
    bottom: 0;
	margin-left: 0;
	left: 50%;
}
.swiper-pagination-bullet{
	background: #eab55c;
}


/*版面*/
.pageIndex .main_part{max-width: 100%;padding: 0 0;}
.album_page .main_part,.album_info_page .main_part{max-width: 80%;padding: 100px 20px 0 20px;}
.work_page .main_part,.work_info_page  .main_part{max-width: 80%;}
.contact_page .main_part{max-width: 80%;padding: 60px 20px 0 20px;}
.main_part{max-width: 80%;}
.pageIndex .main_part{    border-top: none;}
.services_page .main_part{max-width: 100%;padding: 0 0;}
.promotions_page .main_part{max-width: 75%;}
.product_info_page .main_part{max-width: 69%;}
.product_page .main_part{max-width: 85%;}

#content_main{z-index: 9;}



/*背景顏色*/
.product_page #content,.product_info_page #content{
	background-image:  url(../../fuuix/catimg/all-bk1.jpg);
	background-repeat:repeat-y;
	background-size: 100%;
	
}

/*輪播的圖片切換點*/
.swiper-pagination.swiper-pagination {
    position: relative;
    min-width: 100%;
    transform: translate(-50%, -100%);
    bottom: 0;
	margin-left: 0;
	left: 50%;
}


/*抬頭寬度*/
.main_header_area .container{
	max-width: 80%;
	width:100%;
	padding:0;
}


.main_header_area {
    background: #ffffffbf;
    height: 90px;
}

/*選單*/
.pageIndex .header_area,.services_page .header_area{
	position: fixed;
	background: none;
	width: 100%;
	top:0;
	
}


/*選單V符號*/
.submenu-indicator-chevron{
	display:none;
}
.submenu-indicator{
	display:none;
}
/*整個選單*/
.nav-menu{
	width: 100%;
	padding: 0 0;
	 margin: 0 auto 0 auto;
	
}
/*選單的字*/
.nav-menu > li > a {
    color:#333333;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 36px 14px;
    font-weight: bold;
}
/*選單的字變色*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {
	 background-color: transparent;
	 color: #733f0b;
	 transition: all 0.2s ease-in-out;
}


.nav-menu>li {
	position: relative;
}
.nav-menu>li:after {
    content: "";
    left: 0;
    width: 0;
    transition: all 0.8s;
    height: 3px;
    position: absolute;
    background: #733f0b;
    bottom: 0;
}
.nav-menu>li:hover:after {
	 width: 100%;
}


/********************************/

/*選單icon*/
.nav-menu>li:nth-child(6) { display:none;}
.nav-menu>li:nth-child(6):hover:after {width: 0%;}


/*選單與選單距離*/
.nav-menu>li{
	position: relative;
	padding: 0 0;
	margin: 0 auto;
	text-align:center;
}

/*選單下拉隱藏*/
.nav-menu>li:nth-child(5) > .nav-dropdown>li{

}

/*選單下拉*/
.nav-menu>li>.nav-dropdown {
    border: none;
    min-width: 170px;
    margin: 0 -40px;
	box-shadow: 1px 1px 5px 1px #d4d4d4;
}

/*選單下拉背景*/
.nav-dropdown>li>a {
    border-bottom: none;
    color: #000000;
	text-align:center;
}
/*點選選單下拉背景*/
.nav-dropdown>li>a:hover {
    background-color: #f1f1f1;
    border-bottom: none;
    color: #000000;
}
	
/*頁腳顏色*/
.footer .center{
	max-width: 80%;
	width:100%;
	padding:0;
	margin: 0 auto 2.5% auto;
}
.footer{
    z-index: 9;	
	padding: 0 0;
	background-image:  url(../../fuuix/catimg/footer-bk.jpg);
	background-repeat:repeat-y;
	border-top:none;
}
.footer_info{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding: 4% 0 0 0;
	justify-content: center;
}

.footer_info ul {
    width: 80%;
    padding: 0 0;
}
.footer_info li p:nth-child(2){
	display: none;
}

.footer_info li p {
    color:#333333;
    font-size: 16px;
    font-weight: 500;
}
.footer_logo {
	width:20%;
	margin: 2% auto;
	text-align: center;
}



.footer_menu a{
	background: transparent;
	color:#565656;
	width:47%;
	text-align: center;
	border: 1px #d2d2d2 solid;
	font-size:15px;
	padding: 10px 7px;
	font-weight: 600;
}
.footer_menu a:hover {
    background: #ffffff;
    color: #733f0b;
}


.footer_info li:nth-child(1) {
   width: 65%;
   padding: 48px 0 0 180px;
}
.footer_info li:nth-child(2) {
    width: 34%;
	margin: 2% auto;
}

.copy {
    letter-spacing: 1px;
    color: #4d4d4d;
    background: #ffffff;
    font-size: 14px;
	border-top: none;
}

.copy a{
	 color: #4d4d4d;
}

/*頁腳第一個隱藏*/
.footer_menu a:nth-child(1){
	
}


/*內頁BANNER 設定*/

.banner {
    height: 400px;
    position: relative;
    background-image: url(https://fuxistrategy.com/meetdoll/fuuix/catimg/all-banner.png) ;
	background-repeat:no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerr {
    height: 400px;
    position: relative;
    background-image: url(https://fuxistrategy.com/meetdoll/fuuix/catimg/bb.png) ;
	background-repeat:no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner h5 {
    font-family: 'Noto Serif TC', serif;
    font-size: 35px;
    letter-spacing: 5px;
    color: #503945;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.product_page .banner h5::after,.product_info_page .banner h5::after{
	font-family: 'WindSong', cursive;
	color:#503945;
	text-transform: capitalize;
	font-size:35px;
	
   
}
.contact_page .banner h5::after {
	content:"contact";
	font-family: 'WindSong', cursive;
	color:#503945;
	text-transform: capitalize;
	font-size:35px;
	
   
}
.blog_page .banner h5::after, .blog_in_page .blog_page .banner h5::after {
	content:"News";
	font-family: 'WindSong', cursive;
	color:#503945;
	text-transform: capitalize;
	font-size:35px;
	
   
}

.other_select_page .banner.banA {}
.services_page .banner h5 {display:none;}
.services_page .banner.banB { display:none; }
.other_page .banner h5 {}
.other_page .banner.banB {}
.contact_page .banner.banC {
	
	
}
.banner.banD {}
.banner.banE {}
.product_page .banner.banF,.product_info_page .banner.banF{
	
}
.blog_page .banner.banblog,.blog_in_page .banner.banblog{
	
}

/*首頁最新消息*/
.news_part{
	background-image:  url(../../fuuix/catimg/new-bk1.jpg);
	background-repeat:repeat-y;
	max-width: 100%;
	padding-left: 0;
}
.news_list ul li{    
	background: #ffffffe8;
	border-bottom: 1px #e7d3b7 solid;
}
.title_box{
	width:100%;
	max-width: 100%;
	margin:0 auto;
	
}
.news_part .title_box{
	margin-left: 0;
}
.news_list{
	width:100%;
	
}
.news_list ul{
	max-width: 75%;
	margin:0 auto;
}
.news_list ul li:hover{
	box-shadow: 0px 0px 10px rgb(178 161 140);
	
}
.news_list ul li span{
	color: #cfa560;
}

.title_box span{
	font-family: 'Noto Serif TC', serif;
	font-size: 35px;
	color:#503945;
	letter-spacing: 5px;
	letter-spacing: 5px;
    font-weight: bold;
	
}
	



/*首頁文章*/
.pageIndex .module_i_news .title_i_box h4 {
    color: #000000;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 38px;
    letter-spacing: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: absolute;
    width: 100%;
}
.pageIndex .module_i_news .title_i_box h4::after {
    content: "NEWS";
    position: absolute;
    font-family: 'Proza Libre', sans-serif;
    font-weight: 600;
    font-size: 79px;
    letter-spacing: 5px;
    color: #c4c0c082;
    z-index: -1;
    top: 1%;
}
.pageIndex .module_i_news{background: #f0f5fb;}
.pageIndex .i_blog_le{width: 100%;}
.pageIndex .module_i_news li{    width: 22%;background: #ffffff;margin: 1%;     border-bottom: 6px solid #c2c7d4;}
.pageIndex .i_blog_ri{width: 100%;height: -webkit-fill-available;}
.pageIndex .module_i_news li a:after{ border: none;background:#142d6a36;}
.pageIndex .animated-arrow { background: #dbd2b6;color: #4e3945;  text-align: center; padding: 0;  font-family: 'Noto Sans TC', sans-serif;font-weight: 500;}
.pageIndex .module_i_news ul{max-width: 80%;    margin: 7% auto 4% auto;    display: flex;flex-direction: row;}
.pageIndex .i_blog_ri p{-webkit-line-clamp: 3;margin: 5% 0;letter-spacing: 1px;}
.pageIndex .i_blog_ri{padding: 4%;}
.pageIndex .i_blog_ri h5{font-family: 'Noto Sans TC', sans-serif;font-size: 20px;letter-spacing: 2px;}
.pageIndex .arrow{display:none;}/*查看更多箭頭*/


/*促銷*/
.time {
    color: #c99535;
}
.promotion_title span {
    color: #dcbc80;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.promotion_title h2 {
    color: #503945;
    font-family: 'Noto Serif TC', serif;
    font-size: 27px;
    letter-spacing: 3px;
    font-weight: 700;
}
.promotions_page .edit {
    font-family: '微軟正黑體';
    color: #333333;
    letter-spacing: 1px;
    line-height: 150%;
}


/*文章管理*/
.blog_le{width:17%;}
.blog_ri{width: 100%;padding: 0 0 0 60px;min-height: auto;}
h4.blog_category_title{font-family: 'Noto Serif TC', serif;margin: 0;color: #946c43; font-size: 23px; letter-spacing: 3px;}
.blog_page h4.blog_category_title{border-bottom: none;}
.submenu{background: #ffffff;}
.submenu li{ background: #2a2a2a!important;}
.submenu a:hover{background: #6a7468;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{background: #7c7c7c !important;}
.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link{    color: #fff !important;    background: #a17e5c;}
h5.blog_le_t{text-align: center;}
.blog_le .accordion{background: #ffffff;}
.blog_le .accordion li .link:last-child{display: flex;justify-content: center; }
.blog_list_ri h5{font-size: 20px;letter-spacing: 2px;font-family: 'Noto Serif TC', serif;margin: 0;order:2;color: #946c43;text-align: center;}
.blog_page .subbox_item{width: 49%;background: #ffffff;padding: 0 2%;}
.blog_list_le { width:100%; padding: 0;}
.blog_list_ri {width: 100%; display: flex;flex-direction: column;border-bottom: 1px solid #75410e;}
.blog_box_edit{letter-spacing: 1px;}  
.subbox_item a:after{border: none;     background: #aba07d96;}
.blog_list_ri em {  font-size: 15px; order: 1; background: #ffffff; color: #75410e;text-align: right;}
.blog_back{margin: 4% 0;}
.blog_back a.article_btn_back{background: #efbcbf;}
.blog_back a.article_btn_prev{    background: #ccc;}
.blog_back a.article_btn_next{    background: #ccc;}
.blog_le .subbox_item a:after{background: #142d6a85;}
.blog_list_ri p { color: #333;font-size: 15px; font-family: 'Noto Sans TC';letter-spacing: 1px; margin: 2% 0; line-height: 150%;order: 3;-webkit-line-clamp: 2;text-align: center;}


/*首頁產品*/
.products-list .name {
    text-align: center;
	font-size: 18px;
}
.title_box h2{
	font-family: 'WindSong', cursive;
	color:#503945;
	text-transform: lowercase;
	
}
.pageIndex .clearfix:nth-child(1){width: 80%;    margin: 0 auto;}
.pageIndex .products-list .item:nth-child(1){margin: 100px 0;}

/*產品*/
.product-layer-two{text-align: center;margin: 3% 0;}
.product-layer-two li a { color: #ffffff;background: #819ea3;font-size: 16px;    padding: 7% 0; border-radius: 6px; border:none; font-weight: bold;    width: 100px;}
.product-layer-two li ul{color: transparent;}
.product-layer-two li:hover a{background: #e9e9e9;}
.sidebarBtn{border: 1px #f1e2e3 solid;}
.lastaction {background-color: #f7ecdd;color: #7c575f;background-image: none;text-align: center;}
.nextaction{background-color: #e2c99c; color: #7c575f;background-image: none;text-align: center;}
.productBtn{padding-left: 0;}
.block{background: #adadad;}
.product_pic #bx-pager h6{ display:none;}
.prod-thumb{margin: 2% 0;font-size: 22px;color: #3d2832;letter-spacing: 1px;font-family: 'Noto Serif TC', serif;}
.products-list .name{font-size: 16px;color: #333333;text-align: center; font-family: 'Noto Sans TC';}
.products-list .more { width: 70%;font-size: 14px;font-weight: 600;border: none;background:#f3f3f3;color: #000;border-radius: 50px; margin:0 auto;}
.products-list a:hover .more{background: #f1e6c7; border: none;}
.prod-panel{font-size: 16px;letter-spacing: 1px;line-height: 160%;}
.prod_related{background: transparent;}
.prod_related h6 span:before { color: #925a5e; font-family: 'Noto Serif TC', serif; letter-spacing: 1px; font-size: 22px;}
.lastPage{background: #a17e5c;margin: 0 auto;}
.bx-wrapper .bx-viewport{border: 5px solid #fef7ed;background: #fef7ed;}
.inquiry_a1{background: #a17e5c;}
.inquiry_a2{background: #b58f6a;}

.products-list .pic img{border-radius: 15px;}
.related_list{ max-width: 75%;}





/*相簿*/
.album_page .show_content,.album_info_page .show_content{ margin: 5% auto 0 auto;}
.show-list .show_name{letter-spacing: 1px;text-align: center;}
.show-list .item:hover .show_name{color: #1895d3;}
.show-list .show_pic{padding-bottom: 56%;}
.show-list .show_name{font-size: 20px;font-weight: 500;}


/*聯絡我們*/
.contact_content {padding: 0; width: 100%;}
.contact_page .animated-arrow{background: #a17e5c;}
.information_left, .information_right { padding: 0;}

/*聯絡我們-左側goole地圖崁入區塊*/
.contact_content .information_left{width: 100%;}
.contact_content .information_right{ display:none;}
.blank_letter{/*font-family: 'Noto Serif TC', serif;font-size: 28px;color:#503945;letter-spacing: 5px;*/ display:none;}
.list_before { margin: 0;}
.list_before li {margin: 0;}
.list_before.info li:nth-child(1){ display:none;}
.list_before.info li:nth-child(2){ display:none;}
.list_before.info li:nth-child(3){ display:none;}
.list_before.info li:nth-child(4){padding-left: 0;}
.noborder{ background: #f1f1f1;}
.contact_form li{border-bottom: none;}

	
	
	




/*麵包屑*/
.path{border-bottom: 1px solid #f3dbc0;}
.services_page .path,.other_page .path,.other_select_page .path,.blog_page .path,.blog_in_page .path{ display:none;}
.other_select_page .page{margin: 0 auto;}


@media screen and (max-width: 1280px) {
.main_part{max-width: 90%;}
.pageIndex .header_area { position: relative;}
.header_area{position: relative;}

/*版面*/
.album_page .main_part, .album_info_page .main_part{max-width: 90%;}
.contact_page .main_part{max-width: 90%;}


/*頁腳*/
.footer .center{    max-width: 90%;}
.footer_logo {margin: 5% auto;text-align: center;	width: 100%;}
.footer_info ul {
    width: 100%;
    padding: 0;
}
}
@media screen and (max-width: 1024px) {
/*banner*/	
.blog_page .banner h5::after, .blog_in_page .blog_page .banner h5::after ,.product_page .banner h5::after,.product_info_page .banner h5::after,.contact_page .banner h5::after {top: 38%;}	

}
@media screen and (max-width: 912px) {
.main_header_area{height:auto;}
.nav-menu{margin: 8% auto 0 auto;text-align: center;}
.nav-header{text-align: center;}
.nav-menu > li > a{margin: 0 auto;padding: 38px 20px 10px 20px;}
.nav-header {
    text-align: center;
    width: 100%;
}

.contact_content .information_left{width: 40%;}

/*版面*/
.product_info_page .main_part {
    max-width: 90%;
}

/*產品*/
.inquiry_a1,.inquiry_a2{width:100%;margin-left: 0;margin: 2% 0;}


/*頁腳*/
.footer_info li:nth-child(1){padding: 0 0;}
.footer_info li:nth-child(2){margin: 4% auto;}
.footer_info ul {width: 80%;padding: 0;margin: 0 auto;display: flex;}


	
}
@media screen and (max-width: 820px) {
.show-list .item{width: 30%;}	
.nav-menu{flex-direction: column;margin: 12% auto 0 auto;}


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


.main_header_area .container{
	max-width: 100%;  
} 
.pageIndex .header_area,.services_page .header_area{
	position: relative;
}



/*bottom*/
.fa-home:before,.fa-phone:before,#bottom_menu li a{
	color: #3b2e35;
}   
    



/*選單*/
.nav-menu > li > a{margin: 0 auto;}
.navigation-portrait .nav-dropdown>li>a{width: 100%;}
.navigation-portrait .nav-menu>li:nth-child(5){border-bottom: solid 1px #f0f0f0;}
.nav-menu>li>.nav-dropdown{min-width: 100%; left: 0;margin: 0 ;}
.nav-menu>li{padding: 0 0;}
.nav-toggle{top: 20px;}
.nav-menu>li>.nav-dropdown{margin: 0 0;}
.nav-header {display: block;}
.nav-toggle:before{background-color: #767676;box-shadow: 0 0.5em 0 0 #767676, 0 1em 0 0 #767676;}
.banner {
    height: auto;
    background-image:  url(../fuuix/catimg/999.png);
}

.bannerr {
    height: auto;}

/*首頁文章*/
.module_i_news .title_i_box{display: flex;justify-content: center;}


/*產品*/
.mobile_product_name{text-align: center; color: #503945;}
.products-list .item {
    width: 49%;
}


/*文章*/
.blog_le {  width: 100%;}
.blog_ri{  width:100%;padding: 0;}


/*聯絡我們*/
.contact_content .information_left{ width: 100%;}
.contact_form li {  padding-top: 10px; padding-bottom: 10px;}






/*手機板電話顏色要新增的*/
.footer_info{flex-direction: column;}
.footer_info li:nth-child(1){width: 50%;}
.footer_info li:nth-child(2){width: 50%;}
.list_before.info { width: 100%; max-width: 100%; margin-right: 0;}
   
   
/*頁腳*/  
.footer_info ul{display: block;} 
.footer_info li:nth-child(1){padding: 0;}
.footer_logo{width: 100%;}
.footer_info li:nth-child(1) { width: 100%;  text-align: center; margin: 6% 0;}
.footer_info li:nth-child(2){width: 100%;}
.footer_menu a{padding: 8px 7px;}


}
@media screen and (max-width: 540px) {
.blog_list_le {width: 50%;}
.blog_list_ri {width: 49%;padding: 3%;}
.blog_page .subbox_item{width: 100%;}

.contact_content .information_left {
    width: 100%;
}

.footer_info ul {
    width: 100%;
    padding: 0 0;
}
}
@media screen and (max-width: 480px) {
.nav-header {padding: 2vh 0 0 0;}
.nav-brand img { max-width: 88%;}
.show-list .item{width: 100%;}
.nav-menus-wrapper-close-button{margin: 10px 0;}


/*首頁文章*/
.pageIndex .module_i_news li{width: 100%;}	
.pageIndex .module_i_news ul{flex-direction: column;}
.pageIndex .module_i_news .title_i_box h4::after{font-size: 64px;}
.pageIndex .module_i_news ul{margin: 24% auto 4% auto;}
.pageIndex .animated-arrow {    width: 290px;}

/*文章*/
.blog_list_le{width: 100%;}
.blog_list_ri{width: 100%;padding: 5%;}


/*產品*/
.products-list .item {
    width: 100%;
}


/*頁腳*/
.footer .center{width: 90%;}
.footer_info ul { width: 100%;padding: 0 0;}
}


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

@media screen and (max-width: 280px) {
.blog_page .banner h5::after, .blog_in_page .blog_page .banner h5::after, .product_page .banner h5::after, .product_info_page .banner h5::after, .contact_page .banner h5::after{top: 39%;   font-size: 37px;}	
.nav-brand img {
    max-width: 80%;
    padding: 0 0 0 10px;
}
.nav-brand-m img{
	width: 80%;
}
.nav-header { text-align: left;}

}