/*---------------------------------------------介紹選單star*/
dl, dd{
margin: 0;
padding: 0;
list-style: none;
height: 50px;
line-height: 50px;
}
.free_atea2 {
width: 100%;
}
dl.ateas2 {
position: relative;
top: 84.58%;
width:35%;
border:1px solid #ffffff;
margin-left: auto;
margin-right: auto;
box-shadow:0px 0px 3px 2px rgba(0,0,0,0.6);
}
dl.ateas2 dd{
float:left;
overflow: hidden;
border-left:0.5px solid #ffffff;
border-right:0.5px solid #ffffff;
box-sizing:border-box;
background-color:rgba(147,139,128,0.9);
width:33.33%;
}
dl.ateas2 dd a {
display: block;
padding: 0 10px;
color: #000;
border: 0px solid #fff;
text-decoration: none;
text-align: center;
color:#ffffff;
transition:background-color,0.5s;
}
dl.ateas2 dd a:hover {
background-color:rgba(104,98,89,0.9);
}
dl.ateas2 dd.act2  {
background-color:rgba(61,59,55,0.9);
}
dl.ateas2 dd.act2 a:click {
background-color:rgba(61,59,55,0.9);;
}
div.atea_cone3 {
height:100%;
width:100%;
background: #ffffff;
}
div.atea_conen2{
width:100%;
height:100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
/*border:1px solid #000000;*/
/*box-sizing:border-box;*/
}
@media screen and (max-width: 980px) {
    div.atea_cone3 {
     width:100%;
     height:1743.5px;  
    }
    div.atea_conen2{
     width:100%;
     height:1743.5px;
     display:block;
    }
}
/*----------------------------------------------介紹選單end*/
/*--------------------------------------------------------------------------------------第一頁*/
/*------------------------------------------pic2star*/
.pic2poujecttit{
  position:relative;
  top:43%;
  left:57%;
  width: 29%;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  border-radius: 10px;
}
.pic2poujecttit h1{
  font-size:50px;
  color:#ffffff;
  border-bottom: 2px solid #ffffff;
  box-sizing:border-box;
}
.pic2poujecttit img{
  height:auto;
  width:110px;
}
.pic2poujecttit .pic2littletit{
  font-size:30px;
  color:#ffffff;
}
.pic2poujecttit .pic2littlered{
  font-size:20px;
}
@media screen and (max-width: 980px) {
    .pic2poujecttit{
     width:94%;
     height:40%;
     top:30%;
     left:0%;
     background-color:rgba(255,255,255,0.8);
     box-shadow:0px 4px 8px 1px rgba(0,0,0,0.5);
     text-align:center;
    }
    .pic2poujecttit h1{
     font-size:80px;
     padding-top:28%;
     color:#000000;
    }
    .pic2poujecttit img{
     height:auto;
     width:240px;
     position: absolute;
     top: 25%;
     left:5%;
    }
    .pic2poujecttit .pic2littletit{
     font-size:50px; 
     color:#000000;
    }
    .pic2poujecttit .pic2littlered{
    font-size:35px;
    color:#000000;
    }
}
/*-------------------------------------------pic2end*/
/*------------------------------------------pic3star*/
.pic3poujecttit{
  position:relative;
  top:5.7%;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 5px 3px 2px rgba(0,0,0,0.3);
}
.pic3poujecttit h1{
  font-size:50px;
  color:#ffffff;
}
.pic3poujecttit .pic3littletit{
  font-size:30px;
  color:#ffffff;
}
.pic3poujecttit .pic3littlered{
    font-size: 20px;
    margin-top: 2%;
    text-align: center;
    width: 91%;
    color:#ffffff;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 980px) {
    .pic3poujecttit{
      top:17%;
    }
    .pic3poujecttit h1{
     font-size:80px;
     padding-top:10%;
    }
    .pic3poujecttit .pic3littletit{
     font-size:50px;
    }
    .pic3poujecttit .pic3littlered{
    font-size:42px;
    width:82%;
    margin-top:8%;
    }
}
/*-------------------------------------------pic3end*/
/*------------------------------------------pic4star*/
/*----------------------------------------------1*/
.pic4poujecttit{
  position: relative;
  top: 4%;
  width: 50%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic4poujecttit h1{
  font-size:50px;
  color:#ffffff;
  text-align:left;
}
.pic4poujecttit .pic4littlered{
  font-size: 20px;
  margin-top: 2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
   .pic4poujecttit{
   top: 63.3%;
   width: 94%;
   }
   .pic4poujecttit h1{
   font-size:80px;
   text-align:center;
   }
   .pic4poujecttit .pic4littlered{
    font-size:42px; 
   }
}
/*----------------------------------------------1*/
/*----------------------------------------------2*/
.pic4poujecttit2{
  position: relative;
  top: 47%;
  width: 32%;
  left:28%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic4poujecttit2 h1{
  font-size:30px;
  color:#ffffff;
  text-align:left;
}
.pic4poujecttit2 .pic4littlered2{
  font-size: 16px;
  margin-top: 2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
  .pic4poujecttit2{
    left:0%;
    width:94%;
    top: 49%;
  }
  .pic4poujecttit2 h1{
    font-size:80px;  
  }
  .pic4poujecttit2 .pic4littlered2{
    font-size:42px;    
  }
}
/*----------------------------------------------2*/
/*----------------------------------------------3*/
.pic4poujecttit3{
  position: relative;
  top: 33%;
  width: 32%;
  right:28%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic4poujecttit3 h1{
  font-size:30px;
  color:#ffffff;
  text-align:left;
}
.pic4poujecttit3 .pic4littlered3{
  font-size: 16px;
  margin-top: 2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
    .pic4poujecttit3{
    width:94%;
    right:0%;
    top: 27.1%;
    }
    .pic4poujecttit3 h1{
     font-size:80px;   
    }
    .pic4poujecttit3 .pic4littlered3{
     font-size:42px;  
    }
}
/*----------------------------------------------3*/
/*-------------------------------------------pic4end*/
/*----------------------------------------------1*/
.pic5poujecttit{
  position: relative;
  top: 33%;
  width: 32%;
  right:28%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic5poujecttit h1{
  font-size:30px;
  color:#ffffff;
  text-align:left;
}
.pic5poujecttit .pic5littlered{
  font-size:16px;
  margin-top:2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 980px) {
  .pic5poujecttit{
    width:94%;
    right:0%;
    top: 56%;
  }
  .pic5poujecttit h1{
    font-size:80px;  
  }
  .pic5poujecttit .pic5littlered{
    font-size:42px;  
  }
}
/*----------------------------------------------1*/
/*----------------------------------------------2*/
.pic5poujecttit2{
  position: relative;
  top: 44%;
  width: 32%;
  left:28%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic5poujecttit2 h1{
  font-size:30px;
  color:#ffffff;
  text-align:left;
}
.pic5poujecttit2 .pic5littlered2{
  font-size: 16px;
  margin-top:2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
    .pic5poujecttit2{
      width: 94%; 
      left:0%;
      top: 52.5%;
    }
    .pic5poujecttit2 h1{
      font-size:80px;  
    }
    .pic5poujecttit2 .pic5littlered2{
      font-size:42px;  
    }
}
/*----------------------------------------------2*/
/*----------------------------------------------3*/
.pic5poujecttit3{
  position: relative;
  top: 22%;
  width: 32%;
  right:28%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic5poujecttit3 h1{
  font-size:30px;
  color:#ffffff;
  text-align:left;
}
.pic5poujecttit3 .pic5littlered3{
  font-size: 16px;
  margin-top: 2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
  .pic5poujecttit3{
   width:94%;
   right:0%;
   top: 27%;
  }
  .pic5poujecttit3 h1{
   font-size:80px;  
  }
  .pic5poujecttit3 .pic5littlered3{
   font-size:42px;
  }
}
/*----------------------------------------------3*/
/*-------------------------------------------pic5end*/
/*------------------------------------------pic6star*/
.pic6poujecttit{
  position: relative;
  top: 14%;
  width: 50%;
  text-align: center;
  padding:30px 30px 30px 30px;
  background-color:rgba(0,0,0,0.8);
  box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
  margin-left:auto;
  margin-right:auto;
}
.pic6poujecttit h1{
  font-size:50px;
  color:#ffffff;
  text-align:left;
}
.pic6poujecttit .pic6littlered{
  font-size: 20px;
  margin-top: 2%;
  width:91%;
  text-align:left;
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 980px) {
   .pic6poujecttit{
    width:94%;
    top: 77.6%;
   }
   .pic6poujecttit h1{
    font-size:80px;   
   }
   .pic6poujecttit .pic6littlered{
    font-size:42px;   
   }
}
/*-------------------------------------*/
.pic6littleoceli{
    position: relative;
    top:24%;
    padding:30px 30px 30px 30px;
    margin-left:auto;
    margin-right:auto;
    width: 85%;
    height: 35%;
}
.pic6littleoce{
    width:20%;
    height:100%;
    background-color:#cc0033;
    box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);
    float:left;
}
.pic6littleoce a{
    display:block;
    height:100%;
}
@media screen and (max-width: 980px) {
    .pic6littleoceli{
     top:4%;
     width: 72%;
     height: 39%;
    }
    .pic6littleoce{
    width: 324px;
    height: 320px;
    }
}
/*-------------------------------------*/
/*-------------------------------------------pic6end*/
/*------------------------------------------pic7star*/
.pic7poujecttit{
  width: 37%;
  float:right;
  margin-top: 20%;
  margin-right: 9%;
}
.pic7poujecttit h1{
  font-size:39px;
  color:#cc0033;
}
.pic7poujecttit .pic7littlered{
    font-size:20px;
}
.pic7poujecttit .pic7littlebut{
    width: 200px;
    height: 50px;
    background-color: #cc0033;
    margin-top: 40px;
    text-align:center;
    transition:background-color 0.35s;
}
.pic7poujecttit .pic7littlebut a{
    color:#ffffff;
    font-size:25px;
    display:block;
    padding-top: 4px;
    height: 100%;
    text-decoration:none;
}
.pic7poujecttit .pic7littlebut:hover{
    background-color:#8C0023;   
}
@media screen and (max-width: 980px) {
    .pic7{
    background-image:url('/tmp/files/images/call us banner.jpg');
    background-position:10%;
    background-size:auto 100%;
    background-repeat:no-repeat;
    }
   .pic7poujectvid{
    float: none;
    margin-top: 0%;
    display:none;
    margin-left:auto;
    margin-right:auto;
   }
   .pic7poujecttit{
    float: none;
    width: 100%;
    height:100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 0%;
    background-color: rgba(255,255,255,0.69);
   }
   .pic7poujecttit h1{
    font-size:80px;
    width: 82%;
    margin-left:auto;
    margin-right:auto;
    padding-top: 58%;
   }
   .pic7poujecttit .pic7littlered{
    font-size: 50px;
    width:73%;
    text-align: left;
    margin-top: 16%;
    margin-left: auto;
    margin-right: auto;
    }
    .pic7poujecttit .pic7littlebut {
    width: 70%;
    height: 170px;
    margin-top: 20%;
    margin-right: auto;
    margin-left: auto;
    }
    .pic7poujecttit .pic7littlebut a {
    font-size: 85px;
    padding-top: 17px;
    height: 100%;
    }
}
/*-------------------------------------------pic7end*/
/*--------------------------------------------------------------------------------------第一頁*/