@charset "utf-8";

/*-------------------------
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');


-------------------------*/
*{ margin:0; padding:0; list-style:none}
body{ background:#EBECED; font-family:'Noto Sans TC','微軟正黑體';}

.form {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  font-size: 16px;
  color: #1b1b1b;
  text-align: left;
  padding: 50px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.form div{padding:5px 0;overflow: hidden;}
.form label {
  width: 130px;
  display: block;
  float: left;
  font-size: 1.4rem;
}
.form .infos {
  width: 60%;
  height: 46px;
  line-height: 44px;
  border: 1px solid #BFBFBF;
  padding: 2px;
  border-radius: 4px;
  float: left;
  font-size: 1.4rem;
}
.form .div-phone a.send1 {
  height: 45px;
  text-decoration: none;
  line-height: 45px;
  padding: 2px;
  width: 110px;
  background: #23539A;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: block;
  float: left;
  border-radius: 2px;
  margin-left: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form .div-phone a.send1:hover{text-decoration: none;background: #866c1b;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

.form .div-phone a.send0{height: 26px;text-decoration:none;line-height: 26px;padding:2px;width: 80px;background: #A1A1A1;font-family: "微軟正黑體";color: #fff;font-size: 12px;text-align: center;display: block;float: left;border-radius:2px;margin-left:2px;}
.form .div-phone a.send0:hover{background: #A1A1A1;font-family: "微軟正黑體";color: #fff;font-size: 12px;text-decoration: none;}
.form span.error{height: 26px;line-height: 26px;padding:2px;width: 100px;color: red;padding-left:20px;display: block;float: left;margin-left:10px;font-size: 12px;font-family: "微軟正黑體";background: url(../images/error.png) no-repeat left center;}
.form #phone{width: 60%;}
.form .div-conform{padding-right:153px;}
.form .div-conform a.conform{width: 136px;height: 34px;display: block;text-align: left;overflow: hidden;background: url(btn.jpg) no-repeat;float: right;text-indent: -1000px;}



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

.form {
padding: 10px;
}

.form #phone {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form .infos {
  width: 100%;

}
}

.note {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  color: #dc2715;
  font-weight: 700;
}

.date {
width: 30%;
  font-size: 40px;
float: left;
}
.pic01 {
width: 40%;
float: left;
}

.but {
width: 30%;
float: left;
}

.date01 {
width: 20%;
float: left;
text-align: center;
  border-left:#ccc 1px solid; 
border-right:#ccc 1px solid; 
margin-top: 30px;
}



.date01 h2 {
  font-size: 40px;
-webkit-text-fill-color: #FFF;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}

.date01 h3 {
  font-size: 40px;
color: #000;
}

.date01 h5 {
  font-size: 40px;
color: #dc2715;
}

.date01 img{
width: 100%;
padding: 20px;

}



.div-phone a.send2 {
height: 45px;
  text-decoration: none;
  line-height: 45px;
  width: 80%;
  background: #23539A;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  left: 10%;
  margin-left: 10%;
}

 .div-phone a.send2:hover{text-decoration: none;background: #866c1b;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}


.div-phone a.send3 {
height: 45px;
  text-decoration: none;
  line-height: 45px;
  width: 80%;
  background: #757679;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  left: 10%;
  margin-left: 10%;
}

 .div-phone a.send3:hover{
text-decoration: none;background: #757679;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}



.div-phone a.send4 {
text-align: center;
height: 45px;
  text-decoration: none;
  line-height: 45px;
  width: 80%;
  background: #DC2715;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  left: 10%;
  margin-left: 10%;
}

 .div-phone a.send4:hover{
text-decoration: none;background: #DC2715;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}



.div-phone ul {
list-style: none;
  width: 100%;
  border-bottom: #ccc 1px solid;

  padding-top: 10px;
}

.div-phone li h2{
font-size: 30px;
color: #E4E3E3;
  margin-top: 45%;
  background-color: #523E08;
  padding: 20px;
  font-weight: 800;
}

.div-phone li p{
font-size: 20px;
text-align: left;
margin-top: 20px;
}


.div-phone li h5{
font-size: 50px;
color: #dc2715;
margin-top: 40%;
}

.div-phone li h4{
font-size: 50px;
color: #000;
margin-top: 40%;

}

.div-phone li h3{
background-color: #f6dd4b;
  padding: 10px;
  text-align: center;
  margin: 20px;
  font-size: 20px;
  font-weight: 600;
}

.div-phone li {
list-style: none;
  width: 35%;
  float: left;
 padding: 10px;
  text-align: center;
}

.div-phone li h6{
font-size: 20px;
color: #000;
margin-top: 1%;
letter-spacing: 5px;
}



.meun-right{
  width: 60% !important;
margin-left: 4%;
}

.img03 {
height: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}


.div-phone li img{
padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}


.div-phone ul li a.send2 {
height: 45px;
  text-decoration: none;
  line-height: 45px;
  background: #D47312;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: auto;
  width: 93%;
  font-weight: 700;
}

 .div-phone ul li a.send2:hover{text-decoration: none;background: #866c1b;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

.div-phone ul li a.send3 {
height: 45px;
  text-decoration: none;
  line-height: 45px;
  width: 100%;
  background: #757679;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
margin-left: 0%;
}

.div-phone ul li a.send3:hover{
text-decoration: none;background: #757679;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}



.div-phone ul li a.send4 {
text-align: center;
height: 45px;
  text-decoration: none;
  line-height: 45px;
  width: 100%;
  background: #DC2715;
  font-family: "微軟正黑體";
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
margin-left: 0%;

}

.div-phone ul li a.send4:hover{
text-decoration: none;background: #DC2715;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

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

.date01 {
width: 50%;
float: left;
text-align: center;
  border-left:#ccc 1px solid; 
border-right:#ccc 1px solid; 
margin-top: 30px;
}

.div-phone ul {
  height: 200px;
}
.div-phone li h2{
font-size: 23px;
margin-top: 70%;
}

.div-phone li h5{
font-size: 23px;

margin-top: 70%;
}

.div-phone li h4{
font-size: 23px;

margin-top: 70%;

}

}
.img01{
width: 90%;
  height: 352px;
  background-size: cover;

    margin-left: auto;
    margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1668px){
.img01{
height: 350px;
}
}
@media screen and (max-width: 1468px){
.img01{
height: 350px;
}
}
@media screen and (max-width: 1248px){
.img01{
height: 320px;
}
}
@media screen and (max-width: 768px){
.img01{
height: 220px;
}
}
@media screen and (max-width: 468px){
.img01{
height: 300px;
}
}


.img02{
width: 100%;
  height: 146px;
  background-size: cover;

    margin-left: auto;
    margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1668px){
.img02{
height: 146px;
}

.meun-right {
  width: 60% !important;
}
  .div-phone ul {
    height: 500px;
  }
.img03{
height:356px;
}
}
@media screen and (max-width: 1468px){
.img02{
height:146px;
}
.img03 {
height:346px;
}
.div-phone ul {
  height: 500px;
}
}
@media screen and (max-width: 1248px){
.img02{
height:126px;
}
.img03{
height:306px;
}
}
@media screen and (max-width: 1048px){
.img02{
height:126px;
}
.img03{
height:256px;
}
.div-phone ul {
  height: 400px;
}
}
@media screen and (max-width: 768px){
.img02{
height: 76px;
}
.img03{
height: 200px;
}
.div-phone ul {
  height: 270px;
}
.div-phone li h2 {
  font-size: 40px;

}
.div-phone ul {
  height: 350px;
}
}
@media screen and (max-width: 568px){


.img03{
height: 150px;
}
.div-phone ul {
  height: 280px;
}
}
@media screen and (max-width: 468px){
  .div-phone li h2 {
    font-size: 30px;
  }
.img02{
height: 40px;
}
.img03{
height: 120px;
}
.div-phone ul {
  height: 270px;
}
}

@media screen and (max-width: 381px) {
    .div-phone li h2 {
        font-size: 25px;
        margin-top: 120%;
    }

}


.ms1 {
height: 780px;
}
.ms2 {
height: 640px;
}
.ms3 {
height: 500px;
}

.ms4 {
height: 780px;
}
.kk1 {
font-size: 20px;
  color: #52711D;
  font-weight: 700;
}

.qa {
  background: #FFF;
  border-radius: 0px;
  padding: 30px;

  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 50px;
  width: 100%;
}
.p1-bg {
  width: 100%;
  height: 410px;
  background-image: url(../img/p1-bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
border-bottom: solid 30px #71A21F;
}