@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&family=Noto+Serif+TC:wght@600&display=swap');
:root {
    --nfc1: #FBF8F3; --pfc1: #302210; --sfc1: #A69D92;
    --nfc2: #F6F4EE; --pfc2: #867554; --sfc2: #A5969B;
    --nfc3: #F0ECE3; --pfc3: #00AFAA; 
    --fbgc: #9D8E73; --ffc1: #FFFFFF;
    --fcfc: #212121; --fcbgc:#F8F8F8;
    --fphoc: #BBC8D4; --ferrc:#E73502;
}

body{ 
    background-color:var(--nfc2);
    font-size: 16px;
    line-height: 29px;
    font-weight:400;
    color:var(--pfc1);
    font-family: 'Noto Sans TC', sans-serif;
}
h1,h2,h3,h4,h5,h6{ font-family: 'Noto Serif TC', serif; font-weight:600; }
h1{ font-size:2.06rem; }
h2{ font-size:1.75rem; }
h3{ font-size:1.43rem; }
h4{ font-size:1.18rem; }
h5{ font-size:1.15rem; }
h6{ font-size:1.1rem; }
figure > figcaption{ font-size:0.75rem; font-weight:400; padding-left:0.5rem; }
a{ cursor:pointer; text-decoration:none; }
a:link{ color:var(--pfc1); text-decoration:none; }
a:visited{ color:var(--pfc1); text-decoration:none; }
a:hover{ color:var(--pfc1); text-decoration:none; }
a.btn:link{ text-decoration:none; }
a.btn:visited{ text-decoration:none; }
a.btn:hover{ text-decoration:none; }

.btn:focus{ box-shadow:none !important; }

.container-fluid-nopadding{ padding:0px !important; overflow-x:hidden; }

header { width: 100%; position:fixed; background-color:var(--nfc2); z-index:9999; }
header .desktop .mainmenu { display:grid; grid-template-columns: 88px 1fr; height:100px; padding: 32px; }
header .desktop .logo svg path { fill:var(--pfc2); transition-duration: 0.8s; transition-timing-function:ease-out; }
header .desktop .mainmenuitem { text-align:right; }
header .desktop .mainmenuitem a{ display: inline-block; padding:8px 32px; font-weight:500;
    border-bottom: 2px solid transparent; color:var(--pfc2); transition-duration: 0.8s; transition-timing-function:ease-out;
}
header .desktop .mainmenuitem a:hover{ border-bottom: 2px solid var(--sfc2); }
header .desktop .mainmenuitem a.mainmenucontactus{ border:1px solid var(--pfc2); }
header .desktop .mainmenuitem a.mainmenucontactus:hover{ color:var(--nfc1); background-color: var(--pfc2); }
header .desktop .mainmenuitem a svg{ width: 14px; margin-left:0.5rem; }
header .desktop .mainmenuitem a svg path{ fill:var(--pfc2); }
header .desktop .mainmenuitem a.active svg{ transform:scaleY(-1); }
header .desktop .submenu { display: none; text-align: center; height:120px; padding:35px 0px; background-color:rgba(255, 255, 255, 0.3); }
header .desktop .submenu.active { display: block; }
header .desktop .submenu a{ display: inline-block; padding:8px 32px; font-weight:500; 
    border-bottom: 2px solid transparent; color:var(--pfc2); transition-duration: 0.8s; transition-timing-function:ease-out;
}
header .desktop .submenu a:hover{ border-bottom: 2px solid var(--sfc2); }
header.ohvideo { background-color:transparent;}
header.ohvideo .desktop .logo svg path{ fill:var(--nfc1); }
header.ohvideo .desktop .mainmenuitem a{ color:var(--nfc1); }
header.ohvideo .desktop .mainmenuitem a.mainmenucontactus{ border:1px solid var(--nfc1); }
header.ohvideo .desktop .mainmenuitem a.mainmenucontactus:hover{ color:var(--pfc2); background-color: var(--nfc1); }
header.ohvideo .desktop .mainmenuitem a svg path{ fill:var(--nfc1); }
header.ohvideo .desktop .submenu a{ color:var(--nfc1); }

header .mobile{ position: relative; }
header .mobile .logo{ width:88px; padding:32px 0px; margin:auto; }
header .mobile svg path{ fill:var(--pfc2); }
header .mobile .mobilemenubtn{ width:40px; height: 40px; position:absolute; top:32px; right:32px; }
header .mobile .mobilemenubox{ position:absolute; top: 0; left: 1200px; width:100%; background-color:var(--nfc2); }
header .mobile .mobilemenubox svg{ width:14px; }
header .mobile .mobilemenumain{ padding-top: 5rem; list-style:none; }
header .mobile .mobilemenumain li{ margin-bottom:1rem; overflow:hidden; }
header .mobile .mobilemenumain a{ color:var(--pfc1); display:inline-block; padding:8px 32px; font-weight:500; border-bottom: 2px solid transparent; }
header .mobile .mobilemenumain a:hover{ border-bottom: 2px solid var(--sfc2); }
header .mobile .mobilemenumain a.mobilemenucontactus{ border:1px solid var(--pfc1); }
header .mobile .mobilemenumain a.mobilemenucontactus:hover{ color:var(--nfc1); background-color:var(--pfc1); }
header .mobile .mobilemenumain a svg{ margin-left:0.5rem; }
header .mobile .mobilemenumain a svg path{ fill:var(--pfc1); }
header .mobile .mobilemenusub{ list-style:none; margin-top:1rem; display:none; }
header .mobile li.active .mobilemenusub {  }
header .mobile .mobilemenumain li.active a svg{ transform:scaleY(-1); }
header .mobile .mobilemenubox .mobilemenuclose { width:40px; height: 40px; position:absolute; top:32px; right:32px; }
header .mobile .mobilemenubox .mobilemenuclose svg{ width:28px; margin-top:7px; margin-left:6px; }
header.ohvideo .mobile svg path{ fill:var(--nfc1); }


footer{ color:var(--ffc1); font-weight: 500; background-color:var(--fbgc); padding:22px 9% 37px; }
footer > div{ padding-top:12px; }
footer > div:first-child{ text-align:center; padding-top:0px; padding-bottom: 22px; border-bottom: 1px solid var(--ffc1); }
footer svg.logo-tc-1994{ width:80px; }
footer svg.logo-tc-1994 path{ fill:var(--ffc1); }
footer a:link,footer a:visited,footer a:hover{ color:var(--ffc1); }
.cookiealert{ position: fixed; z-index: 9999; bottom: 0px; width: 100%; padding: 30px 0px; color:var(--fcfc); font-weight:500; text-align: center; background-color: var(--fcbgc); }
.cookiealert button{ font-size:1.12rem; border: 1px solid var(--pfc2); padding: 10px 40px; margin-left: 1rem; background-color: var(--fcbgc); transition-duration: 0.3s; transition-timing-function:ease-out; }
.cookiealert button:hover{ color:var(--fcbgc); background-color: var(--pfc2); }
.cookiealert.cookieallow{ display:none; }

/* btn-anfa */
.btn-anfawb{ padding: 0.5rem 2rem; border:1px solid var(--nfc1); border-radius: 0; color:var(--nfc1); background-color: transparent; transition-duration: 0.8s; transition-timing-function:ease-out; }
.btn-anfawb:link{ color:var(--nfc1); }
.btn-anfawb:visited{ color:var(--nfc1); }
.btn-anfawb:hover{ color:var(--pfc2); background-color:var(--nfc1); }

.btn-anfagb{ padding: 0.5rem 2rem; border:1px solid var(--pfc2); border-radius: 0; color:var(--pfc2); background-color: transparent; transition-duration: 0.8s; transition-timing-function:ease-out; }
.btn-anfagb:link{ color:var(--pfc2); }
.btn-anfagb:visited{ color:var(--pfc2); }
.btn-anfagb:hover{ color:var(--nfc1); background-color:var(--pfc2); }

.btn-anfag{ padding: 0.3rem 5rem; border:1px solid var(--pfc2); border-radius: 0; color:var(--nfc1); background-color:var(--pfc2); transition-duration: 0.8s; transition-timing-function:ease-out; }
.btn-anfag:link{ color:var(--nfc1); }
.btn-anfag:visited{ color:var(--nfc1); }
.btn-anfag:hover{ color:var(--nfc1); background-color:var(--pfc2); }

.btn-anfasubmit{ padding:0.7rem 1.1rem; border:1px solid var(--pfc2); border-radius: 0; color:var(--nfc1); background-color:var(--pfc2); transition-duration: 0.8s; transition-timing-function:ease-out; }
.btn-anfasubmit:link{ color:var(--nfc1); }
.btn-anfasubmit:visited{ color:var(--nfc1); }
.btn-anfasubmit:hover{ color:var(--nfc1); background-color:var(--pfc2); }

.btn-tttarrow{ padding:15px 22px; display: inline-block; background-color:var(--nfc1); border-radius: 0; transition-duration: 0.8s; transition-timing-function:ease-out; }
.btn-tttarrow svg{ width:9px; }
.btn-tttarrow svg path{ fill:var(--pfc2); }
.btn-tttarrow:hover { background-color:var(--pfc2); }
.btn-tttarrow:hover svg path{ fill:var(--nfc1); }

/* 共用layout =============================== */
.anfablockfirst{padding-top:110px;}
.anfablockmargin{margin-bottom:8rem;}
.anfaPageTitle{ margin:4rem; text-align:center; }
/* 單列 , 左圖右文 , 右圖左文 用 order-1 分辨 */
.anfaR1C2{  }
.anfaR1C2 h4{ margin-bottom:1.2rem; }
.anfaR1C2 hr{ width:48px; height: 3px; margin:-0.5rem auto 1.4rem; color:var(--pfc1); opacity:1; }
.anfaR1C2 .order-1{  }
.anfaR1C2 .order-1 img{ width:100%;}
.anfaR1C2 .order-2{  }
.anfaR1C2 .order-2 h4{ margin:1.2rem 0; }
.anfaR1C2 .order-2 .anfaR1C2text{ }
.anfaR1C2 .order-2 .anfaR1C2text a{ text-decoration:underline; }
.anfaR1C2 .order-2 .anfaR1C2text a:link{ color:var(--pfc1); }
.anfaR1C2 .order-2 .anfaR1C2text a:visited{ color:var(--pfc1); }
.anfaR1C2 .order-2 .anfaR1C2text a:hover{ color:var(--pfc1); }
@media (min-width: 576px){ }
@media (min-width: 768px){ 
    .anfaR1C2 .order-2{ display:flex; align-items:center; }
    .anfaR1C2 .order-2 h4{ margin:0 0 1.2rem 0; }
    .anfaR1C2 .order-2 .anfaR1C2text{ padding:0 2rem; }
}
@media (min-width: 992px){ 
    .anfaR1C2 .order-2 .anfaR1C2text{ padding:0 5rem; }
}
@media (min-width: 1200px){ 
    .anfaR1C2 .order-2 .anfaR1C2text{ padding:0 5rem; }
}
@media (min-width: 1400px){ 
    .anfaR1C2 .order-2 .anfaR1C2text{ padding:0 8rem; }
}
/* 上一頁 */
.goback{ margin-left:1rem; }
.goback a{ display:flex; align-items:center; }
.goback i{ padding-bottom: 0.2rem;  margin-right:0.8rem; vertical-align:top; }
.goback i svg{ height:0.8rem; stroke:var(--pfc2); fill:none; }
@media (min-width: 768px){ 
    .goback{ margin-left:6rem; }
}
/* 分享 */
.socialiBox{ margin-bottom:24px; }
.socialiBox a{ width: 24px; height: 24px; display:inline-block; margin-right:1rem; }
.socialiBox a svg path{ fill:var(--pfc2); }
#sociallink{ float: right; width:10px; height:10px; opacity:0; resize: none; }

/* 編輯器 */
.editor{}
.editor h1{ margin:1.7rem 0; }
.editor h2{ margin:1.6rem 0; }
.editor h3{ margin:1.5rem 0; }
.editor h4{ margin:1.4rem 0; }
.editor h5{ margin:1.3rem 0; }
.editor h6{ margin:1.2rem 0; }
.editor p{ margin-bottom:1.7rem; }
.editor img{ max-width:100%; }

/* 表單 */
form input.form-control, form select.form-select, form textarea.form-control{ 
    padding: 0.8rem; border-radius:0; border-color:var(--pfc2); 
}
form textarea.form-control{ line-height: 1.8rem; }
form input.form-control::placeholder,form textarea.form-control::placeholder{ color:var(--fphoc); }
form span.requiredTxt{ display: none; color: var(--ferrc); font-size: 0.8rem; float:right; }
form input.form-check-input{ width:1.3rem; height:1.4rem; margin-right:1rem; }
form input.form-check-input:checked{ background-color: var(--pfc2); border-color: var(--pfc2); }
form .erequired{}
form .erequired input.form-control, form .erequired select.form-select{ border-color:var(--ferrc); }
form .erequired span.requiredTxt{ display: inline-block; }


/* 共用layout =============================== */

/* staticPage */
.staticPage h1{ margin:3rem 0 6rem 0; }
/* staticPage */

/* index */
.videobg{ position: relative; overflow:hidden;  }
#hvideo { position:absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 777; }
#hvideomuted { display: block; position:absolute; right: 50px; bottom: 50px; z-index: 888; }
#hvideomuted svg.video-soundoff path.muted{ opacity:0; }
#hvideomuted.vmuted svg.video-soundoff path.muted{ opacity:1; }

.indPH2mt{ margin-bottom:2rem; }

#parallax010{ position:relative; padding:40px 0px 0px; }
.parallax010content{ width:90%; margin:auto; }
.parallax010bg{ position: absolute; width:55%; right:4%; bottom:0%; transition-duration: 0.2s; transition-property: bottom; transition-timing-function:linear; }
.parallax010bg svg path{ fill:var(--pfc2); fill-opacity:0.1; }
@media (min-width: 576px) { #parallax010{ padding:50px 0px; } .parallax010content{ width:75%; } .parallax010bg{ width:52%; } }
@media (min-width: 768px) { #parallax010{ padding:100px 0px; } .parallax010content{ width:65%; } .parallax010bg{ width:47%; } }
@media (min-width: 992px) { #parallax010{ padding:150px 0px; } .parallax010content{ width:55%; } .parallax010bg{ width:42%; } }
@media (min-width: 1200px) { #parallax010{ padding:200px 0px; } .parallax010content{ width:45%; } .parallax010bg{ width:37%; } }
@media (min-width: 1400px) { #parallax010{ padding:250px 0px; } .parallax010content{ width:35%; } .parallax010bg{ width:32%; } }


#parallax020{ position:relative; padding:200px 0px; overflow:hidden; }
.parallax020content{ position: absolute; width:100%; top:20%; z-index:556; color:var(--nfc1); }
.parallax020cover{ position: absolute; width:100%; height: 100%; top:0%; z-index:555; background-color:rgba(0, 0, 0, 0.3); }
.parallax020bg{ position: absolute; width:100%; top:-10%; z-index:554; transition-duration: 0.2s; transition-property: bottom; transition-timing-function:linear; }
.parallax020bg img{ width:100%; }
@media (min-width: 576px) { #parallax010{ padding:50px 0px; } .parallax010content{ width:75%; } .parallax010bg{ width:52%; } }
@media (min-width: 768px) { #parallax010{ padding:100px 0px; } .parallax010content{ width:65%; } .parallax010bg{ width:47%; } }
@media (min-width: 992px) { #parallax010{ padding:150px 0px; } .parallax010content{ width:55%; } .parallax010bg{ width:42%; } }
@media (min-width: 1200px) { #parallax010{ padding:200px 0px; } .parallax010content{ width:45%; } .parallax010bg{ width:37%; } }
@media (min-width: 1400px) { #parallax010{ padding:250px 0px; } .parallax010content{ width:35%; } .parallax010bg{ width:32%; } }

.anfaIndexSlider{ position: relative; width: 100%; /*height:390px;*/ }
.anfaIndexSlider .swiper{ margin-top: 1.5rem; /*height:350px;*/ } 
.anfaIndexSlider .swiper-slide img{ width: 100%;}
.anfaIndexSlider .swiper-button-next, .anfaIndexSlider .swiper-button-prev{ color:var(--pfc2); }
.anfaIndexSlider .swiper-pagination{ position: absolute; bottom:0px !important;  }
.anfaIndexSlider .swiper-pagination-bullet{ width:20px; height:2px; margin-right: 20px!important; border-radius:0; background-color:rgba(0, 0, 0, 0.2); }
.anfaIndexSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:rgba(0, 0, 0, 1.0); }
@media (min-width: 576px) { 
    .anfaIndexSlider{  } 
    .anfaIndexSlider .swiper{  } 
}
@media (min-width: 768px) { 
    .anfaIndexSlider{  } 
    .anfaIndexSlider .swiper{  } 
}
@media (min-width: 992px) {  
    .anfaIndexSlider{  } 
    .anfaIndexSlider .swiper{  } 
    .anfaIndexSlider .swiper-button-next{ right:14%; }
    .anfaIndexSlider .swiper-button-prev{ left:14%; }
}
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }

.anfaHomeNews{}
.anfaHomeNews figure{ width:100%;  }
.anfaHomeNews figure img{ width:100%; }
.anfaHomeNews .anfaHomeNewsInfo{ padding-left:1.5rem; padding-right:1.5rem; }
.anfaHomeNews span{ color:var(--pfc3); font-weight:500; }
.anfaHomeNews h4{ margin:0.2rem 0 0.4rem 0; }
/* index */

/* about */
.aboutPageHmt img{ width:100%; }
@media (min-width: 992px) { .aboutPageHmt.container{ width:910px; } }
.anfaAboutSlider{ position:relative; }
.anfaAboutSlider h6{ margin-top:2rem; }
.anfaAboutSlider hr{ width:48px; height: 3px; margin:0.8rem auto 0.6rem; color:var(--pfc1); opacity:1; }
.anfaAboutSlider .swiper-button-next, .anfaAboutSlider .swiper-button-prev{ color:var(--pfc2); }
.anfaAboutSlider .swiper-button-prev, .swiper-rtl .swiper-button-prev { top: 30%; }
.anfaAboutSlider .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 30%; }
@media (min-width: 768px) { 
    .anfaAboutSlider h6{ margin-top:0px; }
    .anfaAboutSlider .swiper-button-prev, .swiper-rtl .swiper-button-prev { top: 50%; left: -50px; }
    .anfaAboutSlider .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 50%; right: -50px; }
}

.aboutHistory{ overflow-x:hidden; }

.aboutHistoryYears{ text-align:center; position:relative; margin-bottom:2rem; }
.aboutHistoryYears .swiper{ width:225px; }
.aboutHistoryYears .swiper-slide{ width:75px; padding:0.7rem 0px; }
.aboutHistoryYears .anfaSwiperBtnP, .aboutHistoryYears .anfaSwiperBtnN{ position:absolute; top:0px; }
.aboutHistoryYears .anfaSwiperBtnP{ left:0; }
.aboutHistoryYears .anfaSwiperBtnN{ right:0; }
@media (min-width: 768px) { .aboutHistoryYears .swiper{ width:375px; } }
.aboutHistoryYears .swiper-slide a{ color:var(--pfc1); }
.aboutHistoryYears .swiper-slide a:link{ color:var(--pfc1); }
.aboutHistoryYears .swiper-slide a:visited{ color:var(--pfc1); }
.aboutHistoryYears .swiper-slide a:hover{ color:var(--pfc2); font-weight:900; }

.anfaHistorySlider{ position:relative; }
.anfaHistoryTimeline{ position:absolute; top: 2.5rem; width: 110%; margin-left: -5%; color:var(--pfc1); opacity:1; }
.anfaHistorySlider .anfaHistoryCell{ width:416px; }
.anfaHistoryCell figure{ width:400px; height:267px; overflow:hidden; }
.anfaHistoryCell figure img{ width:100%;}
.anfaHistoryCellY{ margin-bottom:3rem; }
.anfaHistoryCellP{ position: absolute; top: 3.2rem; width:11px; height:11px; border-radius:5.5px; background-color:#C29A64; }
.anfaHistoryInfo{ width:400px; }
.anfaHistoryInfo h3{ margin-bottom:1rem; }

.anfaSwiperSwitchBox{ text-align:center; margin-top:2rem; }
.anfaSwiperSwitchBox .anfaSwiperBtnP{ margin-right:2px; }
.anfaSwiperSwitchBox .anfaSwiperBtnB{ margin-left:2px; }
/* about */

/* news */
.nwsPageList.container{  }
.nwsPageBox{ margin-bottom:3rem;  }
.nwsPageBox span{ color:var(--pfc3);  }
.nwsPageBox h2{ margin:1rem 0;  }
.nwsPageBox figure{ width: 100%; height:276px; overflow:hidden; float: right; }
.nwsPageBox figure img{ width:100%; }
.nwsPageBox > div + div { padding-left:2rem; }
.nwsBtnMore{ display: block; margin:5rem auto; }
@media (min-width: 768px) { 
    .nwsPageList.container{ width:820px; }
    .nwsPageBox{ margin-bottom:0;  }
}
.nwsPageDetail{  }
.nwsPageDetail > figure{ width:100%; }
.nwsPageDetail > figure img{ width:100%; }
.nwsPageDetail .newsAuthor{ font-weight:500; margin-top:2rem; }
.nwsPageDetail .newsTime{ min-height: 1px; font-size:0.87rem; font-weight:500; margin-bottom:1.2rem; }
@media (min-width: 768px) { 
    .nwsPageDetail.container{ width:710px; }
}
/* news */

/* teams */
.teamsListBox{ padding:2rem; background-color:var(--nfc2); }
.teamsListBox.odd{ background-color:#EBE7DF; }
.teamsListBox img{ width: 100%; }
.teamsListBox.first{ padding-top:2rem; }
.teamsListInfoBox{ margin-top: 3rem; text-align:center; }
.teamsListInfoBox span{ font-weight:500; }
.teamsListInfoBox hr{ width:40px; height: 3px; margin:0.5rem auto 1.2rem; color:var(--pfc1); opacity:1; }
.teamsListInfoBox h4{ margin-bottom:2rem; }
.teamsListInfoBox dl{ margin-bottom:0.4rem; }
.teamsListInfoBox dl dt{ display:inline-block; margin-right:0.5rem; font-weight:400; }
.teamsListInfoBox dl dd{ display:inline-block; }
.teamsListInfoBox a{ margin-top:1.6rem; }

.temPageA4M{ margin-bottom:6rem; }
.temPageA4M h3{ font-size:1.15rem; font-weight:700; margin-bottom:0.6rem; font-family: 'Noto Sans TC', sans-serif; }
.temPageA4M img{ width:100%; }

.temPageYlist{ margin-bottom:3rem; }
.temPageYlist dt{ font-size:1.15rem; font-weight:700; margin-bottom:0.6rem; }
.temPageYlist ul{ padding-left: 1.3rem; list-style: circle;  }
.temPageYlist ul li i{ margin-right:1rem;  }
.temPageYlist ul li span{  }
.temPageYlist ul li span::first-line{ }
@media (min-width: 768px) { 
    .teamsListBox{ padding:5rem;}
    .teamsListBox img{ max-width:304px; }  
    .teamsListInfoBox{ margin-top:0; }
}
@media (min-width: 992px) { 
    .teamsListBox .container{ width: 840px;}
}
.temPageDetail .teamsListBox{ padding:0; }
@media (min-width: 992px) { 
    .temPageDetail.container{ width: 900px;}
}
.anfaTemasSlider{ position: relative; width: 100%;  }
.anfaTemasSlider .swiper{ margin-top: 1.5rem;  } 
.anfaTemasSlider .swiper-slide{}
.anfaTemasSlider .swiper-slide figure{ width:100%; max-height: 280px; overflow:hidden; }
.anfaTemasSlider .swiper-slide figure img{ width:100%; }
.anfaTemasSlider .swiper-slide dl{ }
.anfaTemasSlider .swiper-slide dl dt{ font-weight:700; }
.anfaTemasSlider .swiper-slide dl dd{ }
.anfaTemasSlider .swiper-button-next, .anfaTemasSlider .swiper-button-prev{ top:30%; color:var(--pfc2); }
.anfaTemasSlider .swiper-pagination{ position: absolute; bottom:-30px !important;  }
.anfaTemasSlider .swiper-pagination-bullet{ width:20px; height:2px; margin-right: 20px!important; border-radius:0; background-color:rgba(0, 0, 0, 0.2); }
.anfaTemasSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:rgba(0, 0, 0, 1.0); }
@media (min-width: 576px) {  }
@media (min-width: 768px) { 
    .anfaTemasSlider .swiper-slide figure{ max-height: 600px;}
    .anfaTemasSlider .swiper-button-next{ top:50%; right:14%; }
    .anfaTemasSlider .swiper-button-prev{ top:50%; left:14%; }
}
@media (min-width: 992px) {  
}
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }
/* teams */

/* service */
main.tttPageDetail{ padding-left:0px; padding-right:0px; }
.treatmentBox{  }
.treatmentMain{ width:90%; margin:auto; }
.treatmentStepBox{ position:relative; width: 100%; height: 566px; background-color:#FFF; }
.treatmentStepImgUl{ position:absolute; width:57%; bottom:146px; overflow: hidden; }
.treatmentStepImgBox{ width:100%; position:relative; }
.treatmentStepImgs{ display:none; width:100%; position: absolute; left: 0px; bottom: 0px; }
.treatmentStepImgs img{ width:100%;}
.treatmentStepImgs:first-child{ display:block; }
.treatmentStepImgMask{ position:absolute; top: 0; left: 0; width: 100%; height: 566px; background-color: rgba(0, 0, 0, 0.2);}
.treatmentStepLiBox{ position:absolute; top:50%; list-style:none; padding-left:0px; }
.treatmentStepLiBox li{ cursor: pointer; color:var(--nfc1); padding-left:28px; margin-bottom: 1.2rem; background-image:url(./../imgs/treatmentStepLiBox.gif); background-repeat:no-repeat; background-position:center left; transition-duration: 0.8s; transition-timing-function:ease-out; }
.treatmentStepLiBox li span{ font-size: 0.8rem; margin-left: 0.5rem; line-height: 1rem; padding: 0.1rem 0.2rem; display:inline-block; background-color:var(--fcfc); }
.treatmentStepLiBox li:hover{ font-size:1.1rem; }
.treatmentStepLiBox li.active{ font-size:1.3rem; }
.treatmentStepLiBox li.active span{ background-color:var(--pfc2); }
.treatmentStepContentBox{ position:absolute; width:32%; top: 47px; right:8%; }
.treatmentStepContentBox dl{ display:none; position:absolute; top:0; left:0; }
.treatmentStepContentBox dl:first-child{ display:block; }
.treatmentStepContentBox dt{ font-size:1.75rem; font-family: 'Noto Serif TC', serif; font-weight:600; }
.treatmentStepContentBox dt span{ color:var(--pfc2); }
.treatmentStepContentBox dd{ margin-top:1rem; }
.treatmentStepSwitch{ position:absolute; bottom:0px; width:100%; height:77px; text-align:center; }
.treatmentStepSwitch a:first-child{ margin-right:2px; }
.treatmentStepSwitch a:last-child{ margin-left:2px; }
.treatmentStepSlider{ }
.treatmentStepSelecter{ margin-bottom:2rem; padding-left: 3rem; padding-right: 3rem; }
.treatmentStepSliderPage{ display:none; }
.treatmentStepSliderPage.active{ display:block; }
.treatmentStepSliderPage img{ width:100%; margin-bottom:2.5rem; }
.treatmentStepSliderPage h2{ padding-left: 0.75rem; padding-right: 0.75rem; }
.treatmentStepSliderPage h2 span{ color:var(--pfc2); }
.treatmentStepSliderPage .editor{ margin-top:1rem; padding-left: 0.75rem; padding-right: 0.75rem; }
.treatmentStepSliderSwitch{ text-align:center; }
.treatmentStepSliderSwitch a:first-child{ margin-right:2px; }
.treatmentStepSliderSwitch a:last-child{ margin-left:2px; }
.tttPageHmt.container{}
.tttPageHmt .anfaR1C2 .order-2 .anfaR1C2text{ padding:0 2rem; }
@media (min-width: 576px) {  }
@media (min-width: 768px) { .treatmentMain{ width:60%; } }
@media (min-width: 992px) { .tttPageHmt.container{ width:915px; } }
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }
/* service */



/* contactus */
.contactusform.container{}
.contactusform .contactusformmsg{ margin-bottom:2rem; color:var(--ferrc); }
@media (min-width: 992px) { .contactusform.container{ width:915px; } }
.contactusInfoBox{ margin-bottom:5rem; }
.contactusInfoBox > div:first-child img{ width:100%; }
.contactustable{ margin-top:1rem; }
.contactustable tbody tr > td:first-child{ padding-right:1rem; }
.contactustable td{ height:2.5rem; vertical-align:middle; }
/* contactus */


/* grecaptcha-badge */
.grecaptcha-badge{ 
    animation: grecaptcha-badge-hide;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode:forwards;
}
@keyframes grecaptcha-badge-hide {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
/* grecaptcha-badge */