/*-----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-----------------------------------------*/
.scroll-none {
        overflow-y: hidden!important;
}

.line-h {
        background: url(../images/Device/RS/Thunderbolt/thunderbolt_overview_bg_line_h.jpg)bottom left no-repeat;
        background-size: 100% auto;
        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) right;
        /*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) left;
        display: block;
        width: 70px;
        height: 70px;
}

.button-4kn-link:hover {
        opacity: 0;
}

/*------------------------Button Authorized Reseller--------------------------------------*/
    
.button-reseller-wrap {
        position: relative;
        width: 70px;
        height: 70px;
        margin-top: 1em;
        margin-bottom: 2em;
}

.button-reseller-link, .button-reseller-link {
        position: absolute;
        display: block;
        width: 70px;
        height: 70px;
        background: url(../images/page/btn-reseller.jpg) right;
        /*Transition*/
        transition: opacity .15s ease-in-out;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
}

.button-reseller-hover, .button-reseller-hover {
        background: url(../images/page/btn-reseller.jpg) left;
        display: block;
        width: 70px;
        height: 70px;
}

.button-reseller-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-----------------*/
.wrap-tbt-3-video {
        width: 250px;
        height: 205px;
        background: url(../images/page/wrap-tbt-3-video.png);
        background-repeat: no-repeat;
        position: relative;
        margin-top: 2em
}

.btn-tbt-3-video {
        position: absolute;
        bottom: 37px;
        right: 85px;
        display: block;
        width: 73px;
        height: 40px;
        background: url(../images/page/btn-tbt-3-video.png);
        background-position: top left;
        border: 1px solid #fff;
}

.btn-tbt-3-video:hover {
        background: url(../images/page/btn-tbt-3-video.png);
        background-position: bottom left;
}

.btn-rs {
        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;
}

.btn-rs, .btn-rs a {
        color: #666;
        font-weight: bold;
        -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;
}

.btn-rs a.single:hover {
        text-decoration: underline
}

.btn-rs:hover {
        border-color: #06f;
        color: #06f;
}

.btn-rs:hover a, .btn-rs:hover a:visited, .btn-rs:hover a:active {
        color: #06f;
}

.matrix-button {
        -moz-box-shadow: inset 0px 0px 18px 5px #06f;
        -webkit-box-shadow: inset 0px 0px 18px 5px #06f;
        box-shadow: inset 0px 0px 18px 5px #06f;
        background-color: #09f;
        -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: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.single {
        width: 100%;
}

.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 {
        width: 50%;
        float: left;
}

.right-box {
        width: 50%;
        float: right;
}

.tbt-3-category .left-box {
        float: left;
        width: 25%;
}

.tbt-3-category .right-box {
        float: right;
        width: 75%;
}

.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-orange {
        font-weight: bold;
        color: #fff;
 padding: 0.25em 4.5em;
line-height: 2em;
 -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
  background: rgba(251,116,0,1);
        background: -moz-linear-gradient(top, rgba(251,116,0,1) 0%, rgba(227,102,0,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,116,0,1)), color-stop(100%, rgba(227,102,0,1)));
        background: -webkit-linear-gradient(top, rgba(251,116,0,1) 0%, rgba(227,102,0,1) 100%);
        background: -o-linear-gradient(top, rgba(251,116,0,1) 0%, rgba(227,102,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(251,116,0,1) 0%, rgba(227,102,0,1) 100%);
        background: linear-gradient(to bottom, rgba(251,116,0,1) 0%, rgba(227,102,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7400', endColorstr='#e36600', GradientType=0 );
}
.btn-learn-more-orange:hover{
        background: #D00;
        }
.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;
}

/*-----------------------------Fix----------------------------------*/	
.clearfix {
        clear: both;
}

a {
        outline: 0;
}

.rwd-img {
        width: 100%;
        height: auto;
}

/*-----------------------------Border----------------------------------*/	
.border-basic {
        border: solid 1px #666;
        overflow: auto;
}

.border-dotted {
        border: 1px dotted #ccc;
}

hr.gray {
        height: 0;
        width: 100%;
}

/*-----------------------------Spec Inner Page----------------------------------*/	     
.spec-inner-page .thumb {
        max-height: 20%;
}

.spec-inner-page .thumb img {
        max-width: 300px;
        text-align: center;
        margin-bottom: -1em;
}

.spec-inner-page .diagram {
        max-height: 70%;
}

.spec-inner-page .diagram img {
        clear: both;
        text-align: center;
        max-width: 380px;
}

.spec-inner-page .line-h {
        margin-top: 0;
}

/*-----------------------------Show Hide layer----------------------------------*/	  
#btn_show_2 {
        margin: 2em 2em 4em;
        float: right;
}

.wrap-show-hide-layer-hide {
        display: none;
        background: #fff;
        width: 100%;
        height: 100%;
}

/*-----------------------------Global----------------------------------*/	
.height-100 {
        height: 100%;
}

.note-sm {
        font-size: 11px;
        color: #999;
}

/*-----------------------------Link----------------------------------*/	
.. {
 text-align: center;
 width: 100%;
}
 . .btn-rs.btn-rs.btn-rs {
 text-align: center;
 min-width: 22%;
 margin-right: 2%;
 padding-left: 0;
 padding-right: 0;
}
 . .btn-rs:last-child.btn-rs:last-child.btn-rs:last-child {
 margin-right: 0;
}