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

.contactPage {width:100%; height: auto; background: #706A41; }
.contactPageIcon {width:100%; max-width: 200px; margin: 0 auto; text-align: center; padding-top: 50px;}
.contactPageIcon img {width:30%;}
.contactPageSolgan  {width:100%; max-width: 600px; height: 300px; margin: 0 auto; margin-top: 50px; background-image: url("../img/contact/contact-solgan.jpg");
      background-size: 65% auto; /* Sets width to 100% and auto-adjusts height */
      background-repeat: no-repeat; /* Prevents image repetition */
      background-position: center top; /* Optional: centers the image horizontally */}
.contactPageSolganTxt {width:100%; text-align: center; font-size: 38px; font-style: italic; color:#F3F2ED; letter-spacing: 5px; font-family: "Noto Serif TC", serif; padding-top: 60px;}
.contactPageInfo {width:100%; max-width: 800px; margin: 0 auto; text-align: center; margin-top: 80px;color:#F3F2ED;}
.contactPageInfo h4 {font-weight:bolder; font-size: 22px; }
.contactPageInfo p {line-height:2.2;}
.contactPageInfoP2 {margin-top: 50px;}
.contactPageLargeBG {width:100%; height: auto; background-image: url("../img/contact/contact-bg.webp");     background-size: 100% 100%; /* Sets width to 100% and auto-adjusts height */ background-repeat: no-repeat; /* Prevents image repetition */  background-position: center top; /* Optional: centers the image horizontally */}
.contactPageShop {width:100%; max-width: 800px; margin: 0 auto; text-align: center; padding-top: 150px; padding-bottom: 150px;}
.contactPageShop img {width:100%;}
.contactPageShop p {width:100%; max-width: 800px; margin: 0 auto; color:#F3F2ED; padding-top: 50px; letter-spacing: 3px;  line-height: 1.8; }
.contactPageHi {font-family: Michelia; font-size: 35px; font-style: italic; font-weight: normal!important;}
.contactPageHi2 {font-weight:normal!important; font-style: italic; font-family: "Noto Serif TC", serif; }
.contactMap    {font-size:12px;}









@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.contactPageIcon {width:100%; max-width: 200px; margin: 0 auto; text-align: center; padding-top: 30px;}
.contactPageIcon img {width:30%;}	
.contactPageSolgan  {width:80%; max-width: 80%; height: 300px; margin: 0 auto; margin-top: 50px; background-image: url("../img/contact/contact-solgan.jpg");
      background-size: 100% auto; /* Sets width to 100% and auto-adjusts height */
      background-repeat: no-repeat; /* Prevents image repetition */
      background-position: center top; /* Optional: centers the image horizontally */}
.contactPageSolganTxt {width:100%; text-align: center; font-size: 26px; font-style: italic; color:#F3F2ED; line-height: 1.8; letter-spacing: 5px; font-family: "Noto Serif TC", serif; padding-top: 50px;}	

.contactPageLargeBG {width:100%; height: auto; background-image: url("../img/contact/contact-bg.webp");     background-size: auto 100%; /* Sets width to 100% and auto-adjusts height */ background-repeat: no-repeat; /* Prevents image repetition */  background-position: center top; /* Optional: centers the image horizontally */}
.contactPageShop {width:90%; max-width: 800px; margin: 0 auto; text-align: center; padding-top: 150px; padding-bottom: 150px;}
.contactPageShop img {width:100%;}
.contactPageShop p {width:100%; max-width: 800px; margin: 0 auto; color:#F3F2ED; padding-top: 50px; letter-spacing: 3px;  line-height: 1.8; }	
.contactMap    {font-size:12px;}
	
	
}