@font-face {
    font-family: Myfont;
    src: url("/gen4/font/MxRgLf__1.ttf");
}

html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    max-width: 1920px;
    margin: 0;
    overflow-x: hidden;
    background: url(../images/top_bg.jpg) top left no-repeat #000;
    background-size: 100% auto;
    font-family: Myfont, sans-serif !important;
}


/*------nav------*/

.nav-pills .nav-link.active {
    background: none !important;
    color: #008aff !important;
    font-weight: bold;
}

.nav_style {
    width: 100%;
    max-width: 1920px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
}

.nav_style ul li a {
    color: #fff !important;
    font-size: 0.9rem;
    /*font-weight: bold;*/
    letter-spacing: 1.5px;
}

.nav_style ul li a:hover {
    /*color: #F00 !important;*/
    color: #008aff !important;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: rgba(0, 0, 0, .8);
}

.nav_style img {
    max-width: 160px;
    height: auto;
}

@media (min-width:768px) and (max-width:1024px) {
    .nav_style button {
        border: 2px solid #fff !important;
    }
}

@media (max-width:480px) {
    .nav_style button {
        border: 2px solid #fff !important;
    }
}


/*------KV------*/

.kv_area {
    width: 100%;
    max-width: 1920px;
    height: 100vh;
    position: relative;
}

.xenia_c {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

.kv_pd {
    position: absolute;
    z-index: 1;
    top: 20%;
    right: 4%;
}


/********** 產品閃一下光 ***********/


/*.kv_pd::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../images/ss.png) no-repeat;
    background-size: 100% auto;
    transform: rotate(-45deg);
    animation: blink 6s cubic-bezier(0, 0, 1, 0.6) 1s infinite;
    opacity: 0;
}*/

@keyframes blink {
    0% {
        left: 5%;
        top: 10%;
        opacity: 0;
    }
    95% {
        left: 5%;
        top: 10%;
        opacity: 0;
    }
    100% {
        left: 55%;
        top: 28%;
        opacity: 1;
    }
}

.xenia_c img,
.kv_pd img {
    width: 100%;
    height: auto;
}


/************ 標題字漸層黑色底 *************/

.kv_tagline {
    position: absolute;
    z-index: 3;
    /*background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));*/
    padding: 1rem 5rem;
    bottom: 40%;
    left: 3%;
}

.kv_tagline h1 {
    color: #ffffff;
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 900;
    text-shadow: 2px 2px 10px #000, 2px 2px 10px #000;
    /**************** 新增 0828 for 歐語系KV主標文字 **********************/
    font-family: 'Roboto', sans-serif;
}

.kv_tagline h1 span {
    font-size: 2.5rem;
    font-weight: 500;
}


/*******************主 KV / kk 13吋筆電 + MacBook *************************/

@media (min-width:1200px) and (max-width:1440px) {
    body {
        background: url(../images/top_bg_nb.jpg) top left no-repeat #000;
        background-size: 100% auto;
    }
    .kv_area {
        width: 100%;
        /*max-width: 1440px;*/
        height: 100vh;
        position: relative;
        overflow-x: hidden;
    }
    .xenia_c {
        width: 90%;
        top: 0;
        right: -10%;
    }
    .kv_pd {
        width: 38%;
        top: 20%;
        left: 63%;
    }
    .kv_tagline {
        position: absolute;
        z-index: 3;
        /*background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));*/
        padding: 1rem 5rem;
        bottom: 42%;
        left: -1%;
    }
    .kv_tagline h1 {
        color: #ffffff;
        font-size: 3.8rem;
        font-style: italic;
        font-weight: 900;
        text-shadow: 2px 2px 10px #000, 2px 2px 10px #000;
    }
    .kv_tagline h1 span {
        font-size: 2.0rem;
        font-weight: 500;
    }
}


/******************* ▋▋▋ 主 KV / kk 平板 iPad *************************/

@media (min-width:768px) and (max-width:1024px) {
    body {
        background: url(../images/top_bg_pad.jpg) top left no-repeat #000;
    }
    .kv_area {
        height: 800px;
        overflow-x: hidden;
    }
    .xenia_c {
        width: 90%;
        top: 15%;
        right: 0%;
    }
    .kv_pd {
        width: 58%;
        top: 14%;
        /*left: 0;*/
        right: 0%;
    }
    .kv_tagline {
        /*padding: 1rem 10rem;*/
        top: 60%;
        left: 38%;
        width: 90%;
        /*bottom: unset;*/
    }
    .kv_tagline h1 {
        font-size: 3.2rem;
    }
    .kv_tagline h1 span {
        font-size: 1.8rem;
    }
}


/*********** 主KV  KK 手機******************/

@media (max-width:480px) {
    body {
        background: url(../images/top_bg_phone.jpg) top left no-repeat #000;
    }
    .kv_area {
        height: 950px;
        overflow-x: hidden;
    }
    .xenia_c {
        width: 150%;
        top: 25%;
        left: -50%;
    }
    .kv_pd {
        width: 95%;
        top: 42%;
        left: 8%;
    }
    .kv_pd::before {
        display: none;
    }
    .kv_tagline {
        padding: 1rem 1.2rem;
        top: 70%;
        left: 0%;
        bottom: unset;
        box-sizing: border-box;
    }
    .kv_tagline h1 {
        font-size: 2.8rem;
        line-height: 50px;
        margin-top: 48px;
    }
    .kv_tagline h1 span {
        font-size: 1.6rem;
    }
}


/*------story------*/

.story {
    margin-top: 8rem;
    z-index: 5;
    color: #fff;
}

.story p {
    text-align: center;
    font-size: 1.9rem;
    font-style: italic;
    text-shadow: 2px 2px 0px #000;
    margin-bottom: 2.5rem;
}

@media (min-width:768px) and (max-width:1024px) {
    .story {
        margin-top: 0;
    }
}

@media (max-width:480px) {
    .story {
        margin-top: 0;
    }
    .story p {
        font-size: 1.2rem;
    }
}


/*------video------*/

.video {
    margin: 15rem auto;
}

.video iframe {
    border: 1px solid #4e4e4e !important;
}

@media (min-width:768px) and (max-width:1024px) {
    .video {
        margin: 10rem auto;
    }
}

@media (max-width:480px) {
    .video {
        margin: 5rem auto;
    }
}


/*------section_0--- 970 ------------- kk 第0區  -------------*/

.section_0 {
    height: 1000px;
    background: url(../images/pd0_bg.jpg) no-repeat top right;
    background-size: 100% auto;
    position: relative;
}

.deco-1 {
    position: absolute;
    z-index: 3;
    top: -45%;
    left: -10%;
}

.deco-1 img {
    width: 100%;
    height: auto;
}

.pd-S50 {
    position: absolute;
    top: 20%;
    right: 10%;
}

.pd-S50 img {
    width: 100%;
    height: auto;
}


.pd-S50_tagline {
    position: absolute;
    color: #fff;
    top: 23%;
    right: 45%;
    text-align: right;
    z-index: 5;
}






/******************* kk 13吋筆電 + MacBook (第0區) *************************/

@media (min-width:1200px) and (max-width:1440px) {
    /*.section_2 {
        background-position-x: 80%;
    }
    .deco-1 {
        width: 60%;
    }*/
    .section_0 {
        height: 900px;
        background: url(../images/pd0_bg_nb.jpg) no-repeat top left;
        background-size: 100% auto;
        position: relative;
        width: 100%;
        overflow-x: hidden;
        /*background-position-x: 35%;*/
    }
    .pd-S50 {
        top: 20%;
        right: 0%;
        width: 40%;
    }
    .pd-S50 img {
        width: 80%;
        height: auto;
    }
    .pd-S50_tagline {
        position: absolute;
        color: #fff;
        top: 23%;
        right: 45%;
        text-align: right;
        z-index: 5;
    }
    /*.pd-S70_tagline p {
        width: 70%;
    }*/
    .pd-S50_tagline h2 {
        /*font-size: 2.5rem;*/
        font-size: 28px;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50_tagline h3 {
        font-size: 3.0rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50_tagline p {
        font-size: 1.4rem;
        padding-left: 45%;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
        margin-bottom: 2.5rem;
        box-sizing: border-box;
    }
    .pd-S50_tagline a {
        color: #fff;
        background-color: #008aff;
        /*font-size: 1.2rem;*/
        font-size: 1.0rem;
        padding: 1rem 1rem 1rem;
        border-radius: 8px;
        box-shadow: 4px 4px 10px #000;
        /*--------------------------- kk --- 2按鈕設定-----------------------*/
        margin-right: 10px;
        line-height: 60px;
    }
    .pd-S50_tagline a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0362b4;
    }
}


/******************* ▋▋▋ kk 平板 iPad (第0區) *************************/

@media (min-width:768px) and (max-width:1024px) {
    .section_0 {
        height: 1250px;
        background: url(../images/pd0_bg_pad.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    /*.deco-1 {
        width: 65%;
        top: -28%;
        right: 0;
        left: unset;
    }*/
    .pd-S50 {
        top: 23%;
        right: 19%;
        z-index: 5;
        width: 56%;
    }
    .pd-S50_tagline {
        /*top: 10%;
        right: unset;
        left: 10%;
        text-align: left;
        z-index: 5;*/
        top: 65%;
        left: 18%;
        right: unset;
        text-align: left;
    }
    .pd-S50_tagline p {
        width: 75%;
        padding-left: 0;
    }
}


/****************** KK 手機 第0區 *************************/

@media (max-width:480px) {
    .deco-1 {
        display: none;
    }
    .section_0 {
        /*height: 750px;*/
        height: 950px;
        /*background: url(../images/pd2_bg_phone.jpg) no-repeat bottom left;*/
        background: url(../images/pd0_bg_phone.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S50 {
        width: 60%;
        /*top: unset;*/
        top: 20%;
        bottom: 10%;
        right: 18%;
    }
    .pd-S50_tagline {
        top: 49%;
        left: 10%;
        right: unset;
        text-align: left;
    }
    .pd-S50_tagline h2 {
        font-size: 1.5rem;
    }
    .pd-S50_tagline h3 {
        font-size: 2.5rem;
    }
    .pd-S50_tagline p {
        font-size: 1.2rem;
        margin-bottom: 2.5rem;
        padding-left: 0;
        width: 90%;
    }
    .pd-S50_tagline a {
        font-size: 1.2rem;
        padding: .7rem .5rem;
        /*-------------● ● ● kk 手機版 2按鈕設定--------------*/
        margin-right: 100px;
    }
}








/*------section_1------- kk 第一區 ----------------*/

.section_1 {
    height: 1100px;
    background: url(../images/pd1_bg.jpg) no-repeat top left;
    background-size: 100% auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.pd-S70 {
    position: absolute;
    top: 22%;
    left: 8%;
}

.pd-S70 img {
    width: 100%;
    height: auto;
}

.pd-S70_tagline {
    position: absolute;
    color: #fff;
    top: 23%;
    left: 40%;
}

.pd-S70_tagline h2 {
    font-size: 2.5rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S70_tagline h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S70_tagline p {
    font-size: 1.7rem;
    width: 55%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
}

.pd-S70_tagline a {
    color: #fff;
    background-color: #008aff;
    font-size: 1.0rem;
    padding: .7rem .7rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
    line-height: 3.8rem;
}

.pd-S70_tagline a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}


/******************* kk 13吋筆電 + MacBook (第一區) *************************/

@media (min-width:1200px) and (max-width:1440px) {
    .section_1 {
        height: 800px;
        background: url(../images/pd1_bg_nb.jpg) no-repeat top left;
        background-size: 100% auto;
        position: relative;
        width: 100%;
        overflow-x: hidden;
        /*background-position-x: 35%;*/
    }
    .pd-S70 {
        top: 20%;
        left: 5%;
    }
    .pd-S70 img {
        width: 80%;
        height: auto;
    }
    /*.pd-S70_tagline {
        position: absolute;
        color: #fff;
        top: 15%;
        left: 42%;
    }
    .pd-S70_tagline p {
        width: 70%;
    }*/
    .pd-S70_tagline {
        position: absolute;
        color: #fff;
        top: 16%;
        left: 42%;
    }
    .pd-S70_tagline h2 {
        font-size: 2.3rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S70_tagline h3 {
        font-size: 3.0rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S70_tagline p {
        font-size: 1.4rem;
        width: 55%;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
        margin-bottom: 2.5rem;
    }
}


/******************* ▋▋▋ kk 平板 iPad (第一區) *************************/

@media (min-width:768px) and (max-width:1024px) {
    .section_1 {
        height: 1050px;
        background: url(../images/pd1_bg_pad.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S70 {
        top: 19%;
        left: 20%;
        width: 55%;
    }
    .pd-S70_tagline {
        top: 50%;
        left: 15%;
    }
    .pd-S70_tagline p {
        width: 75%;
    }
}


/******************* kk 手機 *************************/

@media (max-width:480px) {
    .section_1 {
        /*height: 600px;*/
        height: 1100px;
        background: url(../images/pd1_bg_phone.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S70 {
        width: 60%;
        top: 15%;
        left: 20%;
    }
    .pd-S70_tagline {
        top: 45%;
        left: 10%;
    }
    .pd-S70_tagline h2 {
        font-size: 1.5rem;
    }
    .pd-S70_tagline h3 {
        font-size: 2.5rem;
    }
    .pd-S70_tagline p {
        font-size: 1.2rem;
        width: 90%;
        margin-bottom: 2.5rem;
    }
    .pd-S70_tagline a {
        font-size: 1.0rem;
        padding: .7rem .7rem;
        line-height: 3.8rem;
    }
}


/*------section_2- ------------- kk 第二區  -------------*/

.section_2 {
    height: 1160px;
    background: url(../images/pd2_bg.jpg) no-repeat top right;
    background-size: 100% auto;
    position: relative;
}

.deco-1 {
    position: absolute;
    z-index: 3;
    top: -45%;
    left: -10%;
}

.deco-1 img {
    width: 100%;
    height: auto;
}

.pd-S50 {
    position: absolute;
    top: 20%;
    right: 10%;
}

.pd-S50 img {
    width: 100%;
    height: auto;
}


/**********************************/


/*.pd-S50_tagline-2 {
    position: absolute;
    color: #fff;
    top: 45%;
    right: 55%;
    text-align: right;
    z-index: 5;
}

.pd-S50_tagline-2 h2 {
    font-size: 2.5rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50_tagline-2 h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50_tagline-2 p {
    font-size: 1.7rem;
    padding-left: 45%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
    box-sizing: border-box;
}

.pd-S50_tagline-2 a {
    color: #fff;
    background-color: #008aff;
    font-size: 1.2rem;
    padding: .7rem 2rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
}

.pd-S50_tagline-2 a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}
*/


/********************************/

.pd-S50_tagline {
    position: absolute;
    color: #fff;
    top: 23%;
    right: 45%;
    text-align: right;
    z-index: 5;
}


/******* kk PC 標題大小*********************/

.pd-S50_tagline h2 {
    /*font-size: 2.5rem;*/
    font-size: 34px;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50_tagline h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50_tagline p {
    font-size: 1.7rem;
    padding-left: 45%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
    box-sizing: border-box;
}


/***************
.pd-S50_tagline a {
    color: #fff;
    background-color: #008aff;
    /*font-size: 1.2rem;
    font-size: 1.1rem;
    padding: 1rem 1rem 1rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
}
/*****************/

.pd-S50_tagline a {
    color: #fff;
    background-color: #008aff;
    /*font-size: 1.2rem;*/
    font-size: 1.0rem;
    padding: .7rem .7rem .7rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
    /*--------------------------- kk --- 2按鈕設定-----------------------*/
    margin-right: 5px;
    line-height: 60px;
}

.pd-S50_tagline a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}


/***************************** ★★★★★ 新增 AWARD  ***************************************/

.pd-award P {
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}

.pd-award a {
    color: #ffe614;
    background-color: transparent;
    font-size: 1.4rem;
    padding: 0;
    border-radius: none;
    box-shadow: none;
    text-decoration: underline;
}

.pd-award a:hover {
    color: #ffe614;
    background-color: transparent;
}


/******************* kk 13吋筆電 + MacBook (第二區) *************************/

@media (min-width:1200px) and (max-width:1440px) {
    /*.section_2 {
        background-position-x: 80%;
    }
    .deco-1 {
        width: 60%;
    }*/
    .section_2 {
        height: 900px;
        background: url(../images/pd2_bg_nb.jpg) no-repeat top left;
        background-size: 100% auto;
        position: relative;
        width: 100%;
        overflow-x: hidden;
        /*background-position-x: 35%;*/
    }
    .pd-S50 {
        top: 20%;
        right: 0%;
        width: 40%;
    }
    .pd-S50 img {
        width: 80%;
        height: auto;
    }
    .pd-S50_tagline {
        position: absolute;
        color: #fff;
        top: 23%;
        right: 45%;
        text-align: right;
        z-index: 5;
    }
    /*.pd-S70_tagline p {
        width: 70%;
    }*/
    .pd-S50_tagline h2 {
        /*font-size: 2.5rem;*/
        font-size: 28px;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50_tagline h3 {
        font-size: 3.0rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50_tagline p {
        font-size: 1.4rem;
        padding-left: 45%;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
        margin-bottom: 2.5rem;
        box-sizing: border-box;
    }
    .pd-S50_tagline a {
        color: #fff;
        background-color: #008aff;
        /*font-size: 1.2rem;*/
        font-size: 0.8rem;
        padding: 1rem 1rem 1rem;
        border-radius: 8px;
        box-shadow: 4px 4px 10px #000;
        /*--------------------------- kk --- 2按鈕設定-----------------------*/
        margin-right: 5px;
        line-height: 60px;
    }
    .pd-S50_tagline a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0362b4;
    }
}


/******************* ▋▋▋ kk 平板 iPad (第二區) *************************/

@media (min-width:768px) and (max-width:1024px) {
    .section_2 {
        height: 1250px;
        background: url(../images/pd2_bg_pad.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    /*.deco-1 {
        width: 65%;
        top: -28%;
        right: 0;
        left: unset;
    }*/
    .pd-S50 {
        top: 23%;
        right: 19%;
        z-index: 5;
        width: 56%;
    }
    .pd-S50_tagline {
        /*top: 10%;
        right: unset;
        left: 10%;
        text-align: left;
        z-index: 5;*/
        top: 65%;
        left: 18%;
        right: unset;
        text-align: left;
    }
    .pd-S50_tagline p {
        width: 75%;
        padding-left: 0;
    }
}


/****************** KK 手機 第2區 *************************/

@media (max-width:480px) {
    .deco-1 {
        display: none;
    }
    .section_2 {
        /*height: 750px;*/
        height: 1200px;
        /*background: url(../images/pd2_bg_phone.jpg) no-repeat bottom left;*/
        background: url(../images/pd2_bg_phone.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S50 {
        width: 60%;
        /*top: unset;*/
        top: 20%;
        bottom: 10%;
        right: 18%;
    }
    .pd-S50_tagline {
        top: 47%;
        left: 10%;
        right: unset;
        text-align: left;
    }
    .pd-S50_tagline h2 {
        font-size: 1.5rem;
    }
    .pd-S50_tagline h3 {
        font-size: 2.0rem;
    }
    .pd-S50_tagline p {
        font-size: 1.2rem;
        margin-bottom: 2.5rem;
        padding-left: 0;
        width: 90%;
    }
    .pd-S50_tagline a {
        font-size: 1.0rem;
        padding: .7rem .5rem;
        /*-------------● ● ● kk 手機版 2按鈕設定--------------*/
        /*margin-right: 100px;*/
    }
}


/*------section_3--------- kk 第三區-----------*/

.section_3 {
    height: 1100px;
    background: url(../images/pd3_bg.jpg) no-repeat top left;
    background-size: 100% auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.pd-S50-Lite {
    position: absolute;
    top: 15%;
    left: 12%;
}

.pd-S50-Lite img {
    width: 100%;
    height: auto;
}


/*************************/

.pd-S50-Lite_tagline-2 {
    position: absolute;
    color: #fff;
    top: 55%;
    left: 50%;
}

.pd-S50-Lite_tagline-2 h2 {
    font-size: 2.5rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50-Lite_tagline-2 h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50-Lite_tagline-2 p {
    font-size: 1.7rem;
    width: 55%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
}

.pd-S50-Lite_tagline a {
    color: #fff;
    background-color: #008aff;
    font-size: 1.2rem;
    padding: .7rem 2rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
    /*--------------------------- kk --- 2按鈕設定-----------------------*/
    margin-right: 20px;
    line-height: 60px;
}

.pd-S50-Lite_tagline-2 a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}


/************************/

.pd-S50-Lite_tagline {
    position: absolute;
    color: #fff;
    top: 20%;
    left: 50%;
}

.pd-S50-Lite_tagline h2 {
    font-size: 2.5rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50-Lite_tagline h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-S50-Lite_tagline p {
    font-size: 1.7rem;
    width: 55%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
}

.pd-S50-Lite_tagline a {
    color: #fff;
    background-color: #008aff;
    /*font-size: 1.2rem;*/
    font-size: 1.1rem;
    padding: 1rem 1rem 1rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
}

.pd-S50-Lite_tagline a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}


/******************* kk 13吋筆電 + MacBook (第三區) *************************/

@media (min-width:1200px) and (max-width:1440px) {
    /*.section_3 {
        background-position-x: 25%;
    }*/
    .section_3 {
        height: 900px;
        background: url(../images/pd3_bg_nb.jpg) no-repeat top left;
        background-size: 100% auto;
        position: relative;
        width: 100%;
        overflow-x: hidden;
        /*background-position-x: 35%;*/
    }
    .pd-S50-Lite {
        position: absolute;
        top: 15%;
        left: -10%;
    }
    .pd-S50-Lite img {
        width: 100%;
        height: auto;
    }
    .pd-S50-Lite {
        position: absolute;
        top: 14%;
        left: 6%;
    }
    .pd-S50-Lite img {
        width: 80%;
        height: auto;
    }
    .pd-S50-Lite_tagline {
        position: absolute;
        color: #fff;
        top: 18%;
        left: 42%;
    }
    .pd-S50-Lite_tagline h2 {
        font-size: 28px;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50-Lite_tagline h3 {
        font-size: 3.0rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-S50-Lite_tagline p {
        font-size: 1.4rem;
        width: 55%;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
        margin-bottom: 2.5rem;
    }
    .pd-S50-Lite_tagline a {
        color: #fff;
        background-color: #008aff;
        font-size: 1.0rem;
        padding: .9rem 1rem;
        border-radius: 8px;
        box-shadow: 4px 4px 10px #000;
        /*--------------------------- kk --- 2按鈕設定-----------------------*/
        margin-right: 20px;
        line-height: 60px;
    }
    .pd-S50-Lite_tagline-2 a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0362b4;
    }
}


/******************* ▋▋▋ kk 平板 iPad (第三區) *************************/

@media (min-width:768px) and (max-width:1024px) {
    .section_3 {
        height: 1400px;
        background: url(../images/pd3_bg_pad.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S50-Lite {
        top: 30%;
        left: 20%;
        width: 56%;
    }
    /*.pd-S50-Lite_tagline {
        /*top: unset;
        top: 70%;
        bottom: 10%;
        left: 18%;
        right: unset;
        text-align: left;
    }
    .pd-S50-Lite_tagline p {
        width: 55%;
    }*/
    .pd-S50-Lite_tagline {
        /*top: unset;*/
        top: 66%;
        bottom: 10%;
        left: 14%;
        right: unset;
        text-align: left;
    }
    .pd-S50-Lite_tagline h2 {
        font-size: 34px;
    }
    .pd-S50-Lite_tagline h3 {
        font-size: 3.1rem;
    }
    .pd-S50-Lite_tagline p {
        font-size: 1.5rem;
        width: 85%;
    }
}


/****************** KK 手機 第3區 *************************/

@media (max-width:480px) {
    .section_3 {
        height: 1050px;
        background: url(../images/pd3_bg_phone.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-S50-Lite {
        width: 60%;
        top: 18%;
        left: 15%;
    }
    .pd-S50-Lite_tagline {
        top: 47%;
        left: 10%;
    }
    .pd-S50-Lite_tagline h2 {
        font-size: 1.5rem;
    }
    .pd-S50-Lite_tagline h3 {
        font-size: 2.5rem;
    }
    .pd-S50-Lite_tagline p {
        font-size: 1.2rem;
        width: 90%;
        margin-bottom: 2.5rem;
    }
    .pd-S50-Lite_tagline a {
        font-size: 1.2rem;
        padding: .7rem .5rem;
        /*-------------● ● ● kk 手機版 2按鈕設定--------------*/
        /*margin-right: 100px;*/
    }
}


/*-----------------------------------------------------------------------*/


/*------section_4 --------kk 新增 第四區----------*/

.section_4 {
    height: 1160px;
    background: url(../images/pd4_bg.jpg) no-repeat top right;
    background-size: 100% auto;
    position: relative;
}

.deco-1 {
    position: absolute;
    z-index: 3;
    top: -45%;
    left: -10%;
}

.deco-1 img {
    width: 100%;
    height: auto;
}

.pd-710 {
    position: absolute;
    top: 22%;
    right: 10%;
}

.pd-710 img {
    width: 100%;
    height: auto;
}


/********************************/

.pd-710_tagline {
    position: absolute;
    color: #fff;
    top: 23%;
    right: 45%;
    text-align: right;
    z-index: 5;
}

.pd-710_tagline h2 {
    font-size: 2.5rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-710_tagline h3 {
    font-size: 3.2rem;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

.pd-710_tagline p {
    font-size: 1.7rem;
    padding-left: 45%;
    text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    margin-bottom: 2.5rem;
    box-sizing: border-box;
}

.pd-710_tagline a {
    color: #fff;
    background-color: #008aff;
    /*font-size: 1.2rem;*/
    font-size: 1.1rem;
    padding: 1rem 1rem 1rem;
    border-radius: 8px;
    box-shadow: 4px 4px 10px #000;
    /*--------------------------- kk --- 2按鈕設定-----------------------*/
    margin-right: 20px;
    line-height: 60px;
}

.pd-710_tagline a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0362b4;
}


/******************* kk 13吋筆電 + MacBook (第4區) *************************/

@media (min-width:1200px) and (max-width:1440px) {
    /*.section_4 {
        background-position-x: 80%;
    }
    .deco-1 {
        width: 60%;
    }*/
    .section_4 {
        height: 950px;
        background: url(../images/pd4_bg_nb.jpg) no-repeat top left;
        background-size: 100% auto;
        position: relative;
        width: 100%;
        overflow-x: hidden;
        /*background-position-x: 35%;*/
    }
    .pd-710 {
        top: 20%;
        right: 0%;
        width: 40%;
    }
    .pd-710 img {
        width: 80%;
        height: auto;
    }
    .pd-710_tagline {
        position: absolute;
        color: #fff;
        top: 19%;
        right: 45%;
        text-align: right;
        z-index: 5;
    }
    .pd-710_tagline h2 {
        /*font-size: 2.5rem;*/
        font-size: 28px;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-710_tagline h3 {
        font-size: 3.0rem;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
    }
    .pd-710_tagline p {
        font-size: 1.4rem;
        padding-left: 45%;
        text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
        margin-bottom: 2.5rem;
        box-sizing: border-box;
    }
    .pd-710_tagline a {
        color: #fff;
        background-color: #008aff;
        /*font-size: 1.2rem;*/
        font-size: 1.0rem;
        padding: 1rem 1rem 1rem;
        border-radius: 8px;
        box-shadow: 4px 4px 10px #000;
        /*--------------------------- kk --- 2按鈕設定-----------------------*/
        margin-right: 10px;
        line-height: 60px;
    }
    .pd-710_tagline a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0362b4;
    }
}


/******************* ▋▋▋ kk 平板 iPad (第4區) *************************/

@media (min-width:768px) and (max-width:1024px) {
    .section_4 {
        height: 1580px;
        background: url(../images/pd4_bg_pad.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    /*.deco-1 {
        width: 65%;
        top: -28%;
        right: 0;
        left: unset;
    }*/
    .pd-710 {
        top: 19%;
        right: 18%;
        z-index: 5;
        width: 56%;
    }
    /*.pd-710_tagline {
        top: 10%;
        right: unset;
        left: 10%;
        text-align: left;
        z-index: 5;
    }
    .pd-710_tagline p {
        width: 75%;
        padding-left: 0;
    }*/
    .pd-710_tagline {
        /*top: unset;*/
        top: 53%;
        bottom: 10%;
        left: 16%;
        right: unset;
        text-align: left;
    }
    .pd-710_tagline h2 {
        font-size: 34px;
    }
    .pd-710_tagline h3 {
        font-size: 3.1rem;
    }
    .pd-710_tagline p {
        font-size: 1.5rem;
        width: 85%;
        padding-left: 0;
    }
}


/****************** KK 手機 第4區 *************************/

@media (max-width:480px) {
    .deco-1 {
        display: none;
    }
    .section_4 {
        height: 1150px;
        /*background: url(../images/pd2_bg_pad.jpg) no-repeat bottom left;*/
        background: url(../images/pd4_bg_phone.jpg) no-repeat top left;
        background-size: 100% auto;
    }
    .pd-710 {
        width: 60%;
        /*top: unset;*/
        top: 23%;
        bottom: 20%;
        right: 17%;
    }
    .pd-710_tagline {
        top: 50%;
        left: 8%;
        right: unset;
        text-align: left;
    }
    .pd-710_tagline h2 {
        font-size: 1.5rem;
    }
    .pd-710_tagline h3 {
        font-size: 2.5rem;
    }
    .pd-710_tagline p {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
        padding-left: 0;
        width: 98%;
    }
    .pd-710_tagline a {
        font-size: 1.2rem;
        padding: .7rem .5rem;
        /*-------------● ● ● kk 手機版 2按鈕設定--------------*/
        /*margin-right: 100px;*/
    }
}


/*------------------------------ pd-animation ----------------------------------*/

.pd-S70,
.pd-S50,
.pd-710,
.pd-S50-Lite {
    animation: pd-ani 3s linear 5s infinite alternate;
    /*name名稱 duration持續時間 timing-function速度曲线 delay延遲時間 iteration-count播放次數 direction逆向播放*/
}

.xenia_c {
    animation: pd-ani 5s linear 3s infinite alternate;
    /*name名稱 duration持續時間 timing-function速度曲线 delay延遲時間 iteration-count播放次數 direction逆向播放*/
}

@keyframes pd-ani {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 10px);
    }
}


/*------------------------------ 4:3 + 筆電 -------------------------------------------------------------------*/

@media (min-width:1200px) and (max-width:1440px) {}