* {
  box-sizing: border-box;
  font-family: 'Noto Sans TC', sans-serif;
}
h1 { font-size:24px; font-weight:normal;}
h2 { font-size:20px; font-weight:normal;}
h3 { font-weight:normal;}
a {color:black;text-decoration: none;}
.pCenter {text-align:center;}
.fa {
  padding-top: 5px;
  font-size: 20px;
  width: 30px;
  height:30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  color:white;
}
.fa:hover {opacity: 0.7;}
.fa-facebook {background:#3B59BB;}
.fa-twitter {background: #55ACEE;}
.fa-google {background: #dd4b39;}
.fa-linkedin {background: #007bb5;color:white;}
.fa-instagram {background: #125688;}
.fa-pinterest {background: #cb2027;}

div.mHeader {
 position: fixed;top:0;width:100%;height:50px;margin:0;padding:10px;z-index:1;background-color:tan;
 font-size:16px;
}
div.mHeaderT {display:inline; margin-left:10px; text-align:left; font-size:24px;
}
div.mHeaderT span {display:inline-block; font-size:28px; margin-top:-7px;
}
div.mHeaderC {display:inline-block; margin-right:10px;float:right;cursor:pointer;
}
.container {
 position:relative;
 top:50px;
 max-width:800px;
 min-height: calc(100vh - 100px);
 margin:0 auto;
 font-family: 'Noto Sans TC', sans-serif;
}
.dChordButtons, .dChordButtonsM {
 display:inline-block;
 background-color:tan;
 color:black;
 padding:4px;width:auto;
 border:none;
 border-radius:8px;
}
.dChordButtons {
 margin-bottom:5px;
}
.btn-group button, .btn-group2 button, .btn-groupM button, .btn-groupM2 button {
 font-size:16px;
 background-color: rgb(240,240,240);
 color:black;
 width:60px;
 height:35px;
 vertical-align:bottom;
 text-align:center;
 border:none;
 border-radius:8px;
 margin-bottom:8px;
 margin-right:8px;
 padding:0px;
}
.btn-group2 button, .btn-groupM2 button {
 margin-bottom:0px;
}
.btn-groupM button, .btn-groupM2 button {
}
.btn-group button:last-child,.btn-group2 button:last-child,.btn-groupM button:last-child, .btn-groupM2 button:last-child {
 margin-right:0px;
}
.btn-group2 input,label {
 margin-top:0px;
}

@media (max-width: 680px) {
 .dChordButtons button {width:44px;}
 .dChordButtonsM button {width:44px;}
}
@media (max-width: 380px) {
 .dChordButtons button {width:40px;}
 .dChordButtonsM button {width:40px;}
}
@media (max-width: 370px) {
 .dChordButtons {white-space:nowrap;}
}
@media (max-height: 400px) {
 div.mHeader {position:static;}
 div.container {top:0px;}
}

/*contact form styles*/
.center {
 margin:auto;
 max-width:700px;
 }
.contact {
 position:relative;
}
.contact input, textarea {
 display:block;
 padding: 12px;
 width:100%;
 font-family:inherit;
 font-size:inherit;
 }
.contact label {
 padding-top:4px;
 display:block;
 width:100%;
 }
.contact textarea {
 height:200px;
}
.turha {
 display:none;
}