/*-----Start-------------------------RWD Menu--------------------------*/
@media(min-width: 769px){

    .rmm{
        display: none;
    }
}
@media(max-width: 768px) {

    .rmm{
        display: block;
    }
    body{
        background-image: none
    }
    .head{
        display: none;
    }
    .head .head{
        display: none;
    }

}

    #language {
        font-family: Arial, sans-serif;
    }
/*-----End-------------------------RWD Menu--------------------------*/

    /*----------------------------Dropdown Menu for Support-----------------------------*/
    
    .dropdown {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content {
        z-index: 999999999999!important;
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 100px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        text-align: left;
    }
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    /*----------------------------Nav Index - Button HPTMac----------------------------*/
    
    .wrap--index-button--hptmac {
        position: relative;
        top: 0;
        width: 73px;
        height: 21px;
        margin-right: 1em;
    }
    
    .wrap--index-button--hptmac a {
        display: block;
        width: 134px;
        height: 21px;
        /*Transition*/
        transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
    }
    
    .wrap--index-button--hptmac .button-hptmac--off {
        position: absolute;
        z-index: 1000;
        top: 5px;
        right: 0;
        width: 134px;
        height: 21px;
        background: url(../image_new/nav-index--button-hptmac.png) left no-repeat;
    }
    
    .wrap--index-button--hptmac .button-hptmac--on {
        background: url(../image_new/nav-index--button-hptmac.png) right no-repeat;
        position: absolute;
        top: 5px;
        right: 0;
        width: 134px;
        height: 21px;
    }
    
    .wrap--index-button--hptmac .button-hptmac--off:hover {
        opacity: 0
    }
    /*------------------------------------------------------------*/
    
    .head {
        width: 981px;
        margin: auto;
    }
    
    .header-padding {
        padding: 0 0 2em;
    }
    /*Background*/
    
    .bg--line_h {
        background: url(../images/Device/RS/Thunderbolt/bg--line_h.jpg) no-repeat;
        border: 0;
        height: 11px;
        display: block;
        margin: 0 auto 2em;
    }
    
    .index-wrap-corner-bottom-left {
        background: url(../image_new/cbl.gif) no-repeat left bottom;
        display: block;
        width: 100%;
        height: 2em;
        float: left;
    }
    
    .index-wrap-corner-bottom-right {
        background: url(../image_new/cbr.gif) no-repeat right bottom;
        display: block;
        width: 2em;
        height: 2em;
        float: right;
    }
    
    body {
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(../image_new/p_back.gif);
        background-position: 0 -26px;
        background-repeat: repeat-x;
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    img {
        border: 0;
    }
    
    .center {
        display: block;
        margin: 0 auto;
    }
    
    .center-div {
        text-align: center;
    }
    
    area {
        outline: none;
    }
    
    A.footer {
        FONT-SIZE: 12px;
        COLOR: #EEEEEE;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none;
        margin-left: 5px;
    }
    
    .footer:visited {
        FONT-SIZE: 12px;
        COLOR: #F3F3F3;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none
    }
    
    A.footer:hover {
        FONT-SIZE: 12px;
        COLOR: #FFFFFF;
        FONT-FAMILY: arial;
        TEXT-DECORATION: underline
    }
    
    .point_v {
        font-family: Verdana;
        font-size: 11px;
        color: #666666;
        background-image: url(../image_new/arrow_link.gif);
        background-repeat: no-repeat;
        background-position: 4px 8px;
        padding-left: 17px;
        padding-right: 2px;
    }
    
    A.text_11 {
        FONT-SIZE: 11px;
        COLOR: #666666;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: none;
    }
    
    A.text_11:hover {
        FONT-SIZE: 11px;
        COLOR: #0066FF;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: none;
        TEXT-DECORATION: underline;
    }
    
    A.text_14 {
        FONT-SIZE: 13px;
        COLOR: #003366;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.text_14:hover {
        FONT-SIZE: 13px;
        COLOR: #0078FF;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.text_link {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 3px;
    }
    
    .text_fake_link {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none;
        font-weight: bold;
        padding-left: 5px;
    }
    
    A.text_link:visited {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.text_link:hover {
        FONT-SIZE: 12px;
        COLOR: #333333;
        FONT-FAMILY: arial;
        TEXT-DECORATION: underline;
        font-weight: bold;
    }
    
    A.t_blue_link {
        font-family: Arial;
        font-size: 16px;
        color: #034EA2;
        font-weight: bold;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.t_blue_link:hover {
        font-family: Arial;
        font-size: 16px;
        color: #0470E6;
        font-weight: bold;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.link_t {
        FONT-SIZE: 12px;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: none;
        font-weight: bold;
    }
    
    A.link_t:hover {
        FONT-SIZE: 12px;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana;
        TEXT-DECORATION: underline;
        font-weight: bold;
    }
    
    A.link {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none
    }
    
    .link:visited {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none
    }
    
    A.link:hover {
        FONT-SIZE: 12px;
        COLOR: #3366FF;
        FONT-FAMILY: arial;
        text-decoration: none;
    }
    
    .link-default,
    .link-default:visited {
        color: #00F!important;
        text-decoration: underline;
    }
    
    .link-default:hover {
        color: #06F;
        text-decoration: underline;
    }
    
    .text1 {
        color: #333;
        font-size: 12px;
        line-height: 18px;
    }
    
    .text14 {
        font-family: Verdana;
        font-size: 13px;
        font-weight: bold;
        color: #003366;
        line-height: 15px;
    }
    
    .text12_storge {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #333333;
        padding-left: 5px;
        line-height: 18px;
    }
    
    .footer_n {
        FONT-SIZE: 12px;
        COLOR: #EEEEEE;
        FONT-FAMILY: arial;
        TEXT-DECORATION: none
    }
    
    .cl {
        background-image: url(../image_new/S_l.gif);
        background-repeat: no-repeat;
    }
    
    .cr {
        background-image: url(../image_new/S_r.gif);
        background-repeat: no-repeat;
    }
    
    .clb {
        background-image: url(../image_new/S_lb.gif);
        background-repeat: no-repeat;
    }
    
    .crb {
        background-image: url(../image_new/S_rb.gif);
        background-repeat: no-repeat;
    }
    
    .t_blue {
        font-family: Arial;
        font-size: 16px;
        color: #04a;
        font-weight: bold;
        line-height: 30px;
    }
    
    .t_Gray {
        font-family: Arial;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        font-weight: bold
    }
    
    .blue_font_12 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #09F;
    }
    
    .blue_font_12 a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #09F;
    }
    
    .blue_font_12 a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #09F;
    }
    
    .white12 {
        font-family: Arial;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: normal;
        text-indent: 12px;
    }
    
    .white_v12 {
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        letter-spacing: normal;
    }
    
    .space_width {
        width: 7px;
    }
    
    .Arial10b {
        font-family: Arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        padding-left: 3px;
        padding-bottom: 3px;
        padding-right: 3px;
        padding-top: 3px;
        vertical-align: middle;
        text-align: center;
    }
    
    .space_hight {
        height: 7px;
    }
    
    .table940 {
        margin: 0px;
        width: 940px;
    }
    
    .p_table {
        border-top-color: #666666;
        border-right-color: #666666;
        border-bottom-color: #666666;
        border-left-color: #666666;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        color: #666666;
        border-left-style: dotted;
        border-top-style: dotted;
        text-align: center;
        font-size: 12px;
        letter-spacing: normal;
        font-family: Arial;
        border-bottom-style: dotted;
        border-right-style: dotted;
    }
    
    .p_table_n {
        border-top-color: #666666;
        border-right-color: #666666;
        border-bottom-color: #666666;
        border-left-color: #666666;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        color: #666666;
        border-left-style: dotted;
        border-top-style: dotted;
        font-size: 12px;
        letter-spacing: normal;
        font-family: Arial;
        border-bottom-style: dotted;
        border-right-style: dotted;
    }
    /*---------------------------Product Intro Table---------------------------*/
    
    .product-intro thead td {
        background: #034EA2;
        color: #fff;
        font-weight: bold;
    }
    
    .product-intro tr.blue {
        background: #DFEFFF;
    }
    
    .product-intro td:first-child {
        background: #E3E3E3;
        text-align: left;
        color: #333333;
        font-weight: bold;
        padding-left: 0.2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*------------------------------------------------------*/
    
    .border-big {
        BORDER-RIGHT: #e7e7e7 5px solid;
        BORDER-TOP: #e7e7e7 5px solid;
        BORDER-LEFT: #e7e7e7 5px solid;
        BORDER-BOTTOM: #e7e7e7 5px solid;
    }
    
    .border-app {
        border: 5px solid #e7e7e7;
        width: 220px;
    }
    
    .border-big250 {
        border-left: #e7e7e7 5px solid;
        border-right: #e7e7e7 5px solid;
        border-top: #e7e7e7 5px solid;
        border-bottom: #e7e7e7 5px solid;
        width: 250px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        height: 140px;
    }
    
    .border_860 {
        border: 1px solid #CCCCCC;
        width: 860px;
    }
    
    .blue_background {
        background-color: #DFEFFF;
    }
    
    .border_download {
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    }
    
    .border-big-hight {
        BORDER-RIGHT: #e7e7e7 5px solid;
        BORDER-TOP: #e7e7e7 5px solid;
        BORDER-LEFT: #e7e7e7 5px solid;
        BORDER-BOTTOM: #e7e7e7 5px solid;
        height: auto;
        width: 230px;
    }
    
    .line_blue {
        background-image: url(../image_new/line.gif);
        background-repeat: repeat-x;
        height: 5px;
        background-position: 6px;
    }
    
    .t_blue12 {
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #003366;
    }
    
    .t_blue14-shadow {
        font-family: Verdana;
        font-size: 14px;
        font-weight: bold;
        color: #003366;
        text-shadow: 1px 1px 1px #fff;
    }
    
    .text12 {
        font-family: Arial, Helvetica, sans-serif, "新細明體";
        font-size: 12px;
        color: #626262;
        line-height: 18px;
    }
    
    .text12_bright_blue {
        color: #0099ff;
        font-family: "Arial", Gadget, sans-serif;
        font-size: 12px;
    }
    
    .text12_bright_blue a {
        color: #0099ff;
        font-family: "Arial", Gadget, sans-serif;
        font-size: 12px;
        line-height: 1.5em;
    }
    
    .text12_bright_blue a:hover {
        color: #09f;
        font-size: 12px;
        text-decoration: underline;
    }
    
    .text12_Prominent,
    .text12_Prominent a {
        color: #04a;
        font-family: "Arial", Gadget, sans-serif;
        font-size: 12px;
    }
    
    .text12_Prominent a:hover {
        color: #04a;
        font-size: 12px;
        text-decoration: underline;
    }
    
    .text12-shadow {
        font-family: Arial, Helvetica, sans-serif, "新細明體";
        font-size: 12px;
        padding-left: 5px;
        color: #626262;
        padding-right: 5px;
        text-shadow: 1px 1px 1px #fff;
    }
    
    .text12_pointblue {
        line-height: 18px;
        text-align: left;
        color: #626262;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0px 7px no-repeat;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    
    .text16_pointblue {
        line-height: 22px;
        text-align: left;
        color: #626262;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0px 7px no-repeat;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
    }
    
    .text11 {
        font-family: Verdana;
        font-size: 10.5px;
        color: #333333;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: center;
    }
    
    .text11-center {
        font-family: Verdana;
        font-size: 10.5px;
        font-weight: normal;
        color: #333333;
        text-align: center;
    }
    
    .text11_right {
        font-family: Verdana;
        font-size: 10.5px;
        font-weight: normal;
        color: #333333;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: left;
    }
    
    .text11_red {
        font-family: Verdana;
        font-size: 10.5px;
        font-weight: normal;
        color: #FF0000;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: center;
    }
    
    .text11_blue {
        font-family: Verdana;
        font-size: 10.5px;
        font-weight: normal;
        color: #0066FF;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: left;
        background-image: none;
    }
    
    .text12_space10 {
        font-family: Arial;
        font-size: 12px;
        color: #666666;
        padding-bottom: 12px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        vertical-align: top;
        text-align: justify;
    }
    
    .textenglish14 {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .textenglish12 {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
    }
    
    .text12point {
        font-size: 12px;
        padding-left: 12px;
        line-height: normal;
        padding-right: 3px;
        list-style-type: none;
        background-image: url(../image/blue_point.gif);
        background-repeat: no-repeat;
        background-position: 4px 6px;
        font-family: Arial, "新細明體";
        color: #333333;
        vertical-align: top;
    }
    
    .text12point1 {
        font-size: 11px;
        padding-left: 12px;
        line-height: normal;
        padding-right: 3px;
        list-style-type: none;
        background-image: url(../image/blue_point.gif);
        background-repeat: no-repeat;
        background-position: 4px 6px;
        font-family: Arial, "新細明體";
        color: #333333;
        vertical-align: top;
    }
    
    .text12point_2 {
        font-size: 12px;
        padding-left: 12px;
        line-height: normal;
        padding-right: 3px;
        list-style-type: none;
        font-family: Arial, "新細明體";
        color: #333333;
        vertical-align: top;
    }
    
    .text12point_3 {
        font-size: 12px;
        padding-left: 12px;
        line-height: normal;
        padding-right: 3px;
        list-style-type: none;
        font-family: Arial, "新細明體";
        color: #333333;
        vertical-align: middle;
    }
    
    .arrow {
        background: url(../image_new/arrow_b.gif) no-repeat 0 50%;
        padding-left: 0.7em;
    }
    
    .point_arrow {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #0A3059;
        background-image: url(../image_new/arrow_b.gif);
        background-repeat: no-repeat;
        padding-left: 18px;
        padding-right: 2px;
        background-position: 6px;
    }
    
    .serviec_title {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #333333;
        padding-left: 7px;
        vertical-align: top;
        padding-top: 7px;
        padding-right: 7px;
    }
    
    .service_t {
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #003366;
        padding-left: 7px;
    }
    
    .redpoint {
        font-family: Arial;
        background-image: url(../image/red_point.gif);
        background-repeat: no-repeat;
        font-size: 12px;
        padding-right: 3px;
        padding-left: 12px;
        background-position: 3px 5px;
    }
    
    .month12 {
        font-size: 12px;
        padding-left: 4px;
        color: #003366;
        font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
    }
    
    .text10 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
    }
    /****-----------------------------------------main.htm/nav_bottom----------------------------------------- ****/
    
    .nav-bottom-main {
        text-align: left;
        padding: 15px 10px 0;
        height: 250px;
        background: url(../image_new/home-foot-bg2.gif) left top repeat-x #000000;
    }
    
    .nav-bottom-main a {
        -webkit-text-size-adjust: none;
    }
    
    .nav-bottom-main p {
        font-size: 0.9em;
        line-height: 1em;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: 0.5em;
        color: #fff;
        font-weight: bold;
    }
    
    .nav-bottom-main h2 {
        font-weight: bold;
        color: #333;
        font-size: 1em;
    }
    
    .nav-bottom-productline {
        width: 81%;
        float: left;
        display: block;
    }
    
    .nav-bottom-productline-column {
        width: 20%;
        float: left;
        text-align: left;
        display: block;
        padding-right: 15px;
    }
    
    .nav-bottom-main a {
        font-size: 0.9em;
        color: #CCC;
        line-height: 1em;
    }
    
    .nav-bottom-main li {
        margin-bottom: 1em;
    }
    
    .nav-bottom-main a:hover {
        text-decoration: underline;
    }
    /* -----------------------------------------main/nav_bottom/support -----------------------------------------*/
    
    .nav-bottom-support {
        width: 17%;
        height: 250px;
        float: right;
        padding-left: 15px;
        display: block;
    }
    
    .nav-bottom-support-column {
        text-align: left;
        background: url(../image_new/line-2.gif) top left no-repeat;
        margin-top: -2px;
        padding-left: 12px;
    }
    /*-------------------------------------------------*/
    
    .text11writh-link {
        font-size: 11px;
        color: #797979;
        line-height: 15px;
        /*white-space: pre;*/
    }
    
    .text11writh-link a {
        font-size: 11px;
        color: #797979;
        /*white-space: pre;*/
    }
    
    .text11writh-link a:hover {
        font-size: 11px;
        color: #0066ff;
        text-decoration: underline;
        /*white-space: pre;*/
        text-shadow: none;
    }
    
    .font11 {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .font1 {
        color: #FF9900
    }
    
    .font2 {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        line-height: 20px;
    }
    
    .font3 {
        font-size: 14px;
        font-weight: bold
    }
    
    .tab {
        border: #CCC 1PX dashed;
        background: #dbe5f1;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 16px;
    }
    
    .tab .font4,
    .tab .font5 {
        font-weight: bold;
    }
    
    .tab .font4 {
        text-align: center;
        background: #0070c0;
        color: #fff;
    }
    
    .tab .font5,
    .tab .font6,
    .font7 {
        color: #555;
    }
    
    .tab .font5 {
        padding-left: 8px;
        border-right: #bbb 1px solid
    }
    
    .tab .font6,
    .font7 {
        padding-left: 8px;
    }
    
    .font7 {
        background: #fff;
    }
    
    .tab .bg1 {
        background: #fff;
    }
    
    .RC_bg {
        background: url(../image_new/RC/RocketCath3240-3.gif) left top no-repeat;
        width: 210px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .font8 {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font8 a {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font8 a:hover {
        FONT-SIZE: 12px;
        COLOR: #3366FF;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font8 a:active {
        FONT-SIZE: 12px;
        COLOR: #3366FF;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font9 a {
        FONT-SIZE: 12px;
        COLOR: #666666;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font9 a:hover {
        FONT-SIZE: 12px;
        COLOR: #3366FF;
        FONT-FAMILY: arial;
        text-decoration: underline;
    }
    
    .font10 {
        color: #FF6600
    }
    
    .storagesolution .jl {
        padding-top: 10px;
    }
    
    .font-s1 {
        line-height: 30px;
        color: #034EA2;
        font-weight: bold;
        font-size: 18px;
    }
    
    .font-s2 {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        padding-left: 5px;
        line-height: 18px;
        text-shadow: #fff 1px 1px 1px;
    }
    
    .EJ_font1 {
        text-align: center;
        color: #FF6600;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial
    }
    
    .EJ_font1 a {
        text-align: center;
        vertical-align: bottom;
        color: #FF6600;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
        text-decoration: none
    }
    
    .EJ_font1 a:hover {
        text-align: center;
        vertical-align: bottom;
        color: #FF6600;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
        text-decoration: none
    }
    
    .EJ_font2 {
        color: #0066FF;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial
    }
    
    .EJ_font3 {
        color: #000;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 30px;
        text-align: left;
        font-weight: bold
    }
    
    .EJ_font4 {
        text-align: left;
        padding-left: 4px;
        vertical-align: bottom;
        color: #666;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial
    }
    
    .EJ_font5 {
        font-size: 14px;
        color: #048afb;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center
    }
    
    .EJ_font6 {
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        color: #585757
    }
    
    .EJ-tit {
        margin-top: 54px;
        text-align: center
    }
    
    .EJ-font7 {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        text-align: left;
        line-height: 15px;
        background: url(../image_new/EJ/bg3.jpg) bottom center no-repeat;
        padding-bottom: 8px;
    }
    
    .EJ_font8 {
        vertical-align: bottom;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial
    }
    
    .EJ_font8 a {
        vertical-align: bottom;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
        text-decoration: none
    }
    
    .EJ_font8 a:hover {
        vertical-align: bottom;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
        text-decoration: none
    }
    
    .EJ-logo {
        text-align: right;
        margin-top: 22px;
        padding-right: 86px;
    }
    
    .EJ_font9 {
        color: #12508D;
        font-size: 20px;
        font-weight: bold;
        font-family: Arial;
        text-align: left
    }
    
    .EJ_font9 a {
        color: #12508D;
        font-size: 20px;
        font-weight: bold;
        font-family: Arial;
        text-align: left;
        text-decoration: none
    }
    
    .EJ_font9 a:hover {
        color: #12508D;
        font-size: 20px;
        font-weight: bold;
        font-family: Arial;
        text-align: left;
        text-decoration: none
    }
    
    .font11_storge {
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-align: center
    }
    
    .text12_hj15 {
        color: #666666;
        line-height: 18px;
        font-size: 12px;
    }
    
    .font-Series_title {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        text-shadow: #fff 1px 1px 1px;
    }
    
    .text14-666 {
        color: #666;
        font-size: 14px;
        line-height: 20px;
    }
    
    .text14-333 {
        color: #333;
        font-size: 14px;
    }
    
    .text14-331 {
        color: #049;
        font-size: 14px;
        font-weight: bold;
    }
    
    .text14_point {
        line-height: 25px;
        text-align: left;
        color: #666;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0px 10px no-repeat;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    
    .text14_point a {
        color: #666;
    }
    
    .text14_point a:hover {
        color: #06f;
    }
    
    .text14_point2 {
        line-height: 25px;
        text-align: left;
        color: #666;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0px 10px no-repeat;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    
    .text14_point2 a {
        color: #666;
    }
    
    .text14_point2 a:hover {
        color: #06f;
    }
    
    .text14_point2_indent {
        margin-left: 2em;
        line-height: 25px;
        text-align: left;
        color: #666;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/gray_point.gif) 0px 10px no-repeat;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    
    .border_download tr .text11 div {
        font-family: Verdana, Geneva, sans-serif;
    }
    
    .text14-049,
    .text14-049 a {
        color: #049;
        font-size: 14px;
        font-weight: bold;
    }
    
    .text14-049 a:hover {
        text-decoration: underline
    }
    
    .padding1 {
        padding-left: 20px;
        padding-right: 15px;
    }
    
    .tr1 {
        background: #e4e4e4;
        height: 32px;
    }
    
    .category-table .tr2 {
        background: #ececec;
    }
    
    .text12-666 {
        color: #666;
        font-size: 12px;
        line-height: 18px;
    }
    
    .text12-666 a {
        color: #666;
        font-size: 12px;
        line-height: 18px;
    }
    
    .text12-666 a:hover {
        color: #06f;
        text-decoration: underline
    }
    
    .text12-333 {
        color: #333;
        font-weight: bold;
        font-size: 12px;
    }
    
    .text14-000,
    .text14-000 a {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    
    .text14-000 a:hover {
        color: #06f;
        text-decoration: none;
        text-align: left;
    }
    /************************************* Table *****************************************/
    
    .table-hba td:first-child {
        background: #e3e3e3;
        font-weight: bold;
        text-align: left;
        border: solid 1px #fff;
    }
    
    .table-hba {
        border: solid 1px #e3e3e3;
    }
    
    .table-hba td {
        font-size: 0.9em;
        padding: 0.2em 0.2em;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .table-hba .header {
        background: #034EA2;
        font-weight: bold;
        text-align: center;
        color: #fff;
        border: solid 1px #fff;
    }
    
    .table-hba tr:nth-child(odd) td {
        background: #DFEFFF;
    }
    /*Common*/
    
    .table-bored {
        border-left: #d9d9d9 1px solid;
        border-top: #d9d9d9 1px solid;
    }
    
    .table-bored tr {
        border-left: #d9d9d9 1px solid;
        border-top: #d9d9d9 1px solid;
    }
    
    .table-bored td {
        border-bottom: #d9d9d9 1px solid;
        border-right: #d9d9d9 1px solid;
    }
    
    .table-bored2 {
        border-left: #d9d9d9 1px solid;
        border-top: #d9d9d9 1px solid;
    }
    
    .table-bored2 tr {
        border-left: #d9d9d9 1px solid;
        border-top: #d9d9d9 1px solid;
    }
    
    .table-bored2 td {
        border-bottom: #d9d9d9 1px solid;
        border-right: #d9d9d9 1px solid;
        text-align: left;
        padding: 3px;
    }
    
    .borde {
        border: #d9d9d9 1px solid
    }
    
    .text14-06f {
        color: #06f;
        font-size: 14px;
    }
    
    .text14-06f a {
        color: #06f;
        font-size: 14px;
    }
    
    .text14-06f a:hover {
        text-decoration: none;
        color: #06f;
        display: block;
    }
    
    .border_gray:hover {
        border: solid 1px rgba(212, 212, 212, 1);
    }
    /*-----------------------------------------Gallery Page - Border - Hover-----------------------------------------*/
    
    .button-gallery {
        border: 1px solid transparent;
        cursor: pointer;
        transition: border-color .3s ease-in-out;
        -webkit-transition: border-color .3s ease-in-out;
        -moz-transition: border-color .3s ease-in-out;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .button-gallery:hover {
        border: solid 1px #999999;
    }
    
    .button-gallery-big {
        border: solid 3px #eaeaea;
        cursor: pointer;
        transition: border-color .3s ease-in-out;
        -webkit-transition: border-color .3s ease-in-out;
        -moz-transition: border-color .3s ease-in-out;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .button-gallery-big:hover {
        border: solid 3px #999999;
    }
    /*-----------------------------------------Accordion-----------------------------------------*/
.wrap-spec-accordion-content{
	border: solid 1px #ccc;
	}
	
    .accordion-title {
        font-size: 1em;
        font-weight: bold;
        height: 1.9em;
        line-height: 1.9em;
        background: #F5F5F5;
        border-bottom: solid 5px #EFEFEF;
        border-top: solid #CCC 1px;
        padding: 0.5em 0 0.2em 10px;
        margin: 0;
    }
    
    .wrap-accordion {
        border: solid 1px #CCCCCC;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    
    .wrap-accordion-image-description {
        overflow: auto;
        border-top: solid 1px #CCCCCC;
        height: 160px;
    }
    
    .AccordionPanel h1 {
        font-size: 12px;
        padding-left: 2.5em;
        color: #666666;
        line-height: 1em;
        border-top: solid 1px #CCCCCC;
        padding: 1em 0 1em 3em;
        margin: 0;
    }
    
    .accordion-image {
        float: left;
        padding: 1em 0 0 1.5em;
    }
    
    .accordion-description {
        float: right;
        width: 640px;
        border-left: 1px #CCC dotted;
        height: 160px;
        overflow-y: hidden;
        overflow-x: hidden;
        overflow: visible;
    }
    
    .accordion-description p {
        font-size: 12px;
        color: #626262;
        font-weight: normal;
        padding: 0 2.5em;
    }
    
    .accordion-description a:link,
    .accordion-description a:visited {
        color: #09f;
        text-decoration: underline;
    }
    
    .accordion-description a:hover {
        font-weight: bold;
        text-decoration: underline
    }
    
    .thunderbolt .AccordionPanelContent td,
    .thunderbolt .AccordionPanelContent tr td:last-child {
        padding: 0.3em 0.3em;
        text-align: left;
        background: #fff;
    }
    
    .thunderbolt .AccordionPanelContent td:first-child {
        /*background: #F9F9F9;*/
        background-color: #fff;
        text-align: left!important;
    }
    /*Smaller Table*/
    
    .thunderbolt .AccordionPanelContent .smaller-table .left-title {
        font-size: 1em!important;
        line-height: 1.5em!important;
    }
    
    .thunderbolt .AccordionPanelContent .smaller-table td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1em;
        padding: 0.5em 0.2em;
        line-height: 2em;
    }
    
    .thunderbolt .AccordionPanelContent .smaller-table .gray-title {
        background: #EAEAEA!important;
        font-weight: bold;
    }
    /*Accordion content -  vertical align*/
    
    .accordion-description.v-align {
        height: 160px;
        text-align: left;
        font-size: 0;
    }
    
    .accordion-description.v-align:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    
    .accordion-description.v-align p.text {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
    }
    /*Q & A*/
    
    .qa h3 {
        font-size: 14px;
        color: #666;
        font-weight: bold;
        margin-bottom: 0.4em;
    }
    
    .qa h3:hover,
    .qa a:hover {
        color: #F60;
    }
    
    .qa a,
    .qa a:link {
        text-decoration: underline;
    }
    /*-----------------------------------------About Us-----------------------------------------*/
    
    .nav-aboutus {
        width: 250px;
        overflow: auto;
        border: 5px solid #E7E7E7;
        padding: 2px 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    
    .nav-aboutus a {
        FONT-SIZE: 12px;
        COLOR: #666666;
        font-weight: bold;
        height: 40px;
        background-color: #E7E7E7;
        display: block;
        line-height: 40px;
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 0 0 0 10px;
        /*Transition*/
        transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
    }
    
    #nav-aboutus-selected,
    .nav-aboutus a:hover {
        background-color: #DFEFFF!important;
    }
    /*-----------------------------------------Table-----------------------------------------*/
    
    .aboutus td {
        padding: 0.5em 1em;
    }
    
    .aboutus p {
        display: block;
        padding: 1em 1em;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
    }
    
    .aboutus p:hover {
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    
    .aboutus .gray1 p:hover {
        background-color: #efefef;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    /*-----------------------------------------Download-----------------------------------------*/
    
    .nav-download {
        width: 220px;
        overflow: auto;
        border: 5px solid #F3F3F3;
        margin-bottom: -4px;
        padding: 2px 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-align: left;
        float: left;
    }
    
    .nav-download a,
    .nav-download h2 {
        FONT-SIZE: 12px;
        COLOR: #666666;
        font-weight: bold;
        height: 35px;
        background-color: #F3F3F3;
        display: block;
        line-height: 35px;
        margin: 0 auto;
        border: solid 3px #fff;
        padding: 0 0 0 10px;
        /*Transition*/
        transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
    }
    
    #nav-download-selected,
    .nav-download a:hover {
        background-color: #CCC!important;
    }
    
    .nav-download h2 {
        color: #fff;
        background-color: #036;
        font-size: 1.1em;
        font-family: "Arial";
        font-weight: bold;
    }
    /*-----------------------------------------Thunderbolt Intro Page-----------------------------------------*/
    
    .line-h {
        background: url(../images/Device/RS/Thunderbolt/thunderbolt_overview_bg_line_h.jpg)bottom left no-repeat;
        padding-top: 2em;
        border: 0;
        height: 10px;
        clear: both;
    }
    
    .wrap-row-product {
        width: 950px;
        padding-top: 1em;
        background-color: #fff;
        float: left;
        overflow: auto;
    }
    
    .wrap-row-product h1 {
        margin-left: 20px;
        font-size: 16px;
        color: #1756BF;
        padding-bottom: 1em;
    }
    
    .wrap-product-box {
        width: 290px;
        float: right;
        padding-left: 5px;
        overflow: auto;
    }
    
    .product-description {
        text-align: left;
        background: url(../images/Device/RS/Thunderbolt/thunderbolt_overview_bg_list.gif) bottom left no-repeat;
        padding-bottom: 1em;
    }
    
    .product-description ul {
        padding: 1em 0 0 12px;
        clear: both;
    }
    
    .product-description ul li {
        font-size: 12px;
        line-height: 16px;
        color: #626262;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0 4px no-repeat;
        margin-bottom: 1em;
        padding: 0 5px 0 15px;
    }
    
    .product-title h2,
    .product-title-special h2 {
        font-size: 14px;
        line-height: 16px;
        margin-top: 12px;
        padding-left: 14px;
    }
    
    .product-title p,
    .product-title-special p {
        font-size: 12px;
        color: #FFF;
        font-weight: bold;
        line-height: 14px;
        margin-top: -6px;
        padding-left: 14px;
    }
    
    .product-title:hover a:link,
    .product-title:hover a:visited,
    .product-title:hover a:active {
        color: #3FF!important;
    }
    
    .product-title a:link,
    .product-title a:visited,
    .product-title:active {
        /*Transition*/
        color: #000;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s sease-in-out;
        behavior: url(http://www.highpoint-tech.com/CSS/iecss3/ie-css3.htc);
    }
    
    .product-title {
        float: left;
        background: url(../images/Device/RS/Thunderbolt/thunderbolt_overview_h2_list.jpg) no-repeat left top;
        width: 290px;
        height: 60px;
        display: block;
    }
    /*-----------------------------------------Only for RS6328L, RS6324L-----------------------------------------*/
    
    .product-title-special a:hover {
        color: #3FF!important;
    }
    
    .product-title-special a:link,
    .product-title-special a:visited,
    .product-title-special:active {
        /*Transition*/
        color: #000;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s sease-in-out;
        behavior: url(http://www.highpoint-tech.com/CSS/iecss3/ie-css3.htc);
    }
    
    .product-title-special {
        float: left;
        background: url(../images/Device/RS/Thunderbolt/thunderbolt_overview_h2_list.jpg) no-repeat left top;
        width: 290px;
        height: 60px;
        display: block;
    }
    /*-----------------------------------------Showbox-----------------------------------------*/
    
    .showbox {
        width: 360px;
        height: 303px;
        vertical-align: middle;
        text-align: middle;
    }
    
    .tx-block-menu {
        margin-top: 10px;
        width: 360px;
        overflow: hidden;
        text-align: center;
    }
    
    .tx-block-menu a {
        margin-right: 16px;
    }
    
    .tx-block-menu a img {
        width: 67px;
        height: 67px;
        border: 1px solid #e5e5e5;
        vertical-align: middle;
    }
    /*-----------------------------------------Click Button-----------------------------------------*/
    
    .click {
        background: url(../images/Device/RS/Thunderbolt/product_page_rs6328_button_click.jpg) top left;
        display: block;
        margin: 1em auto;
        width: 244px;
        height: 33px;
    }
    
    .click:hover {
        background-position: bottom left;
    }
    
    .click-performance {
        background: url(../images/Device/RS/Thunderbolt/product_page_rs6328_button_click_performance.png) top left;
        display: block;
        margin: 1em auto;
        width: 173px;
        height: 33px;
    }
    
    .click-performance:hover {
        background-position: bottom left;
    }
    /*----------------------------------Accessories---------------------------------------------*/
    
    .accessories--table a,
    .accessories--table a:visited {
        color: #666;
        display: block;
    }
    
    .accessories--table a:hover {
        text-decoration: underline;
        color: #09F;
    }
    
    .accessories--table thead td {
        background: #efefef;
        font-weight: bold;
    }
    
    .accessories--table td {
        padding: 0.3em 0.5em;
        text-align: center;
    }
    
    .accessories--table .left {
        text-align: left;
    }
    
    .footer {
        color: #bebebe;
        font-size: 11px;
        text-align: right;
        margin-right: 1em;
        clear: both;
    }
    /***----------------------------------------------------------Solution----------------------------------------------------------------------***/
    
    .solution--table a,
    .solution--table a:visited {
        color: #666;
        display: block;
    }
    
    .solution--table a:hover {
        text-decoration: underline;
        color: #09F;
    }
    
    .solution--table td {
        padding: 0.3em 0.5em;
        text-align: center;
        color: #666;
        font-size: 14px!important;
        line-height: 20px;
    }
    
    .solution--table-col {
        text-align: left!important;
        background: #efefef;
        font-weight: bold;
        width: 30%;
    }
    /*--------------------------UL--------------------------------*/
    
    .list--ul {
        margin-bottom: 2em;
        font-size: 1.2em;
        padding-left: 0;
    }
    
    .list--ul li {
        line-height: 1.5em;
        text-align: left;
        font-size: 1em;
        color: #666;
        background: url(../images/RAID/6Gb_SAS-SATA_RAID/SAS6_Public/blue_point.gif) 0 0.6em no-repeat;
        padding-left: 1em;
        margin-bottom: 0.5em;
        list-style-type: none;
    }
        .list--ul li ul {
        margin-top: 0.5em;
    
    }
    .list--ul li.indent {
        margin-left: 2em;
    }
    /*--------------------------OL--------------------------------*/
    
    .list--ol {
        margin-bottom: 2em;
        font-size: 1.2em;
    }
    
    .list--ol h1 {
        font-size: 1em;
        font-weight: bold;
        color: #666;
        text-indent: -2.5em;
    }
    
    .list--ol li {
        list-style-type: decimal;
        line-height: 1.5em;
        text-align: left;
        font-size: 1em;
        color: #666;
        padding-left: 0;
        margin-bottom: 0.5em;
    }
    /*------------------------Button 4Kn--------------------------------------*/
    
    .button-4kn-wrap {
        position: relative;
        width: 70px;
        height: 70px;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    
    .button-4kn-link,
    .button-contact-sales-link {
        position: absolute;
        display: block;
        width: 70px;
        height: 70px;
        background: url(../images/page/support-4kn-logo.jpg) left;
        /*Transition*/
        transition: opacity .15s ease-in-out;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
    }
    
    .button-4kn-hover,
    .button-contact-sales-hover {
        background: url(../images/page/support-4kn-logo.jpg) right;
        display: block;
        width: 70px;
        height: 70px;
    }
    
    .button-4kn-link:hover {
        opacity: 0;
    }
    /*------------------------Button Contact Sales----------------------------------*/
    
    .button-contact-sales-link {
        background: url(../images/page/btn-contact-sales.jpg) left;
    }
    
    .button-contact-sales-hover {
        background: url(../images/page/btn-contact-sales.jpg) right;
    }
    
    .button-contact-sales-link:hover {
        opacity: 0;
    }
    /************************Support  Pages********************************/
    
    .support-tel {
        color: #F30;
        font-weight: bold;
    }
    /************************Container********************************/
    
    .wrap-row {
        overflow: auto;
        clear: both;
    }
    /*******************************************Storage Solution****************************************/
    
    .tower-storage-enclosure-header {
        position: relative;
        height: 300px;
        background-position: left top;
        background-repeat: no-repeat!important;
    }
    
    .tower-storage-enclosure-header.tower {
        text-align: right;
        background: url(../images/page/tower-raid-storage-enclosure-header-rs6314a.png) left 1.3em;
    }
    
    .tower-storage-enclosure-header.tower h1 {
        margin: 2em 0 0;
        padding: 0
    }
    
    .tower-storage-enclosure-header.tower h2 {
        font-size: 1.5em;
        margin: 1em 0 0;
        color: #666;
    }
    
    .tower-storage-enclosure-header.rackmount {
        background: url(../images/page/tower-raid-storage-enclosure-header-rackmount.png) 0 5em;
    }
    /*----------------Button-----------------*/
    
    .matrix-button {
        -moz-box-shadow: inset 0px 0px 18px 5px #0099ff;
        -webkit-box-shadow: inset 0px 0px 18px 5px #0099ff;
        box-shadow: inset 0px 0px 18px 5px #0099ff;
        background-color: #0099ff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #0099ff;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 18px;
        padding: 5px 23px;
        text-decoration: none;
        text-shadow: 0px 0px 0px #00d5ff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .matrix-button:hover {
        background-color: #00d5ff;
    }
    
    .matrix-button-2 {
        -moz-box-shadow: inset 0px 0px 18px 5px #696969;
        -webkit-box-shadow: inset 0px 0px 18px 5px #696969;
        box-shadow: inset 0px 0px 18px 5px #696969;
        background-color: #ababab;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #5e5e5e;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 18px;
        padding: 5px 23px;
        text-decoration: none;
        text-shadow: 0px 0px 0px #ffffff;
        margin-left: 1em;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .matrix-button-2:hover {
        background-color: #d1d1d1;
    }
    
    .matrix-button-3 {
        background-color: #fff;
        -moz-border-radius: 90px;
        -webkit-border-radius: 90px;
        border-radius: 90px;
        border: 1px solid #999;
        margin-right: 1em;
        display: inline-block;
        cursor: pointer;
        color: #666;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 23px;
        text-decoration: none;
        text-shadow: 0px 0px 0px #00d5ff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .matrix-button-3:hover {
        color: #06f;
        border: 1px solid #06f;
    }
    
    .matrix-button-3:first-child {
        margin-left: 0!important;
    }
    
    .matrix-button-3:last-child {
        margin-right: 0!important;
    }
    /*---------------------------------------Product Box------------------------------------------*/
    
    .product-box {
        display: block;
        float: right;
        margin-top: 1em;
    }
    
    .product-box .bg,
    .product-box .bg-special {
        display: block;
        height: 3.5em;
        -moz-box-shadow: inset 0px 1px 23px 0px #0078c8;
        -webkit-box-shadow: inset 0px 1px 23px 0px #0078c8;
        box-shadow: inset -30px -30px 100px 0px #0078c8;
        background-color: #00ccff;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px 6px 0 0;
        border: 1px solid #66c4ff;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 1em 0 0;
    }
    
    .product-box .bg:hover a,
    .product-box .bg-special a:hover {
        color: #0FF;
    }
    
    .product-box .bg a,
    .product-box .bg-special a {
        color: #000;
        font-size: 1em;
        margin-left: 0.5em;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .product-box .bg p,
    .product-box .bg-special p {
        color: #fff;
        font-size: 0.8em;
        margin: 0 0 0 0.5em;
        padding: 0.5em 0 0 0;
    }
    
    .product-box .description {
        display: block;
        height: 11em;
        padding-top: 1em;
        padding-left: 1em;
        border: solid 1px #ccc;
    }
    /*------------------------------------------------------------*/
    
    .product-box-image {
        float: left;
        margin: 2em 0 0 0;
    }
    /*----------------------------------------------------------------*/
    
    .product-box.tower {
        width: 54%;
        height: 19em;
    }
    
    .product-box.rackmount {
        width: 50%;
        height: 19em;
    }
    
    .product-box.thunderbolt {
        width: 288px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 0 0 6px 6px;
    }
    
    .product-box.thunderbolt .description {
        height: 14em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 0 0 6px 6px;
        padding-left: 0.5em;
    }
    /************************************* Line *****************************************/
    
    .h-line {
        display: block;
        height: 1em;
        background: url(../images/page/line-h.jpg) no-repeat bottom center;
        margin: 2em 0 2em;
        padding: 0;
        clear: both;
        border: none;
    }
    /****/
    /******************************************* Thunderbolt ****************************************/
    
    .thunderbolt-header {
        position: relative;
        height: 250px;
        background-position: left top;
        background-repeat: no-repeat!important;
    }
    
    .thunderbolt-header.storage-solution {
        background: url(../images/page/thunderbolt-storage-solution-header.png) right top;
    }
    
    .thunderbolt-header.expansion {
        background: url(../images/page/thunderbolt-expansion-header.png) right top;
    }
    
    .thunderbolt-header.adapter {
        background: url(../images/page/thunderbolt-adapter-header.png) right top;
    }
    /************************************** Box *********************************************/
    
    .left-box {
        float: left;
        width: 49.7%;
    }
    
    .right-box {
        float: right;
        width: 49.7%;
    }
    
    .thunderbolt-category a {
        font-size: 0.85em!important;
    }
    
    .thunderbolt-category p {
        font-size: 0.80em!important;
        font-weight: normal!important;
    }
    
    .thunderbolt-category li {
        font-size: 0.85em!important;
    }
    
    .thunderbolt-category .left-box img,
    .thunderbolt-category .right-box img {
        float: left;
        padding-top: 3em;
    }
    
    .thunderbolt-category h2 {
        margin-top: 2em;
    }
    
    .thunderbolt-category .product-box {
        margin-top: 1em;
    }
    
    .thunderbolt-category .product-box span {
        color: #000;
    }
    
    .thunderbolt-category .list--ul.header {
        font-size: 1.5em;
        font-weight: bold;
    }
    
    .thunderbolt-category .list--ul.header li {
        color: #06F;
    }
    
    .thunderbolt-category .note {
        background: none!important;
    }
    /*********************************** Product Banner******************************/
    
    .product-banner {
        margin: 0 0 1em;
        text-align: left;
        position: relative;
        display: block;
        width: 860px;
        height: 200px;
        /**/
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background-image: url(../images/page/rs6424ts-banner.png);
    }
    
    .product-banner.thunderbolt.rs6414as {
        background: url(../images/page/rs6414as-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt.rs6418as {
        background: url(../images/page/rs6418as-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt.rs6414ts {
        background: url(../images/page/rs6414ts-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt.rs6418ts {
        background: url(../images/page/rs6418ts-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt.rs6414vs {
        background: url(../images/page/rs6414vs-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt.rs6414s-rs6418s {
        background: url(../images/page/rs6414s-rs6418s-header.png) no-repeat top left;
    }
    
    .product-banner.thunderbolt.rs6318a {
        background: url(../images/page/rs6318a-banner.png) no-repeat top left;
        height: 225px;
    }
    
    .product-banner.thunderbolt .title {
        margin-left: 15em;
        margin-top: 2em;
    }
    
    .product-banner.thunderbolt .title.rs6414xs {
        margin-left: 24em;
        margin-top: 2em;
    }
    
    .product-banner.thunderbolt h1 {
        margin: 0;
        padding: 0
    }
    
    .product-banner.thunderbolt h2 {
        color: #046DD6;
        font-weight: bold;
        font-size: 1.5em;
    }
    
    .product-banner.thunderbolt .icon {
        position: absolute;
        top: 58px;
    }
    
    .product-banner.thunderbolt .icon.rs6414xs {
        right: 0;
        top: 13em;
    }
    /*Rackmount*/
    
    .product-banner.rackmount-rs6422ts {
        background: url(../images/page/rs6422ts-banner.png) no-repeat left 6em;
        height: 300px;
    }
    
    .product-banner.rackmount-rs6422as {
        background: url(../images/page/rs6422as-banner.png) no-repeat left 6em;
        height: 300px;
    }
    
    .product-banner.rackmount-rs6424ts {
        background: url(../images/page/rs6424ts-banner.png) no-repeat left 6em;
        height: 300px;
    }
    
    .product-banner.rackmount-rs6421vs {
        background: url(../images/page/rs6421vs-banner.png) no-repeat left 6em;
        height: 300px;
    }
    /************************* Link ***********************************/
    
    .nav-top,
    .nav-top a:link,
    .nav-top a:visited {
        font-family: Arial;
        font-size: 16px!important;
        color: #04a;
        font-weight: bold;
        line-height: 30px;
    }
    
    .nav-top a:hover {
        color: #09F;
    }
    /*-----------------------------------------NAV-----------------------------------------*/
    
    .nav-flat,
    .nav-flat a,
    .nav-flat a:visited {
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #04a;
        text-decoration: none;
    }
    
    nav-flat a:hover {
        text-decoration: underline;
    }
    /*-----------------------Matrix Table-------------------*/
    
    .matrix {
        margin: 0 0 1.5em;
    }
    
    .matrix thead td,
    .matrix .sub-title {
        background: #F2F2F2;
        font-weight: bold;
        height: 2em;
        line-height: 2em;
        vertical-align: bottom;
        padding-left: 0.5em;
        font-size: 14px;
        text-align: left;
    }
    
    .matrix tbody td {
        color: #666;
        height: 2em;
        line-height: 2em;
        vertical-align: bottom;
        padding: 0.5em 0 0.5em 0.5em;
        font-size: 14px;
        text-align: left;
    }
    
    .matrix .dark td,
    .matrix .main-title td {
        background: #666;
        color: #FFF;
        font-weight: bold;
        font-size: 14px;
        height: 2em;
        line-height: 2em;
        vertical-align: bottom;
        padding-left: 0.5em;
        font-size: 14px;
        text-align: left;
    }
    
    .matrix tbody tr {
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }
    
    .matrix tbody tr:hover {
        background: #F5F5F5;
    }
    
    .matrix ul {
        margin: 1em 0;
    }
    
    .matrix sup {
        position: relative;
        color: #F00;
    }
    
    .matrix .list--ul {
        font-size: 14px;
    }
    /***********************Product Support******************************/
    
    .product-support {
        width: 615px;
        float: right;
        margin-top: 9px;
        vertical-align: top;
    }
    
    .product-support:after {
        clear: right;
    }
    
    .product-support thead td {
        background: #003366;
        color: #fff;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0.5em 0.5em;
    }
    
    .product-support td {
        padding: 0.5em;
    }
    
    .product-support a,
    .product-support a:visited {
        padding-right: 0.5em;
        color: #333;
        text-decoration: none;
    }
    
    .product-support a:hover {
        text-decoration: underline;
    }
    
    .product-support tbody tr:hover {
        background: #F0F0F0;
    }
    
    .product-support tr td:nth-child(1) {
        width: 60%;
    }
    
    .product-support tr td:nth-child(2),
    .product-support tr td:nth-child(3) {
        width: 20%;
        text-align: center;
    }
    
    .product-support tbody tr,
    .product-support tbody td {
        transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
    }
    
    .clear {
        clear: both;
    }
    /******************************************Transition***********************************************/
    /*Hover Short*/
    
    .transition-short li,
    .transition-short tbody td {
        transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
    }
    /*Border Radius*/
    
    .round li {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    /******************************** Spry Gallery *****************************************/
    
    .spry-gallery-wrap {
        margin: 0.5em;
    }
    
    .spry-gallery-wrap li {
        float: left;
        display: block;
        width: 150px;
        height: 150px;
        border: solid 1px #ccc;
        padding: 0.4em;
        text-align: center;
        margin: 0 0.5em 0.5em 0;
    }
    
    .spry-gallery-wrap li:hover {
        border: solid 1px #666;
    }
    /**************************IFRAME***********************************/
    
    iframe {
        border: "none";
    }
    /**************************Download Table***********************************/
    
    .download-table {
        width: 100%;
        margin-bottom: 1em;
    }
    
    .download-table td {
        padding: 0.3em 0.2em;
        text-align: center;
        font-size: 0.8em;
    }
    
    .download-table .gray-title {
        background: #CCC;
        font-weight: bold;
        color: #333;
    }
    
    .download-table,
    .download-table td,
    .download-table tr {
        /*Border Color*/
        border-color: #000;
    }
    
    .download-table .gray,
    .download-table thead td {
        background: #E3E3E3;
    }
    
    .download-table thead td {
        font-weight: bold;
    }
    
    .download-table .blue {
        background: #DFEFFF
    }
    
    .download-table tr td:first-child {
        width: 30%;
        text-align: left;
        font-weight: bold;
    }
    
    .download-table thead tr td:first-child {
        background: #fff;
    }
    
    .download-table .col-4 td:nth-child(2),
    .download-table tr td:nth-child(3),
    .download-table tr td:nth-child(4) {
        width: 17.5%;
    }
    
    .download-table a,
    .download-table a:visited {
        color: #003366;
        text-decoration: none;
    }
    
    .download-table a:hover {
        color: #06F;
        font-weight: bold;
    }
    /**************************Spec Table************************/
    
    .spec-table {
        width: 100%;
    }
    
    .spec-table td {
        color: #626262;
        padding: 0.5em!important;
        line-height: 1.5em;
    }
    
    .spec-table thead td {
        background: #C6C6C6!important;
        color: #333;
        font-weight: bold;
    }
    
    .spec-table td:nth-child(1) {
        /*background: #f9f9f9;*/
        background: #fff;
        text-align: left!important;
        width: 27%;
    }
    /*Button - Learn More*/
    
    .btn-learn-more-blue {
        display: block;
        width: 155px;
        height: 20px;
        background: url(../images/page/btn-click-learn-more-blue.png) top left;
    }
    
    .btn-learn-more-blue:hover {
        background-position: bottom left;
    }
    /***------------------------------------------------------------Product Matrix-------------------------------------------------------------***/
    
    .product-matrix--logo {
        /*----------------Logo-----------------*/
        float: right;
        width: 330px;
        height: 60px;
        background: url(../images/page/product-matrix--logo.png) right top;
    }
    
    .wrap--product-matrix--thunderbolt td {
        font-size: 0.8em;
        line-height: 1.2em!important;
    }
    
    .wrap--product-matrix--thunderbolt h3 {
        font-size: 1.3em;
        margin: 1em 0 0.2em;
        color: #03C;
    }
    
    .wrap--product-matrix--thunderbolt h2 {
        margin: 0 0 2em;
    }
    /*--------------------------------------------Button - Show All-----------------------------------*/
    
    .wrap--product-matrix--thunderbolt a:hover {
        text-decoration: none;
    }
    
    .wrap--product-matrix--thunderbolt .button-area {
        position: relative;
        display: block;
        top: 1.5em;
        height: 20px;
    }
    
    .wrap--product-matrix--thunderbolt .button-area a {
        position: absolute;
        top: -0.2em;
        right: -1em;
    }
    /*---------------------------Main Layer: Content-List (UP), Content All (Down)----------------------------*/
    
    .wrap--product-matrix--thunderbolt .content-all {
        display: block;
        /*---------------------------要修改.content-All要打開 --------------------------------*/
    }
    
    .wrap--product-matrix--thunderbolt .tab-container {
        min-height: 800px;
        margin: -1em 0 0;
    }
    /*----------------------------Tab Button----------------------------*/
    
    .wrap--product-matrix--thunderbolt ul,
    li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .wrap--product-matrix--thunderbolt .wrap-tab {
        clear: left;
        width: 100%;
        padding: 0!important;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs {
        width: 100%;
        overflow: auto;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li {
        float: left;
        width: 160px;
        overflow: hidden;
        margin-right: 9px;
        padding: 0;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li a {
        display: block;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li a:hover {
        background-position: bottom left;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li a.hover {
        background-position: right;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li.active {
        border-bottom: 1px solid #fff;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li.active a {
        background-position: top right;
    }
    
    .wrap--product-matrix--thunderbolt ul.tabs li.active a:hover {
        background-position: top right;
    }
    
    .wrap--product-matrix--thunderbolt div.tab-container {
        clear: left;
        width: 100%;
        padding: 0;
    }
    
    .wrap--product-matrix--thunderbolt div.tab-container .tab-content {
        padding: 0;
    }
    
    .wrap--product-matrix--thunderbolt div.tab-container .tab-content h2 {
        margin: 0 0 20px;
    }
    /*------------------------------------Font----------------------------------------*/
    
    .wrap--product-matrix--thunderbolt .table-bored h3 {
        text-align: left;
        font-size: 18px!important;
        margin: 0.4em 0;
        color: #000;
        /*  text-shadow: 1px 1px 0px rgba(247, 247, 247, 1);*/
    }
    /*-------------------------------------------------------Table---------------------------------------------------------*/
    
    .wrap--product-matrix--thunderbolt .table-bored {
        border-left: #DBDBDB 1px solid;
        border-top: #DBDBDB 1px solid;
    }
    
    .wrap--product-matrix--thunderbolt .table-bored td {
        color: #000;
        padding: 0.5em 0.5em;
        height: 2em;
        line-height: 2em;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container thead td {
        background: #333;
        color: #fff;
        font-weight: bold;
        line-height: 1em;
        height: 1em;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container thead .darker {
        background: #666;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container tbody tr:hover td {
        background: #68A9F9;
        cursor: pointer;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container tbody:hover .hover-td {
        background: #68A9F9;
        color: #fff;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container tbody tr:hover a,
    .wrap--product-matrix--thunderbolt .tab-container tbody tr:hover td {
        color: #fff;
    }
    
    .wrap--product-matrix--thunderbolt .tabs a {
        display: block;
        width: 160px;
        height: 160px;
        background-repeat: no-repeat;
    }
    /*---------------Button-------------*/
    
    .wrap--product-matrix--thunderbolt .btn-tbt-adapter {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_adapter.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-tbt-storage {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_storage.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-tbt-dock {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_dock.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-tbt-io-dock {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_io_dock.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-tbt-expansion {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_expansion.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-server-hw-raid-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_server_storage_hw_raid_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-server-sw-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_server_storage_sw_raid_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-server-sata-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_server_storage_sata_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-consumer-dock {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_consumer_storage_drive_dock.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-consumer-sata-raid-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_consumer_sata_raid_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-consumer-sata-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_consumer_sata_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .btn-consumer-u3-hba {
        background: url(../images/Device/RS/Thunderbolt/product_matrix_consumer_u3_hba.png);
    }
    
    .wrap--product-matrix--thunderbolt .button-showall {
        display: none;
        width: 105px;
        height: 19px;
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_showall.png);
        margin: 0.5em 1em 0.5em 0;
        float: left;
    }
    
    .wrap--product-matrix--thunderbolt .button-showall:hover {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_showall.png) bottom;
    }
    
    .wrap--product-matrix--thunderbolt .button-backtolist:hover {
        background: url(../images/Device/RS/Thunderbolt/product_matrix--button_backtolist.png) bottom;
    }
    /*--------------------------------Link--------------------------------*/
    
    .wrap--product-matrix--thunderbolt .tab-container a,
    .tab-container a:visited {
        color: #000;
    }
    
    .wrap--product-matrix--thunderbolt .tab-container a:hover {
        color: #03F;
    }
    /*-----------------------------------------NAV-----------------------------------------*/
    
    .nav-flat,
    .nav-flat a,
    .nav-flat a:visited {
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #04a;
        text-decoration: none;
    }
    
    nav-flat a:hover {
        text-decoration: underline;
    }
    /*----------------------------------Button-----------------------------------------*/
    
    .btn--click-learn-more {
        display: block;
        width: 155px;
        height: 20px;
        background: url(../images/page/btn_click_learn_more.png) top left no-repeat;
    }
    
    .btn--click-learn-more:hover {
        background-position: bottom left;
    }
    /*-----------------------------Icon----------------------------------*/
    
    .icon-triangle {
        background: url(../image_new/arrow_b.gif) no-repeat left center;
        padding-left: 18px;
        padding-right: 2px;
        background-position: 6px;