body{
font-family: 'Noto Serif TC', "微軟正黑體",serif;
  color: #003854;
}
.font-y{
  color:#f9c84b;
}
.font-w{
  color:#ffff;
}
.m{ display: none;}
.pc{ display: block;}
.pc-inline{ display: inline-block;}
nav{ box-shadow:0px 1px 5px #999;}
header h1 a.navbar-brand{font-size: 26px;}
header #nav{ padding-bottom: 2px; }
header #navbarNavAltMarkup > div {
    position: absolute;
    right: 20px;
    color: #003854;
}
header span#logo{ background-color: #003854;
display: inline-block;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
transform: scaleY(2.5);}
header span#logo img{ background-color: #003854;
transform: scaleY(0.4);}
.navbar-brand{ font-weight: bold;}
.position{height: 74px;}
.navbar-light .navbar-toggler{ border: none;}

main h2 > span{ font-size: 20px;}
main #Introduction h2.name{
font-weight: bold;
letter-spacing: 3px;
line-height: 2;}
main #Introduction .Introduction-info{
  padding-top:70px;
  line-height: 1.6;
}
main #Introduction h3{ font-size: 20px;}
main #Introduction p{ padding-left: 10px;}
main #Practices{
  background: url(../image/bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 91vh;
  padding:50px 0 50px 0;
}
main #Practices h2{margin-bottom:5vw;}
main #Practices h3{ font-weight:bold;
font-size: 24px;
line-height: 2;}
main #Practices div.col-8{
  padding-left: 0;
  margin-bottom: 3vw;
}
main #Practices img{opacity: 0.5;}
main #Practices div.col-12.col-lg-6 > div.row:hover img{ opacity: 1;}
main #Contact{ padding-bottom: 80px;}
main #Contact div.row{margin-top: 2vw;}
main #Contact div.col-8{
line-height: 56px;
margin-bottom: 2vw;
}
main #Contact a.tel{
  cursor:url(../image/cursor2.png), default;
}
main #Contact a{
color: #003854;font-weight: bold;
opacity:0.5;}
main #Contact a:hover{
  text-decoration: none;
  opacity:1;
  /*background-color: #003854;
  color: #fff;*/
}
main #Contact img{ transform: scale(0.8,0.8);}
footer{
  background:#003854;
  background: url(../image/footer-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0 20px 0;}
footer img{max-width: 380px;}
footer h2{ font-size: 14px; opacity: 0.5;}
/*＝＝＝＝＝平板版＝＝＝＝＝*/
@media (min-width: 960px) and (max-width: 1024px) {
  main #Practices{
    background: url(../image/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 70vh;
    padding:50px 0 50px 0;
  }
}/*＝＝＝＝＝平板版  ＥＮＤ＝＝＝＝＝*/
/*＝＝＝＝＝手機版＝＝＝＝＝*/
@media (min-width: 300px) and (max-width: 959px) {

.m{ display:block;}
.pc{ display:none;}
.pc-inline{ display: none;}
header #navbarNavAltMarkup div{ text-align: center;}
header #navbarNavAltMarkup > div {
    position:static;
}
header #navbarNavAltMarkup > div a{
      border-top: dotted 2px #eee;
}
main #Practices{
  background: url(../image/bg-m.png);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:contain;
  height: 110vh;
  overflow:scroll;
}
main #Practices h3{ font-weight:bold;
font-size: 22px;
line-height: 1.6;}
main #Practices img{ transform: scale(0.8,0.8);}
footer{
  padding: 20px 0 10px 0;}
main #Contact a{
  color: #003854;font-weight: bold;
  opacity:1;}
main #Contact img{ transform: scale(0.7,0.7);}
main #Contact img.phone{
  transform: scale(0.55,0.55) translateX(22px);
}
main #Contact img.line{
  transform:scale(0.65,0.65) translateX(4px);
}
main #Contact .col-4,main #Contact .col-8{
    padding-left: 0px;
}
footer img{max-width: 200px;}
footer h5{ font-size: 16px; line-height: 1.4;}
footer h2{letter-spacing: 1px;}

}
@media (min-width: 300px) and (max-width: 415px){
    main #Practices{
  background: url(../image/bg-m.jpg);
  background-position:right;
  background-repeat: no-repeat;
  background-attachment: none;
  background-size:cover;
  height: 120vh;

}
/*＝＝＝＝＝手機版＝＝＝＝＝*/