#Main #BMain { margin: 0; width: 100%; border-bottom: solid 3px #a74d00; background: linear-gradient(to right, #f19100, #f6b221); }
#Main #BMain .BCMain { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 1600px; padding: 20px 25px; color: #FFFFFF; }
#Main #BMain .BCMain #ScrollTop { position: fixed; z-index: 900; bottom: -63px; right: 30px; display: flex; align-items: center; justify-content: center; padding: 5px; background-color: var(--DfBackgroundColor2); border-radius: 50%; }
#Main #BMain .BCMain #ScrollTop span.material-symbols-outlined { color: #492f00; font-size: 36px; line-height: auto; }
#Main #BMain .BCMain #ScrollTop.Open { bottom: 30px; }
#Main #BMain .BCMain #ScrollTop.Transition { transition: .3s; }


#Main #BMain .BCMain .BMLeft { flex: none; }
#Main #BMain .BCMain .BMLeft span.material-symbols-outlined { margin-right: 5px; cursor: default; color: #492f00; }
#Main #BMain .BCMain .BMLeft .Title { font-size: 1.5rem; color: #492f00; font-weight: bold; font-weight: 700; font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal; }
#Main #BMain .BCMain .BMLeft .Title .EN { padding-left: 10px; font-size: 0.9rem; font-weight: bold; }
#Main #BMain .BCMain .BMLeft .ContactInfo { padding-left: 16px; font-size: 0.95rem; color: #492f00; }
#Main #BMain .BCMain .BMLeft .ContactInfo .Adderss { display: flex; flex-wrap: wrap; align-items: center; margin: 14px 0px 7px; }
#Main #BMain .BCMain .BMLeft .ContactInfo .Adderss a { margin-left: 5px; color: #ffe5af; font-family: 'Arial'; }
#Main #BMain .BCMain .BMLeft .ContactInfo .ContactInfoTF { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#Main #BMain .BCMain .BMLeft .ContactInfo .Tel { display: flex; align-items: center; margin: 7px 17px 7px 0px; }
#Main #BMain .BCMain .BMLeft .ContactInfo .Fax { display: flex; align-items: center; margin: 7px 17px 7px 0px; }
#Main #BMain .BCMain .BMLeft ul { list-style-type: none; }
#Main #BMain .BCMain .BMLeft ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#Main #BMain .BCMain .BMLeft ul li { float: left; margin: 8px 10px 8px 0px; }
#Main #BMain .BCMain .BMLeft ul li a { padding: 5px 8px; border-radius: 5px; color: #FFFFFF; text-decoration: none; font-size: 14px; }
#Main #BMain .BCMain .BMLeft ul li a:hover {  }
#Main #BMain .BCMain .BMRight { flex: none; text-align: right; }
#Main #BMain .BCMain .BMRight .Copyright { padding: 8px 0px 0px; font-size: 0.9rem; }

@media screen and (max-width: 768px) {

#Main #BMain .BCMain { padding: 15px 15px; }
#Main #BMain .BCMain .BMLeft { flex: none; width: 100%; }
#Main #BMain .BCMain .BMLeft .Title .EN { display: block; padding-left: 0px; font-size: 0.9rem; }
#Main #BMain .BCMain .BMLeft .ContactInfo { padding-left: 0px; font-size: 0.85rem; }

#Main #BMain .BCMain .BMRight { flex: none; width: 100%; }

}


@media screen and (max-width: 500px) {
    
#Main #BMain .BCMain .BMLeft .ContactInfo .Tel { flex: none; width: 100%; }
#Main #BMain .BCMain .BMLeft .ContactInfo .Fax { flex: none; width: 100%; }

}