@charset "utf-8";

/* *********************************** */
/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode {	display: inline-block;}

#menuTop ul:before { border-top:0 !important; }





/*待刪*/
.pageIndex .edit, .pageIndex .show_content, .pageIndex .main_part {
    width: auto !important;
    max-width: 100% !important;
    margin: auto !important;
    padding: 0px !important;
}
.services_page .edit, .services_page .show_content, .services_page .main_part {
    width: auto !important;
    max-width: 100% !important;
    margin: auto !important;
    padding: 0px !important;
}

.services_page .banner{	display:none;}
/*待刪*/


/* *********************************** */
/*網站整體設定*/
.main_part , .show_content , .edit {    width: 100%;	margin: auto;}
.pageIndex .main_part {    border-top: none;}
.pageIndex .products-list {    width: 100%;    max-width: 1200px;    margin: auto;    padding: 50px 20px;}

/* Header設定 */
#header .center {    max-width: 95%;}
#header {    padding: 14px 0;    height: 120px;    background: #014e95;}


/*選單設定*/
#menuTop ul { margin-top: 5px; }
#menuTop li a {    position: relative;    color: #fff;}
#menuTop li a span {    display: block;    text-align: center;}
#menuTop li a span:nth-child(2) {    font-size: 13px;    letter-spacing: 1px;    font-family: "Century Gothic";}



#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {    height: 2px;    width: 30px;    background: #fff;}

/*下拉*/
#menuTop li ul {
    border: none !important;
    background-color: transparent;
    left: 50%;
    right: 50%;
    width: 300px;
    margin-right: -150px;
    margin-left: -150px;
}
#menuTop li ul li {    border-left: none;}
#menuTop li li a {    background: #f7f5f5;    transition: 0.2s;    padding: 8px 0 !important;    letter-spacing: 1.5px;    color: #003566;}
#menuTop li li a:hover {    transition: 0.2s;    background-color: #0064bf;    color: #fff;text-align: center;}
#menuTop li li a:before{ display:none;}

/*選單滑動特效*/

/*(有線滑過)*/
#menuTop li a{position: relative;}
#menuTop li a:before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 1px;width: 0%;background: #aaa;transition: all 0.3s;}
#menuTop li:hover a:before{width: 100%;}
#menuTop li li a:after {    display: none;}



/*LOGO設定*/
#header .logo img {    width: 260px;    margin-top: 5px;}
.footer_logo img {    width: 260px;    margin-top: 30px;}
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}

/*Footer*/
.footer {    border-top: none !important;    padding: 50px 0 0;    background: #003566;}
.footer_info ul {    color: #ffffff;}
.footer_menu { border-bottom: none !important;}
.footer_menu li a {	color:#fff;}
.copy {    background: #002446;    color: #fff;}
.copy a{    color: #fff;}

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



/*首頁+聯絡按鈕*/
.animated-arrow { background:#014e95 ;}
.swiper-pagination {    margin-left: -20px;}


/*聯絡我們填字框*/
.contact_form li .form__label {    width: 105px;    text-align: left;    margin-left: -110px;}
.contact_form li {    padding-left: 115px;}
.noborder {    border-left: 1px solid #d1dae2;}
.star:after {    clear: both;}
.star {float: right;}


/***購物車***************************************************************************/
/* 產品的看更多按鈕設定 */
.products-list .more {    border: 1px solid #014e95 !important;    color: #014e95;}
.products-list a:hover .more {    background: #014e95;    border-color: #014e95;	color: #ffffff;}


/*外層*/
.product-layer-two li a {    color: #014e95;}
.product-layer-two li:hover > a { background: #014e95;    color: #fff;}
.product-layer-two li.active > a {background: #014e95;    color: #fff;	font-weight: normal;}
.product-layer-two li > ul {    max-height: 400px;    overflow-y: scroll;}
.product-layer-two li>ul::-webkit-scrollbar {    width: 8px;}
.product-layer-two li>ul::-webkit-scrollbar-thumb {    background: #8e8e8e;;    border-radius: 10px;}
.product-layer-two li>ul:hover::-webkit-scrollbar-thumb {    background: #656565;}
.product-layer-two li>ul::-webkit-scrollbar-track {    background: #dedede;    border-radius: 10px;}


/* 內頁 */
.lastPage { background:#014e95 ;}
.nextaction { background-color:#014e95 ;}
.lastaction { color:#fff ; background-color:#014e95 ;}


/* 購物車商品按鈕 */
.action-button { background: ;}
.action-button:hover { background: ;
}



/* 頁面上方廣告 */
.banner {} 
.banA {}
.banB {}
.banC {}
.banD {}
.banE {}
.banF {}

/*相簿*/

.show-list .item {    width: 46%;    margin: 45px 2% 40px;}


.overlay {
    width: 92%;
    height: 92%;
    background: rgb(255 255 255 / 0.8);
    left: 4%;
    top: 4%;}
.show-list .show_name {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 250px;
    height: 50px;
    font-size: 18px;
    margin-left: -125px;
    margin-bottom: -35px;
    color: #000 !important;
    text-align: center;
    transition: all ease-in .3s;
    opacity: 0;
}
.work_page .show-list .item:hover .show_name {opacity:1;}


.pic-list .item {    width: 25%;    position: relative;}
.show-list .item {    width: 46%;    margin: 45px 2% 40px;}
.show-list .item a {
    max-width: unset;
    height: 0;
    padding-bottom: 65%;
}
.show-list .show_pic {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 330px;
}

.show-list .show_pic img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100% !important;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    z-index: -1;
}
.pic-list .show_pic {    height: auto;    padding-bottom: 0;}
@media screen and (max-width: 1200px) {
.pic-list .item {    width: 31%;}
.show-list .item a {    max-width: unset;    height: unset;    padding-bottom: unset;}
}
@media screen and (max-width: 840px) {
.pic-list .item {    width: 47%;    margin: 10px 1%;}
}
@media screen and (max-width: 600px) {
.pic-list .item {    width: 100%;}
.show-list .item {    margin-bottom: 10px;}
.show-list .show_name {    opacity: 1;}
.overlay {    transform: scale(1);    -webkit-transform: scale(1);    opacity: 0.9;}
.show-list .item {    width: 96%;    margin: 20px 2%;}
.show-list .show_pic {    height: 220px;}
}
@media screen and (max-width: 350px) {
.show-list .item {
    width: 100%;
    margin: 20px auto;
}
.show-list .show_name {    width: 180px;    margin-left: -90px;}
}
.other_album_choice li {    background: #003566;}
.other_subalbum li a div {    height: 250px;    overflow: hidden;}
.pic-list .show_pic img {
    max-height: 250px;
    max-width: 100%;
    min-width: 100%;
    height: 100% !important;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
}
.page {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page strong {
    background: #003566;
    color: #fff;
    padding: 5px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    align-items: center;
}


.pic-list .item:hover .show_pic img {    filter: brightness(0.5);    transition: 0.3s;}
.pic-list .item .show_pic img {    transition: 0.3s;}
.other_subalbum li p {    margin-top: 7px;}
.subalbum-menu h2 {    color: #003566;}
.subalbum-menu .block {	 background: #003566;}
.pic-list .item:before {
    content: "VIEW MORE";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    border: 1px solid #fff;
    color: #fff;
    z-index: 999;
    transform: scale(0);
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}
.pic-list .item:hover:before {
    opacity: 1;
    transform: scale(1);
}

/* 針對頁尾第幾個作設定 */
.footer_info ul li:nth-child(1) { /*display:none;*/}

/*其他分頁*/
.promotion_title h2 {    border-bottom: 2px solid #014e95;}
.promotion_title {    border-bottom: 1px solid #014e95;}



@media screen and (max-width: 980px) {
#header {    height: auto;}
#header .logo img {    margin-top: 20px;}
#header .logo {    clear: both;    text-align: center;    width: 100%;    margin: 0 auto;}
#menuTop ul li a {    padding: 10px 25px;}
}
/***************************************************/
/* 手機版設定 */
@media screen and (max-width: 768px) {
#header { height:auto; }
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding: 50px 0 70px; }

/* *********************************** */
/*手機板LOGO調整*/
#header .logo {    clear: none;  width: auto;}
#header .logo img { margin-top:0; width:220px ; }
.footer_logo img{ width:250px ; }
.footer_logo { margin-left: unset; margin: auto; text-align: center; }

/* 預設手機版單張圖片 沒有開啟 */
/* 
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
}

@media screen and (max-width: 600px) { 
/* 手機版 輪播圖另外在換圖*/
/*
.swiper-slide img { display:none; }
.bannerindex { height:100vh; padding:0;}
.swiper-slide:nth-child(1) { background-image: url(); background-size:cover;}
.swiper-slide:nth-child(2) { background-image: url(); background-size:cover;}
*/
}