@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);

body{
    padding: 0;
    margin: 0;
    background: #000;
    height: auto !important;
}
a{
    text-decoration: none
}
a:focus, button:focus {
    outline:0 !important;
}
.m-wrap div, .m-wrap span, .m-wrap applet, .m-wrap object, .m-wrap iframe, .m-wrap h1, .m-wrap h2, .m-wrap h3, .m-wrap h4, .m-wrap h5, .m-wrap h6, .m-wrap p, .m-wrap blockquote, .m-wrap pre, .m-wrap a, .m-wrap abbr, .m-wrap acronym, .m-wrap address, .m-wrap big, .m-wrap cite, .m-wrap code, .m-wrap del, .m-wrap dfn, .m-wrap em, .m-wrap img, .m-wrap ins, .m-wrap kbd, .m-wrap q, .m-wrap s, .m-wrap samp, .m-wrap small, .m-wrap strike, .m-wrap strong, .m-wrap sub, .m-wrap sup, .m-wrap tt, .m-wrap var, .m-wrap b, .m-wrap u, .m-wrap i, .m-wrap center, .m-wrap dl, .m-wrap dt, .m-wrap dd, .m-wrap ol, .m-wrap ul, .m-wrap li, .m-wrap fieldset, .m-wrap form, .m-wrap label, .m-wrap legend, .m-wrap table, .m-wrap caption, .m-wrap tbody, .m-wrap tfoot, .m-wrap thead, .m-wrap tr, .m-wrap th, .m-wrap td, .m-wrap article, .m-wrap aside, .m-wrap canvas, .m-wrap details, .m-wrap embed, .m-wrap figure, .m-wrap figcaption, .m-wrap footer, .m-wrap header, .m-wrap hgroup, .m-wrap menu, .m-wrap nav, .m-wrap output, .m-wrap ruby, .m-wrap section, .m-wrap summary, .m-wrap time, .m-wrap mark, .m-wrap audio, .m-wrap video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
.m-wrap a {
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0.1);
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
/*start*/
#special-sectionOverview * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#sectionOverview {
    padding: 0px;
    height: 11200px;
    /*依造內容多少去決定高度*/
    width: 100%;
    -webkit-font-smoothing: antialiased;
}
#solutions-wrap {
    /*position: absolute;*/
    width: 100%;
    left: 0;
    background: none;
    color: #000
}
#solutions-wrap .clearfix {
    zoom: 1
}

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

#solutions-wrap .clearfix:after {
    content: "";
    display: table;
    clear: both
}
#solutions-wrap #backtop{
    background-image: url(../img/ui/backtop.png);
    background-repeat: no-repeat;
    border: 1px #ccc solid;
    background-color: rgba(255,255,255,0.5);
}
html #solutions-wrap img {
    height: auto !important;
    max-width: 100% !important;
    vertical-align: middle;
    border: none;
}
#solutions-wrap #solutions-KV .mainsize,
#solutions-wrap #solutions-KVslider .mainsize,
#solutions-wrap #solutions-kvtxt .mainsize,
#solutions-wrap #CN62-smart .mainsize,
#solutions-wrap #solutions-tab .mainsize,
#solutions-wrap #solutions-01 .mainsize,
#solutions-wrap #solutions-wifi6 .mainsize,
#solutions-wrap #solutions-MEMORY .mainsize,
#solutions-wrap #solutions-video .mainsize,
#solutions-wrap #solutions-02 .mainsize,
#solutions-wrap #solutions-04 .mainsize,
#solutions-wrap #solutions-07 .mainsize,
#solutions-wrap #solutions-REVOLUTION .mainsize,
#solutions-wrap #solutions-Intel .mainsize,
#solutions-wrap #solutions-05 .mainsize{
    max-width: 1200px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#solutions-wrap .maintitle {
    text-align: center;
}
#solutions-wrap .maintitle img{
    margin: 30px 100px 0px 100px;
}
#solutions-wrap .mtitle p{
    color: #fff;
    font-size: 40px;
    width: 100%;
    display: block;
    line-height: 1.1em;
    position: relative;
    font-weight: 500;
    z-index: 10;
    margin: 0 auto ;
    letter-spacing: 0em;
    font-family: "xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap .mainsize .maintitle h1,
#solutions-wrap .mainfull .maintitle h1,
#solutions-wrap #solutions-video h1{
    color: #fff;
    letter-spacing: 0em;
    font-size: 48px;
    font-family: "xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin: 50px auto;
    letter-spacing: -0.05em
}
#solutions-wrap .mainsize .maintitle h3,
#solutions-wrap .mainfull .maintitle h3,
#solutions-wrap #solutions-video h3{
    color: #fff;
    letter-spacing: 0em;
    font-size: 48px;
    font-family: "xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin: 50px auto;
    letter-spacing: -0.05em
}
#solutions-wrap .mtitle p b{
    color: #ffb900;
    font-style: italic;
}
#solutions-wrap .stitle p{
    color: #000;
    font-size: 30px;
    width: 100%;
    display: block;
    line-height: 1.2em;
    position: relative;
    z-index: 10;
    margin: 15px auto 25px;
    text-align: center;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap .maintitle .info,
.supported .info,
#solutions-wrap #solutions-05 ul li p {
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #2f2e2e;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px
}
#solutions-wrap .maintitle .info.w_70{
    width: 70%;
    margin: 15px auto 0px;
}
#solutions-wrap p.icon_title{
    color: #000;
    font-size: 22px;
    width: 100%;
    display: block;
    line-height: 1.2em;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    text-align: left;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    min-height: 55px
}
#solutions-wrap .whiteBg p.icon_title{
    color: #fff
}

@media (max-width: 719px) {
    #solutions-wrap p.icon_title{
        text-align: center;
        margin-top: 20px;
        min-height: inherit;
    }
}
#solutions-wrap .maintitle p.note{
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    display: inline-block;
}
#solutions-wrap .mainsize .maintitle .info b{
    font-size: 20px;
    color: #ad8c35;
    font-weight: 300;
    margin-bottom: 10px;
    display: inline-block;
}
#solutions-wrap .full-section {
    /*background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;*/
    /*max-height: 1041px !important;*/
    /*一個滿版區塊的高度，可以依造圖片給的高度去改變*/
}


#solutions-wrap .full-img{
    width: 104%;
    margin: 0 -2%;
}
#solutions-wrap .full-img img{
    width: 100%;
    margin: 2em 0px 0;
    padding: 0;
}
#solutions-wrap .iconbox{
    display: inline-block;
    margin: 0 0 1em;
}
#solutions-wrap .iconbox li{
    display: inline-block;
    float: left;
    margin: 0 14px;
}
#solutions-wrap .iconbox li img{
    border: 1px solid #9fa0a0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
/* 左文右圖 */
#solutions-wrap .maintitle.lefttxt {
    display: inline-block;
    width: 100%;
    margin: 0 0 60px;
}
#solutions-wrap .maintitle.lefttxt .info_left {
    float: left;
    margin: 0px -100% 0px 0px;
    position: relative;
    width: 50%;
    text-align: left !important
}
#solutions-wrap .maintitle.lefttxt .info_left .mtitle,
#solutions-wrap .maintitle.lefttxt .info_left .mtitle p, 
#solutions-wrap .maintitle.lefttxt .info_left .info, 
#solutions-wrap .maintitle.lefttxt .info_left .info p, 
#solutions-wrap .maintitle.lefttxt .info_right .mtitle,
#solutions-wrap .maintitle.lefttxt .info_right .mtitle p {
    text-align: left !important;
    padding: 0;
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 15px;
}
#solutions-wrap .maintitle.lefttxt .info_right {
    margin: 0px 0px 0px 50%;
    position: relative;
    /*width: 100%;*/
}
#solutions-wrap .maintitle.lefttxt .info_left .stitle,
#solutions-wrap .maintitle.lefttxt .info_left .stitle p,
#solutions-wrap .maintitle.lefttxt .info_left .info,
#solutions-wrap .maintitle.lefttxt .info_left .info p{
    text-align: left !important;
    margin-left: 0 !important;
}
/* 左圖右文 */
#solutions-wrap .maintitle.righttxt {
    display: inline-block;
    width: 100%;
    margin: 0;
}
#solutions-wrap .maintitle.righttxt .info_left {
    float: left;
    margin: 0px -100% 0px 0px;
    position: relative;
    width: 50%;
}
#solutions-wrap .maintitle.righttxt .info_left .mtitle, 
#solutions-wrap .maintitle.righttxt .info_left .mtitle p, 
#solutions-wrap .maintitle.righttxt .info_left .info, 
#solutions-wrap .maintitle.righttxt .info_left .info p, 
#solutions-wrap .maintitle.righttxt .info_right .mtitle, 
#solutions-wrap .maintitle.righttxt .info_right .mtitle p {
    text-align: left !important;
    padding: 0;
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 20px;
}
#solutions-wrap .maintitle.righttxt .info_right {
    margin: 0px 0px 0px 50%;
    position: relative;
    text-align: left;
    /*width: 100%;*/
}
#solutions-wrap .maintitle.righttxt .info_right .stitle,
#solutions-wrap .maintitle.righttxt .info_right .stitle p,
#solutions-wrap .maintitle.righttxt .info_right .info,
#solutions-wrap .maintitle.righttxt .info_right .info p{
    text-align: left !important;
    margin-left: 0 !important;
}
@media (max-width: 719px) {
    /* 左文右圖 */
    #solutions-wrap .maintitle.lefttxt .info_left {
        margin: 0 !important;
        padding: 0px 0  px !important;
        width: 100% !important;
        display: inline-block
    }
    #solutions-wrap .maintitle.lefttxt .info_right {
        margin: 0 !important;
        padding: 0px 0  px !important;
        width: 100% !important;
        display: inline-block
    }
    /* 左圖右文 */
    #solutions-wrap .maintitle.righttxt .info_left {
        margin: 0 !important;
        padding: 0px 0px !important;
        width: 100% !important;
        display: inline-block
    }
    #solutions-wrap .maintitle.righttxt .info_right {
        margin: 0 !important;
        padding: 0px 0px !important;
        width: 100% !important;
        display: inline-block
    }
}
/**/
.tp_group{
    position: relative;
    text-align: left;
}
.tp_group img{
    float: inherit !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
#solutions-wrap img.mobile {
    display: none;
}
#solutions-wrap .mainfull{
    text-align: center;
}
#solutions-wrap .mainfull img{
    margin: 0 !important;
}
.m-wrap sub, .m-wrap sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.m-wrap sup {
    top: -0.5em;
}
.m-wrap sub {
    bottom: -0.25em;
}
#solutions-wrap .bg-style{
    padding-top: 80px;
    background: url(../img/bg_style.jpg) top center no-repeat;
    background-size: 100%;
}
#solutions-wrap section.whiteBg .maintitle .mtitle p,
#solutions-wrap section.whiteBg .maintitle .stitle p,
#solutions-wrap section.whiteBg .maintitle .info {
    color: #fff !important;
}
#solutions-wrap img.mobile, #solutions-wrap .mobile {
    display: none !important;
}

/*PA34VC-KV*/
#solutions-wrap #solutions-KV {
    background: #000 url(../img/solutions_kv.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
    min-height: 500px;
    position: relative;
    z-index: 1;
}
#solutions-wrap #solutions-KV .mainfull.full_bg{
    position: absolute;
    top: 0;
    width: 100%;
}
#solutions-wrap #solutions-KV img.w-img-1366{
    position: relative;
    width: 100%;
    z-index: 0;
}
#solutions-wrap #solutions-KV .maintitle {
        padding: 120px 5% 0px;
    /*max-width: 610px;*/
}
#solutions-wrap #solutions-KV .maintitle .stitle {
    max-width: 640px;
    padding-top: 20px;
}
#solutions-wrap #solutions-KV .maintitle .mtitle {
    max-width: 640px;
    padding-top: 0px;
}
#solutions-wrap #solutions-KV .mtitle p {
    margin: 0;
    text-align: left;
    font-weight: 300;
    font-size: 56px
}

#solutions-wrap #solutions-KV .stitle p {
    margin: 1   0px 0 0;
    text-align: left;
    font-size: 36px;
    font-weight: 300;
    color: #000;
}

@media (min-width: 719px) and (max-width: 1100px) {
    #solutions-wrap #solutions-KV {
        background: url(../img/solutions_kv.jpg) top center no-repeat;
        background-size: 100% 100%;
        min-height: inherit;
        padding-bottom: 0px
    }
    #solutions-wrap #solutions-KV .maintitle {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 50px 20px;
        position: relative;
    }
    #solutions-wrap #solutions-KV .mainfull.full_bg{
        position: relative;
    }
    #solutions-wrap #solutions-KV img.w-img-1366{
        display: none
    }
    #solutions-wrap #solutions-KV .maintitle .mtitle {
        width: 50%;
        text-shadow: inherit;
        padding-top: 0
    }
    #solutions-wrap #solutions-KV .maintitle .stitle {
        padding-top: 0px;
        width: 50%
    }
    #solutions-wrap #solutions-KV .mobile {
        display: block;
        width: 100%
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-KV {
        background: #000 url(../img/solutions_kv_s.jpg) top center no-repeat;
        background-size: 100%;
        min-height: inherit;
        padding-top: 20px;
    }
    #solutions-wrap #solutions-KV img.w-img-1366{
        display: none
    }
    #solutions-wrap #solutions-KV .mainfull.full_bg{
        position: relative;
    }
    #solutions-wrap #solutions-KV .mtitle p{
        margin-top: 60%
    }
    #solutions-wrap #solutions-KV .stitle p{
        margin-top: 0 !important
    }
}
/**/
#solutions-wrap #solutions-kvtxt{
    background: url(../img/bg_style.jpg) center top no-repeat;
    background-size: 100%;
    padding: 50px 0 100px !important;
    margin-top: 50px
}
#solutions-wrap #solutions-kvtxt .mainsize {
    width: 100%;
    max-width: inherit;
    text-align: center;
}
#solutions-wrap #solutions-kvtxt .mainsize .maintitle {
    /* width: 100%; */
    margin: 0 auto;
    padding: 0 18px 0px;
    text-align: center;
    display: inline-block;
    max-width: 1500px;
}
#solutions-wrap #solutions-kvtxt .mainsize .maintitle .info{
    color: #fff
}

@media (max-width: 719px){
    #solutions-wrap #solutions-kvtxt{
        padding-bottom: 50px !important
    }
    #solutions-wrap #solutions-kvtxt .mainsize .maintitle{
        padding-bottom: 0 !important
    }
}
@media (max-width: 959px) and (min-width: 720px){
    #solutions-wrap #big-title .maintitle {
        padding-bottom: 0 !important
    }
}
@media (max-width: 719px){
    #solutions-wrap #big-title .maintitle {
        padding-bottom: 0 !important
    }
}
#solutions-wrap #solutions-KVslider .mainsize {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
}
#solutions-wrap #solutions-KVslider .owl-carousel_kv .owl-nav{
    display: none
}
#solutions-wrap #solutions-KVslider .owl-carousel_kv .owl-stage{
    position: relative;
}
#solutions-wrap #solutions-KVslider .owl-carousel_kv .owl-dots{
    /*display: block;*/
    margin-top: 10px;
    display: none
}
/*solutions-video-list*/
#solutions-wrap #solutions-video-list{
    /*background: url(../img/bg_style.jpg) center 130px no-repeat;
    background-size: 100%;*/
    min-height: inherit;
    padding: 20px 0 20px !important;
}
#solutions-wrap #solutions-video-list ul{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
#solutions-wrap #solutions-video-list ul li{
    display: inline-block;
    width: 50%;
    padding: 10px;
    float: left;
}
#solutions-wrap #solutions-video-list ul li a{
    display: inline-block;
    position: relative;
}
#solutions-wrap #solutions-video-list ul li a img{
    margin: 10px 0
}
#solutions-wrap #solutions-video-list ul li a:after{
    content: "";
    background-image: url(../img/video/play-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 25%;
    height: 25%;
    max-width: 76px;
    max-height: 76px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}
#solutions-wrap #solutions-video-list ul li p{
    font-family: "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    font-size: 15px;
    min-height: 40px
}
@media (max-width: 1024px) {
    #solutions-wrap #solutions-video-list ul li{
        width: 50%
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-video-list{
        padding: 0 !important
    }
    #solutions-wrap #solutions-video-list .maintitle{
        padding-bottom: 0 !important
    }
    #solutions-wrap #solutions-video-list ul li{
        width: 100%
    }
    #solutions-wrap #solutions-video-list ul li p{
        margin: 10px 0
    }
}

/*overclocking-01*/
#solutions-wrap #overclocking-01 .maintitle {
    padding: 50px 20px 80px;
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
}
#solutions-wrap #overclocking-01 .maintitle .info_left{
    width: 220px
}
#solutions-wrap #overclocking-01 .maintitle .info_right{
    width: calc(100% - 220px);
    margin: 0px 0px 0px 220px;
    text-align: center;
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-01 .maintitle{
        padding-bottom: 50px
    }
}

/*overclocking-02*/
#solutions-wrap #overclocking-02 .maintitle {
    padding: 0px 20px 0px;
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}
#solutions-wrap #overclocking-02 .maintitle .overclocking_glance{
    margin: 50px auto;
    width: 98%;
    padding-top: 0px;
    text-align: center;
    display: inline-block;
}
#solutions-wrap #overclocking-02 .maintitle .overclocking_glance li{
    display: inline-block;
    width: 33.3333%;
    border: none;
    float: left;
    padding: 0 3%
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #solutions-wrap #overclocking-02 .maintitle .overclocking_glance li{
        padding: 0 15px;
        width: calc( 33.3333% - 30px)
    }
}
#solutions-wrap #overclocking-02 .maintitle .overclocking_glance li p {
    font-size: 26px;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /* text-decoration: underline; */
    margin-top: 15px;
    margin-bottom: 15px;
    color: #01c6f5;
    /*background: transparent;
    background: linear-gradient(to bottom, #0468b8 0%, #037ec6 30%, #029edc 60%, #029edc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;*/
}
#solutions-wrap #overclocking-02 .maintitle .overclocking_glance li p.note{
    font-family: "Myriad Pro Light", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
}
#solutions-wrap #overclocking-02 .maintitle .overclocking_glance li .info {
    margin-top: 5px;
    color: #fff;
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-02 .maintitle{
        padding-bottom: 0 !important
    }
    #solutions-wrap #overclocking-02 .maintitle .overclocking_glance{
        margin-bottom: 0
    }
    #solutions-wrap #overclocking-02 .maintitle .overclocking_glance li{
        width: 100%;
        margin-bottom: 50px;
        padding: 0
    }
    #solutions-wrap #overclocking-02 .maintitle .overclocking_glance li img{
        max-width: 225px !important
    }
}
/*overclocking-04*/
#solutions-wrap #overclocking-04 .maintitle {
    padding: 0px 20px 50px;
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-04 .maintitle{
        padding-bottom: 0 !important
    }
}
/*overclocking-05*/
#solutions-wrap #overclocking-05 .maintitle {
    padding: 0px 20px 50px;
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-05 .maintitle{
        padding-bottom: 0 !important
    }
}
#solutions-wrap #specarea.spec {
    width: 800px;
    margin: 20px auto;
}

#solutions-wrap #specarea.spec table {
    width: 100%;
}

#solutions-wrap #specarea.spec th {
    font-family: 'Roboto', sans-serif;
    background: #c20000;
    border: 1px solid #7c7c7c;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6;
    color: #fff;
    padding: 5px 0;
}

#solutions-wrap #specarea.spec table tr {
    font-family: 'Roboto Condensed', sans-serif;
    background: #333;
    border: 1px solid #7c7c7c;
    font-weight: normal;
    font-size: 1em;
    color: #fff;
    padding: 5px 0;
}

#solutions-wrap #specarea.spec table tr td {
    font-family: 'Roboto Condensed', sans-serif;
    background: #000;
    border: 1px solid #7c7c7c;
    font-size: 1.1em;
    line-height: 1.6;
    color: #fff;
    padding: 3px;
    text-align: center;
}

#solutions-wrap #specarea.spec table tr td.name {
    background: #333;
    color: #fff;
    text-align: center;
}
#solutions-wrap #specarea.spec table tr th.model {
    background: #02afe7;
    color: #fff;
    text-align: center;
}
#solutions-wrap #specarea.spec table tr td.model {
    background: #333;
    color: #fff;
    text-align: center;
}

#solutions-wrap #specarea.spec table a {
    color: #fff;
}

#solutions-wrap #specarea.spec table a:visited {
    color: #fff;
}

#solutions-wrap #specarea.spec table a:hover {
    color: #01c6f5;
    text-decoration: blink;
}

#solutions-wrap #specarea.spec span {
    text-align: center;
    display: block;
}

#solutions-wrap #specarea.spec .yes {
    background: ;
    display: block;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    text-indent: -9999em;
}

#solutions-wrap #specarea.comingsoon {
    text-align: center;
    font-size: 6em;
    color: #bbb;
    margin-top: 1em;
    line-height: 1em;
}

#solutions-wrap #specarea.spec-tab {
    width: 840px;
    margin: 0 auto;
}

#solutions-wrap #specarea.spec-tab a {
    padding: 5px;
    display: inline-block;
}

#solutions-wrap #specarea.spec-tab a:hover {
    background-color: #39cade;
}

#solutions-wrap #specarea.spec-tab a.active {
    background-color: #158796;
}

#solutions-wrap #specarea.spec-table-2 {
    display: none;
}

@media (max-width: 960px) {
    #solutions-wrap #specarea{
        margin-top: 70px;
    }
}

@media (max-width: 950px) {
    #solutions-wrap #specarea.spec {
        width: 98%;
        margin: 20px 1%;
    }
}

@media (max-width: 900px) {
    #solutions-wrap #specarea.spec-tab {
        width: 98%;
    }

    #solutions-wrap #specarea.spec-tab a {
        margin-bottom: 10px;
    }
}

@media (max-width: 720px) {
    #solutions-wrap #specarea{
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    #solutions-wrap #specarea.spec-tab a img {
        width: 100%;
    }
}

/* overclocking-03 */
#solutions-wrap #overclocking-03{
    /*background: #546e91;*/
    padding: 0 0 50px;
    /*background: #000*/
}
#solutions-wrap #overclocking-03 .maintitle{
    padding: 50px 20px 0px;
    width: 100%;
    margin: 0 auto;
    max-width: 1240px;
    position: relative;
}
#solutions-wrap #overclocking-03 .tab_area_02 .maintitle{
    max-width: 1000px;
}
#solutions-wrap #overclocking-03 .maintitle .mtitle p{
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0
}
#solutions-wrap #overclocking-03 .maintitle ul{
    display: inline-block;
}
#solutions-wrap #overclocking-03 .maintitle ul li{
    width: 50%;
    float: left;
}
#solutions-wrap #overclocking-03 .maintitle .step_style{
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
#solutions-wrap #overclocking-03 .maintitle .step_style li{
    width: 100%;
    margin-bottom: 30px
}
#solutions-wrap #overclocking-03 .tab_area_01 .maintitle .step_style .info_left {
    width: 220px;
}
#solutions-wrap #overclocking-03 .tab_area_01 .maintitle .step_style .info_right {
    width: calc(100% - 220px);
    margin: 0px 0px 0px 220px;
}
#solutions-wrap #overclocking-03 .tab_area_02 .maintitle .info_left {
    width: 250px;
    text-align: right;
}
#solutions-wrap #overclocking-03 .tab_area_02 .maintitle .info_right {
    width: calc(100% - 300px);
    margin: 0px 0px 0px 250px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    padding-left: 30px
}
#solutions-wrap #overclocking-03 .tab_area_03 .maintitle .info_right,
#solutions-wrap #overclocking-03 .tab_area_04 .maintitle .info_right{
    position: absolute;
    top: 50%;
    transform: translate(-2%, -50%);
}
#solutions-wrap #overclocking-03 .maintitle .step_style .mtitle{
    margin-bottom: 5px
}
#solutions-wrap #overclocking-03 .maintitle .step_style .info{
    margin-top: 10px
}
#solutions-wrap #overclocking-03 .maintitle .step_style .mtitle p{
    font-size: 28px;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /* text-decoration: underline; */
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    color: #868686;
    line-height: 0.9em;
}
#solutions-wrap #overclocking-03 .maintitle .step_style .step_num{
    display: inline-block;
    position: relative;
    width: 180px;
    background: url(../img/step_bg.png) no-repeat right bottom;
    background-size: contain;
    float: left;
}
#solutions-wrap #overclocking-03 .maintitle .step_style .step_num p{
    font-size: 20px;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    position: absolute;
    /* text-decoration: underline; */
    display: inline-block;
    color: #fff;
    bottom: 7px;
    left: 10px
}
#solutions-wrap #overclocking-03 .maintitle .step_style .step_num b{
    font-size: 110px;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /* text-decoration: underline; */
    display: inline-block;
    width: 50px;
    color: #fff;
    line-height: 0.9em;
}


@media (min-width: 959px) and (max-width: 1360px) {
    #overclocking_area ul li a{
        font-size: 1.7em
    }
}
@media (min-width: 720px) and (max-width: 959px) {
    #overclocking_area ul li a{
        font-size: 1.4em
    }
    #solutions-wrap #overclocking-03 .maintitle .mtitle p{
        padding-top: 0
    }
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-03{
        padding-top: 10px;
        padding-bottom: 0
    }
   #solutions-wrap #overclocking-03 .maintitle{
        padding: 0px 18px 0px;
        width: 100%;
        /*border: 1px solid #077ac2;*/
    border-radius: 10px;
    }
    #solutions-wrap #overclocking-03 .maintitle .mtitle{
        margin-top: 50px !important
    }
    #solutions-wrap #overclocking-03 .tab_area_01 .maintitle .step_style .info_right .mtitle{
        margin-top: 20px !important
    }
    #solutions-wrap #overclocking-03 #overclocking_area ul{
        width: 96%;
        margin-bottom: 20px
    }
    #solutions-wrap #overclocking-03 .maintitle ul li{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #solutions-wrap #overclocking-03 .tab_area_02 .maintitle .info_left{
        text-align: center;
    }
    #solutions-wrap #overclocking-03 .tab_area_02 .maintitle .info_right,
    #solutions-wrap #overclocking-03 .tab_area_03 .maintitle .info_right,
    #solutions-wrap #overclocking-03 .tab_area_04 .maintitle .info_right{
        position: relative;
        transform: inherit;
    }
    /*#overclocking_area ul li a{
        background: #7c7c7c;
        padding: 10px 0;
        margin-bottom: 10px
    }*/
    /*#overclocking_area ul li a.active{
        color: #fff;
        background: #3b98ff;
    }*/
}
/**/
.tab_style{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    /*background: #fff*/
}
.tab_style ul{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /*border-bottom: 1px solid #ccc;*/
}
.tab_style ul li{
    display: inline-block;
    padding: 0 ;
    text-align: center;
    width: 50%;
    float: left;
}
.tab_style ul li a{
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #7c7c7c;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    display: inline-block;
    position: relative;
    background: linear-gradient(to bottom, #1d1d1d, #313131, #262626);
}
.tab_style_b ul li a{
    padding: 15px 0 20px;
}
.tab_style ul li a:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #5e5e5e;
    position: absolute;
    bottom: 1px;
    left: 0%;
}
.tab_style_b ul li a:after{
    bottom: 0px;
}
.tab_style ul li a.active{
    color: #3b98ff;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 400;
    background: linear-gradient(to bottom, #544f4e, #181818, #272627);
}
.tab_style ul li a.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    background: url(../img/big_btn_active.png) no-repeat center bottom;
    background-size: 100% 100%;
    left: 0;
    bottom: 0;
}
.tab_style ul li a.active p,
.tab_style ul li a.active p b{
    color: #fff
}
.tab_style ul li a.active:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #02afe7;
    position: absolute;
    bottom: 0;
    left: 0%;
}
.tab_style ul li a p{
    font-size: 28px;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /* text-decoration: underline; */
    display: inline-block;
    width: 100%;
    color: #868686;
    line-height: 0.9em;
}
.tab_style ul li a p b{
    font-size: 16px;
    font-family: "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /* text-decoration: underline; */
    display: inline-block;
    width: 100%;
    color: #868686;
}
@media (max-width: 719px) {
    .tab_style ul{
        width: 100% !important
    }
    .tab_style ul li{
        width: 50%;
    }
   .tab_style ul li a{
    font-size: 1.3em;
    padding-top: 15px;
    color: #fff
   }
   .tab_style ul li a.active:after,
   .tab_style ul li a:after{
    /*display: none*/
    width: 100%;
    left: 0
   }
   .tab_style ul li a p{
    font-size: 1em
   }
   .tab_style ul li a p b{
    font-size: 0.6em
   }
}
/*CN62-smart*/
#solutions-wrap #CN62-smart {
    background: url(../img/bg_smart.jpg) center top/1920px no-repeat;
    min-height: 1036px;
    text-align: center;
    position: relative;
}
#solutions-wrap #CN62-smart a{
    display: inline-block;
    margin: 0 auto;
    color: #00b2dc;
    text-decoration: underline;
}
#solutions-wrap #CN62-smart a img{
    width: 100%;
    max-width: 303px;
}
#solutions-wrap #CN62-smart .mainfull .maintitle{
    width: 50%;
    margin: 0 5%;
    padding: 30px 30px 0;
    position: absolute;
    top: 40%;
    transform: translate(0%, -50%);
    background: rgba(255, 255, 255, 0.5);
}
#solutions-wrap #CN62-smart .mainfull .maintitle .info{
  width: 100%;
}
@media (max-width: 959px) and (min-width: 719px){
    #solutions-wrap #CN62-smart .mainfull .maintitle{
        width: 60%;
        padding: 30px 30px 0;
        /*top: 50%;
        transform: translate(0%, -50%);*/
    }
}
/* oddpage-tab */
#solutions-wrap #solutions-tab{
    position: relative;
}
#solutions-wrap #solutions-tab .item .mtitle{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 17%;
}
#solutions-wrap #solutions-tab .item .mtitle.black p{
    color: #000 !important
}
#solutions-wrap #solutions-tab .item .mtitle.first-m{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: calc(50% - 10px) ;
}
#solutions-wrap #solutions-tab .item .mtitle.first-m p{
    letter-spacing: 0.04em;
}
#solutions-wrap #solutions-tab img{
    width: 100% !important;
    margin-bottom: 0 !important
}
#solutions-wrap #solutions-tab .owl-nav{
    position: absolute;
    bottom: calc(50% + 20px);
    width: 100%;
}
#solutions-wrap #solutions-tab .owl-nav button[type="button"]{
    background: none;
    width: 50px;
    height: 50px;
    padding: 10px 10px !important
}
#solutions-wrap #solutions-tab .owl-nav button[type="button"]:hover{
    background: none;
}
#solutions-wrap #solutions-tab .owl-nav button.owl-prev{
    position: absolute;
    left:1%
}
#solutions-wrap #solutions-tab .owl-nav button.owl-prev span{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../img/arrows.png) bottom left no-repeat;
}
#solutions-wrap #solutions-tab .owl-nav button.owl-next{
    position: absolute;
    right:1%
}
#solutions-wrap #solutions-tab .owl-nav button.owl-next span{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../img/arrows.png) top left no-repeat;
}
#solutions-wrap #solutions-tab .owl-dots{
    position: absolute;
    bottom: 6%;
    width: 100%;
    max-width: 1100px;
    left: calc(50% - 550px);
}
#solutions-wrap #solutions-tab .owl-dots .owl-dot{
    width: 30px
}
#solutions-wrap #solutions-tab .owl-dots .owl-dot span{
    border-radius: 50%;
    background: #bababa;
    width: 8px;
    height: 8px;
    margin: 8px auto;
    padding: 0;
}
#solutions-wrap #solutions-tab .owl-dots .owl-dot.active span, #solutions-wrap #solutions-tab .owl-dots .owl-dot:hover span {
    background: #0094f2;
}
#solutions-wrap #solutions-tab .owl-dots button:first-child{
    /*display: 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;
}
/**/
#tab_area{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    /*background: #fff*/
}
#tab_area ul{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    /*border-bottom: 1px solid #ccc;*/
}
#tab_area ul li{
    width: auto;
    display: inline-block;
    padding: 0 50px;
    text-align: center;
    max-width: 24%
}
#tab_area ul li a{
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #7c7c7c;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 10px;
    display: inline-block;
    position: relative;
}
#tab_area ul li a:after{
    content: "";
    display: inline-block;
    width: 120%;
    height: 5px;
    background: #7c7c7c;
    position: absolute;
    bottom: 0;
    left: -10%;
    border-radius: 10px;
}
#tab_area ul li a.active{
    color: #3b98ff;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 400
}
#tab_area ul li a.active:after{
    content: "";
    display: inline-block;
    width: 120%;
    height: 5px;
    background: #3b98ff;
    position: absolute;
    bottom: 0;
    left: -10%;
    border-radius: 10px;
}
html #special-sectionOverview #solutions-wrap #tab_area ul li a img.tab_icon{
    padding: 2px 8px 0 0;
    float: left;
    max-width: 35px !important;
}
@media (max-width: 719px) {
    #tab_area ul li{
        width: 50%;
        max-width: 49%;
        padding: 0 5px;
    }
   #tab_area ul li a{
    font-size: 1.3em;
    padding-top: 15px;
    color: #fff
   }
   #tab_area ul li a.active:after,
   #tab_area ul li a:after{
    /*display: none*/
    width: 100%;
    left: 0
   }
}
.tab_area_box{
    display: none;
}
.tab_area_box.active{
    display: block;
}
#solutions-wrap a.learnmore_style_a{
    position: relative;
    padding: 10px 20px;
    display: inline-block;
}
#solutions-wrap a.learnmore_style_a p{
    font-size: 20px;
    color: #fff;
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    position: relative;
}
#solutions-wrap a.learnmore_style_a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #0468b8 0%, #02afe5 100%);
    -moz-transform:skew(-15deg);
      -webkit-transform:skew(-15deg);
      -o-transform:skew(-15deg);
      -ms-transform:skew(-15deg);
      transform:skew(-15deg);
      -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#solutions-wrap a.learnmore_style_a:hover:before{
    background: linear-gradient(to bottom, #02afe5 0%, #0468b8 100%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#solutions-wrap a.learnmore_style_b{
    font-size: 18px;
    color: #fff;
    font-family: "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    position: relative;
    background: linear-gradient(to right, #5702d9 0%, #4247ee 100%);
    padding: 20px 50px;
    display: inline-block;
    border-radius: 50px;
    margin: 0px 0 50px
}
/* solutions-01 */
#solutions-wrap #solutions-01{
    background: url(../img/bg_style.jpg) center top no-repeat;
    background-size: 100%;
}
#solutions-wrap #solutions-01 .mainsize{
    max-width: 1300px;
}
#solutions-wrap #solutions-01 .maintitle{
    padding: 50px 10px 0px
}
#solutions-wrap #solutions-01 .maintitle .mtitle p{
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    /*font-size: 28px;*/
    font-weight: 500;
    letter-spacing: 0;
}
#solutions-wrap #solutions-01 .maintitle img{
        margin: 0px auto 0;
    width: 80%;

    position: relative;
}
#solutions-wrap #solutions-01 .maintitle .info_left{
    padding-top: 60px
}
#solutions-wrap #solutions-01 .video-item{
    position: relative;
}
#solutions-wrap #solutions-01 .video-item .video_a{
    -webkit-animation: mov_a 16s linear;
    -moz-animation: mov_a 16s linear;
    -ms-animation: mov_a 16s linear;
    -o-animation: mov_a 16s linear;
    animation: mov_a 16s linear;
    animation-iteration-count: infinite;
}
#solutions-wrap #solutions-01 .video-item .video_b{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mov_b 16s linear;
    -moz-animation: mov_b 16s linear;
    -ms-animation: mov_b 16s linear;
    -o-animation: mov_b 16s linear;
    animation: mov_b 16s linear;
    animation-iteration-count: infinite;
}
#solutions-wrap #solutions-01 .logos_list{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#solutions-wrap #solutions-01 .logos_list li{
    display: inline-block;
    width: auto;
}
@keyframes mov_a {
    0% {opacity: 1;}
    31% {opacity: 1;}
    31.25% {opacity: 0;}
    100% {opacity: 0;}
}
@-webkit-keyframes mov_b {
    0% {opacity: 0;}
    31% {opacity: 0;}
    31.25% {opacity: 1; }
    99% {opacity: 1;}
    100% {opacity: 0;}
}
@media only screen and (max-width: 1024px) {
    #solutions-wrap #solutions-01 .info{
        font-size: 18px
    }
    #solutions-wrap #solutions-01 .maintitle .info_left{
        padding-top: 50px
    }
    #solutions-wrap #solutions-01 .maintitle img{
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    #solutions-wrap #solutions-01 .info{
        font-size: 13px
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-01{
        background-position: center 65px;
        background-size: cover;
    }
    #solutions-wrap #solutions-01 .maintitle{
        margin-bottom: 0;
        padding-bottom: 0px !important
    }
    #solutions-wrap #solutions-01 .maintitle .mtitle{
        margin: 0px 0 25px !important;
    }
    #solutions-wrap #solutions-01 .maintitle img{
        margin-top: 0;
        width: 100%;
    }
    #solutions-wrap #solutions-01 .info{
        font-size: 18px;
        line-height: 1.3em !important;
        letter-spacing: -0.01em;
        margin-bottom: 15px !important
    }
}
@media (max-width: 360px) {
        background-size: cover;
    #solutions-wrap #solutions-01 .mtitle p{
        letter-spacing: 0.1em
    }
}
/* solutions-wifi6 */
#solutions-wrap #solutions-wifi6{
    background: url(../img/bg_style.jpg) center 130px no-repeat;
    background-size: 100%;
}
#solutions-wrap #solutions-wifi6 .mainsize{
    max-width: 1300px;
}
#solutions-wrap #solutions-wifi6 .maintitle{
    padding: 50px 18px 50px
}
#solutions-wrap #solutions-wifi6 .maintitle .mtitle p{
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
}
#solutions-wrap #solutions-wifi6 .maintitle a{
    color: #02aee5
}
#solutions-wrap #solutions-wifi6 .maintitle .info_left{
    padding-right: 20px
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right{
    padding-top: 150px
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right .wifi6_learnmore_area{
    position: relative;
    display: inline-block;
    padding: 0
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right .wifi6_learnmore_area:hover .btn_learnmore{
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right .wifi6_learnmore_area img{
    margin: 0
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right .btn_learnmore{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#solutions-wrap #solutions-wifi6 .maintitle .info_right .btn_learnmore a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
}
@media only screen and (max-width: 1024px) {
    #solutions-wrap #solutions-wifi6 .info{
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    #solutions-wrap #solutions-wifi6 .info{
        font-size: 13px
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-wifi6{
        background-position: center 65px;
        background-size: cover;
    }
    #solutions-wrap #solutions-wifi6 .maintitle{
        padding-bottom: 0 !important
    }
    #solutions-wrap #solutions-wifi6 .maintitle .mtitle{
        margin: 0px 0 25px !important;
    }
    #solutions-wrap #solutions-wifi6 .maintitle .info_right{
        padding-top: 0px
    }
    #solutions-wrap #solutions-wifi6 .info{
        font-size: 18px;
        line-height: 1.3em !important;
        letter-spacing: -0.01em;
        margin-bottom: 15px !important
    }
}
@media (max-width: 360px) {
        background-size: cover;
    #solutions-wrap #solutions-wifi6 .mtitle p{
        letter-spacing: 0.1em
    }
}
/* solutions-MEMORY */
#solutions-wrap #solutions-MEMORY{
    background: url(../img/bg_style.jpg) center 130px no-repeat;
    background-size: 100%;
}
#solutions-wrap #solutions-MEMORY .mainsize{
    max-width: 1300px;
}
#solutions-wrap #solutions-MEMORY .maintitle{
    padding: 50px 18px 100px
}
#solutions-wrap #solutions-MEMORY .maintitle .mtitle p{
    font-family: "Xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
}
#solutions-wrap #solutions-MEMORY .maintitle .info_left{
    padding-top: 10px
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right img{
    margin: 0
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right img.pic_memory{
    display: none
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right img.pic_memory.active{
    display: block;
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li{
    width: auto;
    display: inline-block;
    margin: 0 -2px
    /*float: left;*/
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li a{
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #5b5b5b;
    letter-spacing: -0.03em;
    display: inline-block;
    padding: 10px 20px;
    border-bottom: 3px #5b5b5b solid;
}
#solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li a.active{
    color: #fff;
    border-color: #fff
}
#solutions-wrap #solutions-MEMORY .info p.note{
    font-size: 13px;
    color: #fff;
    text-align: left !important;
    margin-top: 0 !important;

}
@media only screen and (max-width: 1024px) {
    #solutions-wrap #solutions-MEMORY .info{
        font-size: 18px
    }
    #solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li{
        width: 100%
    }
    #solutions-wrap #solutions-MEMORY .maintitle .info_left{
        padding-top: 10px
    }
    #solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li a{
        width: 90%
    }
}

@media only screen and (max-width: 768px) {
    #solutions-wrap #solutions-MEMORY .info{
        font-size: 13px
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-MEMORY{
        background-position: center 65px;
        background-size: cover;
    }
    #solutions-wrap #solutions-MEMORY{
        background-position: center 65px
    }
    #solutions-wrap #solutions-MEMORY .maintitle .mtitle{
        margin: 0px 0 25px !important;
    }
    #solutions-wrap #solutions-MEMORY .maintitle .info_left{
        padding-top: 0
    }
    #solutions-wrap #solutions-MEMORY .info{
        font-size: 18px;
        line-height: 1.3em !important;
        letter-spacing: -0.01em;
        margin-bottom: 15px !important
    }
    #solutions-wrap #solutions-MEMORY .maintitle .info_right .memory_chang_ul li a{
        font-size: 16px
    }
}
@media (max-width: 360px) {
    #solutions-wrap #solutions-MEMORY .mtitle p{
        letter-spacing: 0.1em
    }
}
/* solutions-02 */
#solutions-wrap #solutions-02{
    /*background: #546e91;*/
    padding: 50px 0;
    /*background: #000*/
}
#solutions-wrap #solutions-02 .maintitle{
    padding: 80px 20px 0px;
    width: 90%;
    margin: 0 auto;
    max-width: 1300px
}
#solutions-wrap #solutions-02 .maintitle .mtitle p{
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0
}
#solutions-wrap #solutions-02 .maintitle ul{
    display: inline-block;
}
#solutions-wrap #solutions-02 .maintitle ul li{
    width: 50%;
    float: left;
}
#solutions-wrap #solutions-02 .gif_area{
  display: inline-block;
  width: 100%;
  padding: 0px 0 10px;
  margin: 0;
}
#solutions-wrap #solutions-02 .tab_area_01 .gif_area{
    margin-top: -20px
}
#solutions-wrap #solutions-02 .gif_area li{
  width: 50%;
  float: left;
}
#solutions-wrap #solutions-02 .gif_area li p{
  margin: -10px 0;
  position: relative;
  z-index: 2;
  color: #868686;
  font-size: 16px;
  font-family: "Myriad Pro Light", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-02 .gif_area li p b{
  font-size: 25px;
  font-weight: 300;
  font-family: "Myriad Pro", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-02 .gif_area li.gif_ax92u2 p{
  color: #ffd966;
}
#solutions-wrap #solutions-02 img.max_w_img{
    width: 100%;
    max-width: 1000px !important
}
@media (min-width: 959px) and (max-width: 1360px) {
    #tab_area ul li{
        max-width: 49.5%;
        padding: 0 30px
    }
    #tab_area ul li a{
        font-size: 1.7em
    }
}
@media (min-width: 720px) and (max-width: 959px) {
    #tab_area ul li{
        max-width: 49%;
        padding: 0 18px
    }
    #tab_area ul li a{
        font-size: 1.4em
    }
    #solutions-wrap #solutions-02 .maintitle .mtitle p{
        padding-top: 0
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-02{
        padding-top: 10px
    }
   #solutions-wrap #solutions-02 .maintitle{
        padding: 0px 18px 0px;
        width: 96%;
        border: 1px solid #077ac2;
    border-radius: 10px;
    }
    #solutions-wrap #solutions-02 .maintitle .mtitle{
        margin-top: 50px !important
    }
    #solutions-wrap #solutions-02 #tab_area ul{
        width: 96%;
        margin-bottom: 20px
    }
    #solutions-wrap #solutions-02 .maintitle ul li{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    /*#tab_area ul li a{
        background: #7c7c7c;
        padding: 10px 0;
        margin-bottom: 10px
    }*/
    /*#tab_area ul li a.active{
        color: #fff;
        background: #3b98ff;
    }*/
}
/**/
#solutions-wrap #overclocking-03 .div_beginners{
    display: none
}
#solutions-wrap #overclocking-03 .div_beginners.active{
    display: block;
}
#solutions-wrap #overclocking-03 .beginners_chang_ul {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
#solutions-wrap #overclocking-03 .beginners_chang_ul li{
    width: auto;
    display: inline-block;
    margin: 0 -2px;
    /*float: left;*/
}
#solutions-wrap #overclocking-03 .beginners_chang_ul li a{
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #5b5b5b;
    letter-spacing: 0em;
    display: inline-block;
    padding: 10px 40px;
    margin: 10px 0;
    border-bottom: 3px #5b5b5b solid;
}
#solutions-wrap #overclocking-03 .beginners_chang_ul li a.active{
    color: #fff;
    border-color: #fff
}
@media only screen and (max-width: 1024px) {
    #solutions-wrap #overclocking-03 .beginners_chang_ul li{
        width: 100%
    }
    #solutions-wrap #overclocking-03 .beginners_chang_ul li a{
        width: 90%
    }
}
@media (max-width: 719px) {
    #solutions-wrap #overclocking-03 .beginners_chang_ul li a{
        font-size: 16px
    }
}
/* solutions-REVOLUTION */
#solutions-wrap #solutions-REVOLUTION{
    background: url(../img/bg_style.jpg) center 130px no-repeat;
    background-size: 100%;
    min-height: inherit;
    padding: 0px 0 20px !important;
}
#solutions-wrap #solutions-REVOLUTION .mainsize{
    max-width: 1300px;
    text-align: center;
}
#solutions-wrap #solutions-REVOLUTION .mainsize .maintitle {
    width: calc(100% - 36px);
    margin: 0 auto;
    padding: 0 18px 50px;
    text-align: center;
    display: inline-block;
}
#solutions-wrap #solutions-REVOLUTION .mainsize img{
    padding: 0;
    width: 100%;
    margin: 0
}
#solutions-wrap #solutions-REVOLUTION .btn_area{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0px 0 0;
    text-align: center;
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info{
    width: calc(33% - 14px);
    display: inline-block;
    padding: 0 1%;
    float: left;
    margin: 0 8px;
    /*background: linear-gradient(to bottom, rgba(12, 86, 132, 1) 0%, rgba(12, 86, 132, 0) 100%);
    border-radius:10px;*/
    position: relative;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info{
        padding: 0 15px;
        width: calc( 33.3333% - 30px) !important;
        margin: 0
    }
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info > div{
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 53px;
    color: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    z-index: 1;
    position: relative;
    padding: 50px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_a:before,
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_b:before{
    content: "";
    position: absolute;
    top: 0;
    right: -6%;
    height: 100%;
    width: 2px;
    background: linear-gradient(to bottom, rgba(2, 174, 229, 0) 0%, rgba(2, 174, 229, 1) 20%, rgba(2, 174, 229, 1) 80%, rgba(2, 174, 229, 0) 100%);
    -moz-transform:rotate(15deg);
      -webkit-transform:rotate(15deg);
      -o-transform:rotate(15deg);
      -ms-transform:rotate(15deg);
      transform:rotate(15deg);
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_area{
    opacity: 0;
    position: absolute;
    width: 110%;
/*    top: 50%;
    left: 50%;*/
    top: -15%;
    /*transform: translate(-50%, -50%);*/
    background: #000;
    border: 1px solid #077ac2;
    border-radius:10px;
    overflow: hidden;
    transform : scale(0.9, 0.9);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_a{
    left: 0
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_b{
    left: -5%
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_c{
    left: inherit;
    right: 0
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info p.icon_title{
    text-align: center;
    width: 90%;
    font-size: 32px;
    color: #fff;
    margin-top: 20px;
    font-weight: 500;
    font-family: "xolonium", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .info{
    text-align: center;
    width: 90%;
    font-size: 18px;
    color: #fff;
    font-family: "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_area.active{
    display: inline-block;
    opacity: 1;
     z-index: 97;
     transform : scale(1, 1);
     -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#solutions-wrap #solutions-REVOLUTION .revolution_sbutton{
    display: inline-flex;
    width: 100%;
    max-width: 200px;
    margin-top: 100px
}
#solutions-wrap #solutions-REVOLUTION .revolution_sbutton li{
    float: left;
    width: 33.33%
}
#solutions-wrap #solutions-REVOLUTION .revolution_sbutton li a{
    width: 80%;
    height: 6px;
    background: #7c7c7c;
    border-radius:10px;
    display: inline-block;
}
#solutions-wrap #solutions-REVOLUTION .revolution_sbutton li a.active{
    background: #fff
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info{
        width: calc(33% - 14px);
    }
}
#solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .info{
    margin-top: 0px;
    margin-bottom: 0;
    min-height: 190px;
}
@media (min-width: 960px) and (max-width: 1200px) {
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info > div{
        font-size: 2.5em
    }
}
@media (min-width: 720px) and (max-width: 959px) {
    #solutions-wrap #solutions-REVOLUTION .revolution_sbutton{
        margin-top: 80px
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .info{
        min-height: inherit;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info{
        width: calc(100% - 0px);
        min-height: auto;
        margin-bottom: 50px;
        margin: 0;
        background: none;
        border-radius: 0px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_area.active{
        position: relative;
        margin-top: -100px;
        margin-bottom: 0px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info > div{
        padding: 10px 0;
        font-size: 1.5em;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 30px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_a:before, #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_b:before{
        top: inherit;
        bottom: -10px;
        left: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient(to right, rgba(2, 174, 229, 0) 0%, rgba(2, 174, 229, 1) 20%, rgba(2, 174, 229, 1) 80%, rgba(2, 174, 229, 0) 100%);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-REVOLUTION{
            background-size: cover;
    }
    #solutions-wrap #solutions-REVOLUTION .mainsize .maintitle{
        width: 100%;
        padding-bottom: 0 !important
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area{
        margin-top: 0
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info{
        width: calc(100% - 0px);
        min-height: auto;
        margin-bottom: 50px;
        margin: 0;
        background: none;
        border-radius: 0px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_area.active{
        position: relative;
        margin-top: -100px;
        margin-bottom: 0px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info > div{
        padding: 10px 0;
        font-size: 1.5em;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 30px;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_a:before, #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_button_b:before{
        top: inherit;
        bottom: -10px;
        left: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient(to right, rgba(2, 174, 229, 0) 0%, rgba(2, 174, 229, 1) 20%, rgba(2, 174, 229, 1) 80%, rgba(2, 174, 229, 0) 100%);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .info{
        line-height: 1.3em !important;
        letter-spacing: -0.01em;
        padding: 0 18px !important;
        min-height: inherit;
    }
    #solutions-wrap #solutions-REVOLUTION .btn_area .revolution_info .revolution_info_area{
        width: 100%;
        left: 0;
        right: inherit;
    }
    #solutions-wrap #solutions-REVOLUTION .revolution_sbutton{
        margin-top: 20px;
        display: none
    }
}

/* solutions-Intel */
#solutions-wrap #solutions-Intel{
    background: url(../img/bg_style.jpg) center 130px no-repeat;
    background-size: 100%;
    min-height: inherit;
    padding: 50px 0 50px !important;
}
#solutions-wrap #solutions-Intel .mainsize{
    max-width: 1300px;
    text-align: center;
}
#solutions-wrap #solutions-Intel .mainsize .maintitle {
    width: calc(100% - 36px);
    margin: 0 auto;
    padding: 0 18px 0px;
    text-align: center;
    display: inline-block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

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

}
@media (min-width: 720px) and (max-width: 959px) {

}
@media (max-width: 719px) {
    #solutions-wrap #solutions-Intel{
            background-size: cover;
    }
    #solutions-wrap #solutions-Intel .mainsize .maintitle{
        width: 100%;
        padding-bottom: 0 !important
    }
}
/* solutions-04 */
#solutions-wrap #solutions-04{
    /*background: #2b2b2b;*/
    padding: 0px 0 50px !important;
}
#solutions-wrap #solutions-04 .mainsize{
        width: 100%;
    max-width: inherit;
    text-align: center;
}
#solutions-wrap #solutions-04 .mainsize .maintitle {
    /*width: 100%;*/
    margin: 0 auto;
    padding: 0 18px 50px;
    text-align: center;
    display: inline-block;
    max-width: 1500px
}
#solutions-wrap #solutions-04 .mainsize img{
    /*padding: 0 5px;*/
    width: 100%;
    /*max-width: 220px !important;*/
}
#solutions-wrap #solutions-04 .icons_area{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
}
#solutions-wrap #solutions-04 .icons_area span.tag_style{
    position: absolute;
    top: -5px;
    left: 10px;
}
#solutions-wrap #solutions-04 .icons_area span.tag_style p{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    padding: 12px 16px;
    background: url(../img/tag_a_1.png) top left repeat-x;
    background-size: contain;
    position: relative;
}
#solutions-wrap #solutions-04 .icons_area span.tag_style p:before{
    content: "";
    position: absolute;
    right: -11px;
    top: 0;
    height: 100%;
    width: 11px;
    background: url(../img/tag_a_2.png) top left no-repeat;
    background-size: contain;
}
#solutions-wrap #solutions-04 .icons_area span.tag_style.tag_b p{
    background: url(../img/tag_b_1.png) top left repeat-x;
}
#solutions-wrap #solutions-04 .icons_area span.tag_style.tag_b p:before{
    background: url(../img/tag_b_2.png) top left no-repeat;
}
#solutions-wrap #solutions-04 .icons_area li{
    width: calc(33.33% - 0px);
    display: inline-block;
    padding: 0 20px;
    float: left;
    position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #solutions-wrap #solutions-04 .icons_area li{
        width: calc(33.33% - 40px);
    }
}
#solutions-wrap #solutions-04 .icons_area li .explore_info{
    /*width: 100%;*/
    background: #000;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    /*min-height: 120px;*/
    position: relative;
}
/*#solutions-wrap #solutions-04 .icons_area li .explore_info:before{
    content: "";
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    height: 100%;
    background: #000
}*/
#solutions-wrap #solutions-04 .icons_area li .explore_info p{
    font-size: 25px;
    text-align: center !important;
    min-height: auto;
    color: #fff
}
#solutions-wrap #solutions-04 .icons_area li .explore_info p.note{
    font-size: 13px;
    color: #fff;
    text-align: left !important;
    margin-top: 0 !important
}
#solutions-wrap #solutions-04 .icons_area li .explore_info .info{
    font-size: 18px;
    text-align: center !important;
    margin-bottom: 10px
}
#solutions-wrap #solutions-04 .icons_area img{
    max-width: inherit !important;
    padding: 0;
    margin: 6px 0 0
}
#solutions-wrap #solutions-04 .icons_area li .info{
    margin-top: 15px;
    text-align: left;
}
@media (min-width: 720px) and (max-width: 1080px) {
    #solutions-wrap #solutions-04 .icons_area li .explore_info p{
        font-size: 1.3em
    }
    #solutions-wrap #solutions-04 .icons_area li .explore_info .info{
        font-size: 15px;
    }
}
@media (max-width: 1024px) {
    #solutions-wrap #solutions-04 .icons_area li{
        padding: 0 10px
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-04{
        padding-bottom: 0 !important
    }
    #solutions-wrap #solutions-04 .mainsize .maintitle{
        width: 100%;
        padding: 0 !important
    }
    #solutions-wrap #solutions-04 .icons_area li{
        width: calc(100% - 0px);
        min-height: auto;
        margin-bottom: 20px;
        padding: 0
    }
    #solutions-wrap #solutions-04 .icons_area li .info{
        line-height: 1.3em !important;
        letter-spacing: -0.01em
    }
}
/* solutions-video */
#solutions-wrap #solutions-video{
    background: #000;
    padding: 0px 0 50px !important;
    text-align: center;
}
#solutions-wrap #solutions-video figure.hd-active{
    opacity: 1;
    animation-name: active_fadnIn;
    animation-duration: .9s;
    animation-timing-function: ease-out;
}
/*#solutions-wrap #solutions-video figure{
    display: none
}*/
#solutions-wrap #solutions-video .d-flex{
    display: flex;
}
#solutions-wrap #solutions-video .hidden{
    display: none
}
#solutions-wrap #solutions-video .mainsize{
    max-width: 1500px;
    width: calc(100% - 76px);
    padding: 0 38px;
    text-align: center;
}
#solutions-wrap #solutions-video .mainsize .maintitle {
    /*width: 100%;*/
    margin: 0 auto;
    padding: 0 18px 50px;
    text-align: center;
    display: inline-block;
}
#solutions-wrap #solutions-video .explore_info{
    display: inline-block;
    border: 2px #2f2f2f solid;
    border-radius: 10px;
    background: linear-gradient(to bottom, #0d0d0d 0%, #292929 100%);
        width: 100%;
    padding: 200px 10px 20px;
    margin-top: 130px;
    min-height: 440px
}
#solutions-wrap #solutions-video .carousel-item img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 80%;
    max-width: 210px !important;
}
#solutions-wrap #solutions-video .explore_info p{
    font-size: 25px;
    text-align: center !important;
    min-height: auto;
}
#solutions-wrap #solutions-video .explore_info p.icon_title{
    font-size: 16px
}
#solutions-wrap #solutions-video .explore_info ul.pds_ksp{
    display: inline-block;
    width: 100%;
}
#solutions-wrap #solutions-video .explore_info ul.pds_ksp li{
    display: inline-block;
    width: 100%;
    border-bottom: 1px #363636 solid;
    padding: 5px 5px 5px 35px;
    text-align: left;
    position: relative;
}
#solutions-wrap #solutions-video .explore_info ul.pds_ksp li:after{
    content: "";
    position: absolute;
    left: 13px;
    top: 10px;
    width: 6px;
    height: 6px;
    border: 2px #04a7dc solid;
    border-radius: 5px;
}
#solutions-wrap #solutions-video .explore_info ul.pds_ksp li p{
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left !important;
    width: 100%;
    margin: 0 auto;
}
#solutions-wrap #solutions-video .explore_info .info{
    font-size: 15px;
    text-align: center !important;
    margin: 5px auto;
    color: #fff;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    min-height: 70px
}
#solutions-wrap #solutions-video .group_prime .explore_info .info{
    min-height: auto;
}
#solutions-wrap #solutions-video .group_tuf .explore_info .info{
    min-height: auto;
}
#solutions-wrap #solutions-video .explore_info .info b{
    font-weight: 300;
    font-style: italic;
    color: #3b98ff;
    font-size: 20px
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-video .explore_info{
        padding-top: 120px
    }
    #solutions-wrap #solutions-video .explore_info .info,
    #solutions-wrap #solutions-video .explore_info .info b{
        font-size: 16px
    }
    #solutions-wrap #solutions-video .owl-theme .owl-dots .owl-dot.active span, #solutions-wrap #solutions-video .owl-theme .owl-dots .owl-dot:hover span{
        background: #04a7dc 
    }
}

/**/
.blackmark{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 9990;
    display: none;
}
#solutions-wrap .learnmore_area{
  display: none;
  width: 100%;
  top: 0%;
  height: auto;
  position: absolute;
  background-color: #000;
  /*border: 1px #0b66bb solid;*/
  text-align: center;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 50px 0px 100px;
  margin-top: -50px
}
#solutions-wrap .learnmore_area h3{
    color: #3b98ff;
    letter-spacing: 0.2em;
    font-size: 38px;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin-bottom: 50px;
}
#solutions-wrap .learnmore_area h4{
    color: #3b98ff;
    letter-spacing: 0em;
    font-size: 25px;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin: 50px 0 30px;
}
#solutions-wrap .learnmore_area p.note_title{
    color: #3b98ff;
    letter-spacing: 0em;
    font-size: 25px;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin: 30px auto 15px;
    text-align: left;
    max-width: 1200px;

}
#solutions-wrap .learnmore_area .info{
    font-family: "Myriad Pro Light", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: left !important;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    max-width: 1200px
}
#solutions-wrap .learnmore_area a.icon_close{
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
}
#solutions-wrap .learnmore_area a.icon_close img{
    max-width: 60px !important;
}
#solutions-wrap .learnmore_area img.learnmore_kv{
    padding: 0;
    margin: 0
}
#solutions-wrap .learnmore_area h3{
  color: #0f8bff
}
#solutions-wrap .learnmore_area h3 span{
  color: #3cff00
}
#solutions-wrap .learnmore_area img.pic_display{
  width: 100%;
  max-width: 1493px;
  display: inline-block;
  margin: 0px 0 0;
}
#solutions-wrap .learnmore_area .comparison{
  display: inline-block;
  background: #1b1b1b;
  padding: 10px 0 0
}
#solutions-wrap .learnmore_area .comparison h3{
  color: #fff;
  margin: 10px 0;
  padding: 0 10px
}
@media only screen and (max-width: 768px) {
  #solutions-wrap .learnmore_area a.icon_close{
    width: 30px;
    height: 30px;
  }
  #solutions-wrap .learnmore_area{
    padding: 50px 10px 20px
  }
}
/* solutions-05 */
#solutions-wrap #solutions-05{
    background: #2b2b2b;
    padding: 100px 0 100px !important;
}
#solutions-wrap #solutions-05 .maintitle{
    max-width: 1000px;
    margin: 0 auto;
}
#solutions-wrap #solutions-05 .maintitle .mtitle{
    margin: 100px 0 20px;
    padding-top: 0px;
    display: inline-block;
    width: 100%
}
#solutions-wrap #solutions-05 a.goback p{
    color: #908b88;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
#solutions-wrap #solutions-05 .supported{
    width: 100%;
    max-width: inherit;
    display: inline-block;
}
#solutions-wrap #solutions-05 .supported ul{
   margin: 0 auto;
    width: 86%;
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
    display:  inline-block;
}
#solutions-wrap #solutions-05 .supported ul li{
    display: inline-block;
    width: 25%;
    border:none;
    float: inherit;
    float: left;
}
#solutions-wrap #solutions-05 .supported ul li a{
    display: inline-block;
}
#solutions-wrap #solutions-05 .supported ul li a p{
    color: #fff !important;
    font-size: 25px;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 300;
    /*text-decoration: underline;*/
    margin-top: 10px;
    margin-bottom: 0px
}
@media (min-width: 720px) and (max-width: 959px) {
    #solutions-wrap #solutions-05{
        padding: 80px 0 !important
    }
    #solutions-wrap #solutions-05 .maintitle{
        padding-bottom: 0
    }
    #solutions-wrap #solutions-05 .supported ul{
        padding-bottom: 0
    }
}
@media (max-width: 719px) {
    #solutions-wrap #solutions-05{
        padding-bottom: 0 !important;
        padding-top: 50px !important;
    }
    #solutions-wrap #solutions-05 .supported ul li a .info{
        letter-spacing: -0.02em;
        line-height: 1.2em !important;
    }
    #solutions-wrap #solutions-05 .supported ul li a p{
        letter-spacing: -0.02em;
        margin-top: 10px;
        line-height: 1.2em !important;
    }
}
#solutions-wrap #solutions-05 .supported ul li a:hover p{
    color: #0094f2
}
@media screen\0 { 
    #solutions-wrap #solutions-05 .supported ul li{
        width: calc(24% - 5px);
    }

}
#solutions-wrap #solutions-05 .supported ul li .info{
    margin-top: 5px;
    color: #fff
}

#solutions-wrap #solutions-05 .sheet {
    margin-left: 1em;
    margin-right: 1em;
}
#solutions-wrap #solutions-05 .sheet table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 6px;
    /*overflow: hidden;*/
    margin-bottom: 0;
}
.sheet table>tbody>tr>td, .sheet table>tbody>tr>th {
    /*border: 1px solid #ddd;*/
}
#solutions-wrap #solutions-05 .sheet thead th {
    padding: 0 0 2em 2em;
    text-align: center
}
#solutions-wrap #solutions-05 .sheet thead th p{
        display: block;
    margin-top: 1em;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1;
    color: white;
    text-align: left;
}
#solutions-wrap #solutions-05 .sheet thead img {
    margin-left: auto;
    margin-right: auto
}
#solutions-wrap #solutions-05 .sheet thead img, html #overview #sectionOverview #solutions-wrap #solutions-05 .sheet thead img {
    max-width: 100% !important
}
#solutions-wrap #solutions-05 .sheet tbody td, #solutions-wrap #solutions-05 .sheet tbody th {
    position: relative;
    padding: 5px;
    font-weight: 300;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-05 .sheet tbody td:before {
    /*content: '';
    display: block;
    width: 1px;
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    border-left: 1px solid #363636*/
}
#solutions-wrap #solutions-05 .sheet tbody tr td,
#solutions-wrap #solutions-05 .sheet tbody tr th{
    border-bottom: 1px solid #dbdbdb;
    /*border-right: 1px #343434 solid;*/
}
#solutions-wrap #solutions-05 .sheet tbody tr td:last-child{
    /*border-right:none;*/
}
#solutions-wrap #solutions-05 .sheet tbody tr th,
#solutions-wrap #solutions-05 .sheet tbody tr td.th_bg{
    /*background: #546e91;*/
    color: #000;
    font-weight: 700;
    padding: 5px 10px;
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #solutions-05 .sheet tbody tr:last-child td,
#solutions-wrap #solutions-05 .sheet tbody tr:last-child th{
    /*border-bottom: none*/
}
#solutions-wrap #solutions-05 .sheet tbody tr:nth-child(odd) {
    /*background: #191919*/
}
@media (max-width: 960px) {
    #solutions-wrap #solutions-05 .sheet {
        margin: 0;
        line-height: 1.3;
        font-size: 85%
    }
    #solutions-wrap #solutions-05 .sheet tbody td, #solutions-wrap #solutions-05 .sheet tbody th {
        padding: .75em .5em .7em 1.2em
    }
}

/*平板*/

@media (min-width: 720px) and (max-width: 959px) {
    #solutions-wrap section .entry-box{
        padding: 0 !important
    }
    #solutions-wrap .mainsize .maintitle .info{
        width: 100% !important;
        margin-bottom: 1em !important
    }
    #solutions-wrap .mainfull .maintitle, #solutions-wrap .mainsize .maintitle {
        padding: 0 5% 50px;
    }
    /* oddpage-tab */
    #solutions-tab{
        background: none !important;
        height: auto;
        min-height: inherit;
    }
    #solutions-wrap img.kv_pad {
        width: 100%;
        display: block;
    }
    /* oddpage-tab */
    #solutions-wrap #solutions-tab .owl-dots{
        left: 0;
        width: 100%
    }
    #solutions-wrap .mtitle p {
        font-size: 2.6em;
        padding-top: 50px
    }
    #solutions-wrap .stitle p {
        font-size: 2em;
    }
}

/*手機*/

@media (max-width: 719px) {
    #goToTop{
        display: none !important;
    }
    #solutions-wrap .maintitle p.note{
        text-align: left;
        margin: 5em 0 0
    }
    #solutions-wrap .mainfull img{
        max-width: inherit !important;
        width: 100% !important;
    }
    #solutions-wrap img.webstyle, #solutions-wrap .webstyle{
        display: none !important
    }
    #solutions-wrap img.mobile, #solutions-wrap .mobile {
        width: 100%;
        max-width: 100% !important;
        display: inline-block !important;
    }
    .linkarea a span{
        font-size: 13px;
    }
    #solutions-nav{
        display: none;
    }
    .maintitle .info, .maintitle .mtitle,
    #solutions-wrap .maintitle .subtitle {
        margin: 20px 0 0 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    #solutions-wrap .mainsize .maintitle .info{
        margin-bottom: 15px !important
    }
    #solutions-wrap .maintitle img{
        margin-top: 1em
    }
    #solutions-wrap .maintitle .mtitle{
        padding: 0 !important
    }
    #solutions-wrap img.mobile {
        width: 100%;
        display: block;
    }
    #solutions-wrap img{
        width: 100%;
        margin-bottom: 0 !important;
    }
    #solutions-wrap h1{
        font-size: 32px !important;
        text-shadow: none;
        line-height: 1em;
        text-align: center;
        /*margin-top: 0.5em !important;*/
    }
    #solutions-wrap h3{
        font-size: 32px !important;
        text-shadow: none;
        line-height: 1em;
        text-align: center;
        /*margin-top: 0.5em !important;*/
    }
    #solutions-wrap .mainsize .maintitle h1, #solutions-wrap .mainfull .maintitle h1, #solutions-wrap #solutions-video h1{
        letter-spacing: 0;
    }
    #solutions-wrap .mainsize .maintitle h3, #solutions-wrap .mainfull .maintitle h3, #solutions-wrap #solutions-video h3{
        letter-spacing: 0;
    }
    #solutions-wrap .mtitle p{
        width: 100% !important;
        text-shadow: 0px 0px 0px #fff;
        font-size: 1.6em !important;
        text-align: left;
        line-height: 1.2em;
        margin-bottom: 0;
        text-align: center !important;
        letter-spacing: 0.03em !important;
    }
    #solutions-wrap .stitle p {
        font-size: 1.6em;
        text-align: left;
        margin-bottom: 0.5em;
        margin-top: 1.2em;
        text-align: center;
    }
    #solutions-wrap .maintitle .info,
    #solutions-wrap #solutions-05 ul li p{
        width: 100% !important;
        margin-bottom: 0 !important;
        text-align: left;
        line-height: 1.5em !important;
        padding: 0 0 0 !important;
        text-align: center !important;
        letter-spacing: 0.01em;
    }
    #solutions-wrap .subtitle p{
        text-align: left;
    }
    #solutions-wrap .mainfull .maintitle .h_left,
    #solutions-wrap .mainsize .maintitle .h_left {
        width: 100% !important;
        float: left !important;
        padding: 0 !important;
    }
    #solutions-wrap .mainfull .maintitle .h_right,
    #solutions-wrap .mainsize .maintitle .h_right {
        width: 100% !important;
        float: left !important;
        padding: 0 !important
    }
    #solutions-wrap .mainfull .maintitle,
    #solutions-wrap .mainsize .maintitle {
        padding: 0 18px 50px !important;
        width: 100%;
    }
    /* oddpage-tab */
    #solutions-wrap #solutions-tab{
        padding-bottom: 20px
    }
    #solutions-wrap #solutions-tab .item .mtitle{
        position: relative !important;
    }
    #solutions-wrap #solutions-tab .item .mtitle p{
        color: #000;
        padding: 18px 18px 0;
        text-align: center !important;
    }
    #solutions-wrap #solutions-tab .item .mtitle.first-m{
        position: absolute !important;
        top: 10%
    }
    #solutions-wrap #solutions-tab .item .mtitle.first-m p{
        color: #fff !important;
    }
    #solutions-wrap #solutions-tab .owl-nav{
        bottom: inherit;
        top: 18%
    }
    #solutions-wrap #solutions-tab .owl-dots{
        display: none
    }

    #solutions-wrap #solutions-05 .maintitle{
        padding-bottom: 0 !important;
    }
    #solutions-wrap #solutions-05 .maintitle .mtitle{
        margin-bottom: 0px !important;
        border-top: 1px #3e3e3e solid;
        padding-top: 50px !important
    }
    #solutions-wrap #solutions-05 .maintitle .mtitle:first-child{
        border: none !important
    }
    #solutions-wrap #solutions-05 .maintitle h3{
        margin-bottom: 0
    }
    #solutions-wrap #solutions-05 a.goback{
        display: inline-block;
        margin-bottom: 50px
    }
    #solutions-wrap #solutions-05 ul{
        margin-top: 0;
        margin-bottom: 0
    }
    #solutions-wrap #solutions-05 ul li{
        width: 100%;
        border: none !important;
    }
    #solutions-wrap #solutions-05 .supported ul{
        padding: 20px 0 10px
    }
    #solutions-wrap #solutions-05 .supported ul li{
        width: 50%;
        padding-bottom: 0
    }
    /**/
    #solutions-wrap #CN62-smart{
      background: none;
      min-height: inherit;
      height: auto;
    }
    #solutions-wrap #CN62-smart .mainfull .maintitle{
        position: relative;
      width: 100%;
      margin: 0;
      padding: 0 18px;
      top: inherit;
        transform: inherit;
    }
}
/* nav bar */
#solutions-nav {
    position: fixed;
    top: 50%;
    right: 16px;
    margin-top: -11.6875em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 10px;
    z-index: 9999
}
#solutions-nav ul {
        list-style: none;
    display: block;
    margin: 0;
}
#solutions-nav ul li {
        position: relative;
    width: auto;
    height: auto;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin: 0 0 10px;
    display: inline-block;
}
#solutions-nav ul li a{
        display: inline-block;
    width: 8px;
    position: absolute;
    padding: 15px;
    height: 8px;
    z-index: 9999;
}
#solutions-nav ul li div {
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-left: auto;
    background: #C8C8C8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    box-shadow: inset 0 0 1px #777;
    display: inline-block;
    position: relative;
}
#solutions-nav ul li b {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 40px;
    white-space: nowrap;
    font-size: 12px;
    color: #ff2424;
    font-weight: 700;
    line-height: 1;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#solutions-nav ul li.on b{
    top: 55%
}
#solutions-nav ul li.active b{
    top: 70%
}
#solutions-nav ul li:hover b {
    display: inline-block; !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: auto;
    font-weight: 700;
}
#solutions-nav ul li:hover div {
    background: #ff2424
}
#solutions-nav ul li.active {
    height: 30px !important
}
#solutions-nav ul li.active div {
    background: #ff2424;
    height: 30px !important;
    top: 1px;
}
@-moz-keyframes breathing {
    0%,
    2%,
    98%,
    100% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    48%,
    52% {
        opacity: .3;
        -moz-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }
}

@-webkit-keyframes breathing {
    0%,
    2%,
    98%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    48%,
    52% {
        opacity: .3;
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }
}

@-o-keyframes breathing {
    0%,
    2%,
    98%,
    100% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    48%,
    52% {
        opacity: .3;
        -o-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }
}

@-ms-keyframes breathing {
    0%,
    2%,
    98%,
    100% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    48%,
    52% {
        opacity: .3;
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8)
    }
}

@keyframes breathing {
    0%,
    2%,
    98%,
    100% {
        opacity: 1;
        transform: scale(1.1, 1.1)
    }
    48%,
    52% {
        opacity: .3;
        transform: scale(0.8, 0.8)
    }
}

/**/
.product-section {
  position: relative;
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
}

.product-section:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.product-section .product-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.product-section .product-text {
  position: absolute;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  z-index: 2;
}

.product-section .product-text .product-heading h2 {
  line-height: 1.1;
  margin-bottom: .2em;
  font-family: 'MyriadPro Bold',sans-serif;
  font-size: 48px;
  font-weight: bold;
}
.product-section .product-text .product-heading .ksp{
    display: inline-block;
    margin: 25px 0;
    padding-left: 20px;
}
.product-section .product-text .product-heading .ksp li{
    /*display: inline-block;*/
    list-style-type: disc;
    margin-bottom: 5px;
}
.product-section .product-text .product-heading .ksp li p{
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #2f2e2e;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: left;
    width: 100%;
}
@media only screen and (max-width: 768px) {
  .product-section:before {
    height: 0;
  }
  .product-section {
    overflow: auto;
    height: auto;
  }
  .product-section .product-content {
    position: relative;
  }
  .product-section .product-text {
    position: relative;
    text-align: center;
    padding: 3em 5%;
    width: auto;
    left: auto;
    top: auto;
  }
}

/*#solutions-wrap #product-header*/
#solutions-wrap #product-header {
  padding-top: 36.00313%;
  background-color: #000
}

#solutions-wrap #product-header:before {
  background-image: url("../img/bg-header.jpg");
  background-size: cover;
}

#solutions-wrap #product-header .product-text {
  right: 52.125%;
  top: 25%;
  padding-left: 5%;
}
#solutions-wrap #product-header .product-text .product-heading{
  text-align: left;
}
#solutions-wrap #product-header .product-text .product-heading h2{
  font-size: 40px
}

@media only screen and (max-width: 1440px) {
  #solutions-wrap #product-header .product-text .product-heading h2{
    font-size: 40px
  }
}
@media only screen and (max-width: 1280px) {
  #solutions-wrap #product-header .product-text .product-heading h2{
    font-size: 40px
  }
}
@media only screen and (max-width: 1024px) {
  #solutions-wrap #product-header .product-text .product-heading h2{
    font-size: 39px
  }
}

#solutions-wrap #product-header h2 {
  color: #343434;
    font-size: 40px;
    width: 100%;
    display: block;
    line-height: 1.1em;
    position: relative;
    font-weight: 700;
    z-index: 10;
    margin: 0 auto ;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1280px) {
  #solutions-wrap #product-header h2 {
    font-size: 40px;
  }
  #solutions-wrap #product-header .product-text{
    top: 30%
  }
}

@media only screen and (max-width: 1024px) {
  #solutions-wrap #product-header img.mobile{
    display: block !important;
  }
  #solutions-wrap #product-header:before {
    background-image: none;
    padding-top: 0%;
  }
  #solutions-wrap #product-header {
    padding-top: 0%;
    height: auto
  }
  #solutions-wrap #product-header .product-content {
    position: relative;
  }
  #solutions-wrap #product-header .product-text .product-heading{
    text-align: center;
  }
  #solutions-wrap #product-header .product-text {
    position: relative;
    width: auto;
    right: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  #solutions-wrap #product-header:before {
    background-image: none;
    padding-top: 0%;
  }
  #solutions-wrap #product-header .product-content {
    position: relative;
  }
  #solutions-wrap #product-header .product-text {
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
  }
}

@media only screen and (max-width: 480px) {
  #solutions-wrap #product-header .product-text {
    padding-top: .5em;
  }
  #solutions-wrap #product-header h2 {
    font-size: 32px;
  }
  #solutions-wrap #product-header h3 {
    font-size: 18px;
  }
  #solutions-wrap #product-header h1 {
    font-size: 18px;
  }
}

/*#solutions-wrap #product-psu*/
#solutions-wrap #product-psu {
  padding-top: 43.00313%;
  background-color: #000
}

#solutions-wrap #product-psu:before {
  background-image: url("../img/pic_psu.jpg");
  background-size: cover;
}

#solutions-wrap #product-psu .product-text {
  right: 52.125%;
  top: 25%;
  padding-left: 5%;
  
}
#solutions-wrap #product-psu .product-text .maintitle{
   text-align: left ;
}
#solutions-wrap #product-psu .product-text .maintitle .info{
   text-align: left ;
}
#solutions-wrap #product-psu .product-text .product-heading{
  text-align: left;
}
#solutions-wrap #product-psu .product-text .product-heading h2{
  font-size: 40px
}
#solutions-wrap #product-psu a.btn_style{
    display: inline-block;
    padding: 8px 25px;
    /* border: 1px #fff solid; */
    border-radius: 20px ;
    cursor: pointer;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    background-image:linear-gradient(135deg,#000,#000),linear-gradient(135deg,#43107c,#af0656);
    border:2px transparent solid;
}
#solutions-wrap #product-psu a.btn_style p{
    margin: 0;
    font-size: 16px;
    position: relative;
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.3em;
    text-align: left;
    display: inline-block;
    position: relative;
    color: #af0656 !important;
    background: transparent;
    background: linear-gradient(to right, #9a40ff 0%, #af0656 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#solutions-wrap #product-psu a.btn_style p:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -2; }
#solutions-wrap #product-psu a.btn_style p:after {
  background-color: #170f2f;
  z-index: -1; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #solutions-wrap #product-psu a.btn_style p {
        position: relative;
        color: #af0656;
        background: transparent; }
    #solutions-wrap #product-psu a.btn_style p:after {
        content: none; } 
}
@media only screen and (max-width: 1440px) {
  #solutions-wrap #product-psu .product-text .product-heading h2{
    font-size: 40px
  }
}
@media only screen and (max-width: 1280px) {
  #solutions-wrap #product-psu .product-text .product-heading h2{
    font-size: 40px
  }
}
@media only screen and (max-width: 1024px) {
  #solutions-wrap #product-psu .product-text .product-heading h2{
    font-size: 39px
  }
}

#solutions-wrap #product-psu h2 {
  color: #343434;
    font-size: 40px;
    width: 100%;
    display: block;
    line-height: 1.1em;
    position: relative;
    font-weight: 700;
    z-index: 10;
    margin: 0 auto ;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 1280px) {
  #solutions-wrap #product-psu h2 {
    font-size: 40px;
  }
  #solutions-wrap #product-psu .product-text{
    top: 30%
  }
}

@media only screen and (max-width: 1024px) {
  #solutions-wrap #product-psu img.mobile{
    display: block !important;
  }
  #solutions-wrap #product-psu:before {
    background-image: none;
    padding-top: 0%;
  }
  #solutions-wrap #product-psu {
    padding-top: 0%;
    height: auto
  }
  #solutions-wrap #product-psu .product-content {
    position: relative;
  }
  #solutions-wrap #product-psu .product-text .product-heading{
    text-align: center;
  }
  #solutions-wrap #product-psu .product-text {
    position: relative;
    width: auto;
    right: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
    text-align: center;
  }
  #solutions-wrap #product-psu a.btn_style{
    margin: 20px 0
  }
}

@media only screen and (max-width: 768px) {
  #solutions-wrap #product-psu:before {
    background-image: none;
    padding-top: 0%;
  }
  #solutions-wrap #product-psu .product-content {
    position: relative;
  }
  #solutions-wrap #product-psu .product-text {
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
  }
  #solutions-wrap #product-psu .product-text .maintitle p{
       text-align: left !important;
    }
    #solutions-wrap #product-psu .product-text .maintitle .info{
       text-align: left !important;
    }
    #solutions-wrap #product-psu .product-text .product-heading{
      text-align: left !important;
    }
}

@media only screen and (max-width: 480px) {
  #solutions-wrap #product-psu .product-text {
    padding-top: .5em;
  }
  #solutions-wrap #product-psu h2 {
    font-size: 32px;
  }
  #solutions-wrap #product-psu h3 {
    font-size: 18px;
  }
  #solutions-wrap #product-psu h1 {
    font-size: 18px;
  }
}



/**/
#solutions-wrap #pd-ksp {
    background: #fff url(../img/bg-header_bg.jpg) center top/1920px no-repeat;
    min-height: 690px;
    background-size: cover;
}
#solutions-wrap #pd-ksp .maintitle {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 75px
}
#solutions-wrap #pd-ksp .maintitle .ksp{
    display: inline-block;
    margin: 25px 0;
    padding-left: 20px;
}
#solutions-wrap #pd-ksp .maintitle .ksp li{
    /*display: inline-block;*/
    list-style-type: disc;
    margin-bottom: 5px;
}
#solutions-wrap #pd-ksp .maintitle .ksp li p{
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #2f2e2e;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: left;
    width: 100%;
}
#solutions-wrap #pd-ksp .info_left{
    margin: 0px -100% 0px 0px;
    width: 50%;
    padding-top: 100px
}
#solutions-wrap #pd-ksp .info_left .info p a{
    font-size: 18px
}
#solutions-wrap #pd-ksp .info_left img{
    padding: 0 10px;
}
#solutions-wrap #pd-ksp .info_right{
    margin: 0px 0px 0px 50%;
    width: 50%;
    text-align: left;
}
#solutions-wrap #pd-ksp .info_right .info{
    text-align: justify !important;
　　text-justify: inter-ideograph !important;
　　-ms-text-justify: inter-ideograph !important; /*IE9*/
　　-webkit-text-align-last: justify !important; /*Chrome*/
　　-moz-text-align-last: justify !important; /*Firefox*/
}

#solutions-wrap #pd-ksp .info_right img{
    margin-bottom: 0px;
    max-width: 830px;
    /*max-width: calc(100% + 18px);*/
}
@media (min-width: 881px) and (max-width: 1090px) {
    #solutions-wrap #pd-ksp .info_left{
        margin: 0px -100% 0px 0px;
        width: 35%;
        max-width: inherit;
        padding-top: 50px
    }
    
    #solutions-wrap #pd-ksp .info_right img{
        margin-top: 0
    }
}
@media (min-width: 719px) and (max-width: 880px) {
    #solutions-wrap #pd-ksp .info_left{
        margin: 0 !important;
        width: 100% !important;
        display: inline-block;
        max-width: inherit;
        padding: 0px 0 0
    }
    #solutions-wrap #pd-ksp .info_right{
        margin: 0 !important;
        width: 100% !important;
        display: inline-block;
        position: relative;
    }
    #solutions-wrap #pd-ksp .info_right img{
        margin: 0
    }
}

/*product-header*/
#solutions-wrap #solutions-06 {
  padding-top: 48.1357%;
  background: #000
}
#solutions-wrap #solutions-06:before {
  background-image: url("../img/bg_pd.jpg");
  /*background-color: #000;*/
  background-position: top center;
  background-size: cover;
}
#solutions-wrap #solutions-06 .maintitle {
      padding: 0 2% 0;
    top: 8%;
    width: 100%;
    max-width: 1350px;
    left: 76%;
    transform: translate(-50%, 0%);
    position: absolute;
}
#solutions-wrap #solutions-06 a{
    position: absolute;
    z-index: 2
}
#solutions-wrap #solutions-06 a.btn_pd_01{
    width: 21%;
    height: 59%;
    top: 41%;
    left: 10%;
}
#solutions-wrap #solutions-06 a.btn_pd_02{
    width: 25%;
    height: 39%;
    top: 20%;
    left: 32%;
}
#solutions-wrap #solutions-06 a.btn_pd_03{
    width: 18%;
    height: 41%;
    top: 59%;
    left: 35%;
}
#solutions-wrap #solutions-06 a.btn_pd_04{
    width: 17%;
    height: 66%;
    top: 34%;
    left: 58%;
}
#solutions-wrap #solutions-06 a.btn_pd_05{
    width: 15%;
    height: 40%;
    top: 60%;
    left: 80%;
}

#solutions-wrap #solutions-06 .mobile a.btn_pd_01{
    left: 5%;
}
#solutions-wrap #solutions-06 .mobile a.btn_pd_02{
    left: 29%;
}
#solutions-wrap #solutions-06 .mobile a.btn_pd_03{
    left: 32%;
}
#solutions-wrap #solutions-06 .mobile a.btn_pd_04{
    left: 56%;
}
#solutions-wrap #solutions-06 .mobile a.btn_pd_05{
    left: 80%;
}

#solutions-wrap #solutions-06 .pd_01_s{
        width: 19%;
    position: absolute;
    top: 57.5%;
    left: 11%;
}
#solutions-wrap #solutions-06 .pd_02_s{
    width: 18%;
    position: absolute;
    top: 33.5%;
    left: 36.5%;
}
#solutions-wrap #solutions-06 .pd_03_s{
    width: 6.5%;
    position: absolute;
    top: 74.8%;
    left: 40.5%;
}
#solutions-wrap #solutions-06 .pd_04_s{
        width: 11.5%;
    position: absolute;
    top: 60%;
    left: 61%;
}
#solutions-wrap #solutions-06 .pd_05_s{
    width: 9.6%;
    position: absolute;
    top: 64.5%;
    left: 83%;
}
#solutions-wrap #solutions-06 .mtitle p{
    font-family: "Myriad Pro", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    width: auto;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    color: #fff !important;
    font-size: 63px;
    text-align: right;
    letter-spacing: 0em;
    font-weight: 600
}

#solutions-wrap #solutions-06 .pd_group{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#solutions-wrap #solutions-06 .pd_group.movieon{
    top: -5%;
    -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#solutions-wrap #solutions-06 .pd_group_s{
    -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#solutions-wrap #solutions-06 .pd_group_s.s_move{
    margin-top: 0.3%;
    transform: scale(0.75, 0.4);
    opacity: 0.4;
    -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#solutions-wrap #solutions-06 .pd_group_s.pd_02_s.s_move{
    margin-top: 0.4%;
    transform: scale(0.85, 0.25);
}
#solutions-wrap #solutions-06 .pd_group_s.pd_04_s.s_move{
    margin-top: 0%;
    transform: scale(0.85, 0.6);
}
#solutions-wrap #solutions-06 .pd_group_s.pd_05_s.s_move{
    transform: scale(0.85, 0.5);
}
@media only screen and (max-width: 1280px) {
  #solutions-wrap #solutions-06 .mtitle p {
    font-size: 3.4em;
  }
  #solutions-wrap #solutions-06 .stitle p {
    font-size: 34px;
  }
  #solutions-wrap #solutions-06 .maintitle{
    bottom: 5%;
  }
  #solutions-wrap #solutions-06 .maintitle .logo_group{
    padding: 10px 0 15px
  }
}

@media only screen and (max-width: 1024px) {
  #solutions-wrap #solutions-06 .mtitle p{
    font-size: 2em;
    padding-top: 0
  }
}

@media only screen and (max-width: 768px) {
  #solutions-wrap #solutions-06 .mobile,
  #solutions-wrap #solutions-06 img.mobile{
    display: block !important;
  }
  #solutions-wrap #solutions-06 .webstyle{
    display: none !important
  }
  #solutions-wrap #solutions-06:before {
    /*background-image: none;*/
    padding-top: 0%;
  }
  #solutions-wrap #solutions-06 {
    padding-top: 0%;
    height: auto
  }
  #solutions-wrap #solutions-06 .product-content {
    position: relative;
  }
  #solutions-wrap #solutions-06 .maintitle {
    position: relative;
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    margin-left: 0;
    padding: 0 18px 50px;
    transform: inherit;
  }
  #solutions-wrap #solutions-06 .mtitle p{
    margin-bottom: 0;
    text-align: center;
  }
  #solutions-wrap #solutions-06 .stitle p,
  #solutions-wrap #solutions-06 .info p{
    text-align: left;
    letter-spacing: 0;
  }
  #solutions-wrap #solutions-06 .mtitle p{
    padding-top: 0;
    padding-bottom: 0
  }
  #solutions-wrap #solutions-06:before {
    /*background-image: none;*/
    padding-top: 0%;
  }
  #solutions-wrap #solutions-06 {
    padding-top: 0%;
    padding-bottom: 0px
  }
  #solutions-wrap #solutions-06 .product-content {
    position: relative;
  }
  #solutions-wrap #solutions-06 .maintitle {
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    margin-left: 0;
    padding: 0 18px 50px;
    transform: inherit;
  }
}

@media only screen and (max-width: 480px) {
  #solutions-wrap #solutions-06 .maintitle {
    padding-top: .5em;
  }
  #solutions-wrap #solutions-06 .mtitle p {
    font-size: 32px;
  }
  #solutions-wrap #solutions-06 .stitle p {
    font-size: 18px;
  }
}
/**/
#solutions-wrap #solutions-07{
    background: #000;
    padding: 50px 0 50px !important;
}
#solutions-wrap #solutions-07 .mainsize {
    width: 100%;
    max-width: inherit;
    text-align: center;
}
#solutions-wrap #solutions-07 .mainsize .maintitle {
    /* width: 100%; */
    margin: 0 auto;
    padding: 0 18px 0px;
    text-align: center;
    display: inline-block;
    max-width: 1500px;
}
#solutions-wrap #solutions-07 .disclaimer{
    display: inline-block;
/*    width: 90%;
    padding: 40px 5% 40px;*/
}
#solutions-wrap #solutions-07 p.note{
    font-size: 18px;
    line-height: 1.2em;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #fff
}
@media (max-width: 719px){
    #solutions-wrap #solutions-07 p.note {
        text-align: left;
        margin: 0;
    }
    #solutions-wrap #solutions-07 .mainsize .maintitle{
        padding-bottom: 0 !important
    }
}

/* nav bar */
#solutions-wrap #product-nav-area{
    width: 100%;
}
#solutions-wrap #wifi6-nav {
    position: fixed;
    /*top: 50%;
    right: 10px;*/
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    background: #000;
    top: 0;
    z-index: 98;
}
#solutions-wrap #wifi6-nav .logo_txt{
    position: relative;
    float: left;
    left: 5%;
    color: #fff;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 24px;
    top: 12px;
    margin-bottom: 10px
}
#solutions-wrap #wifi6-nav .logo_txt b{
    font-weight: 600
}
#solutions-wrap #wifi6-nav.wifi6_fix{
    position: relative;
    display: inline-block;
}

#solutions-wrap #wifi6-nav ul {
    list-style: none;
    display: block;
    float: right;
    margin: 0 5% 0 2.5%;
}

#solutions-wrap #wifi6-nav ul li {
        position: relative;
    width: auto;
    height: auto;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin: 0;
    display: inline-block;
}
#solutions-wrap #wifi6-nav ul li a{
    display: inline-block;
    width: auto;
    position: relative;
    padding: 15px;
    z-index: 9999;
    top: 0
}

#solutions-wrap #wifi6-nav ul li b {
    position: relative;
    margin-top: 0px;
    white-space: nowrap;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
    font-family: "Myri	ad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#solutions-wrap #wifi6-nav ul li:hover b {
    display: inline-block !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: auto;
}

#solutions-wrap #wifi6-nav ul li.active {
    height: 30px !important
}

@media only screen and (max-width: 1024px) {
    #solutions-wrap #wifi6-nav{
        padding: 10px 0
    }
    #solutions-wrap #wifi6-nav ul li b{
        font-size: 20px
    }
    #solutions-wrap #wifi6-nav .logo_txt{
        font-size: 20px;
        top: 9px
    }
    #solutions-wrap #wifi6-nav ul li a{
        padding: 8px
    }
}
@media only screen and (max-width: 880px) {
    #solutions-wrap #wifi6-nav ul li b{
        font-size: 1.1em
    }
    #solutions-wrap #wifi6-nav .logo_txt{
        font-size: 1.1em;
        top: 9px
    }
    #solutions-wrap #wifi6-nav ul li a{
        padding: 8px
    }
}
@media (max-width: 719px) {
    /* special-sectionOverview #rog_chariot_rgb_nav-nav */
    #solutions-wrap #wifi6-nav{
        display: none !important;
    }
    #solutions-wrap #wifi6-nav ul li{
        width: 100%
    }
}

/*#solutions-wrap #wifi6-nav-top*/
#solutions-wrap #wifi6-nav-top{
        position: relative;
    width: 100%;
    background: #000;
    display: inline-block;
    margin-bottom: -5px;
    position: fixed;
    top: 0;
    z-index: 98
}
#solutions-wrap #wifi6-nav-top .logo_txt{
    position: relative;
    float: left;
    left: 5%;
    color: #fff;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    top: 12px;
    margin-bottom: 25px
}
#solutions-wrap #wifi6-nav-top .logo_txt b{
    font-weight: 600
}
#solutions-wrap #wifi6-nav-top ul {
    list-style: none;
    display: block;
    float: right;
    margin: 0;
    background: #000;
    display: none
}
#solutions-wrap #wifi6-nav-top ul.open{
    display: block;
}
#solutions-wrap #wifi6-nav-top ul li {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin: 0;
    display: inline-block;
    text-align: center;
}
#solutions-wrap #wifi6-nav-top ul li a{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 15px;
    z-index: 9999;
    top: 0;
    border-bottom: 1px #494949 solid;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
#solutions-wrap #wifi6-nav-top ul li a.active{
    background: #FFFFFF
}
#solutions-wrap #wifi6-nav-top a.icon_open_nav{
    position: absolute;
    right: 5%;
    top: 12px;
    display: inline-block;
    display: none
}
#solutions-wrap #wifi6-nav-top a.icon_open_nav.active{
    display: block;
}
#solutions-wrap #wifi6-nav-top a.icon_open_nav img{
    width: 100%;
    max-width: 25px
}
#solutions-wrap #wifi6-nav-top a.icon_close_nav{
    position: absolute;
    right: 5%;
    top: 12px;
    display: inline-block;
    display: none
}
#solutions-wrap #wifi6-nav-top a.icon_close_nav.active{
    display: block;
}
#solutions-wrap #wifi6-nav-top a.icon_close_nav img{
    width: 100%;
    max-width: 25px
}
/**/
.carouselCon .owl-dots{
    display: none
}
.carouselCon .owl-nav{
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100%;
    left: 0%;
}
.carouselCon .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    left: -64px;
    width: 58px;
    height: 74px;
    max-width: 58px;
    max-height: 74px;
    font-size: 0;
    background: url(../img/btn_prev.jpg) center center no-repeat;
    background-size: 100%;
}
.carouselCon .owl-nav .owl-prev:hover{
    background: url(../img/btn_prev.jpg) center center no-repeat;
}
.carouselCon .owl-nav .owl-next {
        display: inline-block;
    position: absolute;
    width: 58px;
    height: 74px;
    max-width: 58px;
    max-height: 74px;
    font-size: 0;
    background: url(../img/btn_next.jpg) center center no-repeat;
    background-size: 100%;
    right: -64px;
}
.carouselCon .owl-nav .owl-next:hover{
    background: url(../img/btn_next.jpg) center center no-repeat;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .carouselCon .owl-nav .owl-prev {
        transform:scale(0.8, 0.8);
        left: -70px;
    }
    .carouselCon .owl-nav .owl-next {
        transform:scale(0.8, 0.8);
        right: -70px;
    }
}
@media (max-width: 768px){
    #fixASUSWrapper .owl-carousel_amd .owl-dots{
        position: relative;
        margin: 100px 0 0 !important;
        display: inline-block;
    }
    .carouselCon .owl-carousel_amd .owl-item{
        
    }
    .carouselCon .owl-nav{
        width: 100%;
        bottom: 20%;
        left: 0;
        top: 40%;
        transform: translate(0%, -50%);
        display: none
    }
    #solutions-wrap #solutions-video{
        padding: 50px 0 20px !important
    }
    #solutions-wrap #solutions-video .mainsize{
        width: 100%;
        padding: 0 10px
    }
    .carouselCon .owl-dots{
        display: inline-block;
    }
}


/* ---------- hd-menu ---------- */
#solutions-wrap .hd-menu {
    width: 100%;
    margin: 50px auto -40px;
    position: relative;
    z-index: 1
}
/*#solutions-wrap .hd-detailed.act::before,
#solutions-wrap .hd-detailed.act::after,
#solutions-wrap .hd-menu.act::before,
#solutions-wrap .hd-menu.act::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 145px;
    background-color: #FFBF3B;
}*/
#solutions-wrap .hd-menu.act{
    position: relative;
}
#solutions-wrap .hd-menu.act::before,
#solutions-wrap .hd-menu.act::after{
    top: 50%;
}
#solutions-wrap .hd-detailed.act{
    position: relative;
}
#solutions-wrap .hd-detailed.act::before,
#solutions-wrap .hd-detailed.act::after{
    bottom: 0;
    z-index: 2;
}
#solutions-wrap .hd-detailed.act::before,
#solutions-wrap .hd-menu.act::before {
    left: 10%;
}
#solutions-wrap .hd-detailed.act::after,
#solutions-wrap .hd-menu.act::after{
    right: 10%
}
#solutions-wrap .hd-menu .hd-5line{
    position: absolute;
    top: 60%;
    right: 12%;
    opacity: 0;
    z-index: 0;
}
#solutions-wrap .hd-menu ul {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 0 0;
    position: relative;
}
#solutions-wrap .hd-menu ul:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #000 0%, #000 2%, #257cbf 12%, #257cbf 88%, #000 98%, #000 100%);
    top: 0%;
}
/*#solutions-wrap .hd-menu ul:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 92.95%;
    background: url(../img/hd-menu_line_r.png) left 7% no-repeat;
    background-size: 11% 44%;
    top: 13.2%;
}*/
#solutions-wrap .hd-menu ul.act{
    position: relative;
    z-index: 1;
}
/*#solutions-wrap .hd-menu ul.act::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 1px;
    background-color: #FFBF3B;
}*/
#solutions-wrap .hd-menu li {
    width: 25%;
    color: #808080;
    cursor: pointer;
    position: relative;
    margin: 0 -1.7%;
    padding: 20px 1% 24px;
}
#solutions-wrap .hd-menu.hd-menu-two li{
    margin: 0
}
#solutions-wrap .hd-menu.hd-menu-two .eq2{
    background: url(../img/btn_bk_01_b.png) no-repeat;
    background-size: 100% 100%;
}
#solutions-wrap .hd-menu.hd-menu-two .eq2 a *{
    left: 13%
}
#solutions-wrap .hd-menu.hd-menu-two .eq4 a *{
    right: 13%
}
#solutions-wrap .hd-menu.hd-menu-two .eq2:hover,
#solutions-wrap .hd-menu.hd-menu-two .eq2.hd-active{
    background: url(../img/btn_bk_01_a.png) no-repeat;
    background-size: 100% 100%;
}
#solutions-wrap .hd-menu.hd-menu-two .eq2 a:before{
    display: none;
}
#solutions-wrap .hd-menu.hd-menu-two .eq4{
    background: url(../img/btn_bk_02_b.png) no-repeat;
    background-size: 100% 100%;
}
#solutions-wrap .hd-menu.hd-menu-two .eq4:hover,
#solutions-wrap .hd-menu.hd-menu-two .eq4.hd-active{
    background: url(../img/btn_bk_02_a.png) no-repeat;
    background-size: 100% 100%;
}
#solutions-wrap .hd-menu.hd-menu-two .eq4 a:before{
    display: none;
}
#solutions-wrap .hd-menu.hd-menu-three li{
    width: 30%;
    position: relative;
}
#solutions-wrap .hd-menu li.eq3{
    width: 20%;
    z-index: 2
}
/*#solutions-wrap .hd-menu li:before {
    content: '';
    position: absolute;
    top: -3%;
    right: 0;
    transform: scaleY(1.45) perspective(360px) rotateX(50deg);
    transform-origin: center;
    border-radius: 0;
    bottom: 0;
    z-index: 0;
    width: 102%;
    left: -1%;
    height: 60%;
    border: 1px solid #846f3e;
    border-bottom: none;
}*/
#solutions-wrap .hd-menu li.eq1:before{
    border-right: none;
}
#solutions-wrap .hd-menu li.eq2:before{
    border-right: none;
}
#solutions-wrap .hd-menu li.eq4:before{
    border-left: none;
}
#solutions-wrap .hd-menu li.eq5:before{
    border-left: none;
}
#solutions-wrap .hd-menu li.eq3:before{
    transform: scaleY(1.45) perspective(360px) rotateX(-48deg);
transform-origin: center;
bottom: 0;
top: 13%;
width: 111%;
left: -6%;
height: 91%;
border: 1px solid #846f3e;
border-top: none;
}
#solutions-wrap .hd-menu li a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, #1c1c1c, #313131, #242424);
    z-index: -2;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -o-transform: skew(35deg);
    -ms-transform: skew(35deg);
    transform: skew(35deg);
    transform-origin: center;
    border:1px solid #257cbf;
    border-image: -webkit-linear-gradient(#257cbf, #000) 30 30;
    border-image: -moz-linear-gradient(#257cbf, #000) 30 30;
    border-image: -o-linear-gradient(#257cbf, #000) 30 30;
    border-image: linear-gradient(#257cbf, #000) 30 30;
    bottom: 0%;
    z-index: 0;
}
#solutions-wrap .hd-menu li.eq1 a:before{
    border-radius: 0 20px 0 20px;
    z-index: 1;
}
#solutions-wrap .hd-menu li.eq2 a:before{
    border-radius: 0px;
}
#solutions-wrap .hd-menu li.eq2.eq_four a:before,
#solutions-wrap .hd-menu li.eq4.eq_four a:before{
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
}
#solutions-wrap .hd-menu li.eq2.eq_four{
    width: 25%;
    margin: 0 -3px 0 -5%
}
#solutions-wrap .hd-menu li.eq4.eq_four{
    width: 25%;
    margin: 0 -5% 0 -3px
}
#solutions-wrap .hd-menu li.eq1 a *{
    left: 2%
}
#solutions-wrap .hd-menu li.eq2 a *{
    left: 0%;
    padding-right: 8%
}
#solutions-wrap .hd-menu li.eq2.eq_four a *{
    left: 10%
}
#solutions-wrap .hd-menu li.eq4 a *{
    right: 0%;
    padding-left: 8%
}
#solutions-wrap .hd-menu li.eq4.eq_four a *{
    right: 13%
}
#solutions-wrap .hd-menu li.eq5 a *{
    right: 6%
}
#solutions-wrap .hd-menu li.eq3 a:before{
    transform: scaleY(1) perspective(0px) rotateX(0deg);
    transform-origin: center;
    top: 0%;
    bottom: 0%;
    border-radius: 0px;
    /*border: 1px #000 solid;*/
    z-index: -1
}
#solutions-wrap .hd-menu li.eq4 a:before,
#solutions-wrap .hd-menu li.eq5 a:before {
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    transform: skew(-35deg);
}
#solutions-wrap .hd-menu li.eq5 a:before{
    border-radius: 20px 0 20px;
}
#solutions-wrap .hd-menu li:hover a:before,
#solutions-wrap .hd-menu li.hd-active a:before {
    opacity: 1;
    /*border-width: 6px;
    border-color: #FFBF3B;
    border-style: solid;
    border-bottom: none;*/
    /*border-top-width: 8px;*/
    background: linear-gradient(to bottom, #1c1c1c, #141414, #242424);
    /*background-size: 200%;*/
}

#solutions-wrap .hd-menu li.hd-active a h4{
  font-family: 'xolonium',sans-serif;
  font-weight: normal;
  /*font-style: italic;*/
  position: relative;
  color: #029edc;
  background: transparent;
  background: linear-gradient(to bottom, #0468b8 0%, #037ec6 30%, #029edc 60%, #029edc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /*text-transform:uppercase*/
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #solutions-wrap .hd-menu li.hd-active a h4{
        position: relative;
        color: #029edc !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #solutions-wrap .hd-menu li.hd-active a h4{
        position: relative;
        color: #029edc !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #029edc !important
    }
}
#solutions-wrap .hd-menu li.eq3 a:hover:before,
#solutions-wrap .hd-menu li.eq3.hd-active a:before{
    /*border-bottom: solid 8px #FFBF3B;*/
    /*border-top: none;*/
    /*background: url(../img/btn_active_bg.png) 50% 0% no-repeat;*/
    /*background-size: 200%;*/
}
#solutions-wrap .hd-menu li .arrow-left,
#solutions-wrap .hd-menu li .arrow-right{
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#solutions-wrap .hd-menu li .arrow-left{
    bottom: 0;
    left: 0;
}
#solutions-wrap .hd-menu li .arrow-right{
    top: 0;
    right: 0;
}
#solutions-wrap .hd-menu li:hover .arrow-left{
    left: -17.5px;
    bottom: -2.5px;
    opacity: 1;
}
#solutions-wrap .hd-menu li:hover .arrow-right{
    top: -15px;
    right: -5px;
    opacity: 1;
}
#solutions-wrap .hd-menu li.hd-active {
    /*background-color: #212121;
    color:#FFBF3B;*/
}
#solutions-wrap .hd-menu li.hd-active:after{
        content: "";
    position: absolute;
    width: 85%;
    height: 24px;
    background: url(../img/big_btn_active.png) no-repeat center bottom;
    background-size: 100% 100%;
    left: 5%;
    bottom: 0;
}
#solutions-wrap .hd-menu li img{
    margin-bottom: 5px;
    max-height: 65px;
}
#solutions-wrap .hd-menu li h4 {
    font-size: 36px;
    letter-spacing: -2px;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'xolonium';
    color: #979797;
    text-align: center;
    width: 100%;
    text-align: center;
}
#solutions-wrap .hd-menu li h4,
#solutions-wrap .hd-menu li img{
    text-transform: none;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1300px) {
    #solutions-wrap .hd-menu li h4 {
        font-size: 1.8em;
    }
}
@media only screen and (max-width: 1000px) {
    #solutions-wrap .hd-menu li h4 {
        font-size: 1.5em;
    }
    #solutions-wrap .hd-menu.hd-menu-three li{
        width: 33%;
    }
    #solutions-wrap .hd-menu li.eq3{
        width: 20%
    }
    #solutions-wrap .hd-menu li{
        margin: 0 -2%;
    }
}
@media only screen and (max-width: 800px) {
    /*#solutions-wrap .hd-menu ul{
        width: 120%;
        margin: 0 -10%;
    }*/
    #solutions-wrap .hd-menu.hd-menu-three li{
        width: 38%;
    }
    #solutions-wrap .hd-menu li.eq3{
        width: 20%
    }
    #solutions-wrap .hd-menu li h4 {
        font-size: 1em;
    }
    #solutions-wrap .hd-menu li{
        margin: 0 -3%;
    }
}

/* nav bar */
#solutions-wrap #wifi6-nav-o {
    position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -11.6875em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 10px;
    z-index: 99
}

#solutions-wrap #wifi6-nav-o ul {
        list-style: none;
    display: block;
    margin: 0;
}

#solutions-wrap #wifi6-nav-o ul li {
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin: 0;
    display: inline-block;
}
#solutions-wrap #wifi6-nav-o ul li a{
        display: inline-block;
    width: 8px;
    position: absolute;
    padding: 11px 15px;
    height: 8px;
    z-index: 9999;
}
#solutions-wrap #wifi6-nav-o ul li.active a{
    padding: 15px 15px;
}
#solutions-wrap #wifi6-nav-o ul li div {
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-left: auto;
    background: #C8C8C8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    box-shadow: inset 0 0 1px #777;
    display: inline-block;
    position: relative;
}

#solutions-wrap #wifi6-nav-o ul li b {
    display: none;
    position: absolute;
    top: 60%;
    margin-top: -12px;
    right: 40px;
    white-space: nowrap;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 1;
    font-family: "Myriad Pro", "Helvetica", "Myriad Pro", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#solutions-wrap #wifi6-nav-o ul li.on b, #solutions-wrap #wifi6-nav-o ul li.active b{
    top: 80%
}

#solutions-wrap #wifi6-nav-o ul li:hover b {
    display: inline-block; !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: auto;
}

#solutions-wrap #wifi6-nav-o ul li:hover div {
    background: #ED1C24
}

#solutions-wrap #wifi6-nav-o ul li.active {
    height: 30px !important
}

 #solutions-wrap #wifi6-nav-o ul li.active div {
    background: #ED1C24;
    height: 30px !important;
    top: 5px;
}
@media (max-width: 719px) {
  #solutions-wrap #wifi6-nav-o{
      display: none;
  }
}


/*TABLE*/
#solutions-Intel {
    padding: 85px 0 100px;
    background: #000 no-repeat 50% 0
}
#solutions-Intel .text{
        width: 84.31373%;
    padding-top: 50px;
    margin-left: auto;
    margin-bottom: 50px;
    margin-right: auto;
    text-align: center;
}
#solutions-Intel .msect-inner{
    max-width: 940px
}
#solutions-Intel .sheet {
    margin-left: 1em;
    margin-right: 1em;
    border-bottom: 10px #02afe7 solid
}
#solutions-Intel .sheet table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}
#solutions-Intel .sheet table thead{
    border-bottom: 10px #02afe7 solid
}
#solutions-Intel .sheet thead th {
    padding: 0 2em 1em;
    text-align: center
}
#solutions-Intel .sheet thead th p{
        display: block;
    margin-top: 1em;
    font-family: "xolonium";
    font-size: 1.2em;
    line-height: 1;
    /*color: white;*/
    text-align: center;
}
#solutions-Intel .sheet thead img {
    margin-left: auto;
    margin-right: auto
}
html #overview #special-sectionOverview #solutions-Intel .sheet thead img, html #overview #sectionOverview #solutions-Intel .sheet thead img {
    max-width: 100% !important
}
#solutions-Intel .sheet tbody td, #solutions-Intel .sheet tbody th {
    position: relative;
    padding: 1em 2em;
    font-weight: 300;
    text-align: center;
}
#solutions-Intel .sheet tbody td:before {
    /*content: '';
    display: block;
    width: 1px;
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    border-left: 1px solid #363636*/
}
#solutions-Intel .sheet tbody tr td,
#solutions-Intel .sheet tbody tr th{
    border-bottom: 1px #343434 solid;
    line-height: 1.4em
}
#solutions-Intel .sheet tbody tr td a{
    color: #fff
}
#solutions-Intel .sheet tbody tr td a:hover{
    color: #02afe7
}
#solutions-Intel .sheet tbody tr:last-child td,
#solutions-Intel .sheet tbody tr:last-child th{
    border-bottom: none
}
#solutions-Intel .sheet tbody tr:nth-child(odd) {
    /*background: #191919*/
}
@media (min-width: 1025px) {
    #solutions-Intel .parentheses {
        font-size: 85%
    }
}
@media (max-width: 960px) {
    #solutions-Intel .sheet {
        margin: 0;
        line-height: 1.3;
        font-size: 85%
    }
    #solutions-Intel .sheet tbody td, #solutions-Intel .sheet tbody th {
        padding: .75em .5em .7em 1.2em
    }
}
@media (max-width: 640px) {
    #solutions-Intel {
        padding: 40px 0 40px
    }
}
#solutions-Intel .saving_table{
    padding-top: 0px;
    width: calc(100% - 20px);
    overflow-y: auto;
    margin: 0 10px;
    padding-bottom: 15px
}
#solutions-Intel .saving_table table{
  /*border: #1f1f1f 1px solid;*/
  min-width: 830px;
      border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
    display: block;
    margin-top: 1em;
    font-family: "xolonium";
    font-size: 1.2em;
    line-height: 1;
    color: #02afe7;
    text-align: left;
}
#solutions-Intel .saving_table::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}
#solutions-Intel .saving_table::-webkit-scrollbar-thumb{
    border-radius: 8px;
    /*border: 3px solid #000;
    background-color: rgba(255, 255, 255, .3);*/
    top: 10px;
}
/* Custom scrollbar */

#solutions-Intel .saving_table::-webkit-scrollbar {
  width: 8px;
}

#solutions-Intel .saving_table::-webkit-scrollbar-track {
  border:1px solid #fff;
  border-radius: 10px;

}

#solutions-Intel .saving_table::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 10px;
  box-shadow: 10px 10px 10px #fff inset;

}

#solutions-Intel .sheet table tr:nth-child(odd) td{
    background: #222222
}


#solutions-wrap #sec_choose figure .mainsize{
    padding: 0 18px
}
#solutions-wrap #sec_choose figure .mainsize .carousel-item img{
        position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 80%;
    max-width: 210px !important;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info{
    display: inline-block;
    border: 2px #2f2f2f solid;
    border-radius: 10px;
    background: linear-gradient(to bottom, #0d0d0d 0%, #292929 100%);
        width: 100%;
    padding: 200px 10px 20px;
    margin-top: 130px;
    min-height: 440px
}
#solutions-wrap #sec_choose figure .mainsize .carousel-item img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 80%;
    max-width: 210px !important;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info p{
    font-size: 25px;
    text-align: center !important;
    min-height: auto;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info p.icon_title{
    font-size: 16px
}
#solutions-wrap #sec_choose figure .mainsize .explore_info ul.pds_ksp{
    display: inline-block;
    width: 100%;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info ul.pds_ksp li{
    display: inline-block;
    width: 100%;
    border-bottom: 1px #363636 solid;
    padding: 5px 5px 5px 35px;
    text-align: left;
    position: relative;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info ul.pds_ksp li:after{
    content: "";
    position: absolute;
    left: 13px;
    top: 10px;
    width: 6px;
    height: 6px;
    border: 2px #04a7dc solid;
    border-radius: 5px;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info ul.pds_ksp li p{
    font-family: "Roboto", "Roboto", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left !important;
    width: 100%;
    margin: 0 auto;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info .info{
    font-size: 15px;
    text-align: center !important;
    margin: 5px auto;
    color: #fff;
    font-family: "Myriad Pro Light", "Helvetica", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    min-height: 70px
}
#solutions-wrap #sec_choose figure .mainsize .group_prime .explore_info .info{
    min-height: auto;
}
#solutions-wrap #sec_choose figure .mainsize .explore_info .info b{
    font-weight: 300;
    font-style: italic;
    color: #3b98ff;
    font-size: 20px
}
@media (max-width: 719px) {
    #solutions-wrap #sec_choose figure .mainsize .explore_info{
        padding-top: 70px;
        min-height: inherit;
    }
    #solutions-wrap #sec_choose figure .mainsize .explore_info{
        padding: 0;
    margin-top: 20px;
    }
    #solutions-wrap #sec_choose figure .mainsize .explore_info .info{
        min-height: auto
    }
    #solutions-wrap #sec_choose figure .mainsize .carousel-item img{
        position: relative;
        left: 0;
        transform: inherit;
    }
    #solutions-wrap #sec_choose figure .mainsize .explore_info .info,
    #solutions-wrap #sec_choose figure .mainsize .explore_info .info b{
        font-size: 16px
    }
    #solutions-wrap #sec_choose figure .mainsize .owl-theme .owl-dots .owl-dot{
        margin: 10px
    }
    #solutions-wrap #sec_choose figure .mainsize .owl-theme .owl-dots .owl-dot.active span, #solutions-wrap #solutions-video .owl-theme .owl-dots .owl-dot:hover span{
        background: #04a7dc 
    }
}

#videoplayer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 199999;
    width: 100%;
    height: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.6);
    animation: videoplayer-in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s;
    animation-fill-mode: backwards
}
#videoplayer iframe.player {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    background: black
}
#videoplayer .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    opacity: .6;
    transition: opacity .15s;
    color: white;
    cursor: pointer
}
#videoplayer .close:hover {
    opacity: 1
}
#videoplayer .close:active {
    opacity: .82
}
#videoplayer .close:focus {
    opacity: .82;
    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
    outline: none
}
#videoplayer .close:before {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 52px;
    content: "\00D7";
    font-family: 'arial', sans-serif;
    text-align: center;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}


/* ----------- select_bar ------------- */
    #solutions-wrap #sec_key_area .d-flex {
        display: flex;
    }
    #solutions-wrap #sec_key_area .select_bar{
        margin: auto;
        justify-content: center;
        margin: 50px auto 1px;
        position: relative;
        width: 100%;
    }
    /*#solutions-wrap #sec_key_area .select_bar::before,
    #solutions-wrap #sec_key_area .select_bar::after{
        content: '';
        position: absolute;
        height: 2px;
        background: linear-gradient(to left , rgba(182, 182, 182, 0.205) 0% ,rgba(206, 206, 206, 0.562) 3% ,rgb(206, 206, 206) 15%, transparent 20%, transparent 50%,transparent 75%, rgb(206, 206, 206) 90%, rgba(206, 206, 206, 0.562) 97% ,rgba(182, 182, 182, 0.205) 100%);
        background: -webkit-linear-gradient(to left ,rgba(182, 182, 182, 0.205) 0% ,rgba(206, 206, 206, 0.562) 3% ,rgb(206, 206, 206) 15%, transparent 20%, transparent 50%,transparent 75%, rgb(206, 206, 206) 90%, rgba(206, 206, 206, 0.562) 97% ,rgba(182, 182, 182, 0.205) 100%);
        background: -o-linear-gradient(to left ,rgba(182, 182, 182, 0.205) 0% ,rgba(206, 206, 206, 0.562) 3% ,rgb(206, 206, 206) 15%, transparent 20%, transparent 50%,transparent 75%, rgb(206, 206, 206) 90%, rgba(206, 206, 206, 0.562) 97% ,rgba(182, 182, 182, 0.205) 100%);
        background: -moz-linear-gradient(to left , rgba(182, 182, 182, 0.205) 0% ,rgba(206, 206, 206, 0.562) 3% ,rgb(206, 206, 206) 15%, transparent 20%, transparent 50%,transparent 75%, rgb(206, 206, 206) 90%, rgba(206, 206, 206, 0.562) 97% ,rgba(182, 182, 182, 0.205) 100%);
        filter: blur(1px);
    }
    #solutions-wrap #sec_key_area .select_bar_a::before{
        top: 0;
        left: 5%;
        width: 87%;
    }
    #solutions-wrap #sec_key_area .select_bar_a::after{
        bottom: 0;
        left: 8%;
        width: 87%;
    }
    #solutions-wrap #sec_key_area .select_bar_b::before{
        top: 0;
        left: 14%;
        width: 69%;
    }
    #solutions-wrap #sec_key_area .select_bar_b::after{
        bottom: 0;
        left: 17%;
        width: 69%;
    }*/
    #solutions-wrap #sec_key_area .select_bar .choose_bg {
        /*min-width: 280px;*/
        /*max-width: 300px;*/
        width: 20%;
        /*padding: 17px;*/
        margin: 0 1px;
        position: relative;
        /*cursor: pointer;*/
        /*border-radius: 0 20px 0 0;*/
        background-color: rgb(20, 20, 20);
        cursor: pointer;
        border-bottom: 2px solid #ED1C24;
        opacity: 1;
        /*transform: skew(30deg);*/
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg a{
        cursor: pointer;
        padding: 20px 15px;
        min-width: 280px;
        display: inline-block;
        z-index: 999;
    }
    /*#solutions-wrap #sec_key_area .select_bar .choose_bg::before{
        content: '';
        width: 100%;
        height: 100%;
        border-radius: 0 20px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        background: -webkit-linear-gradient(right bottom, #777 0%, #ddd 20%, #777 50%, #ddd 80%, #777 100%);
        background: -o-linear-gradient(right bottom, #777 0%, #ddd 20%, #777 50%, #ddd 80%, #777 100%);
        background: -moz-linear-gradient(right bottom, #777 0%, #ddd 20%, #777 50%, #ddd 80%, #777 100%);
        background: linear-gradient(right bottom, #777 0%, #ddd 20%, #777 50%, #ddd 80%, #777 100%);
        z-index: 0;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg::after{
        content: '';
        width: calc(100% - 5px);
        height: calc(100% - 5px);
        border-radius: 0 20px 0 0;
        position: absolute;
        top: 2px;
        left: 3px;
        background-color: #222;
        background: -webkit-linear-gradient(left, #2222 0%,  rgb(32, 32, 32) 90%,rgb(35, 35, 35) 95%, rgb(20, 20, 20) 100%);
        background: -o-linear-gradient(right, #222 0%,  rgb(32, 32, 32) 90%,rgb(35, 35, 35) 95%,rgb(20, 20, 20) 100%);
        background: -moz-linear-gradient(right, #222 0%,  rgb(32, 32, 32) 90%,rgb(35, 35, 35) 95%,rgb(20, 20, 20) 100%);
        background: linear-gradient(to right, #222 0%,  rgb(32, 32, 32) 90%,rgb(35, 35, 35) 95%,rgb(20, 20, 20) 100%);
        z-index: 0;
    }*/
    #solutions-wrap #sec_key_area .select_bar .choose_bg .text{
        /*transform: skew(-30deg);*/
        opacity: .5;
        position: relative;
        z-index: 1;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg:hover .text,
    #solutions-wrap #sec_key_area .select_bar .choose_bg.hd-active .text{
        opacity: 1;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg:hover{ 
        background-color: rgb(30, 30, 30);
        border-bottom: 2px solid #ED1C24;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg.hd-active::after{
        background-color: #0470b2;
        background: -webkit-linear-gradient(right, #5f5f5f 0%,#a1a6ac 6%,#5f5f5f 100%);
        background: -o-linear-gradient(right, #5f5f5f 0%,#a1a6ac 6%,#5f5f5f 100%);
        background: -moz-linear-gradient(right, #5f5f5f 0%,#a1a6ac 6%,#5f5f5f 100%);
        background: linear-gradient(right, #5f5f5f 0%,#a1a6ac 6%,#5f5f5f 100%);
        /* background: linear-gradient(90deg, #aaa 0%,#bbc3d1 29%,#777777 51%,#bbc3d1 78%,#777 100%); */
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg img{
        position: relative;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg h5{
        color: #FFF;
        position: relative;
        font-family: 'xolonium', sans-serif;
        font-size: 1.2em;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.1em;
    width: 100%;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg p{
        margin-bottom: 0;
        position: relative;
        font-size: .8em;
    }
    #solutions-wrap #sec_key_area .select_bar a{
        cursor:auto;
    }
@media screen and (max-width:1440px){
    #solutions-wrap #sec_key_area .select_bar .choose_bg {
        min-width: auto;
        /*padding: 20px 30px;*/
        width: 20%;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg a{
        padding: 20px 30px;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg h5{
        font-size: 20px;
    }
}
@media screen and (max-width:1280px){
    #solutions-wrap #sec_key_area .select_bar .choose_bg {
        /*padding: 17px 0 15px;*/
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg a{
        padding: 17px 0 15px;
        /*min-width: 190px*/
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg h5{
        font-size: 15px;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg p{
        font-size: .7em;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg {
        width: 20%;
    }
}
@media screen and (max-width:1024px){
    #solutions-wrap #sec_key_area .select_bar .choose_bg {
        min-width: 200px;
        width: 20%;
    }
}
@media screen and (max-width:1023px){
    #solutions-wrap .section_item{
        min-height: 340px
    }
    #solutions-wrap #sec_key_area .select_bar_a::before {
        top: 10%;
        left: -8%;
        width: 108%;
    }
    #solutions-wrap #sec_key_area .select_bar_a::after {
        bottom: 10%;
        left:-4%;
        width: 108%;
    }
/* -----------#sec_key_area------------- */
    #solutions-wrap  #sec_key_area .select_bar{
        width: 100% !important;
    flex-wrap: wrap;
    }
    #solutions-wrap #sec_key_area .select_bar{
        margin-top: 10px;
        margin-bottom: 10px
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg{
        width: calc(16.66% - 2px) !important;
        /*padding: 20px;*/
        margin: 1% 1px;
        min-width: inherit;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg a{
        padding: 20px;
        min-width: 180px
    }
}
@media screen and (max-width:768px){
    #solutions-wrap #sec_key_area .select_bar_a::before,
    #solutions-wrap #sec_key_area .select_bar_a::after,
    #solutions-wrap #sec_key_area .select_bar_b::before,
    #solutions-wrap #sec_key_area .select_bar_b::after {
        content: none;
    }
/* -----------#select_bar------------- */    
    #solutions-wrap #sec_key_area .select_bar{
        width: 100% !important;
        flex-wrap:wrap;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg{
        width: 100% !important;
        /*padding: 10px 0 8px;*/
        margin: 1% 0;
        max-width: inherit;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg a{
        padding: 10px 0 8px;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg .text {
        min-height: 37px;
        height: 100%;
    }
    #solutions-wrap #sec_key_area .select_bar .choose_bg .text {
        display: flex;
        align-items: center;
    }
}

#solutions-wrap #solutions-01 #rtx30_updated.maintitle{
    padding-top: 90px
}
#solutions-wrap .section_item {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 80px 10px 40px;
}
#solutions-wrap .flexCon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#solutions-wrap .flexCon.flex-50-50>.flex-item {
    position: relative;
    width: 50%;
    padding: 0 0px;
}
#solutions-wrap .flexCon.flex-50-50>.flex-item:first-child {
    padding: 0;
}
#solutions-wrap .flexCon.flex-50-50>.flex-item .video_mark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top , rgba(0, 0, 0, 1) 0%,  rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
}
#solutions-wrap .flexCon.flex-50-50 img.flex-img{
    max-width: 300px;
    margin-left: 5%
}
@media only screen and (max-width: 768px) {
    #solutions-wrap .section_item{
        padding-left: 0;
        padding-right: 0
    }
    #solutions-wrap #solutions-01 #rtx30_updated.maintitle{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #solutions-wrap .flexCon.flex-50-50 img.flex-img{
        max-width: 300px;
        margin: 0 0 20px 0
    }
}
#solutions-wrap .flexCon.flex-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#solutions-wrap .flexCon.flex-reverse .translate_box:first-child{
    padding-left: 20px
}
#solutions-wrap .translate_box.text-left * {
    text-align: left !important;
}
@media only screen and (max-width: 768px) {
    #solutions-wrap .flexCon.flex-50-50>.flex-item {
         position: relative;
        width: 100%;
        padding: 0px 0;
    }
    #solutions-wrap .flexCon.flex-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #solutions-wrap .flexCon.flex-reverse .translate_box:first-child{
        padding-left: 0px
    }
}

#solutions-wrap .translate_box{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-right: 20px
}
@media only screen and (max-width: 768px) {
    #solutions-wrap .translate_box{
        position: relative;
        top: inherit;
        left: inherit;
        transform: translate(0%, 0%);
    }
}