body {
    font-family: "HanHei TC","MHei","PingFang HK","STHeitiTC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.menu-title {
    display:inline-block;
    padding:20px 20px 5px 20px;
    color:#947c58;
}

.menu-title-active {
    background:white;
    padding-bottom: 10px;
}

.menu-link {
    cursor: pointer;
}

.menu-link {
  position: relative;
  text-decoration: none;
}
/*
.menu-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #94846d;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.menu-link:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
*/
.menu-link2 {
    cursor: pointer;
    color: white;
}

.menu-link2 {
  position: relative;
  text-decoration: none;
}
/*
.menu-link2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.menu-link2:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
*/
 .bamboo-footer {
     background: url("../img/mobile_footer_bg.png");
     min-width:880px;
     text-align:center;
     padding-top:15px;
     color:white;
     font-size:12px;
}

.caption-container {
    text-align:center;
    margin:0 auto;
    width:90%;
}

.caption-content {
    width:70%;
    margin:0 auto;
    text-align:center;
    padding-bottom:5px;
    font-size:14px;
}

.caption-footer {
    width:100%;
    text-align:left;
    font-size:11px;
    line-height:1.5;
    font-size:12px;
    padding-left:10px;
}

.title-color {
    color: #679d2e;
}

.content-color {
    color: #9d6928;
}

.menu-anchor {
    color: #947c58;
    text-decoration: none;
}

.menu-div {
    display:inline-block;
    padding-bottom:3px;
}

.menu-div:hover {
    color:#679d2e;
}

.selected-menu-div {
    display:inline-block;
    color:#679d2e;
    padding-bottom:3px;
}

.meun-seperator-div {
    display:inline-block;
    padding-left:7px;
    padding-right:7px;
    color: #947c58;
}

.menu-footer-seperator {
    display:inline-block;padding:8px;
}

.menu-footer {
    display:inline-block;cursor:pointer
}

.menu-footer-anchor {
    color: white;
    text-decoration: none;
}

.copyright {
    font-size:13px;
}
      
.registration-button {
    border-radius: 6px;
    background: #ed3915;
    padding: 3px 15px 3px 15px; 
    display:inline-block;
    color:white;
    font-size:14px;
    cursor: pointer;
}      

.registration-yellow-button {
    border-radius: 6px;
    background: #f3c915;
    padding: 3px 15px 3px 15px; 
    display:inline-block;
    color:white;
    font-size:14px;
    cursor: pointer;
}

.registration-brown-button {
    border-radius: 6px;
    background: #be942e;
    padding: 5px 15px 5px 15px; 
    display:inline-block;
    color:white;
    font-size:16px;
    cursor: pointer;
}

.registration-yellow2-button {
    border-radius: 6px;
    background: #ffd33a;
    padding: 5px 15px 5px 15px; 
    display:inline-block;
    color:#93724f;
    font-size:16px;
    cursor: pointer;
}

            
#menu-bar {
    -ms-transform-origin: left top; /* IE 9 */
    -webkit-transform-origin: left top; /* Chrome, Safari, Opera */
    transform-origin: left top;
    z-index: 100;
}

#submenu-bar {
    -ms-transform-origin: left center; /* IE 9 */
    -webkit-transform-origin: left center; /* Chrome, Safari, Opera */
    transform-origin: left center;
    z-index: 100;
}

#link-main-div {
    -ms-transform-origin: left center; /* IE 9 */
    -webkit-transform-origin: left center; /* Chrome, Safari, Opera */
    transform-origin: left center;
    z-index: 100;
}   

#header-dummy {
    -ms-transform-origin: left top; /* IE 9 */
    -webkit-transform-origin: left top; /* Chrome, Safari, Opera */
    transform-origin: left top;
    z-index: 100;
}    

#header-div {
    -ms-transform-origin: left top; /* IE 9 */
    -webkit-transform-origin: left top; /* Chrome, Safari, Opera */
    transform-origin: left top;
    z-index: 100;
}     

.topic-caption-font {
    font-size:17px;text-align:center;font-weight:bold;
}

.topic-subcaption-font {
    font-size:11px;line-height:1.3em;padding-top:5px;font-weight:normal;
}

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.6;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
                   
#menu-icon {
    -ms-transform-origin: left center; /* IE 9 */
    -webkit-transform-origin: left center; /* Chrome, Safari, Opera */
    transform-origin: right top;
    z-index: 100;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;                
}   

.menu-seperator {
    border-top:1px solid #eee;width:100%;color:#999;margin-top:15px;margin-bottom:15px;
}

.menu-item {
    width:80%;
    margin:0 auto;
    position: relative;
    padding-bottom: 3px;
}