@charset "utf-8";
/* CSS Document */

/*區塊內容*/
.one-page-body{display: flex;width: 100%;overflow: hidden;}
.one-page-page{padding: 3rem 0;background-size: cover; background-attachment: fixed; background-repeat: no-repeat;background-position: center center;display: block;width: 100%;position: relative;}
.one-page-box{padding:0;}

/*區塊更多按鈕*/
.one-page-btn-page{padding-top:1.5rem; padding-bottom: 1.5rem;}
.one-page-btn-box{text-align: center;visibility: hidden;}

/*頁面標題*/
.area_title_page { margin-bottom: 1.5rem;}
.area_title_box {text-align: center;position: relative;display: inline-block;width: 100%;}
.area_title_box .area_main_title{font-size: 1.75rem;display: block;font-weight: bold;}
.area_title_box .area_main_title .area_main_title_link{}
.area_title_box .area_main_title:hover .area_main_title_link{}
.area_title_box .area_main_title:hover strong{color: inherit!important;}

.area_title_box .area_sub_title{font-size: 1.25rem;display: block;margin-bottom: .5rem;}
.area_title_box .area_sub_title .area_sub_title_link{}
.area_title_box .area_sub_title:hover .area_sub_title_link{}
.area_title_box .area_sub_title:hover span{color: inherit!important;}

.area_title_box .area_img{display: block;}
.area_title_box .area_img img{width: 120px!important;height: 120px!important;border-radius: 120px!important;overflow: hidden;margin-left: auto;margin-right: auto;margin-bottom: 15px;}

.area_title_box  .area_link_btn { display: inline-block;color: #333; background: #fff; padding: 0px 25px; line-height: 2.25em;   -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid rgba(0,0,0,0.2); font-weight: bold; margin-top: 20px;font-size: 0.875rem; }
html[lang=zh-tw] .area_title_box  .area_link_btn,
html[lang=zh-cn] .area_title_box  .area_link_btn{letter-spacing: 1px;font-size: 0.9375rem;}
.area_title_box  .area_link_btn:hover{background: #25211e;color: #fff;}
.area_title_box  .area_link_btn i{margin-left: 10px;}

/*檔案元件*/
.one-page-box .type-one-box .btn-overlay{margin-top: 0;}

/*圖片底圖效果*/
.bg-img-center {width: 100%;background-repeat: no-repeat; background-position: center; background-size: cover; }

/*圖片遮罩- 下至上*/
.content-overlay-1 { overflow: hidden; position: relative; }
.content-overlay-1:before { content: "";background: rgba(0, 0, 0, 0.4);height: 100%;width: 100%; position: absolute;top: -100%;opacity: 0;transition: all 0.2s;}
.content-overlay-1:hover:before{top:0%;opacity: 1;}
.content-overlay-1 .btn-overlay{position: absolute;transform: translate(-50%,-50%);left: 50%;top: -150%;transition: all 0.2s;}
.content-overlay-1:hover .btn-overlay{top: 50%;}

@media screen and (max-width: 1680px) {
.area_title_box h1, 
.area_title_box .area_main_title { font-size:1.5rem; }
.area_title_box .area_sub_title { font-size: 1.125rem; }
}

@media screen and (max-width: 1200px) {
.area_title_box h1, 
.area_title_box .area_main_title {font-size:1.5rem;}
.area_title_box .area_sub_title {  font-size: 1.125rem;}
}

@media screen and (max-width: 992px) {
.one-page-page{padding: 2rem 0;}
.area_title_page { margin-bottom: 1.125rem;}
}

@media screen and (max-width: 768px) {
.area_title_box h1, 
.area_title_box .area_main_title { font-size:1.25rem; }
.area_title_box .area_sub_title {font-size:1rem; }
.one-page-btn-page{padding-top:1rem; padding-bottom: 1rem;}
}

@media screen and (max-width: 576px) {
.area_title_box h1, 
.area_title_box .area_main_title { font-size:1.25rem; }
.area_title_box .area_sub_title {font-size:1rem; }
}