@charset "utf-8";
@import url('//cdn.adlinktech.com/vendor/css/slick-1.81.css');
@import url('//cdn.adlinktech.com/vendor/css/slick-theme-1.81.css');
@import "https://cdn.adlinktech.com/vendor/css/edge-mcm.css";
/****** NEON-EVA *************************************************************************************************************************/
#PXI-Express h2 {
    font-weight: 600;
    width: 90%;
    margin: 0 auto 20px;
    font-size: 1.6em
}
#PXI-Express {
    margin-top: -92px;
}
.PXI_logo {
    width: 30%;
    padding: 0 5% 0 0;
}
.thunderbolt_3 {
    width: 70%
}
.PXI_Express_header {
    background-color: #dde1e4;
    padding: 70% 5% 12%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_hero_mobile_1-1.jpg");
}
.PXI_Express_header figure {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 70%
}
.PXI_Express_header .es_btn {
    margin-top: 6%;
}
.PXI_Express_header.es_bevel_bottom:after {
    bottom: 0
}
.PXI_Express_header_copy h1, .PXI_Express_header_copy p {
    color: #fff;
}
.PXI_Express_header_copy h1 {
    font-weight: 500;
    font-size: 7vw;
    margin: 0 0 5%;
    color: #000;
    text-align: left
}
#PXI-Express:lang(jp) .PXI_Express_header_copy h1 {
    font-weight: bold;
}
.PXI_Express_header_copy p {
    font-size: 4vw;
    line-height: normal;
    margin: 0 0 5%;
    color: #888
}
.PXI_Express_header_copy figure {
    margin: 0;
}
.PXI_Express_section1 {
    padding: 25px 0 50px;
    overflow-x: hidden;
}
.PXI_Express_section1_copy {
    position: relative;
    z-index: 2
}
.PXI_Express_img1 {
    position: relative;
    padding: 0 0 25px;
    margin: 0 0 25px;
    z-index: 1
}
.PXI_Express_img1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 234, 237, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 234, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(225, 234, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1eaed', GradientType=0);
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    width: 100vw;
    height: 100%;
}
.PXI_Express_img2 {
    position: relative;
    z-index: 1
}
.PXI_Express_section2 {
    padding: 50px 0 20px
}
.PXI_Express_section4 {
    position: relative;
}
.PXI_Express_section4_inner {
    position: relative
}
.four_PXI_Express {
    margin: 30px auto !important;
}
.PXI_Express_section5 {
    padding: 50px 0 0;
}
.PXI_Express_section5_ico_wrap {
    margin: 0 auto;
}
.PXI_Express_section5_icon figure {
    position: relative;
    border-radius: 100px;
    height: 150px;
    width: 150px;
    margin: 0 auto
}
.PXI_Express_section5_icon figure span {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.PXI_Express_section5_icon figure span, .PXI_Express_section5_icon figure span img {
    height: 150px;
    width: 150px;
}
.PXI_Express_section5_icon figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(22, 113, 202)), color-stop(50%, transparent));
    background: linear-gradient(to right, rgb(22, 113, 202) 50%, transparent 50%);
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    z-index: 1;
    border-radius: 100px;
}
.PXI_Express_section5_icon figure:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 2%;
    background: #fff;
    visibility: visible;
    z-index: 1;
    border-radius: 100px;
}
.PXI_Express_section5 article div {
    margin: 0 auto 50px
}
.PXI_Express_section5_icon strong {
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin: 15px 0;
    line-height: normal
}
.PXI_Express_section5_icon p {
    display: block;
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 256px;
    padding: 0 0 0 15px
}
.PXI_Express_section5_icon p:before {
    content: "•";
    position: absolute;
    top: -5px;
    left: 0;
    font-size: 21px;
}
ul.PXI_Express_efficiency {
    list-style: none;
    padding: 0;
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}
ul.PXI_Express_efficiency li {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}
ul.PXI_Express_efficiency li span strong {
    display: inline-block;
    color: #fff;
    padding: 0 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 21px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    line-height: normal;
    text-shadow: rgb(3, 3, 3) 3px 3px 4px;
}
ul.PXI_Express_efficiency li span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
ul.PXI_Express_efficiency div {
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, .25);
}
ul.PXI_Express_efficiency li div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin: 0 -15%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul.PXI_Express_efficiency div span {
    display: block;
    padding-top: 72.5%;
}
ul.PXI_Express_efficiency li:nth-child(1) div:before {
    background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications_mobile1_1.jpg");
}
ul.PXI_Express_efficiency li:nth-child(2) div:before {
    background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications_mobile2_1.jpg");
}
ul.PXI_Express_efficiency li:nth-child(3) div:before {
    background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications_mobile3_1.jpg");
}
ul.PXI_Express_efficiency li:nth-child(4) div:before {
    background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications_mobile4_1.jpg");
}
.spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.PXI_Express_section6 ul.es_recommend {
    padding: 0;
    margin: 0 -10px 0;
}
.PXI_Express_section6 ul.es_recommend li a .es_recommend_title {
    padding: 0 0 15px;
}
.PXI_Express_section6 ul.es_recommend li .es_recommend_copy {
    display: block;
    line-height: normal;
    padding: 0 15px;
    font-weight: normal;
}
.PXI_Express_section6_flex {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.PXI_Express_section6_flex div {
    padding: 0 10px;
    height: calc((100% - 100px));
}
.PXI_Express_section6_flex div h3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.PXI_Express_section6 h3 {
    font-size: 2.3rem;
    font-weight: 500;
    line-height: normal
}
.PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller, .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller {
    position: relative;
    margin: 0;
    padding: 100px 0 0;
}
.PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller:before, .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller:before {
    display: block;
    margin: 30px 0 15px;
    font-size: 2.3rem;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    padding: 3px 10px 5px;
}
.PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller:before {
    content: "PXI Express Remote Controller";
    color: #053468;
}
.PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller:before {
    content: "PXI Express Embedded Controller";
    color: #2086c9;
}
.PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller li a:before {
    background-color: #053468
}
.PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller li a:hover .es_recommend_title {
    color: #053468
}
.PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller li a:before {
    background-color: #2086c9
}
.PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller li a:hover .es_recommend_title {
    color: #2086c9
}
.slide {
    margin: 0;
    padding: 0;
    display: none;
}
.slide li {
    list-style: none;
    text-align: center;
}
.slick-slider {
    margin: 0;
}
.slick-slide img {
    display: inline-block !important;
    width: 100%;
}
.slide.slick-initialized {
    display: block;
}
.slick-dots {
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 5px 0;
    padding: 0 5px;
    cursor: pointer;
    width: calc((100% / 4));
}
.slick-dots li img {
    opacity: 0.5;
    width: 100%;
    height: auto;
    display: inline-block;
}
.slick-dots li.slick-active img, .slick-dots li:hover img {
    opacity: 1;
}
.slick-prev {
    position: absolute;
    z-index: 99;
    top: 120px;
    left: -50px;
}
.slick-next {
    position: absolute;
    z-index: 99;
    top: 120px;
    right: -50px;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.elastic-spin {
    -webkit-animation: elastic-spin 1s infinite ease;
    animation: elastic-spin 1s infinite ease;
}
@-webkit-keyframes elastic-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}
@keyframes elastic-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}
.PXI_Express_section7 article {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
}
ul.es_recommend.PXI_Express_resources li a img {
    width: 70%;
    border: 1px solid #dedede;
    transform: scale(1);
    margin: 30px 0 0;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
}
ul.es_recommend.PXI_Express_resources li a:hover img {
    transform: scale(1.1);
}
.ask-box {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 76px;
    z-index: 1000;
    cursor: pointer;
}
.ask-box span {
    display: inline-block;
    position: relative;
}
.ask-box span:before, .ask-box span:after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    transition: .3s;
}
.ask-box span:before {
    top: 39%;
    left: 50%;
    background-image: url(https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/ask_mail.svg);
    width: 58px;
    height: 36px;
    opacity: 1;
}
.ask-box span:after {
    top: 39%;
    left: 50%;
    background-image: url(https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/ask_text.svg);
    width: 58px;
    height: 31px;
    overflow: visible;
    opacity: 0;
}
.ask-box-tw span:after {
    background-image: url(https://material.adlinktech.com/tw/Upload/Thunderbolt3_PXI_Express_Chassis/ask_text_tw.svg);
}
.ask-box:hover span:before {
    opacity: 0;
}
.ask-box:hover span:after {
    opacity: 1;
}
@media (min-width: 540px) {
    .PXI_Express_section4_inner:after {
        width: 540px;
        padding-top: 842px;
    }
    .PXI_Express_header_copy h1 {
        font-size: 42px;
    }
    .PXI_Express_header_copy p {
        font-size: 28px;
    }
    .four_PXI_Express {
        width: 420px;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller, .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller {
        padding: 78px 0 0;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller li, .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller li {
        width: calc((100% / 2));
    }
}
@media (min-width: 640px) {
    ul.PXI_Express_efficiency {
        padding: 0;
    }
    ul.PXI_Express_efficiency li {
        padding: 0 15px;
        width: calc((100% / 2));
    }
    .slick-dots li {
        width: calc((100% / 5));
    }
}
@media (min-width: 768px) {
    .PXI_Express_header .es_btn {
        margin-top: 50px;
    }
    .PXI_Express_img1 {
        padding: 0;
        margin: 0;
    }
    .PXI_Express_section5_icon span {
        width: 235px
    }
    .PXI_Express_section1 .concent {
        margin: 0 auto;
        width: 980px;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller li {
        width: calc((100% / 3));
    }
    .PXI_Express_section6 ul.es_recommend li, .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller li {
        width: calc((100% / 3));
    }
    .slick-dots li {
        width: calc((100% / 10));
    }
    .slick-slide img {
        width: 50%;
    }
    ul.es_recommend.PXI_Express_resources li {
        width: calc((100% / 2));
    }
}
@media (min-width: 921px) {
    .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller, .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller {
        padding: 78px 0 0;
    }
}
@media (min-width: 997px) {
    #PXI-Express h2 {
        font-size: 2em
    }
    #PXI-Express {
        margin-top: 0;
    }
    .PXI_Express_header {
        padding: 3% 3% 4%;
        background-position: center top;
        background-size: cover;
        background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_hero_1.jpg")
    }
    .PXI_Express_header.es_bevel_bottom:after {
        bottom: -2px
    }
    .PXI_Express_header_copy {
        width: 48vw;
        text-align: left;
        position: relative;
        z-index: 50;
    }
    #PXI-Express:lang(tw) .PXI_Express_header_copy, #PXI-Express:lang(cn) .PXI_Express_header_copy, #PXI-Express:lang(kr) .PXI_Express_header_copy, #PXI-Express:lang(jp) .PXI_Express_header_copy {
        padding: 0 0 6%;
    }
    .PXI_Express_header_copy h1 {
        font-size: 3vw;
        margin: 0 0 3%;
    }
    .PXI_Express_header_copy p {
        font-size: 1.8vw;
        margin: 0 0 5%
    }
    .PXI_Express_section1 figure {
        padding: 0;
    }
    .PXI_Express_section2 {
        padding: 100px 0 50px
    }
    .four_PXI_Express {
        margin: 15% 0 0 !important;
    }
    .PXI_Express_section3 figure {
        margin: 0 auto;
        width: 80%
    }
    .PXI_Express_section3 dl dd, .PXI_Express_section4 dl dt {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .PXI_Express_section5_icon figure {
        margin: 30px auto 15px;
    }
    .PXI_Express_section5 article div {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px 50px;
        margin: 0;
    }
    .PXI_Express_section6 ul.es_recommend {
        margin: 0 -10px 15px;
    }
    .PXI_Express_section6.skewY_neg {
        padding: 70px 0 150px;
    }
    .ask-box {
        bottom: 122px;
        right: 40px;
    }
}
@media (min-width: 900px) {
    #PXI-Express .skewY_neg {
        padding: 70px 0 100px;
    }
    #PXI-Express .PXI_Express_section2 {
        padding: 100px 0;
    }
}
@media (min-width: 1024px) {
    .PXI_Express_section1 {
        padding: 20px 0 50px;
    }
    .PXI_Express_section2 h2 {
        text-align: left !important;
        margin: 0 0 20px !important;
    }
    .PXI_Express_section2 dl dd, .PXI_Express_section2 dl dt {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .PXI_Express_section2 dl dt {
        padding: 0 5% 0 0;
    }
    .PXI_Express_section3 figure {
        width: 90%
    }
    .PXI_Express_section3 dl dt, .PXI_Express_section4 dl dd {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .PXI_Express_section4 p, .PXI_Express_section3 p {
        margin: 0 auto 50px;
        width: 72%
    }
    .PXI_Express_section5 {
        padding: 100px 0 110px;
    }
    .PXI_Express_section5 article {
        margin: 0 -15px
    }
    .PXI_Express_section5_ico_wrap {
        width: 944px
    }
    ul.PXI_Express_efficiency li div:before {
        transform-origin: center;
        transform: skewX(10deg);
    }
    ul.PXI_Express_efficiency {
        transform-origin: center;
        transform: skewX(-10deg);
        padding: 0;
    }
    ul.PXI_Express_efficiency li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 0;
    }
    .PXI_Express_section6 ul.es_recommend li {
        width: calc((100% / 5));
    }
    .PXI_Express_section6 h3 {
        font-weight: 500;
        margin: 30px 0 5px;
        padding: 8px 10px 10px;
        color: #d0343a;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Embedded_Controller {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        margin: 0;
    }
    .PXI_Express_section6 .es_recommend.PXI_Express_Remote_Controller li {
        width: calc((100% / 2));
    }
    ul.PXI_Express_efficiency div span {
        padding-top: 170%;
    }
    ul.PXI_Express_efficiency li:nth-child(1) div:before {
        background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications1_1.jpg");
    }
    ul.PXI_Express_efficiency li:nth-child(2) div:before {
        background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications2_1.jpg");
    }
    ul.PXI_Express_efficiency li:nth-child(3) div:before {
        background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications3_1.jpg");
    }
    ul.PXI_Express_efficiency li:nth-child(4) div:before {
        background-image: url("https://material.adlinktech.com/en/Upload/Thunderbolt3_PXI_Express_Chassis/PXI_applications4_1.jpg");
    }
}
@media (min-width: 1280px) {
    ul.PXI_Express_efficiency {
        width: 980px;
    }
    .PXI_Express_section7 article {
        max-width: 100%;
    }
    ul.es_recommend.PXI_Express_resources li {
        width: calc((100% / 4));
    }
}
@media (min-width: 1366px) {}
@media (min-width: 1440px) {
    .PXI_Express_section1 .concent {
        width: 1180px;
    }
}