@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);
/*start*/
#strixpro-wrap * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#strixpro-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
}
#strixpro-wrap .clearfix {
    zoom: 1
}

#strixpro-wrap .clearfix:before {
    content: "";
    display: table
}

#strixpro-wrap .clearfix:after {
    content: "";
    display: table;
    clear: both
}

#overview #strixpro-wrap img{
    height: auto !important;
    max-width: 100% !important;
}
#strixpro-wrap .hide{
    display: none;
}
#strixpro-wrap #MB16AC-01 .main, 
#strixpro-wrap #MB16AC-01 .mainsize,
#strixpro-wrap #MB16AC-02 .mainsize,
#strixpro-wrap #MB16AC-03 .mainsize,
#strixpro-wrap #MB16AC-04 .mainsize,
#strixpro-wrap #MB16AC-05 .mainsize,
#strixpro-wrap #MB16AC-06 .mainsize,
#strixpro-wrap #MB16AC-07 .mainsize,
#strixpro-wrap #MB16AC-08 .mainsize,
#strixpro-wrap #MB16AC-09 .mainsize{
    max-width: 1010px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#strixpro-wrap .maintitle {
    text-align: center;
}
#strixpro-wrap .maintitle .mtitle {
    font-family: "Roboto", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "寰粺姝ｉ粦楂�", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    padding: 50px 0 5px;
    line-height: 1;
}
#strixpro-wrap .maintitle img{
    margin: 30px 0;
}
#strixpro-wrap .mainsize .maintitle p{
    margin-bottom: 0 !important
}
#strixpro-wrap .mainsize .maintitle .info {
    font-family: "Segoe UI", "寰粺姝ｉ粦楂�", "Microsoft JhengHei", "Arial", "鏂扮窗鏄庨珨";
    color: #000000;
    font-size: 18px;
    
    line-height: 27px;
    text-align: center;
    width: 100%;
    margin: 0 auto
}
#strixpro-wrap .mainfull .maintitle .info {
    font-family: "Segoe UI", "寰粺姝ｉ粦楂�", "Microsoft JhengHei", "Arial", "鏂扮窗鏄庨珨";
    color: #000000;
    font-size: 18px;
    
    line-height: 27px;
    text-align: center;
    width: 100%;
    margin: 0 auto
}
#strixpro-wrap .mainsize .maintitle .info p.note{
    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
}
#strixpro-wrap .full-section {
    /*background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;*/
    /*max-height: 1041px !important;*/
    /*涓€鍊嬫豢鐗堝崁濉婄殑楂樺害锛屽彲浠ヤ緷閫犲湒鐗囩郸鐨勯珮搴﹀幓鏀硅畩*/
}

#strixpro-wrap h3{
    color: #000;
    font-size: 36px;
    font-family: "Roboto", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "寰粺姝ｉ粦楂�", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    width: 96%;
    display: block;
    line-height: 1.5em;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    font-weight: 300;
}
#strixpro-wrap .mtitle p{
    color: #000;
    font-size: 36px;
    font-family: "Roboto", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "寰粺姝ｉ粦楂�", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    width: 96%;
    display: block;
    line-height: 1.5em;
    position: relative;
    z-index: 10;
    margin: 0 auto ;
    font-weight: 300;
}
#strixpro-wrap .full-img{
    width: 104%;
    margin: 0 -2%;
}
#strixpro-wrap .full-img img{
    width: 100%;
    margin: 2em 0px 0;
    padding: 0;
}
#strixpro-wrap .iconbox{
    display: inline-block;
    margin: 0 0 1em;
}
#strixpro-wrap .iconbox li{
    display: inline-block;
    float: left;
    margin: 0 14px;
}
#strixpro-wrap .iconbox li img{
    border: 1px solid #9fa0a0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#strixpro-wrap .tp_group{
    position: relative;
    text-align: left;
}
#strixpro-wrap .tp_group img{
    float: inherit !important;
}
#strixpro-wrap .text-left{
    text-align: left !important;
}
#strixpro-wrap .text-right{
    text-align: right !important;
}
#strixpro-wrap img.mobile {
    display: none;
}
#strixpro-wrap .mainfull img{
    margin: 0 !important
}
#strixpro-wrap.m-wrap sub, #strixpro-wrap.m-wrap sup { 
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em 
}
#strixpro-wrap .m-wrap sup { 
        top: -0.5em; 
    }
#strixpro-wrap .m-wrap sub { 
        bottom: -0.25em; 
    }
/* MB16AC-01 */
#strixpro-wrap #MB16AC-01{
    background: url(../images/ZenScreen-MB16AC-Portable-Monitor.jpg) center top/1920px no-repeat;
    min-height: 1000px;
    margin-top: -18px
}
/* MB16AC-02 */
#strixpro-wrap #MB16AC-02 {
    background: url(../images/youtube_bg.jpg) center top/1920px no-repeat;
    min-height: 1080px;
    text-align: center;
}
#strixpro-wrap #MB16AC-02 a.youtube {
    display: inline-block;
    margin: 0 auto;
    margin-top: 310px;
    outline: none;
}
#colorbox #cboxClose{
    width: 24px;
    height: 24px;
    background: none !important;
    top: -30px;
}
#colorbox #cboxClose:before {
    content: '';
    width: 24px;
    height: 4px;
    background-color: white;
    display: block;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}
#colorbox #cboxClose:after {
    content: '';
    width: 24px;
    height: 4px;
    background-color: white;
    display: block;
    position: absolute;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
}

/* MB16AC-03 */
#strixpro-wrap #MB16AC-03{
    background: url(../images/ZenScreen-MB16AC-Hybrid-signal-solution.jpg) center top/1920px no-repeat;
    min-height: 850px;
}
#strixpro-wrap #MB16AC-03 .mainsize{
    width: 60%;
    margin: 0 35% 0 5%;
    padding-top: 70px;
}
#strixpro-wrap #MB16AC-03 .maintitle .mtitle p{
    color: #000
}
#strixpro-wrap #MB16AC-03 .maintitle p.note{
    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
    color: #000
}
#strixpro-wrap #MB16AC-03 .maintitle .info{
    width: 100%;
    color: #000
}
/* MB16AC-04 */
#strixpro-wrap #MB16AC-04{
    background: #fff
}
#strixpro-wrap #MB16AC-04 .u2{
    background: url(../images/ZenScreen-MB16AC-ultraportable-design.jpg) center top/1920px no-repeat;
    min-height: 627px;
}
#strixpro-wrap #MB16AC-04 .maintitle .mtitle p{
    color: #fff
}
#strixpro-wrap #MB16AC-04 .maintitle .info{
    width: 100%;
    color: #fff
}
#strixpro-wrap #MB16AC-04-2{
    display: inline-block;
    position: relative;
    width: 100%;
}
#strixpro-wrap #MB16AC-04 .parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
}
#strixpro-wrap #MB16AC-04 .u1{
    background-image: url(../images/ZenScreen-MB16AC-business-trip.jpg);
    background-position: center;
    background-size: cover;
    height: 900px;
}
#strixpro-wrap #MB16AC-04 .u3{
    background: #dee3e7
}
#strixpro-wrap #MB16AC-04 .u3 .maintitle .mtitle p{
    color: #000;
}
#strixpro-wrap #MB16AC-04 .u3 .maintitle .info{
    color: #000;
    margin-bottom: 50px
}
/* MB16AC-05 */
#strixpro-wrap #MB16AC-05{
    background: #fff
}
#strixpro-wrap #MB16AC-05 .u2{
    background: url(../images/ZenScreen-MB16AC-Auto-Rtate.jpg) center top/1920px no-repeat;
    min-height: 1000px;
    
}
#strixpro-wrap #MB16AC-05 .parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
}
#strixpro-wrap #MB16AC-05 .u1{
    background-image: url(../images/ZenScreen-MB16AC-meeting.jpg);
    background-position: center;
    background-size: cover;
    height: 900px;
    margin-top: -5px
}
/* MB16AC-06 */
#strixpro-wrap #MB16AC-06{
    background: #fff
}
#strixpro-wrap #MB16AC-06 .mainsize{
    margin: 0 3% 0 42%;
    width: 55%;
}
#strixpro-wrap #MB16AC-06 .u2{
    background: url(../images/ZenScreen-MB16AC-IPS.jpg) center top/1920px no-repeat;
    min-height: 1050px;
}
#strixpro-wrap #MB16AC-06 .parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
}
#strixpro-wrap #MB16AC-06 .u1{
    background-image: url(../images/ZenScreen-MB16AC-in-cafe.jpg);
    background-position: center;
    background-size: cover;
    height: 900px;
    margin-top: -5px
}
/* MB16AC-07 */
#strixpro-wrap #MB16AC-07{
    background: #fff
}
#strixpro-wrap #MB16AC-07 .u2{
    background: url(../images/foldable_smart_case.jpg) center top/1920px no-repeat;
    min-height: 677px;
}
#strixpro-wrap #MB16AC-07 .parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
}
#strixpro-wrap #MB16AC-07 .u1{
    background-image: url(../images/ZenScreen-MB16AC-on-the-move.jpg);
    background-position: center;
    background-size: cover;
    height: 900px;
    margin-top: -5px
}
#strixpro-wrap #MB16AC-07 .maintitle .mtitle p{
    color: #fff
}
#strixpro-wrap #MB16AC-07 .maintitle .info{
    width: 100%;
    color: #fff
}
/* MB16AC-08 */
#strixpro-wrap #MB16AC-08{
    display: inline-block;
    position: relative;
    width: 100%;
}
/* MB16AC-09 */
#strixpro-wrap #MB16AC-09{
    padding: 30px 0
}
#strixpro-wrap #MB16AC-09 .maintitle .icons{
    margin: 20px 0;
    width: 100%;
    max-width: 640px !important
}
#strixpro-wrap #MB16AC-09 .mainsize .maintitle{
    clear: both;
}
#strixpro-wrap #MB16AC-09 .mainsize .maintitle p{
    color: #0a3f81
}
#strixpro-wrap #MB16AC-09 .mainfull{
    text-align: center;
    margin: 2em 0
}
#strixpro-wrap #MB16AC-09 .mainfull ul{
    display: inline-block;
    width: 100%;
    max-width: 1320px !important;
    padding: 0 20px;
}
#strixpro-wrap #MB16AC-09 .mainfull ul li{
    display: inline-block;
    width: 50%;
    float: left;
}
#strixpro-wrap #MB16AC-09 .mainfull ul li p{
    display: inline-block;
    width: 100%;
    margin: 5px 0 20px;
    color: #000;
    font-size: 16px;
}
html #strixpro-wrap #MB16AC-09 .mainfull img{
    padding: 0;
    width: 100%;
    max-width: 660px !important
}
/*** filter ***/
#strixpro-wrap #MB16AC-08 .mainfull .maintitle{
    padding-top: 50px
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: inline-block;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-monitor{
    width: 50%;
    max-width: 555px;
    float: left;
    position: relative;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-monitor > img{
    width: 100%;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-screen img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-screen .filter-screen-1,
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-screen .filter-screen-2,
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-screen .filter-screen-3,
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-screen .filter-screen-4{
    display: none;
}

#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text{
    width: 48.5%;
    margin-right: 1%;
    float: right;
    padding-top: 0px;
    color: #000;
    text-align: left;
    max-width: 600px
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text .mtitle{
    padding-top: 0
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text .mtitle p {
    width: 100%;
    text-align: left;
    color: #0a3f81
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text .info {
    width: 100%;
    text-align: left;
    padding-bottom: 30px
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text img.tuv_logo{
    max-width: 288px !important
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control{
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li{
    margin: 60px 4px 7px 0;
    padding: 0;
    display: inline-block;
    width: 18%;
    height: 12px;
    background: #ccc;
    text-align: center;
    line-height: 64px;
    font-size: 28px;
    color: #000;
    cursor: pointer;
    transition-duration: 0.2s;
    border: 3px solid transparent;
    box-sizing: border-box;
    position: relative;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li span{
    display: inline-block;
    position: relative;
    top: -60px;
    width: 100%
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li:hover{
    border-color: rgba(0,0,0,0.2);
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.active{
    border-color: #000;
    border-width: 2px
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.filter-control-0{ background: #e6ebf2;}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.filter-control-1{ background: #a4b7d0;}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.filter-control-2{ background: #6c8cb3;}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.filter-control-3{ background: #1e4e8b;}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li.filter-control-4{ background: #0a3f81;}




/*** flicker ***/

#strixpro-wrap #MB16AC-08 .mx-section-eyecare .flicker{
    padding-top: 100px;
    width: 96%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .flicker h3{
    margin-bottom: 20px;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .flicker .flicker-compare{
    width: 100%;
    max-width: 760px;
    margin: 20px auto;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .flicker .flicker-compare div{
    width: 50%;
    float: left;
    font-size: 1.3em;
}
#strixpro-wrap #MB16AC-08 .mx-section-eyecare .flicker .flicker-compare img{
    margin-bottom: 10px;
    width: 100%;
}

/*骞虫澘*/

@media (min-width: 719px) and (max-width: 959px) {
    #strixpro-wrap section .entry-box{
        padding: 0 !important
    }
    #strixpro-wrap .mainsize .maintitle .info{
        width: 100% !important;
        padding-bottom: 1em !important
    }
    #strixpro-wrap .mainfull .maintitle .info{
        width: 100% !important;
        padding-bottom: 1em !important
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-monitor{
        margin-top: 50px
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li{
        width: 18%;
        margin: 50px 0 0;
        line-height: 36px;
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li span{
            top: -50px;
    }
}


/*鎵嬫*/

@media (max-width: 719px) {
    #strixpro-wrap .parallax.u1{
        background-attachment: scroll !important;
        background-size: 100% !important;
        height: auto !important;
        background: none !important
    }
    #strixpro-wrap .maintitle img{
        margin-top: 1em
    }
    #strixpro-wrap .maintitle .mtitle{
        padding: 1em 0 0
    }
    #strixpro-wrap img.mobile {
        width: 100%;
        display: block;
    }
    
    #strixpro-wrap img{
        width: 100%;
        margin-bottom: 1em !important;
    }
    #strixpro-wrap h3{
        width: 100% !important;
    text-shadow: 0px 0px 0px #fff;
    font-size: 1em;
    text-align: left;
    line-height: 1.2em;
    color: #000 !important;
    margin-bottom: 15px;
    }
    #strixpro-wrap .mtitle p{
        width: 100% !important;
        text-shadow: 0px 0px 0px #fff;
        font-size: 1em;
        text-align: left;
        line-height: 1.2em;
        color: #000 !important;
        margin-bottom: 15px
    }
    #strixpro-wrap .mainsize .maintitle .info{
        width: 100% !important;
        margin-bottom: 1em !important;
        text-align: left;
        color: #000 !important;
        margin-top: 1em
    }
    #strixpro-wrap .mainfull .maintitle .info{
        width: 100% !important;
        margin-bottom: 1em !important;
        text-align: left;
        color: #000 !important;
        margin-top: 1em
    }
    /*MB16AC-01*/
    #strixpro-wrap #MB16AC-01{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 2em;
        margin-top: -7px
    }
    /*MB16AC-02*/
    
    /*MB16AC-03*/
    #strixpro-wrap #MB16AC-03{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 0em
    }
    #strixpro-wrap #MB16AC-03 .mainsize{
        max-width: 1010px;
        width: 100%;
        margin: 0 auto;
        padding: 0px 20px;
    }
    /*MB16AC-04*/
    #strixpro-wrap #MB16AC-04{
        background: none
    }
    #strixpro-wrap #MB16AC-04 .u2{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 1em
    }
    /*MB16AC-05*/
    #strixpro-wrap #MB16AC-05{
        background: none
    }
    #strixpro-wrap #MB16AC-05 .u2{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 1em
    }
    /*MB16AC-06*/
    #strixpro-wrap #MB16AC-06{
        background: none
    }
    #strixpro-wrap #MB16AC-06 .u2{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 1em
    }
    #strixpro-wrap #MB16AC-06 .mainsize{
        max-width: 1010px;
        width: 100%;
        margin: 0 auto;
        padding: 0px 20px;
    }
    /*MB16AC-07*/
    #strixpro-wrap #MB16AC-07{
        background: none
    }
    #strixpro-wrap #MB16AC-07 .u2{
        background: none !important;
        height: auto;
        min-height: inherit;
        padding-bottom: 1em
    }
    /*MB16AC-09*/
    #strixpro-wrap #MB16AC-09 .maintitle .icons{
        margin-top: 0;
    }
    #strixpro-wrap #MB16AC-09 .mainfull ul li{
        width: 100%
    }
    /*MB16AC-08*/
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-monitor{
        width: 96%;
        max-width: auto;
        float: none;
        margin: 0 auto;
    }
    #strixpro-wrap #MB16AC-08 .mainfull{
        padding: 20px 20px 0;
    }
    #strixpro-wrap #MB16AC-08 .mainfull .maintitle{
        padding-top: 0
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text{
        width: 100%;
        max-width: auto;
        float: none;
        margin: 0 auto;
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li{
        width: 18%;
        margin: 40px 0 0;
        line-height: 44px;
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control li span{
            top: -50px;
    }
    #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .filter-control{
        margin: 0
    }
    html #strixpro-wrap #MB16AC-08 .mx-section-eyecare .filter .mx-text img{
        max-width: 376px !important
    }
    
}



/*VIDEO*/
#strixpro-wrap #MB16AC-02 .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    margin-top: -25px;
    height: 0;
    display: block;
}
#strixpro-wrap #MB16AC-02 .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}