@charset "utf-8";
iframe{ max-width: 100%; max-height: 100%; }


/* 伊甸社會福利基金會-共用設定 */
* {margin: 0;padding: 0;line-height: 1.8rem;}
.wrapper img{width: 100%;}
/* .content-box{max-width: 1400px;margin: 0 auto;padding: 0 2rem;font-family: var(--f-family-02);} */
.h1 {font-size: 2.5rem;font-weight: 700;line-height: 3rem;}
.h4{font-size: 1.4rem;font-weight: 700;}
.h5 {font-size: 1.25rem;font-weight: 700;}
.p4 {font-size: 1.5rem;}
.p6 {font-size: 1rem;}
.p7 {font-size: 0.875rem;}
textarea{outline: none;}
p[style="text-align:center;"]{text-align:center};
p[style="text-align:right;"]{text-align:right};
p[style="text-align:left;"]{text-align:left};
.type-btn{display: inline-block;vertical-align: middle;text-decoration: none;border: none;background: none;padding: 0 2rem;border-radius: 50px;line-height: 2rem;cursor: pointer;}
.btn-orange {background-color:var(--c-orange-01);color: white;border: 1px solid var(--c-orange-01);}
.Accordion-box .open span{position: static;transform:none}
.content-box {width: 100%;margin: auto;line-height: 2rem;text-align: justify;}
.content-box .emphasis-box a{border-bottom: none;}
.content-box .emphasis-box a:hover{border-bottom: none;}
.content-box ul li {list-style-type: none;padding: 10px 0;position: relative;}
.content-box ul {padding-left: 30px;}
.content-box ul li::before {content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;border: 6px solid var(--c-orange-01);background-color: #fff;position: absolute;top: 18px;left: -30px;}
.content-box.full {max-width: none;padding: 0px;}
.content-box a[target="_blank"],.qa_reply a{color: var(--c-orange-01);padding: 2px 5px;border-radius: 5px;}
.content-box a[target="_blank"]:hover{color: white;background-color: var(--c-orange-01);}
.Kanban .content-box img{width: max-content;max-width: 100%;height: 100%;object-fit: cover;}
.btn-blue {background-color: var(--c-orange-03);color: #fff;}
.btn {display: inline-block;vertical-align: middle;text-decoration: none;border: none;padding: 0 0.938rem;border-radius: 0.313rem;-webkit-border-radius: 0.313rem;line-height: 2.375rem;cursor: pointer;}
.inline-center {text-align:center}
.introduce-area .content-box{margin: 0 auto;}
.introduce-area .content-box img{width: auto;}
.introduce-area a{color: var(--c-orange-01);}
.content-box .showlist > div:has(img){line-height: 0;}
.margin-seesaw-20 {margin-top: 1.25rem;margin-bottom: 1.25rem;}
.margin-seesaw-100 {margin-top: 6.25rem;margin-bottom: 6.25rem;}
.shtitles{font-size: 16px;line-height: 1.8;font-weight: 400;}
.content-box img{margin: 0 auto;display: block;max-width: 100%;}
.content-box p{padding: 10px 0;}


@media screen and (max-width: 1000px){
    .introduce-area .content-box img{width: 100%;}
    .Kanban .content-box img{width: 100%;}
}

@media screen and (max-width: 767.9px) {
    .content-box img{width: 100%;}
    .content-box .image{border-radius: 0;}
    .introduce-area .content-box img{width: 100%;}
    .Kanban .content-box img{width: 100%;}
    .margin-seesaw-50-sm {margin-top: 3.125rem;margin-bottom: 3.125rem;}
}

/*■■■■■■■■■■■■■■■■banner區塊■■■■■■■■■■■■■■■*/
/*全螢幕滿版Banner*/
.Exhibit{ width:100%; height:100%; background-size:cover; position:relative;}
.Exhibit.page_banner{ height:50%;}
.Exhibit .PhotoBox img{ max-width: 100%; width: 100%; }
.Exhibit .PhotoBox video{ width:calc(100% - 60px); height:100%; position:absolute; top:0; left:30px; right:30px;}
.Exhibit .PhotoBox .Table_go{ display: block; }
.Exhibit .PhotoBox .Mobile{ display: none; }
.Exhibit .WordBox{ width:100%; height:100%; margin:0 auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%;font-family: var(--f-family-02);}
.Exhibit .WordBox.top{ justify-content: flex-start;}
.Exhibit .WordBox.middle{ justify-content: center;}
.Exhibit .WordBox.bottom{ justify-content: flex-end;}
.Exhibit .WordBox.left{ align-items: flex-start;}
.Exhibit .WordBox.center{ align-items: center;}
.Exhibit .WordBox.right{ align-items: flex-end;}
.Exhibit .WordBox .Ebt01{ line-height:50px; font-size:45px; font-weight:900; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.5);}
.Exhibit .WordBox .Ebt02{ line-height:50px; font-size:35px; font-weight:300; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.5);}
.Exhibit .WordBox .Ebt03{ line-height:25px; font-size:17px; font-weight:300; color:#fff; padding-top:10px; text-shadow:0 2px 10px rgba(0,0,0,.5);}
.Exhibit .WordBox .Eb_btn{ display:inline-block; font-weight:500; margin:30px 0 0 0; border-radius:5px; background-color:#22a1c4; font-size:15px; color:#fff; line-height:50px; padding:0 20px; transform:scale(1); transition:.3s;}
.Exhibit .WordBox .Eb_btn:hover{ max-width:100%; transform:scale(1.1); transition:.3s;}
.Exhibit .WordBox.left .banner_contt,.Exhibit .banner_image .WordBox.right .banner_contt{ max-width:40%; text-align:left;}

.banner_point_block{ position:absolute; left:0; right:0; bottom:30px; margin:0 auto; text-align:center;}
.banner_point_block a{ width:10px; height:10px; border-radius:50%; margin:0 8px; display:inline-block; background-color:rgba(255,255,255,.35); transition:.2s;}
.banner_point_block a:hover, .Exhibit .banner_point_block a.type-focus{ background-color:rgba(255,255,255,1); transition:.2s;}

.Exhibit.limit_width{ max-width:1280px; height:85%; padding:20px 30px 0 30px; margin:0 auto;}

/**banner**/
.banner_box{ position:relative;  }
.banner_box .banner_slide{ position:relative;}
.banner_box .banner_slide .banner_image{ width:100%; height:630px; background:no-repeat center; background-size:cover; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.banner_box .banner_slide .banner_image .content-box{ padding:0 75px;}
.banner_box .banner_slide .banner_image .content-box .t01{ color:#fff; font-size:50px; font-family: 'Noto Serif TC'; font-weight: 700; margin-bottom:30px;}
.banner_box .banner_slide .banner_image .content-box .t02{ color:#fff; font-size:16px; line-height:40px; max-width:420px;}
.banner_box .banner_slide .banner_image .content-box .more_btn{ line-height:40px; height:42px; font-size:18px; color:#fff; padding:0 30px; border:1px solid #fff; border-radius:21px; margin-top:40px; display:inline-block;}

.banner_box .slide_btn_left{ position:absolute; top:0; left:0; bottom:0; padding:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer;}
.banner_box .slide_btn_left .bx{ color:#fff; font-size:50px; opacity:.5; transition:.3s;}
.banner_box .slide_btn_right{ position:absolute; top:0; right:0; bottom:0; padding:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer;}
.banner_box .slide_btn_right .bx{ color:#fff; font-size:50px; opacity:.5; transition:.3s;}



.banner_box .slide_display{ position:absolute; bottom:0; left:0; right:0; text-align:center; font-size:0; padding:20px;}
.banner_box .slide_display p{ display:inline-block; width:45px; height:4px; background-color:#fff; margin:0 5px; opacity:.5; transition:.3s;}
.banner_box .slide_display p.focus{ opacity:1; transition:.3s;}
.banner_box .banner_slick .slick-slide{ height:auto; }

.banner_m_box .spbox{ display:none; }
.banner_m_box img{ width:100%; }

/**banner slick**/
.banner_slick.onloadRemove .slick-active .content_box .t01 { opacity: 0 !important; }
.banner_slick.onloadRemove .slick-active .content_box .t02 { opacity: 0 !important; }
.banner_slick.onloadRemove .slick-active .content_box .more_btn { opacity: 0 !important; }
.banner_slick.onloadRemove.onloadShow .slick-active .content_box .t01 { opacity: 1 !important; }
.banner_slick.onloadRemove.onloadShow .slick-active .content_box .t02 { opacity: 1 !important; }
.banner_slick.onloadRemove.onloadShow .slick-active .content_box .more_btn { opacity: 1 !important; }
.banner_box .banner_slide.banner_slick .banner_image .content_box .t01 { opacity: 0; transition: all 1s; transition-delay: .5s; }
.banner_box .banner_slide.banner_slick .banner_image .content_box .t02 { opacity: 0; transition: all 1s; transition-delay: .75s; }
.banner_box .banner_slide.banner_slick .banner_image .content_box .more_btn { opacity: 0; transition: all 1s; transition-delay: 1s; }
.banner_box .banner_slide.banner_slick .slick-active .banner_image .content_box .t01 { opacity: 1; }
.banner_box .banner_slide.banner_slick .slick-active .banner_image .content_box .t02 { opacity: 1; }
.banner_box .banner_slide.banner_slick .slick-active .banner_image .content_box .more_btn { opacity: 1; }


/*■■■■■■■■■■■■■■■■page_info■■■■■■■■■■■■■■■*/
/* .page_info{background-color: #f5f5f5;position: relative;z-index: 10;font-family: var(--f-family-02);} */
/* .page_info .page_name {color: #333;display: inline-block;} */
.page_info .type-label{padding: 15px 0; line-height: 2rem;}
/* .page_info .page_menu{padding: 15px 0;border-top:1px solid #ccc;} */
.page_info .fa::after{content: "〉";margin-left: 10px;}

/* .page_info .hor_flex{} */
/* .page_info .range{} */
/*■■■■■■■■■■■■■■■■重點區塊■■■■■■■■■■■■■■■*/
.emphasis-box{display:flex;margin: 10px auto;flex-wrap:wrap;}
.emphasis-box .grids{ font-size:0.875rem; color:#333; text-align:center; border-left:1px solid #ccc; padding:35px 20px; flex:1;line-height: 2rem; }
.emphasis-box .grids:first-child { border:0; }
.Points-icon img{width: 50%;}



/*■■■■■■■■■■■■■■■■附圖文案區塊■■■■■■■■■■■■■■■*/
.attached-box{ position:relative;}
.attached-box .word-box{ min-height:400px; margin-right:300px; background-color:#f5f5f5; padding:80px 200px 80px 80px;}
.attached-box .img-box{ width:500px; position:absolute; top:50%;transform: translateY(-50%); right:-20px; font-size:0; z-index:1; }
.attached-box .img-box img{ box-shadow:0 8px 16px 0 rgba(0,0,0,.2);}



/*■■■■■■■■■■■■■■■■左右圖文區塊■■■■■■■■■■■■■■■*/
.graphics-box{ display:flex; align-items:center; background-color:#f5f5f5;min-height: 300px;}
.graphics-box.reverse{ flex-direction:row-reverse;}
.graphics-box .grids{ flex:1; overflow:hidden; }
.graphics-box img{ vertical-align:middle; transition: .3s;margin: 0 auto;display: block;   height: auto;object-fit: contain;/*max-height: 400px;width: 100%;*/}
.graphics-box .grids .effect_center{ padding:30px 80px; }
.graphics-box .movie{ width:100%; padding-bottom:56%; position:relative; }
.graphics-box .movie iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }


/*■■■■■■■■■■■■■■■■卡片圖文區塊■■■■■■■■■■■■■■■*/
.card-box{ display:flex; margin:20px 0 20px -20px; flex-wrap:wrap;justify-content:center; }
.card-box .grids{ padding:0 0 30px 20px; width:25%; display:flex; }
.card-box .grids .in_s{ display:block; background-color:#f5f5f5; overflow:hidden; text-decoration:none; width:100%; }
.card-box .grids .image{padding-bottom: 100%;background: no-repeat center; background-size: cover; display: block; position: relative; transform: scale(1); transform-origin: bottom; transition: .3s; }
.card-box .grids .word{display: flex;flex-direction: column;gap: 25px;padding:20px 30px 30px 30px;}
.card-box .grids .t01{ font-size:1.563rem; margin:0; letter-spacing:2px; font-weight: 400; }
.card-box .grids .t02{ font-size:0.875rem; margin:0; }

.EDMList-sec3 .card-box .grids:not(:has(.p4)){display:none}

/*■■■■■■■■■■■■■■■■表格區塊■■■■■■■■■■■■■■■*/
.hidden_slide{ overflow-y:hidden;}
.natives{ margin-top:10px;}
.natives table{ width:100%; border-collapse:collapse; background-color:#fff;}
.natives table thead:nth-child(1) tr {border-bottom: 4px solid #333;}
.natives table tr th{ background-color:white; color:#333 !important; padding:10px 25px; line-height:30px; height:50px; text-align:left; white-space:nowrap;}
.natives table tr th.most{ min-width:200px; white-space:normal;}
.natives table tr td{ color:#333; padding:10px 25px; line-height:30px; height:50px; border-top:1px solid #ddd;; text-align:left; transition:.3s;}
.natives table tr td.most{ min-width:200px; white-space:normal;}
.natives table tr:first-child td{ border:0;}
.natives table tr td .alink{ line-height:25px; height:25px; padding:0 10px; color:#fff; border-radius:15px; background-color:#073c84; font-size:14px; display:inline-block; white-space:nowrap; }
.natives table tr td .alink .fa{ color:#fff; font-size:12px; margin-right:5px;}
.natives.td_blue table tr:nth-child(2n) td{ background-color:#c8dff5;}
.natives.con_right table tr td{ text-align:right; }
.natives.con_right table tr th{ text-align:right; }

.download-btn{font-size: 16px;font-weight: 600;display: inline-block;line-height: 34px;border-radius: 20px;color: #333;border: 1px solid #333;white-space:nowrap;padding: 0 2rem;}
.download-btn:hover {color:white;background-color: #333;}

/*■■■■■■■■■■■■■■■■照片區塊■■■■■■■■■■■■■■■*/
.picture-box{ display:flex; flex-wrap:wrap; margin:0 0 20px -20px; }
.picture-box .grids{ padding:0 0 30px 20px; width:33.33334%; display:flex; }
.picture-box .grids .in_s{ display:block; background-color:#f5f5f5; overflow:hidden; text-decoration:none; width:100%; }
.picture-box .grids .in_s .image{ padding-bottom: 100%; background: no-repeat center; background-size: cover; display: block; position: relative; transform: scale(1); transform-origin: bottom; transition: .3s; }
.picture-box .grids .in_s .image .bx-search-alt-2 { position: absolute; bottom: 10px; right: 10px; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; display: block; background-color: var(--c-orange-01); color: #fff; font-size: 14px; text-align: center; }
.picture-box .grids .in_s .word{color: #333; background-color:#f5f5f5; padding:20px 30px 30px 30px; text-align:left; }
.picture-box .grids .in_s .word .t03{ font-size:1rem; margin:0; font-weight:300; line-height:1.6; letter-spacing:0; color:#333; text-decoration:none; }
.picture-box .grids .in_s .image .fa-search {position: absolute;bottom: 10px;right: 10px;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;display: block;background-color: var(--c-orange-01);color: #fff;font-size: 14px;text-align: center;}
.picture-box .grids .in_s .image .fa-search:before {content: "\f002";}

/*■■■■■■■■■■■■■■■■影片區塊■■■■■■■■■■■■■■■*/
.movie-box{ display: block; }
.movie-box .movieText{ padding: 20px 0 0 0; }
.movie-box .movie{ position: relative; width: 100%; padding-bottom: 56%; }
.movie-box .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*■■■■■■■■■■■■■■■■新聞區塊■■■■■■■■■■■■■■■*/
.news-box{ display:flex; flex-wrap:wrap; margin:0 0 20px -20px; }
.news-box .grids{ padding:0 0 30px 20px; width:25%; display:flex; }
.news-box .grids .in-s{ display:block; background-color:#f5f5f5; overflow:hidden; text-decoration:none; width:100%; }
.news-box .grids .in-s .image{ padding-bottom: 50%; background: no-repeat center; background-size: cover; display: block; position: relative; transform: scale(1); transform-origin: bottom; transition: .3s; }
.news-box .grids .in-s .word{ background-color:#f5f5f5; padding:20px 30px 30px 30px; text-align:left;color: #333; }
.news-box .grids .in-s .word .t04{ font-size:1.125rem; margin: 0; line-height: 1.6; letter-spacing: 0; font-weight: 700; }
.news-box .grids .in-s .type-data{ color:#777; margin:20px 0; line-height:1.8; font-size:14px;}
.news-box .grids .in-s .type-data span{ display:inline-block; line-height:1.8;;padding: 0 1rem;  margin-right:5px; font-size:14px;border-radius: 10px 0;text-align: center;color: white;background-color: rgb(237, 116, 89);}


/*■■■■■■■■■■■■■■■■表單區塊■■■■■■■■■■■■■■■*/
.redpoint{ display:inline-block; width:5px; height:5px; border-radius:50%; background-color:var(--c-orange-01); margin:0 5px; vertical-align:middle;}
.form_box{ border:1px solid #ccc; padding:20px 30px 50px 30px; display:flex; flex-wrap:wrap; margin-top:40px;}
.form_box .pubgrids{ width:50%; padding:0 20px;}
.form_box .pubgrids.long{ width:100%; }
.form_box .pubgrids.martop{ margin-top:60px; }
.form_box .pubgrids .pg-title{ margin:30px 0 10px 0; font-size:14px;position: relative;}
.form_box .pubgrids.address .fillin-block{ border-bottom:1px solid #ccc; display:flex;}
.form_box .pubgrids.address input{ border:0;}
.form_box .pubgrids.address select{ border:0;}
.form_box .pubgrids.address .add01{ width:120px;}
.form_box .pubgrids.address .add02{ width:120px;}
.form_box .pubgrids.address .add03{ width:100px;}
.form_box .pubgrids.address .add04{ width:auto;}
.form_box .pubgrids.textarea{ width:100%;}
.form_box .pubgrids.verification_code .fillin-block{ display:flex; position:relative;}
.form_box .pubgrids.verification_code .fillin-block::after{ content:"點擊圖片更換一組驗證碼"; position:absolute; top:50px; right:0; color:#777; font-size:13px;}
.form_box .pubgrids.verification_code .fillin-block .code_image{ height:40px; border-bottom:1px solid #ccc;}
.form_box .pubgrids.verification_code .fillin-block .code_image img{ height:39px; cursor:pointer;}
.form_box .pubgrids .fillin-block textarea{ width:100%; height:150px; border:0; border:1px solid #4C4C4C; line-height:30px; padding:5px 15px; resize:none;border-radius:10px;}
.form_box .pubgrids .fillin-block textarea:focus{ border-bottom-color:#6b8ba0; transition:.3s;}
.form_box .pubgrids .pg-title::after{ content:""; display:block; width:5px; height:5px; border-radius:50%; background-color:var(--c-orange-01); position:absolute; top:13px; left: -10px;}

.form_box input{border-radius: 50px;line-height: 3rem;outline: none;border:1px solid #4C4C4C;padding: 0 1rem;width: 100%;}
.select-border {padding: 0 1rem;border: 1px solid #4C4C4C;border-radius: 50px;}
.fillin-block select{height: 3rem;outline: none;width: 100%;border: none;background-color: transparent;}
.send-btn{margin: 0 .5rem;}
.send-btn:hover{background-color: #4C4C4C;border:1px solid #4C4C4C; color: white;}
.clear-btn{background-color: transparent;border:1px solid #15616d;color: #15616d;margin: 0 .5rem;}
.clear-btn:hover{background-color: #15616d;color: white;}


/*■■■■■■■■■■■■■■■■詳細內頁區塊■■■■■■■■■■■■■■■*/
.databar{ color:#777; margin:20px 0; line-height:1.8; font-size:14px;}
.databar span{ display:inline-block; line-height:20px; border:1px solid #073c84; color:#073c84; padding:0 3px; margin-right:5px; font-size:14px;}

.decontbox{ padding-bottom:80px; }
.decontbox *{ font-weight:revert; font-size:inherit; color: revert; }
.decontbox a{ color:#073c84; text-decoration: underline; }
.decontbox ul,.decontbox ol{ margin:0 0 0 25px; }
.decontbox img{ max-width:100%; }

.decontbox .iframebox{ max-width:600px; }
.decontbox .iframebox .ins{ width:100%; padding-bottom:56%; position:relative; }
.decontbox .iframebox .ins iframe{ width:100% !important; height:100% !important; position:absolute; top:0; left:0; }

/*■■■■■■■■■■■■■■■■FAQ■■■■■■■■■■■■■■■*/
.hor_box { overflow-y: hidden; }
.hor_box .range { overflow-x: auto;  white-space: nowrap;width: 100%;  }
.hor_box .range .sortgrids { text-decoration: none; }
.hor_box .select_ap{border-radius: 50px; line-height:38px; height:40px; border:1px solid var(--c-orange-01); padding:0 20px; color:var(--c-orange-01); margin-right:6px; display:inline-block; vertical-align:top;}
.hor_box .type-focus{ border-color:var(--c-orange-01); color:white; font-weight:400;background-color: var(--c-orange-01);}

.faqbox{ padding:20px 0 0 0; }
.faqbox.faqbox_link{ display:none !important; }
.faqbox .faqtitle{ font-size:1.125rem; color:var(--c-orange-01); font-weight:500; padding: 20px 0 0 0; }
.faqbox .faqlist{ display:flex; padding:20px 0; border-bottom:1px solid #ccc; }
.faqbox .faqlist .bullet{ min-width:30px; font-size:1.25rem; color:#333; }
.faqbox .faqlist .topic{ flex:1; padding:0 10px; }
.faqbox .faqlist .topic .q_list{ font-size:1.25rem; color:#333; line-height:1.6; }
.faqbox .faqlist .topic .a_list{ display:none; padding:10px 0 0 0; font-size:1rem; color:#333; line-height:1.6; }
.faqbox .faqlist .arrow{ width:30px; display:flex; padding: 5px 0 0 0; }
.faqbox .faqlist .arrow .icon{ width:16px; height:16px; border-right:2px solid #ccc; border-top:2px solid #ccc; transform:rotate(45deg); }

.faqbox .faqlist.open .arrow .icon{ transform:rotate(135deg); }



/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1201px){
/*■■■■■■■■■■■■■■■■左右圖文區塊■■■■■■■■■■■■■■■*/
.graphics-box .grids.photo img:hover{ transform: scale(1.1);  }

/*■■■■■■■■■■■■■■■■卡片圖文區塊■■■■■■■■■■■■■■■*/
.card-box .grids .in_s:hover .image{ transform: scale(1.1); transform-origin: bottom; transition: 1s; }

/*■■■■■■■■■■■■■■■■照片區塊■■■■■■■■■■■■■■■*/
.picture-box .grids .in_s:hover .image{ transform: scale(1.1); transform-origin: bottom; transition: 1s; }

/*■■■■■■■■■■■■■■■■新聞區塊■■■■■■■■■■■■■■■*/
.news-box .grids .in-s:hover .image{ transform: scale(1.1); transform-origin: bottom; transition: 1s; }
}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1200px){
/*■■■■■■■■■■■■■■■■附圖文案區塊■■■■■■■■■■■■■■■*/
.attached-box .word-box{ margin-right: 60px; padding: 40px 300px 40px 40px; }
.attached-box .img-box{ width: 350px; top: 120px; right:-10px; }

/*■■■■■■■■■■■■■■■■照片區塊■■■■■■■■■■■■■■■*/
.picture-box{ margin-left:-10px; }
.picture-box .grids{ padding:0 0 10px 10px; }
.picture-box .grids .in_s .word{ padding:15px; }

/*■■■■■■■■■■■■■■■■卡片圖文區塊■■■■■■■■■■■■■■■*/
.card-box{ margin-left:-10px; }
.card-box .grids{ padding:0 0 10px 10px; }
.card-box .grids .word{ padding:15px; }

/*■■■■■■■■■■■■■■■■新聞區塊■■■■■■■■■■■■■■■*/
.news-box{ margin-left:-10px; }
.news-box .grids{ padding:0 0 10px 10px; }
.news-box .grids .in-s .word{ padding:15px; }
.news-box .grids .in-s .type-data{ margin:10px 0; }

/*■■■■■■■■■■■■■■■■表單區塊■■■■■■■■■■■■■■■*/
.form_box .pubgrids.address{ width:100%;}
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767.9px){
/*■■■■■■■■■■■■■■■■banner區塊■■■■■■■■■■■■■■■*/
/*全螢幕滿版Banner*/
.Exhibit .PhotoBox .Table_go{ display: none; }
.Exhibit .PhotoBox .Mobile{ display: block; }
.Exhibit .WordBox .Ebt01{ font-size: 30px; }
.Exhibit .WordBox .Ebt02{ font-size: 18px; font-weight: 700; }
.Exhibit .WordBox .Ebt03{ font-size: 14px; font-weight: 500; }

/** banner **/
.banner_box .banner_slide .banner_image{ height:calc( 100vh - 95px ); }
.banner_box .banner_slide .banner_image .content_box{ padding:0 30px;}
.banner_box .banner_slide .banner_image .content_box .t01{ font-size:35px; margin-bottom:15px;}
.banner_box .banner_slide .banner_image .content_box .t02{ line-height:35px;}
.banner_box .banner_slide .banner_image .content_box .more_btn{ margin-top:20px;}
.banner_box .slide_btn_right{ display:none;}
.banner_box .slide_btn_left{ display:none;}

.banner_m_box .pcbox{ display:none; }
.banner_m_box .spbox{ display:block; }


/*■■■■■■■■■■■■■■■■page_info■■■■■■■■■■■■■■■*/
.page_info{font-size: 14px;}


/*■■■■■■■■■■■■■■■■重點區塊■■■■■■■■■■■■■■■*/
.emphasis-box{ flex-wrap:wrap; }
.emphasis-box .grids{flex: 0 0 calc(50% - 10px);border:none;padding:0;/* margin-bottom:20px; */flex-direction: column;}
.emphasis-box .grids:last-child{ margin-bottom:0px; }
.emphasis-box .grids .Points-icon{ width:80px; }
.emphasis-box .grids .word{ text-align:left; flex:1; padding-left:20px; }

.emphasis-box.style-sm{ margin-left:-10px; }
.emphasis-box.style-sm .grids{ width:50%; margin:0; margin-bottom:20px; padding-left:10px; flex-wrap:wrap; align-content: flex-start; }
.emphasis-box.style-sm .grids .Points-icon{ width:100%; text-align:center; }
.emphasis-box.style-sm .grids .word{ padding:10px 0 0 0; flex:none; width:100%; }

.Points-icon img{width: 100%;}


/*■■■■■■■■■■■■■■■■附圖文案區塊■■■■■■■■■■■■■■■*/
.attached-box{ background-color:#f5f5f5; }
.attached-box .word-box{ padding:20px; margin:0; }
.attached-box .img-box{ max-width:95%; transform:translateY(-10%); margin:auto; position:static; }


/*■■■■■■■■■■■■■■■■左右圖文區塊■■■■■■■■■■■■■■■*/
.graphics-box{ flex-direction: column; }
.graphics-box.reverse{ flex-direction:column-reverse; }
.graphics-box.reverse-sm{ flex-direction:column-reverse; }
.graphics-box.no-reverse-sm{ flex-direction: column; }
.graphics-box .grids{ flex:none; width:100%; }
.graphics-box .grids .effect_center{ padding:30px; }
.graphics-box img{max-height: 100%;}

/*■■■■■■■■■■■■■■■■卡片圖文區塊■■■■■■■■■■■■■■■*/
.card-box{ margin-left:0; }
.card-box .grids{ width:100%; padding:0 0 20px 0; }


/*■■■■■■■■■■■■■■■■照片區塊■■■■■■■■■■■■■■■*/
.picture-box{ margin-left:0; }
.picture-box .grids{ width:100%; padding:0 0 10px 0; }


/*■■■■■■■■■■■■■■■■表單區塊■■■■■■■■■■■■■■■*/
.form_box{ padding:20px 15px;}
.form_box .pubgrids{ width:100%; padding:0;}
.form_box .pubgrids.address .fillin-block{ flex-wrap:wrap;}
.form_box .pubgrids.address .add01{ width:38%;}
.form_box .pubgrids.address .add02{ width:38%;}
.form_box .pubgrids.address .add03{ width:24%;}
.form_box .pubgrids.address .add04{ width:100%;}
.form_box .pubgrids.required::after{ left:0;}
.form_box .btn_block{ padding:60px 0 0 0;}


/*■■■■■■■■■■■■■■■■影片區塊■■■■■■■■■■■■■■■*/



/*■■■■■■■■■■■■■■■■新聞區塊■■■■■■■■■■■■■■■*/
.news-box{ margin-left:0; }
.news-box .grids{ width:100%; padding:0 0 10px 0; }

/*■■■■■■■■■■■■■■■■FAQ■■■■■■■■■■■■■■■*/
.hor_box .select_ap{ height:30px; line-height:28px; padding:0 10px; margin-right:3px; font-size:14px;}
.faqbox .faqlist .bullet{ font-size:1.125rem; }
.faqbox .faqlist .topic .q_list{ font-size:1.125rem; }
.faqbox .faqlist .topic .a_list{ font-size:1rem; }
.faqbox .faqlist .arrow{ width:18px; }
.faqbox .faqlist .arrow .icon{ width:10px; height:10px; }
}