#special-sectionOverview{
    padding: 0px;
    height:6170px;/*依造內容多少去決定高度*/
    width: 100%;
    -webkit-font-smoothing: antialiased;
}
#full-product-wrapper{
    position: absolute;
    width: 100%;
    left:0;
}
.full-section{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height:800px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
}



.overview-wrapper {
    width:100% !important;
}

#special-sectionOverview img{
  max-width:100%;
}

#special-sectionOverview h1{
  text-align:center;
}

#special-sectionOverview h2{
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 4%;
}

#special-sectionOverview .width01{
max-width:1100px !important;
margin:0 auto;
}

#special-sectionOverview p{
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 2%;
    text-align:center;
}

#special-sectionOverview .bg1{
height:685px;
background-repeat: no-repeat;

}
#special-sectionOverview .bg2{
height:690px;
background-repeat: no-repeat;
}
#overview #special-sectionOverview .bg3{
  height:695px;
  background-repeat: no-repeat;
}
#overview #special-sectionOverview .img_2{
  max-width:80%;
}
#overview #special-sectionOverview .mobile{
  display:none;
}
#overview #special-sectionOverview .content2{
  width:50%;
}

#overview #special-sectionOverview .t1{
  display:block;
}
#overview #special-sectionOverview .t1-m{
  display:none;
}
#overview #special-sectionOverview .t2{
  display:block;
}
#overview #special-sectionOverview .t2-m{
  display:none;
}

#special-sectionOverview td{
vertical-align: top;
padding:1%;
}
#overview #special-sectionOverview table p{
margin-bottom:0;
}
#overview #special-sectionOverview tr{
height: 88px;
}
#special-sectionOverview .t2-m td h2{
  text-align:center;
}


@media (max-width: 1024px) {
#special-sectionOverview{

    height:7446px;/*依造內容多少去決定高度*/
    
}
#special-sectionOverview .width01{
max-width:90% !important;
margin:0 auto;
}


#special-sectionOverview h1{
  text-align:center;
  font-size: 30px;
  line-height: 40px;
}

.columns_ab .column {
width: 100% !important;
}
#overview #special-sectionOverview .columns_ab .column{
width:100% !important;
}
#overview #special-sectionOverview .columns_abc>.column{
width:100% !important;
}

#overview #special-sectionOverview .bg1{
  display:none;

}
#overview #special-sectionOverview .bg1-m{
  height:1080px;
  background-repeat: no-repeat;
  background-position-x:center;
}
#overview #special-sectionOverview .bg2{
  display:none;
}
#overview #special-sectionOverview .bg2-m{
  height:1080px;
  background-repeat: no-repeat;
  background-position-x:center;
}
#overview #special-sectionOverview .bg3{
  display:none;
}
#overview #special-sectionOverview .bg3-m{
  height:1080px;
  background-repeat: no-repeat;
  background-position-x:center;
}
#overview #special-sectionOverview .img_1{
  display:none;
}
#overview #special-sectionOverview .mobile{
  display:block;
}
#overview #special-sectionOverview .content2{
  width:90%;
}
h1{
  font-size:24px;
  line-height:32px;
}
}


@media (max-width: 960px) {

 #special-sectionOverview{

    height:8000px;/*依造內容多少去決定高度*/

}

.full-section {
    background-size: 180% 100%
}

.columns_ab .column {
width: 100% !important;
}
#special-sectionOverview .width01{
max-width:90% !important;
margin:0 auto;
}

#overview #special-sectionOverview .bg1-m{
  height:604px;
  background-repeat: no-repeat;
  background-position-x:center;
  background-size: 161%;
}

#overview #special-sectionOverview .bg2-m{
  height:688px;
  background-repeat: no-repeat;
  background-position-x:center;
  background-size: 139%;
  background-position-y: -250px;
}

#overview #special-sectionOverview .bg3-m{
  height:590px;
  background-repeat: no-repeat;
  background-position-x:center;
  background-size: 155%;
  background-position-y: -420px;
}

#special-sectionOverview td{
  display:block;
}

#special-sectionOverview .t2-m td h2{
  text-align:left;
}

#overview #special-sectionOverview .t1{
  display:none;
}
#overview #special-sectionOverview .t1-m{
  display:block;
}
#overview #special-sectionOverview .t2{
  display:none;
}
#overview #special-sectionOverview .t2-m{
  display:block;
}

}


@media (max-width: 425px) {
#overview #special-sectionOverview .bg2-m{
  height: 600px;
  background-position-y: 9px;
}
#hd{
  height: 880px;
}
#overview #special-sectionOverview .bg3-m{
  background-position-y:-98px;
}
}


/* ---------- Sophie add ------------------------------------------------------------- */

#hd{
  height:425px;
}

#hd .container{
    padding: 0 0 100px 2%;

}

#hd .container .item {
    display: inline-block;
    width: 50%;
    margin: 30px 0;
    margin-left: -4px;
}

#hd .container .content {
    margin-top: 50px;
    text-align: left
}

#hd .container .content img {
    display: inline-block;
    margin-right: 3%;
    width: 25%;
    vertical-align: middle;
}

#hd .container .content span {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block
}

#hd .container .content p {
    display: inline-block;
    margin-left: -5px;
    width: 73%;
    max-width: 340px;
    vertical-align: middle;
    text-align: left;
}


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

#hd .container .item {
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
#hd{
  height:760px;
}


    
}

@media screen and (max-width: 425px){
  #hd .container .content p{
        margin-left: 0;
        width: 100%;
  }
}