#sectionOverview{
    padding: 0px;
    height:7700px;/*依造內容多少去決定高度*/
    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:1100px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
}

.full-inner{
    width: 960px;
    /*height: 100%;*/
    margin: 0 auto;
    position: relative;
}

/*liz*/
#sectionOverview p{
    font-family: Roboto;
    font-weight: lighter;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 1em;
}

#sectionOverview h3{
    font-family: Roboto;
    font-weight: bold;
    font-size: 40px;
    color: #FFFF00;
    line-height: 1.2em;
    padding-top: 11%;
    padding-bottom: 5%;
}

/*end*/

.entry-box{
    position: absolute;
}
#product_content_area .entry-box h3{
    font-size: 32px;
}
.entry-box h3{
    color:#33B9FF;
    font-weight: 500;
}
#full-product-wrapper .entry-box p{
    font-size: 14px;
    margin-bottom: 0;
}
.entry-box p.white-text{
   color:#fff;
}
.full-section:first-child{
    border-top: 0px solid #ccc;
}

/*Liz*/

#sectionOverview .full-section {
    margin-top:-10px;
}

#sectionOverview .section-1{
margin-left: -12%;
width: 450px;
}

#sectionOverview .section-2 .ksp1{
    position: relative;
    top: 380px;
    left:-4%;
}

#sectionOverview .section-2 .ksp2{
    position: relative;
    top: -20px;
    left:-57.5%;
    text-align: right;
}

#sectionOverview .section-2 .ksp3{
    position: relative;
    top: -110px;
    left:52.5%;
}

#sectionOverview .section-2 .ksp4{
    position: relative;
    top: -10px;
    left:88.5%;
}

#sectionOverview .section-2 .ksp5{
    position: relative;
    text-align: center;
    top: 22px;
    left:-20.5%;
}

#sectionOverview .section-2 .ksp6{
    position: relative;
    text-align: center;
    top: -112px;
    left:0;
}

#sectionOverview .section-2 .ksp7{
    position: relative;
    text-align: center;
    top: -244px;
    left:21%;
}

#sectionOverview .section-3{
    padding-top: 20%;
    padding-left: 70%;
    width: 550px;
}

#sectionOverview .section-4{
    padding-top: 25%;
    margin-left: -20%;
    width: 500px;
}

#sectionOverview .section-5{
    padding-top: 20%;
    padding-left: 70%;
    width: 500px;
}

#sectionOverview .section-6{
    padding-top: 30%;
    margin-left: -20%;
    width: 450px;
}
#sectionOverview .full-section .content_1 {
text-align: left;
line-height: 1.5em;
}

#sectionOverview .full-section .product_img1 {
    margin-bottom:18%;
    margin-top: 50%;
}


#sectionOverview .full-section .product_img2 {
    padding-top: 8%;
    
}

#sectionOverview .full-section .product_img3 {
    margin-top: -40px;
}

#sectionOverview .full-section .product_img5 {
    margin-left:-5%;
    margin-top:-2em;
    width: 550px;
}

.image_box {
    display: inline-block;
    width: 730px;
    height: 600px;
}
.image_box2 {
    display: inline-block;
    width: 350px;
    height: 205px;
}

/* 筆電*/
@media (max-width: 1366px){

#sectionOverview{
        height:5400px;/*依造內容多少去決定高度*/
    }

    .full-section {
    height:800px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
    }

#sectionOverview p{
    font-size: 16px;
}

#sectionOverview h3{
    font-size: 35px;
    line-height: 1.2em;
    padding-top: 10%;
    padding-bottom: 5%;
}

#sectionOverview .section-1{
margin-left: -3%;
width: 340px;
padding-top: 40px;
}

#sectionOverview .section-2 .ksp1{
    position: relative;
    top: 235px;
    left:11%;
}

#sectionOverview .section-2 .ksp2{
    position: relative;
    top: -55px;
    left:-55.5%;
    text-align: right;
}

#sectionOverview .section-2 .ksp3{
    position: relative;
    top: -120px;
    left: 52%;
}

#sectionOverview .section-2 .ksp4{
    position: relative;
    top: -45px;
    left: 78%;
}

#sectionOverview .section-2 .ksp5{
    position: relative;
    text-align: center;
    top: 22px;
    left:-20.5%;
}

#sectionOverview .section-2 .ksp6{
    position: relative;
    text-align: center;
    top: -73px;
    left:0;
}

#sectionOverview .section-2 .ksp7{
    position: relative;
    text-align: center;
    top: -169px;
    left:21%;
}

#sectionOverview .section-3{
    padding-top: 12%;
    padding-left: 67%;
    width: 400px;
}

#sectionOverview .section-4{
    padding-top: 15%;
    margin-left: -3%;
    width: 380px;
}

#sectionOverview .section-5{
    padding-top: 13%;
    padding-left: 66%;
    width: 385px;
}

#sectionOverview .section-6{
    padding-top: 25%;
    margin-left: -3%;
    width: 340px;
}

#sectionOverview .s5-dt{
    margin-top: -90px;
    background-position-y:-70px;
}

#sectionOverview .s6-dt{
    margin-top: -90px;
}

#sectionOverview .full-section .content_1 {
text-align: left;
line-height: 1.5em;
}

#sectionOverview .full-section .product_img1 {
    margin-bottom: 20%;
    margin-top: 35%;
    width: 35%;
}

#sectionOverview .full-section .product_img2 {
    padding-top: 4%;
    
}

#sectionOverview .full-section .product_img3 {
    margin-top: -40px;
    width: 25%;
}

#sectionOverview .full-section .product_img5 {
    margin-left:-5%;
    margin-top:-2em;
    width: 450px;
}

}
/*平板-橫*/
@media (max-width: 1025px){

#sectionOverview{
        height:3800px;/*依造內容多少去決定高度*/
    }

    .full-section {
    height:560px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
    }

#sectionOverview p{
    font-size: 13.5px;
    line-height: 1.2em;
}

#sectionOverview h3{
    font-size: 28px;
    line-height: 1.2em;
    padding-top: 7%;
    padding-bottom: 5%;
}

#sectionOverview .section-1{
margin-left: 9%;
width: 300px;
}

#sectionOverview .section-2 .ksp1{
    position: relative;
    top: 145px;
    left:22.5%;
}

#sectionOverview .section-2 .ksp2{
    position: relative;
    top: -70px;
    left:-54%;
    text-align: right;
}

#sectionOverview .section-2 .ksp3{
    position: relative;
    top: -135px;
    left: 51%;

}

#sectionOverview .section-2 .ksp4{
    position: relative;
    top: -98px;
    left: 68%;
}

#sectionOverview .section-2 .ksp5{
    position: relative;
    text-align: center;
    top: 15px;
    left:-12%;
}

#sectionOverview .section-2 .ksp6{
    position: relative;
    text-align: center;
    top: -71px;
    left:0;
}

#sectionOverview .section-2 .ksp7{
    position: relative;
    text-align: center;
    top: -157px;
    left:12.5%;
}

#sectionOverview .section-3{
    padding-top: 9%;
    padding-left: 63%;
    width: 330px;
}

#sectionOverview .section-4{
    padding-top: 11%;
    margin-left: 6%;
    width: 320px;
}

#sectionOverview .section-5{
    padding-top: 13%;
    padding-left: 60%;
    width: 330px;
}

#sectionOverview .section-6{
    padding-top: 15%;
    margin-left: 10%;
    width: 290px;
}
#sectionOverview .full-section .content_1 {
text-align: left;
line-height: 1.5em;
}

#sectionOverview .full-section .product_img1 {
    margin-bottom: 12%;
    margin-top: 35%;
    width: 30%;
}

#sectionOverview .full-section .product_img2 {
    margin-top: -9%;
    width: 30%;
    
}

#sectionOverview .full-section .product_img3 {
    margin-top: -30px;
    width: 28%;
}

#sectionOverview .full-section .product_img5 {
    margin-left:-6%;
    margin-top:-2em;
    width: 110%;
}

}

/*平板-直*/
@media (max-width: 768px){

#sectionOverview{
        height:2900px;/*依造內容多少去決定高度*/
    }

    .full-section {
    height:420px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
    }

.full-inner{
    width: 768px;
    /*height: 100%;*/
    margin: 0 auto;
    position: relative;
}

#sectionOverview p{
    font-size: 12px;
    line-height: 1.2em;
}

#sectionOverview h3{
    font-size: 20px;
    line-height: 1.2em;
    padding-top: 7%;
    padding-bottom: 5%;
}

#sectionOverview .section-1{
margin-left: 7%;
width: 260px;
}

#sectionOverview .section-2 .ksp1{
    position: absolute;
    top: 230px;
    left:23%;
}

#sectionOverview .section-2 .ksp2{
    position: absolute;
    top: 118px;
    left:36.5%;
    text-align: right;
}

#sectionOverview .section-2 .ksp3{
    position: absolute;
    top: 135px;
    left: 50%;

}

#sectionOverview .section-2 .ksp4{
    position: absolute;
    top: 215px;
    left: 64%;
}

#sectionOverview .section-2 .ksp5{
    position: absolute;
    text-align: center;
    top: 325px;
    left:37.3%;
}

#sectionOverview .section-2 .ksp6{
    position: absolute;
    text-align: center;
    top: 325px;
    left:46.3%;
}

#sectionOverview .section-2 .ksp7{
    position: absolute;
    text-align: center;
    top: 325px;
    left:57.3%;
}

#sectionOverview .section-3{
    padding-top: 1%;
    padding-left: 57%;
    width: 240px;
}

#sectionOverview .section-4{
    padding-top: 8%;
    margin-left: 6%;
    width: 245px;
}

#sectionOverview .section-5{
    padding-top: 10%;
    padding-left: 60%;
    width: 220px;
}

#sectionOverview .section-6{
    padding-top: 10%;
    margin-left: 6%;
    width: 225px;
}
#sectionOverview .full-section .content_1 {
text-align: left;
line-height: 1.5em;
}

#sectionOverview .full-section .product_img1 {
    margin-bottom: 12%;
    margin-top: 27%;
    width: 25%;
}

#sectionOverview .full-section .product_img2 {
    margin-top: 18%;
    width: 25%;
    
}

#sectionOverview .full-section .product_img3 {
    margin-top: -30px;
    width: 28%;
}

#sectionOverview .full-section .product_img5 {
    margin-left:-4%;
    margin-top:-2em;
    width: 110%;
}

}
/*手機*/
@media (max-width: 736px){

#sectionOverview .s1-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg1.jpg)!important;
    margin-top: -40px;
}

#sectionOverview .s2-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg2.jpg)!important;
    margin-top: 40px !important;
}

#sectionOverview .s3-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg3.jpg)!important;
    margin-top: 10px !important;
}

#sectionOverview .s4-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg4.jpg)!important;
    margin-top: -10px !important;
}

#sectionOverview .s5-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg5.jpg)!important;
    margin-top: 30px !important;
}

#sectionOverview .s6-bg{
    background-image: url(/websites/global/products/n28ynZ7YYKsylFhS/img/mobile/bg6.jpg)!important;
}

#sectionOverview{
        height:3700px;/*依造內容多少去決定高度*/
    }

#sectionOverview .full-section {
    height:630px;/*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
    }

#sectionOverview .full-inner{
    width: 300px;
    /*height: 100%;*/
    margin: 0 auto;
    position: relative;
}

#sectionOverview p{
    font-size: 12px;
    line-height: 1.2em;
}

#sectionOverview h3{
    font-size: 25px;
    line-height: 1.2em;
    padding-top: 7%;
    padding-bottom: 2%;
    text-align: center;
}

#sectionOverview .section-1{
margin-left: 7%;
width: 260px;
}

#sectionOverview .section-2{
    display: none;
padding-top: 35px;
}

#sectionOverview .section-2 .ksp1{
    position: absolute;
    top: 295px;
    left:8%;
}

#sectionOverview .section-2 .ksp2{
    position: absolute;
    top: 165px;
    left:74.5%;
    text-align: right;
}

#sectionOverview .section-2 .ksp3{
    position: absolute;
    top: 365px;
    left: 3%;

}

#sectionOverview .section-2 .ksp4{
    position: absolute;
    top: 460px;
    left: 67%;
}

#sectionOverview .section-2 .ksp5{
    position: absolute;
    text-align: center;
    top: 560px;
    left:11.3%;
}

#sectionOverview .section-2 .ksp6{
    position: absolute;
    text-align: center;
    top: 560px;
    left:40%;
}

#sectionOverview .section-2 .ksp7{
    position: absolute;
    text-align: center;
    top: 560px;
    left:75.4%;
}

#sectionOverview .section-3{
    padding-top: 0%;
    padding-left: 0%;
    width: 300px;
}

#sectionOverview .section-3 h3{
    text-align: center !important;

}

#sectionOverview .section-4{
    padding-top: 5%;
    margin-left: 0%;
    width: 300px;
}

#sectionOverview .section-4 h3{
    text-align: center !important;
}

#sectionOverview .section-5{
    padding-top: 0%;
    padding-left: 0%;
    width: 300px;
}

#sectionOverview .s5-dt{
    margin-top: -90px;
    background-position-y:-30px;
}

#sectionOverview .section-6{
    padding-top: 20%;
    margin-left: 0%;
    width: 300px;
}
#sectionOverview .full-section .content_1 {
text-align: center;
line-height: 1.5em;
margin: 0 auto;
}

#sectionOverview .full-section .product_img1 {
    margin-bottom: 130%;
    margin-top: 0%;
    width: 28%;
}

#sectionOverview .full-section .product_img2 {
    margin-top: 130%;
    width: 80%;
    
}

#sectionOverview .full-section .product_img3 {
    display: none;
}

#sectionOverview .full-section .product_img5 {
    margin-left:0%;
    padding-top:30px;
    width: 110%;
}

}