@charset "utf-8";

/*-----------------------------------------
	project : Fuhong.org.mo (Qing Tao)
	version : 1.0
	author : Jason
	release : 2025-05-28
-----------------------------------------*/



/*-----------------------------------------
	System
-----------------------------------------*/

body{ font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; overflow-x: hidden; }
h1,h2,h3,h4,h5,h6,figure,p,ul,li,ol,label{ margin: 0; padding: 0;  list-style: none; }
a,a:hover{ text-decoration: none; transition: all .2s; }



/*-----------------------------------------
	responsive
-----------------------------------------*/

.menu-res-trigger{ display: none; }

.header-res , .menu-res{ display: none; }



/*-----------------------------------------
	Components
-----------------------------------------*/

/* font-en */
.font-en{ font-family: 'Arial', sans-serif; }

/* back to top */
.b2t{  position: fixed; width: 44px; bottom: 100px; right: 2%; border-radius: 5px; z-index: 999; cursor: pointer; }


/* 
	panel
*/
.panel { margin-bottom: 0; }
.main-box { width:1200px; margin:0 auto; }


/* 
	top-bar
*/
.top-bar{ overflow: hidden; border-top: 5px solid #fb7185; height: 52px; }
.top-bar .main-box{ height: 44px; line-height: 44px; padding: 0 20px; background-color: #fb7185; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.top-bar a{ display: block; color: #FFF; }
.top-bar i{ font-size: 20px; }

.top-bar-left{ float: left; }
.top-bar-left li{ position: relative; float: left; color: #FFF; padding: 0 10px; }
.top-bar-left li:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background: #FFF; }
.top-bar-left a{ font-size: 14px; }
.top-bar-left li:last-child:after{ display: none; }
.top-bar-left li a:hover , .top-bar-right li a:hover{ color: #fff25b; transition: all .3s; }

.top-bar-right{ float: right; }
.top-bar-right ul{ float: right; }
.top-bar-right li{ float: left; padding: 0 10px; }


/* 
	header
*/
.header{ clear: both; margin-top: 10px; }
.logo{ float: left; display: block; margin-top: 18px; }
.logo img{ max-width: 280px; }

.header-nav{ float: right; }
.header-nav>ul>li{ float: left; height: 100px; }
.header-nav>ul>li{ position: relative; }
.header-nav>ul>li:after{ content: '';}
.header-nav>ul>li>a{ color: #343434; font-size: 18px; margin: 0 25px; font-weight: 700; display: block; line-height: 100px; }
.header-nav>ul>li>a:hover{ color: #be123c; }
.header-nav>ul>li:hover>a{ color: #be123c; transition: all .3s; }
.header-nav>ul>li:hover{ background: url('../images/2.png') no-repeat center top; }
.header-nav>ul>li:hover .sub-menu{ display: block; }

.header-nav .sub-menu{ overflow: hidden; border-radius: 10px; display: none; z-index: 100; position: absolute; box-shadow: 0 0 10px 0 rgba(0,0,0,0.125); left: 0; top: 100%; background-color: #fecdd3; min-width: 200px; }
.header-nav .sub-menu a{ font-size: 16px; display: flex; align-items: center; padding: 15px; margin:0; font-weight: 400; color: #be123c; transition: all .3s; }
.header-nav .sub-menu a:hover{ background-color: #f43f5e; color: #FFF; }
.header-nav .sub-menu i{ margin-right: 10px; visibility: hidden; }
.header-nav .sub-menu a:hover i{ visibility: visible; }



/* 
	footer
*/
.footer { background-color: #fb7185; text-align: center; color: #ffe4e6; line-height: 85px; }
.footer span+span{ margin-left: 15px; }
.footer a{ color: #ffe4e6; }


/*
	responsive
*/
.header-res , .menu-res , .product-category-res { display: none; }





/*-----------------------------------------
	home
-----------------------------------------*/


/* 
	home-swiper
*/
.home-swiper { overflow: hidden; position: relative; }
.home-swiper .home-item{ position: relative; text-align: center; height:636px; background: no-repeat center center;  background-size:cover; display: block; }
.home-swiper .swiper-button-prev , .home-swiper .swiper-button-next{ color: #f27029; background: #FFF; border-radius: 10px; width: 76px; height: 76px; text-align: center; }
.home-swiper .swiper-button-prev i , .home-swiper .swiper-button-next i{ font-size: 30px; margin-top: 22px; }
.home-swiper .swiper-button-prev:hover , .home-swiper .swiper-button-next:hover{ color: #00b87c; transition: all .3s; }


/* 
	home-pic
*/
.home-pic-box{ margin:60px 0; }
.home-pic-box a{ display: block;}
.home-pic-box .left-pic , .home-pic-box .mid-pic , .home-pic-box .right-pic{ float: left; }
.home-pic-box .left-pic{ width: 279px; }
.home-pic-box .right-pic{ width: 279px; }
.home-pic-box .mid-pic{ width: 616px; }
.home-pic-box figure{ border-radius: 20px; width: 616px; height: 373px; overflow: hidden; }
.home-pic-box .left-pic .ccc , .home-pic-box .right-pic .ccc{ margin-bottom: 13px; }
.home-pic-box .left-pic{ margin-right: 13px; }
.home-pic-box .right-pic{ margin-left: 13px; }


/* 
	product
*/
.product-box{ text-align: center; background-color: #fecdd3; padding: 80px 0; overflow: hidden; }  
.product-tit-p{ font-size: 34px; color: #be123c; font-weight: 700; }
.product-tit-pic{ margin-top: 15px; margin-bottom: 40px; }
.product-tit-pic img{ margin:0 auto; }


/* 
	home-bottom
*/
.home-bottom-item a{ display: block; padding:15px; }
.home-bottom-item p{ font-size: 18px; margin-top: 20px; color: #334155; }
.home-bottom-item img{ border-radius: 25px; border:4px solid transparent; box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.125); max-width: 100%; }
.home-bottom-item a:hover img{ border:4px solid #fda4af; transition: all .2s; }
.home-bottom-item a:hover p{ color: #be123c; transition: all .2s; }


/* 
	home-bottom-swiper
*/
.home-bottom-swiper{ position: relative; overflow: hidden; }


/*
	home-product-box
*/
.home-product-box{ position: relative; width: 1270px; }
.home-product-box .swiper-button-prev , .home-product-box .swiper-button-next{ border-radius: 10px; display: flex; align-items: center; justify-content: center; width: 44px; height: 60px; background: #FFF; box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.125); margin-top: -60px;  }
.home-product-box .swiper-button-prev{ left: -60px; }
.home-product-box .swiper-button-next{ right: -60px; }

.home-product-box .swiper-button-prev i , .home-product-box .swiper-button-next i{ color: #94a3b8; font-size: 28px; }
.home-product-box .swiper-button-prev:hover i , .home-product-box .swiper-button-next:hover i{ color: #be123c; transition: all .3s; }


/* 
	bottom-news
*/
.bottom-news{ background: url('../images/16.png') no-repeat top center; background-size: cover; padding: 80px 0; overflow: hidden; }

.left-news-tit , .right-news-tit{ height: 57px; position: relative; }
.left-news-tit h3 , .right-news-tit h3 { color: #FFF; font-size: 34px;  line-height: 57px; }
.left-news-tit a , .right-news-tit a{ display: block; color: #FFF; font-size: 25px; position: absolute; top: 10px; right: 45px; }

.left-news{ }
.left-news-tit{ background: url('../images/news-title-bg.png'); }
.left-news-con{ background: #FFF; box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.125); padding:20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.left-news-item{ margin-bottom: 30px; display: flex; align-items: center; padding: 10px; border-radius: 10px; }
.left-news-item:hover{ background-color: #ffe4e6; }
.left-news-item-time { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 80px; height: 80px; background-color: #ffbf43; border-radius: 100%; color: #FFF; }
.left-news-item-time h5{ text-align: center; font-size: 20px; line-height: 30px; font-weight: 700; }
.left-news-item-time p{ font-size: 16px; margin-bottom: 0; }
.left-news-item-p{ flex: 1; padding-left: 15px; font-size: 16px; color: #475569; }
.left-news-item:hover .left-news-item-p{ color: #be123c; }

/* right-news 已棄用 */
.right-news{ float: right; width: 578px; }
.right-news-tit{ background: url('../images/18.png');}
.right-news-con{ height: 510px; background: #FFF; box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.125); padding:0 20px; }

.right-news-item{ padding-top: 28px; }
.right-news-item a{ display: block; }
.right-news-item-pic{ float: left; width: 131px; height: 93px; }
.right-news-item-p{ margin-left: 150px; }
.right-news-item-p p{ font-size: 16px; color: #15416e; font-weight: bold; line-height: 25px;}
.right-news-item-p p:first-child{ height: 50px; overflow: hidden; }
.right-news-item-p .right-news-item-time{ color: #a2a2a2; font-weight: normal; margin-top: 5px; }


/* 
	center-pic
*/
.center-pic-tit-p{ font-size: 34px; text-align: center; color: #e11d48; font-weight: 700; }
.center-pic-tit-pic{ margin-top: 15px; margin-bottom: 40px; }
.center-pic-tit-pic img{ margin:0 auto; }

.center-pic{ background-color:  #fafafa; padding: 80px 0; }
.center-pic-item{ position: relative; box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.125); background-color: #FFF; text-align: center; z-index: 10; overflow: hidden; border-radius: 15px; }
.center-pic-item figure{ aspect-ratio: 4/3; overflow: hidden; position: relative; }
.center-pic-item figure img { width: 100%; height: 100%; object-fit: cover; }
.center-pic-item p{ margin:15px; line-height: 24px; height: 48px; overflow: hidden; }
.center-pic-item .popup{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(251, 113, 133,.35); color: #FFF; display: flex; align-items: center; justify-content: center; font-size: 24px; opacity: 0; visibility: hidden; transition: all .2s; }
.center-pic-item:before{ transition: all .2s; content: ''; width: 60px; height: 5px; background-color: #fb7185; border-radius: 50em; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.center-pic-swiper{ position: relative; }
.center-pic-swiper a{ display: block; color: #475569; font-size: 16px; }
.center-pic-swiper a:hover{ color: #FFF; transition: all .2s; }
.center-pic-swiper a:hover .center-pic-item{ background-color: #fb7185; }
.center-pic-swiper a:hover .popup{ opacity: 1; visibility: visible; }
.center-pic-swiper a:hover .center-pic-item:before{ background-color: #FFF; transform: translateX(-50%) translateY(-5px); }

.center-pic-item-page{ text-align: center; margin-top: 0; }

.center-pic-swiper{ overflow: hidden; padding:13px 13px 70px 13px; }


/* 
	swiper-pagination-bullet
*/
.center-pic-swiper .swiper-pagination-bullet{ background: url('../images/32.png') no-repeat; width: 21px; height: 18px; opacity: 1; }
.center-pic-swiper .swiper-pagination-bullet-active{ background: url('../images/33.png') no-repeat; }




/*-----------------------------------------
	activity
-----------------------------------------*/


/*
	activity-page
*/
.activity-page{ margin-top:70px; margin-bottom: 70px; }







/*-----------------------------------------
	Template Components
-----------------------------------------*/


/*
	margin and padding
*/
.mt-6{ margin-top: 60px; }
.mb-6{ margin-bottom: 60px; }


/*
	pic-cover
*/
.pic-cover{ background:#FFF no-repeat center center; background-size: contain; }


/*
	subpage-banner
*/
.subpage-banner{ position: relative; overflow: hidden; width: 100%; height: 276px; background: no-repeat center center; background-size: cover; }
.subpage-banner:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(135deg,  rgba(225,29,72,1) 0%,rgba(236,72,153,1) 100%); opacity: 0.75; }
.subpage-banner .main-box{ position: relative; display: flex; flex-direction: column; text-align: center; height: 276px; align-items: center; justify-content: center; }
.subpage-banner img{ display: inline-block; }
.subpage-banner h2{ font-size: 34px; color: #FFF; margin-bottom: 20px; }


/*
	single
*/
.single{ padding: 70px 0; overflow: hidden; }
.single img{ display: inline; max-width: 100%; }
.single p{ line-height: 30px; color: #000; font-size: 16px; text-align: justify; }
.single table{ border-collapse: collapse; width: 100%; }
.single table td{ border: 1px solid #c6c6c6; padding:15px; }
.single a{ color: #000; }

.single ul , .single ol{ padding-left: 30px; }
.single li { list-style-position: outside; list-style-type: disc; font-size: 16px; }
.single ul>li{ list-style-type: disc;}
.single ol>li{ list-style-type: decimal;}


/*
	list-gallery
*/
.list-gallery{ margin: 60px 0; }
.list-gallery>div{ padding: 0; margin-bottom: 70px; }
.list-gallery .item{ display: block; width: 288px; height: 324px; overflow: hidden; margin:0 auto; background: url('../images/gallery-bg.png') no-repeat; transition: all .3s; }
.list-gallery .pic{ width: 254px; height: 195px; margin:15px auto; position: relative; }
.list-gallery .pic i{ position: absolute; font-size: 30px; color: #FFF; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; }
.list-gallery .pic img{ display: none; }
.list-gallery .popup{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top: 0; transition: all .3s; opacity: 0; }
.list-gallery .popup:hover{ opacity: 1; }
.list-gallery h5{ padding: 0 15px; text-align: center; font-size: 20px; color: #FFF; line-height: 30px; max-height: 60px; overflow: hidden; }
.list-gallery .item:hover{ background-image: url('../images/gallery-bg-hover.png'); }



/*
	news-list
*/
.news-list{ overflow: hidden; margin-bottom: 70px; }
.news-list .item{ margin-top:70px; overflow: hidden; display: flex; column-gap: 20px; text-decoration: none; }
.news-list .date-area{ display: flex; flex-direction: column; align-items: center; justify-content: center; color: #be123c; flex: 0 0 100px; height: 120px; border: 1px solid #cbd5e1; border-radius: 5px; }
.news-list .date{ font-size: 20px; font-weight: 700; border-bottom: 1px solid #cdcdcd; margin-left:10px; margin-right: 10px; padding-bottom: 10px; margin-bottom: 10px; }
.news-list .year{ font-size:24px; }
.news-list .main{ flex: 1; border-bottom: 1px solid #cdcdcd; padding-bottom: 35px; }
.news-list h5{ font-weight: 700; transition: all .3s; font-size:24px; color: #334155; margin-bottom: 15px; line-height: 30px; overflow: hidden; max-height: 60px; }
.news-list .con{ color: #7f7e7e; font-size:16px; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 15px; }
.news-list .more span{ transition: all .3s; display: inline-block; width: 150px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #fecdd3; color: #be123c; text-align: center; margin-bottom: 20px; border-radius: 50em; }
.news-list .time-area{ color: #a9a9a9; }
.news-list .time-area i{ margin-right: 5px; }
.news-list figure{ float: right; width: 352px; height: 252px; }

.news-list a:hover .more span{ background-color: #be123c; color: #FFF; }
.news-list a:hover h5{ color: #be123c; }



/*
	news-detail
*/
.news-detail{ margin:70px 0; }

.news-detail-title{ background-color: #f1f5f9; height: 94px; border-radius: 94px; position: relative; }
.news-detail-title .date-year{ border-radius: 15px; width: 120px; height: 120px; background-color: #fb7185; position: absolute; left: 72px; bottom: 28px; color: #FFF; text-align: center; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.news-detail-title .con{ padding: 0 220px; font-size: 24px; font-weight: 700; color: #475569; line-height: 30px; text-align: center; height: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.news-detail-title .year{ margin:0 10px; font-size: 20px; padding-top: 10px; }
.news-detail-title .date{ font-size: 24px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #FFF; margin:0 10px; }


/*
	box-search
*/
.box-search{ border: 1px solid #e2e8f0; height: 50px; border-radius: 5px; }
.box-search .con{ margin-right: 50px; }
.box-search input{ height: 48px; border: 0; font-size: 18px; width: 100%; padding:0 15px; }
.box-search button{ float: right; width: 50px; height: 50px; border: 0; background: none; font-size: 24px; color: #bcbcbc; border: 0; }


/*
	product-main
*/
.product-main{ margin-top: 70px; margin-bottom: 70px; }


/*
	product-sidebar
*/
.product-sidebar{ width: 255px; float: left; }


/*
	product-category
*/
.product-category{ border-radius: 10px; box-shadow: 0 0 10px 0 rgba(244, 63, 94, 0.25); margin-top: 20px; background: linear-gradient(135deg,  rgba(244,63,94,1) 0%,rgba(236,72,153,1) 100%); overflow: hidden; }
.product-category h3{ position: relative; margin-top: 30px; margin-left: 30px; margin-right: 30px; font-size: 24px; color: #FFF; padding-bottom: 17px; }
.product-category h3:after{ content: ''; position: absolute; width: 64px; height: 2px; background: #FFF; left: 0; bottom: 0; }


/*
	product-category-list
*/
.product-category-list{ padding:10px 30px 30px 30px; }
.product-category-list .item{ background: none; border: 0; box-shadow: none; overflow: hidden; }
.product-category-list .item>a{ display: block; font-size: 18px; color: #FFF; padding: 10px 0; text-decoration: none !important; }
.product-category-list .item i{ margin-right: 10px; display: inline-flex; transition: all .2s; }
.product-category-list .item>a.collapsed i{ transform: rotate(-90deg); }
.product-category-list .sub-menu{ margin-left: 20px; }
.product-category-list .sub-menu a{ color: #FFF; display: block; line-height: 24px; transition: all .3s; padding: 5px 0; }
.product-category-list .sub-menu a:hover{ color: #f9d80e; }


/*
	product-main-right
*/
.product-main-right{ margin-left: 320px; }


/*
	product-list
*/
.product-list{ overflow: hidden; }
.product-list>div>div{  margin-bottom: 30px; }
.product-list .item{ transition: all .2s; display: block; background-color: #FFF; overflow: hidden; border: 1px solid #cbd5e1; border-radius: 10px; padding: 15px; }
.product-list .item:hover{ background-color: #f43f5e; border-color: #f43f5e; box-shadow: 0 0 10px 0 rgba(244, 63, 94, 0.6); }
.product-list figure{ aspect-ratio: 4/3; overflow: hidden; border-radius: 15px; }
.product-list figure img{ width: 100%; height: 100%; object-fit: contain; }
.product-list h6{ margin-top: 15px; text-align: center; color: #6e6e6e; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 5px; }
.product-list .price{ text-align: center; font-size: 20px; color: #f43f5e; }

.product-list .item:hover h6, .product-list .item:hover .price{ color: #FFF; }


/*
	page-jumper
*/
.page-jumper{ overflow: hidden; }
.page-jumper li{ display: inline-block; }
.page-jumper a{ display: block; line-height: 40px; padding: 0 15px; color: #475569; font-size: 16px; border-radius: 5px; }
.page-jumper a:hover , .page-jumper a.active{ background-color: #e11d48; color: #FFF; }


/*
	product-detail
*/
.product-detail{ overflow: hidden; display: flex; align-items: top; }

.product-detail-main{ flex: 1; }

.product-detail-pic{ flex: 0 0 35%; border: 1px solid #e9e9e9; padding: 15px; border-radius: 15px; }

.product-detail-title{ font-size: 30px; font-weight: 700; color: #e11d48; position: relative; padding-top:10px; margin-bottom: 40px; }
.product-detail-title:after{ content: ''; width: 58px; height: 3px; background-color: #e11d48; position: absolute; left: 0; top: 0; }

.product-detail-info .item{ display: flex; font-size: 18px; line-height: 24px; margin-bottom: 15px; color: #475569; }
.product-detail-info .title{ flex: 0 0 100px; font-weight: 700; }
.product-detail-info .con{ flex: 1; padding-left: 15px; padding-right: 15px; }


/*
	mag-list
*/
.mag-list{ margin:70px 0; }
.mag-list>.row>div{ margin-bottom: 70px; }
.mag-list .item{ max-width: 280px; margin: 0 auto; }
.mag-list figure{ border: 2px solid #e4e4e4; width: 280px; height: 310px; margin: 0 auto; }
.mag-list h5{ font-size: 22px; color: #1a1a1a; margin:30px 0; line-height: 30px; height: 30px; overflow: hidden; text-align: center; }
.mag-list .btn-area a{ line-height: 46px; border-radius: 10px; display: block; text-align: center; color: #FFF; font-size: 22px; }
.mag-list .btn-read{ background:#fd5a0f; }
.mag-list .btn-dl{ background:#30b0bb; }


/*
	activity-list
*/
.activity-list{ overflow: hidden; }
.activity-list .row>div{ margin-bottom: 30px; }

.activity-list .item{ position: relative; padding-bottom: 15px; }
.activity-list .item:after{ z-index: 10; position: absolute; width: 100%; height: 40px; bottom: 0; background-color: #be123c; content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.activity-list a{ display: block; background-color: #f43f5e; border-radius: 15px; height: 412px; position: relative; z-index: 11; padding: 15px; }

.activity-list .pic{ position: relative; border-radius: 15px; overflow: hidden; }
.activity-list .pic figure{ aspect-ratio: 4/3; overflow: hidden; }
.activity-list .pic figure>img{ width: 100%; height: 100%; object-fit: cover; }

.activity-list .popup{ opacity: 0; transition: all .3s; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.3); color: #FFF; left: 0; top: 0; }
.activity-list .popup i{ font-size: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; }

.activity-list .con{ font-size: 18px; font-weight: 700; text-align: center; color: #FFF; line-height:30px; max-height: 90px; overflow: hidden; margin-top: 30px; }
.activity-list .date{ width: 136px; height: 42px; line-height: 42px; text-align: center; background-color: #f9d80e; color: #000; border-radius: 42px; font-size: 16px; float: right; margin-top: -21px; position: relative; z-index: 10; margin-right: 20px; }

.activity-list a:hover { background-color: #f9d80e; }
.activity-list a:hover .popup{ opacity: 1; }
.activity-list a:hover .con{ color: #be123c; }
.activity-list a:hover .date{ background-color: #FFF; }

.activity-list .item:hover:after{ background:#caae00; }


/*
	activity-detail
*/
.activity-detail a{ height: auto; }
.activity-detail .pic{ aspect-ratio: 4/3; }
.activity-detail .pic img{ display: none; }

.activity-detail-top{ margin-bottom: 30px; border-bottom:2px dashed #e6e6e6; padding-bottom: 30px; text-align: center; }
.activity-detail-top h3{ font-size: 30px; color: #e11d48; margin-bottom: 20px; }
.activity-detail-top .label{ font-size:18px; background-color: #94a3b8; border-radius: 50em; }


/*
	download-list
*/
.download-list>div{ margin-bottom: 60px; }
.download-list .item{ 
	display: block; border: 1px solid #e6e6e6; border-radius: 15px; padding: 30px 15px; text-decoration: none; transition: all .3s; color: #555555; position: relative;
	background: rgb(217,217,217);
	background: -moz-linear-gradient(45deg, rgba(217,217,217,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(217,217,217,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(45deg, rgba(217,217,217,1) 0%,rgba(234,234,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#eaeaea',GradientType=1 );
}
.download-list .item:hover{
	background: rgb(16,184,198);
	background: -moz-linear-gradient(45deg, rgba(16,184,198,1) 0%, rgba(34,206,221,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(16,184,198,1) 0%,rgba(34,206,221,1) 100%);
	background: linear-gradient(45deg, rgba(16,184,198,1) 0%,rgba(34,206,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b8c6', endColorstr='#22cedd',GradientType=1 );
}
.download-list h5{ font-size: 16px; color: #393939; line-height: 24px; height: 48px; overflow: hidden; font-weight: 700; }

.download-list .file-type{ margin-top: 10px; }

.download-list .date{ margin-top: 10px; }

.download-list .btn-area{ margin-top: 25px; }

.download-list .file-type i , .download-list .date i{ margin-right: 10px; width: 20px; text-align: center; }

.download-list .big-icon{ 
	position: absolute; right: 15px; top: -60px; color: #FFF; width: 50px; height: 50px; border-radius: 100%; text-align: center; line-height: 50px; font-size: 20px; visibility: hidden; opacity: 0; transition: all .3s; overflow: hidden;
	background: rgb(167,167,167);
	background: -moz-linear-gradient(45deg, rgba(167,167,167,1) 0%, rgba(207,207,207,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(167,167,167,1) 0%,rgba(207,207,207,1) 100%);
	background: linear-gradient(45deg, rgba(167,167,167,1) 0%,rgba(207,207,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#cfcfcf',GradientType=1 );
}
.download-list .big-icon i{ transition: all .6s; opacity: 0; position: relative; top: -50px; }

.download-list .item:hover{ color: #FFF; }
.download-list .item:hover h5{ color: #FFF; }
.download-list .item:hover .big-icon{ visibility: visible; opacity: 1; top: -25px; }
.download-list .item:hover .big-icon i{ opacity: 1; margin-top: 0; top: 0; }


/* hero-nav */
.hero-nav{ padding: 80px 0; }
.hero-nav .title{ font-weight: 700; font-size: 30px; color: #db2777; padding-bottom: 40px; }

.hero-nav-item{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 15px; }
.hero-nav-item figure{ transition: all .2s; position: relative; overflow: hidden; border-radius: 15px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; }
.hero-nav-item h5{ transition: all .2s; position: relative; background-color: rgba(255, 228, 230, 0.95); width: 80%; border-radius: 50em; height: 44px; line-height: 44px; font-size: 20px; font-weight: 700; margin-top: -22px; color: #be185d; }
.hero-nav-item .popup{ transition: all .2s; opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 16px; }
.hero-nav-item:hover figure{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.hero-nav-item:hover .popup{ opacity: 1; visibility: visible; }
.hero-nav-item:hover h5{ transform: translateY(-5px); }

/* custom-tabs */
.custom-tabs{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px 15px; column-gap: 20px; row-gap: 15px; }
.custom-tabs a{ display: inline-flex; border-radius: 50em; font-size: 18px; color: #be123c; padding: 5px 20px; background-color: #ffe4e6; }
.custom-tabs a:hover, .custom-tabs a.active{ background-color: #be123c; color: #FFF; }