﻿
.tw .overContent span, .tw .overContent p {
    font-family: inherit !important;
}

.tw .overContent h1, .tw .overContent h2, .tw .overContent h3, .tw .overContent h4, .tw .overContent h5 {
    font-family: inherit !important;
}

.jp .overContent span, .jp .overContent p{
    font-family: inherit !important;
}

.overContent .overviewContent #hd {
     position: absolute !important; 
}
 .overContent .overviewContent .overview #hd {
     position: unset !important; 
}
ol li, ul li {
    list-style: unset; 
    padding: 0;
    margin: 0 0 10px 25px;
}
#rog-width-full {     position: relative !important;  }
#CMD { margin-top: 0 !important;}

.overContent {min-height: unset  !important;}
.overviewContent a {cursor:pointer;}
.overviewContent {padding-bottom:  20px;}
.overviewContent > .overview_ProductTab {
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    color: #333;
    display: block;
    font-family: "Segoe UI",'微軟正黑體',"Microsoft JhengHei",Arial,'新細明體';
    font-size: 12px;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    text-size-adjust: 100%;
    vertical-align: baseline;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-color: #333;
    border-style: none;
    border-width: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    background-color:#fff;
}

.overviewContent > .overview_Special {
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    color: #333;
    font-family: "Segoe UI",'微軟正黑體',"Microsoft JhengHei",Arial,'新細明體';
    font-size: 12px;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-size-adjust: 100%;
    vertical-align: baseline;
    border-color: #333;
    border-style: none;
    border-width: 0;
    padding: 0;
    width: 960px;
    margin: 0 auto;
    max-width: 100%;
    background-color: #fff;
}

.overviewContent > .overview {
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    color: #333;
    font-family: "Segoe UI",'微軟正黑體',"Microsoft JhengHei",Arial,'新細明體';
    font-size: 12px;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 18px;
    text-size-adjust: 100%;
    vertical-align: baseline;
    border-color: #333;
    border-style: none;
    border-width: 0;
    padding: 0;
    width: 960px;
    margin: 0 auto;
    max-width: 100%;
    background-color: #fff;
}
.overviewContent > .product_overview.overview_BlackVersion {
    background-color: #000;
}
.overContent .thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.overviewContent .overview li {
    list-style: disc;
}
.overview_BlackVersion .product-intro ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAAHe9q7oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeNpiWMjM5AkQQAxA4hlAAIEJIP4PEEAwhicTAwODJBDPAwgwRrA8hAMCz0EyKUD8AoifgtgAPDwOBRShMx8AAAAASUVORK5CYII=)
}

    .overview_BlackVersion .product-intro ul li {
        color: #ffffff
    }


.overview_BlackVersion #breadcrumbs, .overview_BlackVersion .page-title {
    color: #ffffff
}

    .overview_BlackVersion #breadcrumbs a {
        color: #ffffff
    }

        .overview_BlackVersion #breadcrumbs a:hover {
            color: #000
        }

.overview_BlackVersion .nav-tabs > li > a {
    color: #ffffff
}

.overview_BlackVersion .nav-tabs > .active:after {
    border-color: #000 transparent
}

.overview_BlackVersion .product-slogan {
    color: #c8c8c8
}

.overview_BlackVersion .add-to-list {
    color: #a10302
}

    .overview_BlackVersion .add-to-list:hover {
        color: #920201
    }

.overview_BlackVersion #product_similar_area a:hover h3, .overview_BlackVersion #product_accessory_area a:hover h3 {
    color: #a10302
}

.overview_BlackVersion #product_similar_area h3, .overview_BlackVersion #product_accessory_area h3, .overview_BlackVersion #product_similar_area p, .overview_BlackVersion #product_accessory_area p, .overview_BlackVersion .all-product-line-footer li {
    color: #8a8a8a
}

.overview_BlackVersion #product_similar_area .similar-zone li {
    border-bottom: 1px solid #505050
}

.overview_BlackVersion .span8-line {
    border-left: 1px solid #505050
}

.overview_BlackVersion hr.gray {
    background: #505050;
    color: #505050;
    display: none
}

.overview_BlackVersion #product-footer-zone {
    background-image: none;
    border-top: 0px solid #505050;
    margin-top: 20px !important
}

.overview_BlackVersion #MDA {
    color: #fff
}

.overview_BlackVersion .width-line-gray {
    background-image: none;
    border-bottom: 1px solid #505050
}

.overview_BlackVersion .product-aside {
    padding-bottom: 10px
}

.overview_BlackVersion #Product_BottomSection {
    margin: 0 0 0 36px;
    border-top: 1px solid #505050;
    border-bottom: 1px solid #505050;
    padding: 30px 0
}

.overview_BlackVersion #product_content_area h2 {
    color: #C8C8C8
}

.overview_BlackVersion #product_content_area .accessories-area {
    width: 576px;
    width: 568px \9
}

.overview_BlackVersion #product_content_area .similar-area {
    width: 296px;
    width: 288px \9;
    margin: 0
}

.overview_BlackVersion .sb-cut-nav a.active {
    background-color: #a10302
}

.overview_BlackVersion .sb-cut-nav a:hover {
    background-color: #a10302
}

.overview_BlackVersion #overview-aside-nav ul li b {
    color: #a10302
}

.overview_BlackVersion #overview-aside-nav ul li:hover b {
    display: block !important;
    -webkit-animation: fadein 0.3s ease-out;
    -moz-animation: fadein 0.3s ease-out;
    -ms-animation: fadein 0.3s ease-out;
    -o-animation: fadein 0.3s ease-out;
    animation: fadein 0.3s ease-out
}

.overview_BlackVersion #overview-aside-nav ul li:hover div {
    background: #a10302
}

.overview_BlackVersion #overview-aside-nav ul li.on {
    height: 30px !important
}

.overview_BlackVersion #overview-aside-nav ul li.on div {
    background: #a10302;
    max-height: 100%;
    
}

.overviewContent .column {
    float: left
}

.overviewContent .column .columns_ab .column, .overviewContent .columns_ab .column {
    width: 49%
}

.overviewContent .columns_abb div.last, .overviewContent .columns_aaab div.last, .overviewContent .columns_abcd div.last, .overviewContent .columns_abc div.last, .overviewContent .columns_abbb div.last, .overviewContent .columns_aab div.last, .overviewContent .columns_ab div.last {
    float: right;
    margin-right: 0
}

.overviewContent .column .columns_aab .column, .overviewContent .columns_aab .column {
    width: 66%
}

.overviewContent .column .columns_aab div.last, .overviewContent .columns_aab div.last {
    width: 32%
}

.overviewContent .column .columns_abb .column, .overviewContent .columns_abb .column {
    width: 32%
}

.overviewContent .column .columns_abb div.last, .overviewContent .columns_abb div.last {
    width: 64%
}

.overviewContent .column .columns_aaab .column, .overviewContent .columns_aaab .column {
    width: 74.5%
}

.overviewContent .column .columns_aaab div.last, .overviewContent .columns_aaab div.last {
    width: 23.5%
}

.overviewContent .column .columns_abbb .column, .overviewContent .columns_abbb .column {
    width: 23.5%
}

.overviewContent .column .columns_abbb div.last, .overviewContent .columns_abbb div.last {
    width: 74.5%
}

.overviewContent .columns_abc .column {
    width: 32%;
    margin-right: 2%
}

.overviewContent .columns_abcd .column {
    width: 23.5%;
    margin-right: 2%
}

.overviewContent .columns_ab, .overviewContent .columns_aab, .overviewContent .columns_abb, .overviewContent .columns_aaab, .overviewContent .columns_abbb, .overviewContent .columns_abc, .overviewContent .columns_abcd {
    *zoom: 1;
    width: 100%
}

    .overviewContent .columns_ab:before, .overviewContent .columns_ab:after, .overviewContent .columns_aab:before, .overviewContent .columns_aab:after, .overviewContent .columns_abb:before, .overviewContent .columns_abb:after,
    .overviewContent .columns_aaab:before, .overviewContent .columns_aaab:after, .overviewContent .columns_abbb:before, .overviewContent .columns_abbb:after, .overviewContent .columns_abc:before, .overviewContent .columns_abc:after, .overviewContent .columns_abcd:before, .overviewContent .columns_abcd:after {
        display: table;
        content: ""
    }

    .overviewContent .columns_ab:after, .overviewContent .columns_aab:after, .overviewContent .columns_abb:after, .overviewContent .columns_aaab:after, .overviewContent .columns_abbb:after, .overviewContent .columns_abc:after, .overviewContent .columns_abcd:after {
        clear: both
    }

    .overviewContent .columns_ab > .column {
        width: 48.7179%;
        display: block;
        float: left
    }

        .overviewContent .columns_ab > .column:first-child {
            margin-left: 0
        }

        .overviewContent .columns_ab > .column.last {
            margin-left: 2.5641%
        }

    .overviewContent .columns_abb > .column {
        width: 31.6239%;
        display: block;
        float: left
    }

        .overviewContent .columns_abb > .column:first-child {
            margin-left: 0
        }

        .overviewContent .columns_abb > .column.last {
            width: 65.812%;
            margin-left: 2.5641%
        }

    .overviewContent .columns_aab > .column {
        width: 65.812%;
        display: block;
        float: left
    }

        .overviewContent .columns_aab > .column:first-child {
            margin-left: 0
        }

        .overviewContent .columns_aab > .column.last {
            width: 31.6239%;
            margin-left: 2.5641%
        }

    .overviewContent .columns_abbb > .column {
        width: 23.0769%;
        display: block;
        float: left
    }

        .overviewContent .columns_abbb > .column:first-child {
            margin-left: 0
        }

        .overviewContent .columns_abbb > .column.last {
            width: 74.359%;
            margin-left: 2.5641%
        }

    .overviewContent .columns_aaab > .column {
        width: 74.359%;
        display: block;
        float: left
    }

        .overviewContent .columns_aaab > .column:first-child {
            margin-left: 0
        }

        .overviewContent .columns_aaab > .column.last {
            width: 23.0769%;
            margin-left: 2.5641%
        }

    .overviewContent .columns_abc > .column {
        width: 31.62393%;
        display: block;
        float: left;
        margin-left: 2.5641%
    }

        .overviewContent .columns_abc > .column:first-child {
            margin-left: 0
        }

    .overviewContent .columns_abcd > .column {
        width: 23.0769%;
        display: block;
        float: left;
        margin-left: 2.5641%
    }

        .overviewContent .columns_abcd > .column:first-child {
            margin-left: 0
        }

.overviewContent .coverover {
    position: relative
}

.overviewContent .columns_abbb:after, .overviewContent .columns_abb:after, .overviewContent .columns_aaab:after, .overviewContent .columns_abcd:after, .overviewContent .columns_abc:after, .overviewContent .columns_aab:after, .overviewContent .columns_ab:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.overviewContent h1 {
    background-image: none;
    margin-bottom: 0.1em;
    height: auto;
    padding: 0;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    
}

.overviewContent h2 {
    background-image: none;
    font-size: 24px;
    color: #353535;
    margin-bottom: 0.1em;
    height: auto;
    padding: 0;
    font-weight: normal;
    line-height: 40px;
}


.overviewContent h3 {
    background-image: none;
    font-size: 21px;
    color: #33b9ff;
    margin-bottom: 0.4em;
    height: auto;
    padding: 0;
    font-weight: normal;
    line-height: 1;
}


.overviewContent h4 {
    background-image: none;
    font-size: 146.5%;
    color: #353535;
    margin-bottom: 0.4em;
    height: auto;
    padding: 0;
    font-weight: normal;
    line-height: 20px;
}


.overviewContent h5 {
    font-size: 116%;
    color: #33b9ff;
    line-height: 100%;
    margin-bottom: 0.8em;
    margin-top: 0px;
}

.overviewContent h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility;
}
.overviewContent h4.consumer_style {
    background-image: none;
    font-size: 146.5%;
    color: #353535;
    margin-bottom: 0.4em;
    height: auto;
    padding: 0;
    font-weight: normal
}

.overviewContent h1,   .overviewContent h5{ font-weight: bold;}

.overviewContent #epc_style h4, .overviewContent #mobile_style h4 {
    background-image: none;
    font-size: 24px;
    color: #353535;
    margin-bottom: 0.1em;
    height: auto;
    padding: 0;
    font-weight: normal
}


.overviewContent p {
    margin-bottom: 4em
}

.overviewContent .leftimage {
    margin-left: -38px;
    float: none;
    position: relative
}

.overviewContent .leftimagefloat {
    margin-left: -38px;
    float: left
}

.overviewContent .rightimage {
    margin-right: -38px;
    float: right;
    position: relative
}

.overviewContent .rightimagefloat {
    margin-right: -38px;
    float: right;
    padding-right: 0
}

.overviewContent img.standalone {
    margin-bottom: 3.5em
}

.overviewContent .function_icon {
    float: left;
    position: relative;
    padding-right: 1.5em;
    padding-bottom: 3.5em
}




.overviewContent ul.bluecircle {
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
    margin: 0
}

.overviewContent ul.bluecircle li {
    padding: 3px 0 3px 13px;
    background: url(/images/bluecircle.gif) scroll no-repeat 0 5px
}

.overviewContent ul.blackcircle {
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
    margin: 0
}

    .overviewContent ul.blackcircle li {
        padding: 3px 0 3px 13px;
        background: url(/images/blackcircle.gif) scroll no-repeat 0 5px
    }

.overviewContent .newstable {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #ccc;
    border-collapse: collapse
}

.overviewContent .newstable td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #ccc
}


.overviewContent .bluetable {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #BBBBBB;
    border-collapse: collapse
}

    .overviewContent .bluetable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #bbb
    }

        .overviewContent .bluetable td:first-child {
            background-color: #e3e3e3;
            color: #666666
        }

    .overviewContent .bluetable tr:first-child td {
        background-color: #0089f9;
        color: #FFF
    }

.overviewContent .graytable {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #BBBBBB;
    border-collapse: collapse
}

    .overviewContent .graytable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #bbb
    }

        .overviewContent .graytable td:first-child {
            background-color: #e3e3e3;
            color: #666666
        }

    .overviewContent .graytable tr:first-child td {
        background-color: #555555;
        color: #FFF
    }

.overviewContent .top_full_background {
    margin-left: -38px;
    margin-top: -46px;
    margin-right: -38px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: -1
}

.overviewContent .up_1 {
    margin-top: -20px
}

.overviewContent .up_2 {
    margin-top: -40px
}

.overviewContent .up_3 {
    margin-top: -60px
}

.overviewContent .up_4 {
    margin-top: -80px
}

.overviewContent .up_5 {
    margin-top: -100px
}

.overviewContent .up_6 {
    margin-top: -120px
}

.overviewContent .up_7 {
    margin-top: -140px
}

.overviewContent .up_8 {
    margin-top: -160px
}

.overviewContent .up_9 {
    margin-top: -180px
}

.overviewContent .up_10 {
    margin-top: -200px
}

.overviewContent .up_11 {
    margin-top: -220px
}

.overviewContent .up_12 {
    margin-top: -240px
}

.overviewContent .up_13 {
    margin-top: -260px
}

.overviewContent .up_14 {
    margin-top: -280px
}

.overviewContent .up_15 {
    margin-top: -300px
}

.overviewContent .up_16 {
    margin-top: -320px
}

.overviewContent .up_17 {
    margin-top: -340px
}

.overviewContent .up_18 {
    margin-top: -360px
}

.overviewContent .up_19 {
    margin-top: -380px
}

.overviewContent .up_20 {
    margin-top: -400px
}

.overviewContent .down_1 {
    margin-top: 20px
}

.overviewContent .down_2 {
    margin-top: 40px
}

.overviewContent .down_3 {
    margin-top: 60px
}

.overviewContent .down_4 {
    margin-top: 80px
}

.overviewContent .down_5 {
    margin-top: 100px
}

.overviewContent .down_6 {
    margin-top: 120px
}

.overviewContent .down_7 {
    margin-top: 140px
}

.overviewContent .down_8 {
    margin-top: 160px
}

.overviewContent .down_9 {
    margin-top: 180px
}

.overviewContent .down_10 {
    margin-top: 200px
}

.overviewContent .down_11 {
    margin-top: 220px
}

.overviewContent .down_12 {
    margin-top: 240px
}

.overviewContent .down_13 {
    margin-top: 260px
}

.overviewContent .down_14 {
    margin-top: 280px
}

.overviewContent .down_15 {
    margin-top: 300px
}

.overviewContent .down_16 {
    margin-top: 320px
}

.overviewContent .down_17 {
    margin-top: 340px
}

.overviewContent .down_18 {
    margin-top: 360px
}

.overviewContent .down_19 {
    margin-top: 380px
}

.overviewContent .down_20 {
    margin-top: 400px
}

.overviewContent .coverover {
    position: relative
}

.overviewContent .base_map {
    position: relative
}

.overviewContent .blue {
    color: #00B7FF
}

.overviewContent .orange {
    color: #FF6C00
}

.overviewContent .white {
    color: #FFFFFF
}

.overviewContent .feature_img_area {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 170px;
    margin-right: 10px
}

.overviewContent .feature_intro_area {
    float: left;
    width: 690px
}

    .overviewContent .feature_intro_area h2 {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: url("/images/h4_bg.gif") repeat-x scroll left top transparent;
        padding-left: 10px;
        width: 680px;
        margin-bottom: 20px
    }

    .overviewContent .feature_intro_area p {
        margin-bottom: 2em
    }

.overviewContent .feature_more_content {
    padding-left: 180px
}

.overviewContent .feature_div {
    margin-top: 4em
}

.overviewContent #slogo {
    float: left;
    margin: 10px 0;
    width: 420px
}

    .overviewContent #slogo img {
        padding-right: 10px
    }

.overviewContent .overview div.column {
    margin-left: 0;
    padding: 0
}



.overviewContent .overview table {
    border-collapse: separate;
    border-spacing: 0
}

.overviewContent #thumbnail_area #moregallery img {
    border: none
}





.overviewContent .product-head #product-main-image .product-intro ul li {
    font-size: 12px;
    padding: 5px 0;
    line-height: 14px
}

.overviewContent .product-head #product-main-image .product-intro ul {
    margin: 0 0 10px 19px
}





.overviewContent [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.overviewContent .row-fluid {
    width: 100%;
    *zoom: 1
}

    .overviewContent .row-fluid:before, .overviewContent .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .overviewContent .row-fluid:after {
        clear: both
    }

    .overviewContent .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.127659574468085%;
        *margin-left: 2%
    }

        .overviewContent .row-fluid [class*="span"]:first-child {
            margin-left: 0
        }

    .overviewContent .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.127659574468085%
    }

    .overviewContent .row-fluid .span12 {
        width: 100%;
        *width: 99.64680851063829%
    }

    .overviewContent .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.13617021276594%
    }

    .overviewContent .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.62553191489361%
    }

    .overviewContent .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.11489361702126%
    }

    .overviewContent .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.60425531914893%
    }

    .overviewContent .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.09361702127659%
    }

    .overviewContent .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.58297872340425%
    }

    .overviewContent .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.07234042553192%
    }

    .overviewContent .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.561702127659576%
    }

    .overviewContent .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.051063829787233%
    }

    .overviewContent .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.640425531914894%
    }

    .overviewContent .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.139787234042553%
    }

    .overviewContent .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%
    }

        .overviewContent .row-fluid .offset12:first-child {
            margin-left: 102.12765957446808%;
            *margin-left: 102.02127659574467%
        }

    .overviewContent .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%
    }

        .overviewContent .row-fluid .offset11:first-child {
            margin-left: 93.61702127659574%;
            *margin-left: 93.51063829787232%
        }

    .overviewContent .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%
    }

        .overviewContent .row-fluid .offset10:first-child {
            margin-left: 85.1063829787234%;
            *margin-left: 84.99999999999999%
        }

    .overviewContent .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%
    }

        .overviewContent .row-fluid .offset9:first-child {
            margin-left: 76.59574468085106%;
            *margin-left: 76.48936170212764%
        }

    .overviewContent .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%
    }

        .overviewContent .row-fluid .offset8:first-child {
            margin-left: 68.08510638297872%;
            *margin-left: 67.9787234042553%
        }

    .overviewContent .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%
    }

        .overviewContent .row-fluid .offset7:first-child {
            margin-left: 59.574468085106375%;
            *margin-left: 59.46808510638297%
        }

    .overviewContent .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%
    }

        .overviewContent .row-fluid .offset6:first-child {
            margin-left: 51.063829787234035%;
            *margin-left: 50.95744680851063%
        }

    .overviewContent .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%
    }

        .overviewContent .row-fluid .offset5:first-child {
            margin-left: 42.5531914893617%;
            *margin-left: 42.4468085106383%
        }

    .overviewContent .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%
    }

        .overviewContent .row-fluid .offset4:first-child {
            margin-left: 34.04255319148936%;
            *margin-left: 33.93617021276596%
        }

    .overviewContent .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%
    }

        .overviewContent .row-fluid .offset3:first-child {
            margin-left: 25.53191489361702%;
            *margin-left: 25.425531914893618%
        }

    .overviewContent .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%
    }

        .overviewContent .row-fluid .offset2:first-child {
            margin-left: 17.02127659574468%;
            *margin-left: 16.914893617021278%
        }

    .overviewContent .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%
    }

        .overviewContent .row-fluid .offset1:first-child {
            margin-left: 8.51063829787234%;
            *margin-left: 8.404255319148938%
        }

    .overviewContent [class*="span"].hide, .overviewContent .row-fluid [class*="span"].hide {
        display: none
    }

    .overviewContent [class*="span"].pull-right, .overviewContent .row-fluid [class*="span"].pull-right {
        float: right
    }

@media (max-width: 767px) {
    .overviewContent .row-fluid [class*="span"] {
        float: none;
        width: 100%;
        margin: 10px 0
    }

    .overviewContent .row-fluid [class*="offset"], .overviewContent .row-fluid [class*="offset"]:first-child {
        margin-left: 0
    }
}

.overviewContent .column.first > table {
    table-layout: fixed;
}



.overviewContent .overview img {
    max-width: none;
    vertical-align: middle;
}



.overviewContent .overview .columns_abb div.last, .overviewContent .overview .columns_aaab div.last, .overviewContent .overview .columns_abcd div.last,
.overviewContent .overview .columns_abc div.last, .overviewContent .overview .columns_abbb div.last, .overviewContent .overview .columns_aab div.last,
.overviewContent .overview .columns_ab div.last {
    float: right;
    margin-right: 0
}



.overviewContent .similar-area, .overviewContent .accessories-area {
    height: 329px;
    position: relative;
    left: 0px;
    top: 0px
}

.overviewContent .similar-area {
    *width: 305px
}

.overviewContent .accessories-area {
    *width: 606px
}



.overviewContent .accessories-area {
    width: 605px;
    overflow: hidden
}


.overviewContent img.pull-left {
    float: left;
    margin-right: 0.8em;
    margin-bottom: 0.5em;
    display: block
}


.overviewContent img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em
}

.overviewContent img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0
}

.overviewContent img.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.overviewContent img.top {
    margin-top: 0
}

.overviewContent img.bottom {
    margin-bottom: 0
}

/* overview end */

.overviewContent * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: unset;
}

 .overviewContent a {
    color: #00a8ff;
    text-decoration: none;
}

.overviewContent blockquote, .overviewContent q {
    quotes: none;
}

.overviewContent input, .overviewContent button, .overviewContent select, .overviewContent textarea {
    font-family: Arial,Helvetica,sans-serif;
}

.overviewContent label, .overviewContent input, .overviewContent button, .overviewContent select, .overviewContent textarea {
    font-weight: normal;
    line-height: 20px;
}

.overviewContent button, .overviewContent input[type="button"], .overviewContent input[type="reset"], .overviewContent input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

.overviewContent article, .overviewContent aside, .overviewContent footer, .overviewContent header, .overviewContent hgroup, .overviewContent nav {
    display: block;
}



.overviewContent li {
    line-height: 20px;
}

.overviewContent p {
    margin-bottom: 4em;
}

.overviewContent sub, .overviewContent sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
.overviewContent sup {
    top: -0.5em;
}
.overviewContent img {
    max-width: none;
}

.overviewContent table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

@media only screen and (max-width: 900px) {
    .overviewContent {
        overflow-x: hidden;
    }
}

.special-Overview {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    float: none !important;
}

.overviewContent .product-content {
    background-color: unset !important;
}
.overviewContent.black_box {
    background-color: #000;
}

.overviewContent strong {
    font-weight: 700;
}


.overviewContent .youtubeBox {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex
}

.overviewContent .y-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    margin: auto
}

.overviewContent .y-close {
    position: absolute;
    right: 16px;
    top: 16px
}

.overviewContent .y-title {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 22px
}



.overviewContent #oldoverview {
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    line-height: normal;
    display: block
}

.overviewContent #oldoverview td,.overviewContent #oldoverview tr,.overviewContent #oldoverview th {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #787878;
    font-size: 11px
}

.overviewContent #oldoverview td p {
    padding: 5px 0 5px 0;
    margin: 0;
    text-align: left;
    color: #787878;
    font-size: 11px
}

.overviewContent #oldoverview td .title-01 {
    font-size: 18px;
    font-weight: normal;
    color: #4F5E8F
}

.overviewContent #oldoverview td .title-02-02 {
    font-size: 12px;
    font-weight: bolder;
    color: #4F5E8F;
    line-height: 20px
}

.overviewContent #oldoverview td .title-02-02_s {
    font-size: 14px;
    color: #3848A8;
    line-height: 20px
}

.overviewContent #oldoverview td .title-02 {
    color: #4F5E8F;
    font-size: 16px;
    font-weight: bolder;
    line-height: 20px
}

.overviewContent #oldoverview td .title-05 {
    font-size: 14px;
    font-weight: normal;
    color: #7D9ECA
}

.overviewContent #oldoverview td .title-06 {
    color: #545CFF;
    font-size: 11px;
    font-weight: bold
}

.overviewContent #oldoverview td .title-07 {
    font-size: 11px;
    color: #545CFF
}

.overviewContent #oldoverview td input, .overviewContent #oldoverview select,.overviewContent #oldoverview textarea {
    color: #7F7F7F
}

.overviewContent #oldoverview td .text {
    color: #787878
}

.overviewContent #oldoverview td .title-06-underline {
    font-weight: bold;
    color: #545cff;
    text-decoration: underline
}

.overviewContent #oldoverview td .white {
    color: #FFFFFF;
    text-decoration: none
}

.overviewContent #oldoverview h4 {
    background: url(//www.asus.com/999/images/products/share/h04.gif) no-repeat;
    color: #4F5E8F;
    font-size: 16px;
    font-weight: bolder;
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 12px
}

.overviewContent #oldoverview h5 {
    background: url(//www.asus.com/999/images/products/share/h05.gif) no-repeat;
    color: #545CFF;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    margin: 0;
    padding: 0 0 0 13px
}

.overviewContent #oldoverview h6 {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0
}

.overviewContent #oldoverview .imgR {
    border: 0 none;
    float: right;
    margin: 5px 0 5px 5px
}

.overviewContent #oldoverview .imgL {
    border: 0 none;
    float: left;
    margin: 5px 5px 5px 0
}

.overviewContent #oldoverview .imgC {
    border: 0 none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center
}

.overviewContent #oldoverview .note_text {
    color: #666666;
    font-size: 9px
}

.overviewContent #oldoverview .Ltype1 {
    list-style-image: url(//www.asus.com/999/images/public/d.gif);
    margin: 0;
    padding: 15px
}

#overview-aside-nav {
    position: fixed;
    top: 50%;
    right: 6px;
    margin-top: -11.6875em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#overview-aside-nav ul {
    list-style: none;
    display: block
}

#overview-aside-nav ul li {
    position: relative;
    width: 20px;
    height: 8px;
    padding: 7px;
    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
}

#overview-aside-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
}

#overview-aside-nav ul li b {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 24px;
    white-space: nowrap;
    font-size: 12px;
    color: #0096FF;
    font-weight: 600;
    line-height: 1
}

#overview-aside-nav ul li:hover b {
    display: block !important;
    -webkit-animation: fadein 0.3s ease-out;
    -moz-animation: fadein 0.3s ease-out;
    -ms-animation: fadein 0.3s ease-out;
    -o-animation: fadein 0.3s ease-out;
    animation: fadein 0.3s ease-out
}

#overview-aside-nav ul li:hover div {
    background: #00A8FF
}

#overview-aside-nav ul li.on {
    height: 30px !important
}

#overview-aside-nav ul li.on div {
    background: #00A8FF;
    height: 30px !important
}


@media (max-width: 1000px){
	.overview_ProductTab ,.overview_Special, .overview {
		width:100%!important;
		box-sizing: border-box;
	}

	.overview_Special img, .overview img{
		max-width:100%!important;
	}

	.overviewContent .leftimage{
		margin-left: 0px;
	}

	.overviewContent #border{
		overflow: auto;
		height: initial!important;
	}

	.overviewContent .columns_abbb:after, .overviewContent .columns_abb:after, .overviewContent .columns_aaab:after, .overviewContent .columns_abcd:after, .overviewContent .columns_abc:after, .overviewContent .columns_aab:after, .overviewContent .columns_ab:after{
		height:initial;
	}

	.overviewContent .notice{
		top: -28px;
        position: relative;
	}
}


@media (max-width: 719px) {
    .overviewContent > .overview_Special.overview, .overviewContent > .overview {
        min-width: 98%;
        max-width: 98%;
    }

    .overviewContent .columns_ab>.column {
        width: 100%;
        margin-bottom: 20px;
        float: none
    }
}