/*============================================================*/
/*-------首頁樣式----------------------------------------------------------------------------*/
/*============================================================*/















/*============================================================*/
/*-------輪播----------------------------------------------------------------------------*/
/*============================================================*/



/*首頁banner區*/
.BannerArea{
	position: relative;
}

.BannerArea .banner2{
	z-index: 11 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0000 !important;
}
.BannerArea .banner2 .pcBanner ,
.BannerArea .banner2 .mobileBanner{
	opacity: 0;
}


#particles-js{
	position:absolute;
	z-index: 2;
	width: 100%;
	/*height: 100vh;*/
	height: 100%;
	/* background-color: #2c2e43; */
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;						
}

/*首頁banner*/
.BannerArea .banner {
	box-sizing:border-box;
	background:#fff;
	position:relative;
	z-index:10;
}









/*/////////////////////////////////////////////////////////*/
/*-------首頁內容_共用--------*/
/*/////////////////////////////////////////////////////////*/

/* 首頁標題樣式 */
.iN_tit{
    font-size: 46px;
    font-weight: bold;
    /* margin-bottom: 50px;
    text-shadow: rgb(251 251 251) 0px 0px 12px; */
    position: relative;
    color: #000000;
    text-align: center;
	
	margin: 0 auto  50px;
    max-width: calc(100% - 140px);
}

    .iN_tit h2{
        display: inline-block;
        font-size: inherit;
        margin: 0;
        padding: 0;
        font-weight: inherit;
        position: relative;
        z-index: 2;
    }	

    .iN_tit span {
        position: absolute;
        left: calc(50% + 14px);
        bottom: -20px;
        transform: translate(-50%, -50%);
        display: block;
        background-color: #f7ce3c;
        width: 153px;
        height: 21px;
        z-index: 1;
    }

    
@media (max-width: 990px){	

    .iN_tit{
        font-size: 30px;
        margin: 0 auto  25px;
    	max-width: calc(100% - 100px);
    }        
        .iN_tit span {
            width: 100px;
            height: 20px;
        }

}













/*/////////////////////////////////////////////////////////*/
/*首頁_重要日期區塊--------------------------------------------*/
/*/////////////////////////////////////////////////////////*/


.index_itineraryBg{	
	padding: 100px 0px; 
    position: relative;  
    overflow: hidden; 
}
    .index_itineraryBg .wrap {
        font-size: 0px;    
        width: 860px;
        max-width: 95%;
    }	

    /* 左右按健------------------- */
    .iN_tit_button {
        position: absolute;
        right: 30px;
        top: 100px;
        width: 70px;
        height: 30px;
    }
    
        .iN_tit_button .swiper-button-prev, 
        .iN_tit_button .swiper-button-next {
            width: 30px;
            height: 30px;
            background-size: 30px;
        }
        .iN_tit_button .swiper-button-prev:hover , 
        .iN_tit_button .swiper-button-next:hover {
            opacity: 0.5;
        }
        .iN_tit_button .swiper-button-prev{		
            left: 0;
            background-image: url(../images/left.png);
        }
        .iN_tit_button .swiper-button-next{
            background-image: url(../images/right.png);
            right: 0;
        }


        /* 首頁重要日期內容 */
        .index_itineraryArea {
            /* display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin: 0 -20px; */
            /* width: 860px;
            max-width: 95%; */
        }
            .index_itineraryList {
                width: 100%;
                /* width: 70px;
                height: 150px; */
                /* padding: 20px; */
                color: #ffffff;
                box-sizing: border-box;
            }
            .index_itinerary{
                border-radius: 50%;
                background-color: #85a1d0;
                transition: 0.3s ease all;
                /* width: 180px; */
                width: 100%;
                padding: 50% 0;
                position: relative;
                text-align: center;
            }
            .index_itinerary:hover{
                transition: 0.3s ease all;
                background-color: #f7ce3c;
            }
                .index_itineraryArea a{
                    display: block;
                    text-decoration: none;
                    color: inherit;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 95%;
                    height: 95%;
                    /* background-color: #000; */
                    border-radius: 50%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }
                .index_itineraryArea .year {
                    font-size: 30px;
                    padding: 0px 5px 10px;
                }
                .index_itineraryArea .moon {
                    font-size: 50px;
                }
                .index_itineraryArea .deadline {
                    font-size: 16px;
                    margin-top: 10px;
                }
                    .index_itineraryArea .deadline p{
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }


/*手機版_首頁_重要日期區塊*/
@media (max-width: 1280px){

    /* 首頁重要日期內容 */
    /* .index_itineraryArea {
        margin: 0 -10px;
    }
        .index_itineraryList {
            padding: 10px;
        } */

}

@media (max-width: 990px){

    .index_itineraryBg{	
        padding: 50px 0px;    
    }

    /* 左右按健------------------- */
    .iN_tit_button {
        right: 10px;
        top: 60px;
        width: 50px;
        height: 20px;
    }    
        .iN_tit_button .swiper-button-prev, 
        .iN_tit_button .swiper-button-next {
            width: 20px;
            height: 20px;
            background-size: 20px;
        }

    /* 首頁重要日期內容 */
    /* .index_itineraryArea {
        margin: 0 -5px;
    }
        .index_itineraryList {
            padding: 5px;
        }
            .index_itinerary{
                width: 120px;
            } */
            .index_itineraryArea .year {
                font-size: 20px;
                padding: 0 0 5px;
            }
            .index_itineraryArea .moon {
                font-size: 30px;
            }
            .index_itineraryArea .deadline {
                /* font-size: 13px; */
                margin-top: 5px;
            }
}
 
@media (max-width: 640px){
    
    /* 首頁重要日期內容 */
    .index_itineraryArea {
        /* margin: 0 -5px; */
    }
        .index_itineraryList {
            /* padding: 5px; */
            /* width: 50%; */
        }

            .index_itinerary{
                /* width: 100%; */
            }
                
}   
























/*/////////////////////////////////////////////////////////*/
/*首頁_最新消息_區塊--------------------------------------------*/
/*/////////////////////////////////////////////////////////*/


.index_NewsBg {
    overflow: hidden;
    padding: 100px 0px;
    background-color: #ceceec;
}
.index_NewsBg2 {
    overflow: hidden;
    padding: 0px 0px;
    background-color: #ceceec;
}

    .index_NewsBg .wrap {
        font-size: 0px;
        width: 860px;
        max-width: 95%;
    }

        .index_NaArea{    
        }

            /*首頁_列表區塊*/
            .indexNews_list {
                /* padding: 10px 0px; */
                padding: 10px 0px 10px 140px;
                position: relative;
                line-height: 1.5;
            }

                .indexNewsDate {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translate(0% , -50%);
                    color: #000000;
                    font-size: 16px;
                    padding: 10px;
                    background-color: #ffffff;
                    border-radius: 15px 15px;
                    font-weight: bold;
                }
				.indexNewsDate2 {
                    position: absolute;
                    left: 200px;
                    top: 50%;
                    transform: translate(0% , -50%);
                    color: #000000;
                    font-size: 16px;
                    padding: 10px;
                    background-color: #ffffff;
                    border-radius: 15px 15px;
                    font-weight: bold;
                }

                .indexNewsTitle {  
                    padding: 10px 0;                  
                }
                    .indexNewsTitle a {
                        display: block;
                        text-decoration: none;
                        color: #000000;
                        font-size: 16px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        transition: 0.3s ease all;
                    }
                    .indexNewsTitle a:hover {
                        opacity: 0.5;
                    }


/*手機版_最新消息_列表區塊*/

@media (max-width: 990px){

    .index_NewsBg {
        padding: 50px 0px;
    }
        .index_NewsBg .wrap {
            width: 85%;
        }

}

@media (max-width: 768px){

    /*首頁_列表區塊*/
    .indexNews_list {
        padding: 10px 0px ;
        position: unset;
    }

        .indexNewsDate {
            font-size: 14px;
            position: unset;
            left: unset;
            top: unset;
            transform: unset;
            border-radius: 3px ;
            line-height: 1;
            width: auto;
            display: inline-block;
        }

        .indexNewsTitle {  
            padding: 10px 0 0;                  
        }

}