.main.product article.intro .container-article {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.main.product article.intro .container-article .container-text {
    min-width: 400px;
}


/*sophia 20160503*/

@media screen and ( max-width: 767px) {
    .main.product article.intro .container-article .container-text {
        min-width: 100%;
    }
}


/*/sophia 20160503*/

.main.product article.intro .container-article .row.container-img {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@supports not (flex-wrap: wrap) {
    .main.product article.intro .container-article .row.container-img {
        display: block
    }
}

.main.product article.intro .container-article .row.container-img .title-paragraph {
    width: auto;
    margin-right: 6.75%
}

.main.product article.intro .container-article .row.container-img .img-wrapper,
.main.product article.intro .container-article .row.container-img .title-paragraph {
    margin: 0
}

.main.product article.intro .container-article .row.container-img .img-wrapper.award,
.main.product article.intro .container-article .row.container-img .title-paragraph.award {
    max-width: 241px;
    margin-top: 25px;
    padding-right: 6%
}

.main.product article.intro .container-article .row.container-img .img-wrapper.main img,
.main.product article.intro .container-article .row.container-img .title-paragraph.main img {
    max-width: 592px
}

.main.product article.intro .container-article .row.container-img .img-wrapper {
    width: 100%
}

.main.product article.intro .container-article .row.container-img .title-paragraph {
    margin-top: 10px;
    padding-right: 6%;
    width: 100%;
    text-align: right
}

@media all and (max-width: 767px) {
    .main.product article.intro .container-article .row.container-img {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature {
        padding-left: 0;
        padding-right: 0
    }
    .main.product article.feature .container-easy-to-install {
        padding-top: 100px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 486px;
        /*background: url("img/product/sw2700pt/feature-top-bg.jpg") 50% 100% no-repeat*/
    }
    .main.product article.feature .container-easy-to-install .title-paragraph.ease-to-install {
        font-size: 24px;
        color: #484294
    }
    .main.product article.feature .container-easy-to-install>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-width: 1180px;
        margin: 0 auto
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-easy-to-install>.row {
            display: block
        }
    }
    .main.product article.feature .container-easy-to-install>.row .row.container-text,
    .main.product article.feature .container-easy-to-install>.row .row.container-img {
        padding-left: 60px;
        width: 75%;
        max-width: 695px
    }
}

@media all and (min-width: 767px) and (max-width: 975px) {
    .main.product article.feature .container-easy-to-install>.row .row.container-text,
    .main.product article.feature .container-easy-to-install>.row .row.container-img {
        padding-left: 0
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-easy-to-install>.row .row.container-text .paragraph.first,
    .main.product article.feature .container-easy-to-install>.row .row.container-img .paragraph.first {
        margin-bottom: 40px
    }
    .main.product article.feature .container-easy-to-install>.row .row.container-img {
        max-width: 480px
    }
    .main.product article.feature .container-easy-to-install>.row .row.container-img img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-hassle-free-managment {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 150px
    }
    .main.product article.feature .container-hassle-free-managment>.row {
        position: relative;
        max-width: 1180px;
        margin: 0 auto
    }
    .main.product article.feature .container-hassle-free-managment>.row .title-feature {
        margin-bottom: 90px;
        text-align: center
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-hassle-free-managment>.row>.row {
            display: block
        }
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right {
        box-sizing: border-box;
        width: 50%
    }
}

@media all and (min-width: 767px) and (min-width: 1250px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left {
        padding-left: 60px
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.first .paragraph,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.first .paragraph {
        padding-right: 60px
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-top: 50px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second,
        .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second {
            display: block
        }
    }
}

@media all and (min-width: 767px) and (max-width: 1000px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second .container-text,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second .container-text {
        padding-right: 50px
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second .container-img,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second .container-img {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 143px;
        padding-top: 50px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second .container-img,
        .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second .container-img {
            display: block
        }
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.left .container-text.second .container-img .sprite-easy-setting-utility,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.left .container-text.second .container-img .sprite-easy-setting-utility {
        width: 143px;
        height: 46px
    }
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.right,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.right {
        box-sizing: border-box;
        padding-left: 60px
    }
}

@media all and (min-width: 767px) and (max-width: 1050px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.right,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.right {
        padding-left: 0
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.left.right .img-wrapper img,
    .main.product article.feature .container-hassle-free-managment>.row>.row .row.right.right .img-wrapper img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-diversified-content {
        padding-top: 125px;
        padding-bottom: 150px;
        background: #fff;
        overflow: hidden
    }
    .main.product article.feature .container-diversified-content>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1180px;
        padding-left: 30px;
        padding-right: 30px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-diversified-content>.row {
            display: block
        }
    }
    .main.product article.feature .container-diversified-content>.row>.row {
        width: 50%
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-text {
        padding-right: 30px;
        max-width: 550px
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-text .container-text {
        max-width: 435px;
        width: 100%
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-text .paragraph.small {
        margin: 15px 0
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-img {
        width: 51%
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-img .img-wrapper {
        padding-top: 50px
    }
}

@media all and (min-width: 767px) and (max-width: 1275px) {
    .main.product article.feature .container-diversified-content>.row>.row.container-img .img-wrapper {
        padding-top: 100px
    }
    .main.product article.feature .container-diversified-content>.row>.row.container-img .img-wrapper img {
        width: 600px;
        height: auto
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-diversified-content>.row.bottom {
        margin-top: 50px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row {
        width: 50%
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.left {
        max-width: 515px;
        padding-right: 30px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.left .img-wrapper {
        margin-top: 50px;
        max-width: 504px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.left .img-wrapper img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right {
        max-width: 590px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row {
            display: block
        }
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row .container-text {
        max-width: 379px;
        padding-right: 30px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row .container-text.second {
        margin-top: 50px
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row .container-img {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 143px;
        padding-top: 50px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row .container-img {
            display: block
        }
    }
    .main.product article.feature .container-diversified-content>.row.bottom>.row.right>.row .container-img .sprite-multimedia-player {
        width: 57px;
        height: 53px
    }
    .main.product article.feature .container-multiple-connectivity {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 120px 0;
        /*background: url("img/product/sw2700pt/feature-bottom-bg.jpg") 50% 50%;*/
        background-size: cover;
        color: #fff
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-multiple-connectivity {
            display: block
        }
    }
    .main.product article.feature .container-multiple-connectivity>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
        max-width: 1180px;
        padding: 0 30px;
        margin: 0 auto
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-multiple-connectivity>.row {
            display: block
        }
    }
    .main.product article.feature .container-multiple-connectivity>.row>.row {
        box-sizing: border-box;
        width: 50%;
        padding-left: 50px
    }
}

@media all and (min-width: 767px) and (max-width: 1250px) {
    .main.product article.feature .container-multiple-connectivity>.row>.row {
        padding-left: 0
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 70px;
        padding-right: 30px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-multiple-connectivity>.row>.row>.row {
            display: block
        }
    }
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row .container-text {
        margin-right: 20px;
        max-width: 356px
    }
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row .container-img .sprite-mhl {
        width: 97px;
        height: 23px
    }
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row .container-img .sprite-hdmi {
        width: 98px;
        height: 23px
    }
}

@media all and (min-width: 767px) and (max-width: 970px) {
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row {
        flex-direction: column;
        padding-right: 0
    }
    .main.product article.feature .container-multiple-connectivity>.row>.row>.row .container-img {
        margin-top: 20px
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-display-performance {
        margin: 0 auto;
        max-width: 1540px;
        padding: 110px 30px 100px;
        background: #f7f5ee
    }
    .main.product article.feature .container-display-performance .title-feature.purple {
        margin-bottom: 35px;
        text-align: center
    }
    .main.product article.feature .container-display-performance>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1180px;
        justify-content: space-between
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-display-performance>.row {
            display: block
        }
    }
    .main.product article.feature .container-display-performance>.row>.row.right {
        margin-top: 4.75%;
        padding-left: 30px;
        max-width: 470px
    }
    .main.product article.feature .container-display-performance>.row>.row.right .paragraph.first {
        margin-bottom: 50px
    }
    .main.product article.feature .container-display-performance>.row>.row.right .container-text.last .paragraph {
        float: left;
        width: 60%;
        max-width: 300px
    }
}

@media all and (min-width: 767px) and (max-width: 970px) {
    .main.product article.feature .container-display-performance>.row>.row.right .container-text.last .paragraph {
        float: none;
        width: 100%;
        max-width: none
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-display-performance>.row>.row.right .container-text.last .img-wrapper {
        float: right;
        padding: 0 20px 20px 20px
    }
}

@media all and (min-width: 767px) and (max-width: 970px) {
    .main.product article.feature .container-display-performance>.row>.row.right .container-text.last .img-wrapper {
        float: right;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-display-performance>.row>.row.left {
        max-width: 657px
    }
    .main.product article.feature .container-display-performance>.row>.row.left img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-display-performance>.row.bottom {
        margin-top: 50px;
        align-items: center
    }
    .main.product article.feature .container-display-performance>.row.bottom .right {
        margin-top: 0
    }
    .main.product article.feature .container-display-performance>.row.bottom .right img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-built-in-software {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 25px
    }
    .main.product article.feature .container-built-in-software .title-feature {
        text-align: center;
        padding-bottom: 50px
    }
    .main.product article.feature .container-built-in-software>.row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1180px;
        padding-bottom: 50px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-built-in-software>.row {
            display: block
        }
    }
    .main.product article.feature .container-built-in-software>.row .title-paragraph {
        display: inline-block;
        margin-right: 5px
    }
    .main.product article.feature .container-built-in-software>.row .sprite-zoom {
        display: inline-block;
        width: 117px;
        height: 27px
    }
}

@media all and (min-width: 767px) and (max-width: 900px) {
    .main.product article.feature .container-built-in-software>.row .sprite-zoom {
        width: 87px;
        height: 20px
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-built-in-software>.row>.row {
        width: 50%
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .container-text.intro,
    .main.product article.feature .container-built-in-software>.row>.row.left .container-text.cloud-info {
        margin-bottom: 30px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list li {
        max-width: 425px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list li.bottom {
        max-width: none
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list li.bottom .container-text {
        max-width: 425px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list {
        max-width: 500px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list {
        position: relative;
        margin-top: 8px;
        margin-left: 20px;
        list-style: none
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li {
        position: relative;
        max-width: none;
        list-style-type: none;
        font-size: 15px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register {
            display: block
        }
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register .container-text {
        max-width: 250px;
        padding-right: 10px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register .register-now {
        display: inline-block;
        padding: 10px 25px;
        text-decoration: none !important
    }
}

@media all and (min-width: 767px) and (max-width: 1075px) {
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register .container-text {
        max-width: none;
        margin-bottom: 10px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .container-register .register-now {
        margin-bottom: 10px
    }
}

@media all and (min-width: 767px) {
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li:before {
        content: '*';
        display: inline-block;
        width: 1.5em;
        margin-left: -1.5em;
        position: absolute;
        top: 0;
        text-align: center
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .link {
        text-decoration: underline;
        font-size: 15px
    }
    .main.product article.feature .container-built-in-software>.row>.row.left .list .container-sub-list .sub-list li .link:after {
        display: none
    }
    .main.product article.feature .container-built-in-software>.row>.row.right .img-wrapper img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.left {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-wrap: wrap
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-built-in-software>.row.bottom>.row.left {
            display: block
        }
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.left .img-wrapper {
        position: relative;
        margin-bottom: 20px;
        width: 48%;
        max-width: 282px
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.left .img-wrapper img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.left .img-wrapper .paragraph {
        padding-top: 10px;
        font-weight: 700;
        text-align: center;
        color: #484294
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.right {
        box-sizing: border-box;
        padding-left: 40px
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.right .container-text:first-child {
        padding-bottom: 30px
    }
    .main.product article.feature .container-built-in-software>.row.bottom>.row.right .list li {
        margin-bottom: 5px
    }
}

@media all and (max-width: 767px) {
    .main.product article.feature .container-built-in-software .link.underline:after {
        display: none
    }
    .main.product article.feature .container-built-in-software .button-rectangle.register-now {
        margin: 10px 0;
        text-decoration: none !important
    }
    .main.product article.feature .container-built-in-software .row.right .img-wrapper {
        margin-bottom: 20px;
        padding: 0 25px
    }
    .main.product article.feature .container-built-in-software .row.bottom .row.left {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        margin: 0 auto;
        padding: 0 25px;
        max-width: 600px
    }
    @supports not (flex-wrap: wrap) {
        .main.product article.feature .container-built-in-software .row.bottom .row.left {
            display: block
        }
    }
}

@media all and (max-width: 767px) and (max-width: 500px) {
    .main.product article.feature .container-built-in-software .row.bottom .row.left {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    .main.product article.feature .container-built-in-software .row.bottom .row.left .img-wrapper {
        width: 100% !important
    }
    .main.product article.feature .container-built-in-software .row.bottom .row.left .img-wrapper .paragraph {
        text-align: center
    }
}

@media all and (max-width: 767px) {
    .main.product article.feature .container-built-in-software .row.bottom .row.left .img-wrapper {
        width: 50%;
        max-width: 282px
    }
    .main.product article.feature .container-built-in-software .row.bottom .row.left .img-wrapper img {
        width: 100%;
        height: auto
    }
    .main.product article.feature .container-display-performance .row.left {
        padding: 0 25px
    }
    .main.product article.feature .container-diversified-content .row.left {
        padding: 0 25px
    }
    .main.product article.feature .container-easy-to-install .img-wrapper {
        padding: 0 25px
    }
    .main.product article.feature .img-display {
        max-width: 657px
    }
    .main.product article.feature .img-software {
        max-width: 592px
    }
    .main.product article.feature .img-happy-hour {
        max-width: 815px
    }
    .main.product article.feature .img-office-app {
        margin-bottom: 20px;
        max-width: 504px
    }
    .main.product article.feature .img-player {
        margin-bottom: 20px;
        max-width: 143px
    }
    .main.product article.feature .img-levels {
        max-width: 534px
    }
    .main.product article.feature .img-processor {
        max-width: 95px
    }
    .main.product article.feature .img-new-arrival {
        max-width: 480px
    }
    .main.product article.feature .img-usb {
        max-width: 156px
    }
}

.main.product .kv {
    /*background: url("img/product/sw2700pt/kv.jpg") 50% 90%;*/
    background-size: cover
}

@media all and (min-width: 767px) {
    .main.product section {
       /* background: url("img/product/sw2700pt/intro-bg.jpg") 100% 0 no-repeat;*/
        background-size: 1392px 651px
    }
}


/*瑜拌京澧栭崡锟�*/

.movie {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 婢х偛濮為崡锟芥繅锟� */

.main.product article.feature {
/* 
   max-width: 1540px;
*/
}

.main article.scenario .container-article .imgs-wrapper .img-wrapper img {
    /*height: 210px;*/
}


/* advertisement 閸楋拷 */

.main.product article.advertisement {
    background-color: #DFDFDF;
    /*background: url("img/product/sw2700pt/feature-bg-01.jpg") 50% 50%;*/
    clear: both;
    display: -webkit-box;
}

.content-row {
    margin: 0 auto;
    max-width: 1180px;
    clear: both;
}


/*sophia 20160503*/

.main.product article.advertisement02 {
    background: url("img/product/sw2700pt/feature-bg-01.jpg") 50% 50%;
    background-color: #DFDFDF;
    clear: both;
    display: -webkit-box;
}

@media screen and ( max-width: 767px) {
    article.advertisement .advantages-gap {
        margin-bottom: 20px;
    }
    article.advertisement .advantages-box:nth-of-type(2n) {
        padding-left: 0px;
    }
    .main.product article.advertisement02 {
        display: block;
    }
    .tpl_bg_img {
        width: 100%;
    }
    .tpl_bg_img img {
        width: 100%;
        height: auto;
    }
}


/*/sophia 20160503*/

.main.product article.advertisement03 {
    background-color: #f2e9fe;
    clear: both;
    display: -webkit-box;
}


/* feature 閸楋拷 container-background 閼冲本娅欐惔鏇炲磥 */

.main.product article.feature .container-background {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    padding-top: 100px;
    color: #fff;
    background: url("img/product/sw2700pt/feature-bg-02.jpg") 50% 25%;
    height: 900px;
    background-size: cover;
}

.main.product article.feature .container-background02 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    padding-top: 100px;
    color: #fff;
    background: url("img/product/sw2700pt/feature-bg-03.jpg") 50% 10%;
    height: 1010px;
    background-size: cover;
}

.main.product article.feature .container-background02 .top,
.main.product article.feature .container-background .bottom,
.main.product article.feature .container-background .middle {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.main.product article.feature .container-background03 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg07.png") 50% 10%;
    height: 1000px;
    background-size: cover;
    background-color: #DFDFDF;
}

.container-background03 > .row {
    width: 1180px !important;
    margin: 0 auto !important;
}

.main.product article.feature .container-background04 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    padding-top: 100px;
    color: #fff;
    background: url("img/product/sw2700pt/feature-bg-04.jpg") 50% 25%;
    height: 900px;
    background-size: cover;
}

.main.product article.feature .container-background04 .bottom,
.main.product article.feature .container-background04 .middle {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}


/* 閸︽牕顥橀弬锟� 閺傚洨鐤嗘惔锟�*/

.bottom > .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    height: 100%;
    max-width: 1180px !important;
    color: #000;
}


/* 閸︽牕顥橀弬锟� 閺傚洨鐤嗘稉锟�*/

.middle > .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;
    max-width: 1180px !important;
    color: #000;
}

@media screen and ( max-width: 767px) {
    .main.product article.feature .container-background {
        display: block;
        position: relative;
        box-sizing: border-box;
        padding: 50px 30px 20px;
        height: auto;
        color: #333;
    }
    .middle > .row,
    .bottom > .row {
        position: static;
    }
}

@media screen and ( max-width: 480px) {
    .main.product article.feature .container-background {
        padding: 20px 30px;
    }
}


/* feature閸楋拷 閸掑棗澹婇弬鍥х摟濡絽绱�  */


/* 濮ｆ柧绶�2濞嗗嫬绱�-1濮ｏ拷1 */

.row .text-ratio-1-2nd {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-bottom: 50px;
}


/* 濮ｆ柧绶�-3濞嗗嫬绱�-1濮ｏ拷2 */

.row .text-ratio-1-3rd {
    float: left;
    width: 33.3333%;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.row .text-ratio-2-3rd {
    float: left;
    width: 66.6666%;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.row .text-ratio-1-3rd img,
.row .text-ratio-2-3rd img,
.row .text-ratio-1-2nd img {
    max-width: 90%;
    height: auto;
}


/* 濮ｆ柧绶�-4濞嗗嫬绱�-1濮ｏ拷3 */

.row .text-ratio-1-4th {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.row .text-ratio-3-4th {
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding-bottom: 50px;
}


/* 濮ｆ柧绶�-5濞嗗嫬绱�-1濮ｏ拷4 */

.row .text-ratio-1-5th {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.row .text-ratio-4-5th {
    float: left;
    width: 80%;
    box-sizing: border-box;
    padding-bottom: 50px;
}


/* 濮ｆ柧绶�-5濞嗗嫬绱�-2濮ｏ拷3 */

.row .text-ratio-2-5th {
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.row .text-ratio-3-5th {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding-bottom: 50px;
}


/*sophia 20160503*/

@media screen and ( max-width: 767px) {
    .row .text-ratio-1-3rd img,
    .row .text-ratio-2-3rd img,
    .row .text-ratio-1-2nd img {
        max-width: 90%;
        height: auto;
    }
    .row .text-ratio-1-2nd,
    .row .text-ratio-1-3rd,
    .row .text-ratio-2-3rd,
    .row .text-ratio-1-4th,
    .row .text-ratio-3-4th,
    .row .text-ratio-1-5th,
    .row .text-ratio-4-5th,
    .row .text-ratio-2-5th,
    .row .text-ratio-3-5th {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 50px;
    }
}

@media screen and ( max-width: 480px) {
    .row .text-ratio-1-2nd,
    .row .text-ratio-1-3rd,
    .row .text-ratio-2-3rd,
    .row .text-ratio-1-4th,
    .row .text-ratio-3-4th,
    .row .text-ratio-1-5th,
    .row .text-ratio-4-5th,
    .row .text-ratio-2-5th,
    .row .text-ratio-3-5th {
        padding-bottom: 20px;
    }
}


/*/sophia 20160503*/


/*閺傚洤鐡х拋濠傚閸楋拷*/

#eye-care-why-chart .pull-left {
    border-width: 10px;
    border-style: solid;
    position: relative;
    padding: 30px 15px;
    width: 260px;
    margin-right: 20px;
    font-size: .9em;
}

#eye-care-why-chart .pull-left strong {
    font: 600 2em helvetica;
    display: inline-block;
    background: #FFF;
    width: 90px;
    text-align: center;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#chart-25-percent,
#chart-25-percent strong {
    border-color: #0CBCCE;
}

#chart-80-percent {
    border-color: #FFC62C;
}

.pull-left span {
    display: block;
    font-size: .9em;
}

@media screen and ( max-width: 1100px) {
    #chart-25-percent.chart_box,
    #chart-80-percent.chart_box {
        width: calc( 50% - 20px);
    }
}

@media screen and ( max-width: 767px) {
    #chart-25-percent.chart_box,
    #chart-80-percent.chart_box {
        width: calc( 50% - 20px);
    }
}

@media screen and ( max-width: 480px) {
    #chart-25-percent.chart_box,
    #chart-80-percent.chart_box {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

/* feature 閸楋拷 container-general 娑擄拷閼割剚鏋冪�涙宕� */

.main.product article.feature .container-general {
    padding: 0px 30px;
}

.main.product article.feature .container-general > .row {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    display: table;
    clear: both;
}


/* feature 閸楋拷 container-colorpiece 閼冲本娅欐惔鏇炲磥 */

.main.product article.feature .container-colorpiece {
    padding: 65px 30px;
    background: #f7f5ee;
}

.main.product article.feature .container-colorpiece > .row {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    clear: both;
}

.main.product article.feature .container-colorpiece .container-multi-touch {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    height: 509px;
    color: #000;
    overflow: hidden;
}

.main.product article.feature .container-colorpiece .container-multi-touch > .container-colorpiece-bg {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 93px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg01.jpg") 50% 50%;
    background-size: cover;
}

.main.product article.feature .container-colorpiece01 {
    padding: 65px 30px;
    background: #d1e9ff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d1e9ff 0%, #ffffff 25%, #ffffff 75%, #dfdfdf 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d1e9ff 0%, #ffffff 25%, #ffffff 75%, #dfdfdf 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d1e9ff 0%, #ffffff 25%, #ffffff 75%, #dfdfdf 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1e9ff', endColorstr='#dfdfdf', GradientType=0);
    /* IE6-9 */
}

.main.product article.feature .container-colorpiece01 > .row,
.container-colorpiece-bg02 > .row,
.container-colorpiece-bg03 > .row,
.container-colorpiece-bg04 > .row,
.container-colorpiece-bg05 > .row {
    position: relative;
    width: 1180px !important;
    margin: 0 auto;
    clear: both;
    display: table;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    height: auto;
    color: #000;
    overflow: hidden;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg02 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 900px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg02.png") 50% 50%;
    background-size: cover;
    padding: 0px 93px;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg03 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 520px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg03.png") 100% 100%;
    background-size: cover;
    padding: 0px 93px;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg04 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 900px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg04.png") 50% 50%;
    background-size: cover;
    padding: 0px 93px;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg05 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 900px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg05.png") 50% 50%;
    background-size: cover;
    padding: 0px 93px;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg06 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 750px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg06.png") 50% 50%;
    background-size: cover;
    padding: 0px 93px;
}

.main.product article.feature .container-colorpiece01 .container-multi-touch > .container-colorpiece-bg07 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 750px;
    background: url("img/product/sw2700pt/feature-multi-colorpiece-bg07.png") 50% 50%;
    background-size: cover;
    padding: 0px 93px;
}


/* 濮婃繂鍨禍瀣╂ */

.advantages-box > figure {
    width: 13%;
}

.advantages-box > dl {
    width: 85%;
}

.pull-right {
    float: right !important;
}

.advantages-gap {
    margin-bottom: 50px;
}

@media screen and ( max-width: 1100px) {
    .main.product article.feature .container-colorpiece .container-multi-touch {
        height: auto;
    }
    .main.product article.feature .container-colorpiece .container-multi-touch > .container-colorpiece-bg {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
    }
    .container-multi-touch img.mobile-responsive {
        width: 100%;
        height: auto;
    }
    .container-multi-touch .row.container-text {
        width: 30%;
    }
    .container-multi-touch .row.container-img {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .main.product article.feature .container-colorpiece .container-multi-touch {
        height: auto;
    }
    .main.product article.feature .container-colorpiece .container-multi-touch > .container-colorpiece-bg {
        padding: 0px;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main.product article.feature .container-colorpiece .container-multi-touch > .container-colorpiece-bg > .container-img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .container-multi-touch .row.container-text {
        width: 100%;
    }
    .container-multi-touch .row.container-img {
        width: 100%;
    }
}

@supports not (flex-wrap: wrap) {
    .main article.intro .container-article .row.container-img {
        display: block
    }
}

@media all and (max-width: 767px) {
    .main article.intro .container-article .row.container-img {
        margin-bottom: 25px
    }
}

@media screen and ( max-width: 480px) {
    .advantages-box > figure {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .advantages-box > figure img {
        display: inline-block;
    }
    .advantages-box > dl {
        width: 100%;
    }
    .main.product article.feature .container-colorpiece {
        padding: 20px 30px;
    }
}


/*---韫囶偊锟界喖浼曢崰锟�---*/

#quick-menu {
    position: fixed;
    width: 205px;
    top: 195px;
    right: -145px;
    z-index: 5;
    transition: transform ease .3s;
}

#quick-menu a {
    display: block;
    position: relative;
    border-bottom: 1px solid #D9D3E2;
    background-color: #FAFAFA;
    transition: transform ease .3s;
}

#quick-menu a:last-child {
    border-bottom: none;
}

#quick-menu a i {
    display: inline-block;
    width: 60px;
    height: 50px;
    background-image: url(img/product/sw2700pt/anchor-icon.png);
    background-repeat: no-repeat;
    transition: background ease .3s;
}

#quick-menu a i.icon-1 {
    background-position: left -5px;
}

#quick-menu a i.icon-2 {
    background-position: left -65px;
}

#quick-menu a i.icon-3 {
    background-position: left -125px;
}

#quick-menu a i.icon-4 {
    background-position: left -185px;
}

#quick-menu a i.icon-5 {
    background-position: left -245px;
}

#quick-menu a i.icon-6 {
    background-position: left -305px;
}

#quick-menu a i.icon-7 {
    background-position: left -365px;
}

#quick-menu a span {
    display: inline-block;
    height: 40px;
    width: calc( 100% - 60px);
    color: #65478D;
    font-weight: 600;
    font-size: 1em;
    white-space: nowrap;
    padding: 14px 0 0 10px;
}

#quick-menu a:hover {
    transform: translateX(-145px);
    background-color: #EFEFEF;
    border-bottom: none;
}

#quick-menu a:hover i {
    background-color: #65478D;
}

#quick-menu a:hover i.icon-1 {
    background-position: right -5px;
}

#quick-menu a:hover i.icon-2 {
    background-position: right -65px;
}

#quick-menu a:hover i.icon-3 {
    background-position: right -125px;
}

#quick-menu a:hover i.icon-4 {
    background-position: right -185px;
}

#quick-menu a:hover i.icon-5 {
    background-position: right -245px;
}

#quick-menu a:hover i.icon-6 {
    background-position: right -305px;
}

#quick-menu a:hover i.icon-7 {
    background-position: right -365px;
}

.pull-left {
    float: left !important;
}

.main * {
    box-sizing: border-box;
}


/* 閸忣剛鏁ょ憰蹇旂壐 */

.align-center {
    text-align: center;
}

.gap-row {
    padding-top: 50px;
}

.gap-img-wrapper-t50 {
    margin-top: 50px;
}

.gap-row-r20 {
    padding-right: 20px;
}

.gap-row-l85 {
    padding-left: 85px;
}

.paragraph {
    margin: 0;
    /*font-family: "GillSansLight", Verdana, sans-serif;*/
    font-size: 17px;
}

.paragraph.bold,
.paragraph .bold {
    font-weight: 700;
}

ul.paragraph > li {
    margin-bottom: 5px;
}

.container-register .register-now {
    display: inline-block;
    margin: 20px 0 10px;
    padding: 10px 45px;
    text-decoration: none !important;
}

.container-register {
    max-width: 250px;
    padding-left: 20px;
    padding-top: 15px;
}

@media screen and ( max-width: 480px) {
    .gap-row {
        padding-top: 20px;
    }
    .gap-img-wrapper-t50 {
        margin-top: 20px;
    }
}

@media (max-width: 767px){

	.image.parbase.section img {

		max-width: 100%;

	}

}