@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

body {
   font-family: "Noto Sans TC", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   background-color: #F5F5F5;
}

#OpeningHours {
   background-color: #002500;
   color: #FFFFFF;
   font-size: 14px;
   height: 25px;
   z-index: 1100;
}

#OpeningHours2 {
   color: #FFFFFF;
   line-height: 180%;
}

#TELMailAddress {
   width: fit-content;
   text-align: left;
}

#NavbarOpacity {
   background-color: #f5f5f5;
   padding-top: 20px;
   padding-bottom: 0px;
   opacity: 0.9;
}

#sectionTitle {
   background-color: #000000;
   color: #F5F5F5;
   position: absolute;
   bottom: 0;
   width: 100%;
   opacity: 0.55;
}

.noto-sans-tc-300 {
   font-family: "Noto Sans TC", sans-serif;
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: normal;
}

#footer {
   background-color: #adb1a8;
   color: #565550;
}

#footerB {
   background-color: #83857f;
   color: #f5f5f5;
   font-size: 14px;
}

.f14 {
   font-size: 14px;
}

.DivTitle {
   color: #728c33;
}

.DivText {
   color: #83857f;
}

.DivBG {
   background-color: #EEEEEE;
   line-height:200%;
}

.DivFeatureAPP {
   margin-top: 60px;
}

.PackageBG {
   background-color:#FFFFFF;
}

.PackagePrice {
   color: #728c33;
}

.PackageTitle,
.PackageText {
   color: #555555;
}

.GuideTitle {
   color: #555555;
   position: relative;
   display: flex;
   align-items: center;
}

a.GuideTitleLink:link, a.GuideTitleLink:visited {
   color: #555555;
}

#JesusChristTitle {
   display: flex;
   align-items: center;
   height: 100%;
   color: #FFFFFF;
   line-height: 200%;
}

.TeamName {
   color: #728c33;
}

.TeamTitle,
.TeamText {
   color: #555555;
}

#sectionPackages {
   background-image: url("../images/Packages_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionAboutUs {
   background-image: url("../images/AboutUs_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionAboutUs2 {
   background-image: url("../images/AboutUs2.jpg");
   background-size: cover;
   background-position: top right;
   background-repeat: no-repeat;
   padding-bottom: 5px;
   bottom: 0px;
   height: 300px;
}

#sectionAboutUs2Title {
   background-color: #b5e708;
   color: #FFFFFF;
   line-height: 200%;
   opacity: 0.9;
   margin-top: 200px;
}

#sectionTeam2 {
   position: relative;
   background-image: url("../images/Team2.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   vertical-align: bottom;
   padding: 0px;
   bottom: 0px;
   text-align: center;
}

#sectionTeam2Title {
   position: absolute;
   background-color: #b5e708;
   opacity: 0.9;
   color: #FFFFFF;
   padding: 10px;
   width: 100%;
   bottom: 0px;
}

#sectionFeature {
   background-image: url("../images/Feature_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionFeature2 {
   background-image: url("../images/Feature2.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   padding-bottom: 5px;
   bottom: 0px;
   height: 400px;
}

#sectionFeature2Title {
   background-color: #b5e708;
   color: #FFFFFF;
   text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
   line-height: 200%;
   opacity: 0.9;
   margin-top: 240px;
}

#sectionFeature3 {
   background-image: url("../images/pic01a_03.jpg");
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   margin-top: 60px;
   margin-bottom: 60px;
   height: 360px;
   padding-top: 60px;
}

#sectionFeature3Title {
   display: flex;
   align-items: center;
   height: 100%;
   color: #FFFFFF;
   line-height: 200%;
}

#sectionTeam {
   background-image: url("../images/Team_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionNews {
   background-image: url("../images/News_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionNews2 {
   background-image: url("../images/pic02_01.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   padding-bottom: 5px;
   bottom: 0px;
   height: 300px;
}

#sectionNews2Title {
   background-color: #b5e708;
   color: #FFFFFF;
   line-height: 200%;
   opacity: 0.9;
   text-align: center;
   margin-top: 60px;
   margin-right: 0px;
}

#sectionGuide {
   background-image: url("../images/Guide_title_phone.jpg");
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 330px;
   padding: 0px;
   position: relative;
}

#sectionGuide2 {
   background-image: url("../images/pic05_01.jpg");
   background-size: contain;
   background-position: top left;
   background-repeat: no-repeat;
   padding-bottom: 5px;
   bottom: 0px;
   height: 300px;
}

#sectionGuide2Title {
   background-color: #b5e708;
   color: #FFFFFF;
   line-height: 200%;
   opacity: 0.9;
   text-align: center;
   margin-top: 70px;
   margin-right: 0px;
}

@media (min-width: 768px) {
   #sectionPackages {
      background-image: url("../images/Packages_title.jpg");
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }

   #sectionAboutUs {
      background-image: url("../images/AboutUs_title.jpg");
      background-size: cover;
      background-position: center right;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }

   #sectionFeature {
      background-image: url("../images/Feature_title.jpg");
      background-size: cover;
      background-position: center right;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }

   #sectionTeam {
      background-image: url("../images/Team_title.jpg");
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }

   #sectionNews {
      background-image: url("../images/News_title.jpg");
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }

   #sectionGuide {
      background-image: url("../images/Guide_title.jpg");
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      height: 330px;
      padding: 0px;
      position: relative;
   }
}

@media (max-width: 768px) {   
   #sectionGuide2Title {
      top: 60px;
   }

   #TELMailAddressOutside {
      display: flex;
      align-items: center;
      justify-content: center;
   }
}

/* Scroll to Top Button */ 
#myBtn {
   display: none;
   position: fixed;
   bottom: 0px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   color: #FFFFFF;
   cursor: pointer;
   padding: 5px;
   border-radius: 4px;
 }
 
 .rBtnB {
   border: none;
   outline: none;
   background-color: #b5e708;
   color: #FFFFFF;
   cursor: pointer;
   padding: 16px;
   margin-bottom: 20px;
   border-radius: 33px;
   opacity: 0.9;
   line-height: 100%;
   text-align: center;
   text-decoration: none;
   font-size: 15px;
 }
 
 .rBtnB:hover, .rBtnB:active {
   border: none;
   outline: none;
   background-color: #A1CE00;
   color:#363930;
   cursor: pointer;
   padding: 16px;
   margin-bottom: 20px;
   border-radius: 30px;
   opacity: 1;
   line-height: 100%;
   text-align: center;
   text-decoration: none;
 }